* {                                   /* -> é Padrao Rezete Geral todos os Elementos para ficar igual a todos os navegadores */ 
    margin:0;
    padding:0; 
    /*border:0;*/ 
    box-sizing: border-box; 
}          

body {                                 /* -> Tag body                     */  
    margin:1px;                        /* -> margin 0 Padrao              */ 
    /* padding:0;                      /* -> espaçamento padding 0        */  
    font-family: 'Open Sans';          /* -> Fontes Letra                 */
    font-size:14px;                    /* -> Tamanho Fonte Letra          */  
    overflow-x: hidden;                /* todo o conteudo que ultrapassar a horizontal fica ignorado, tira a barra rolagem de baixo */ 
                                       /* tira a barra rolagem de baixo   */
}

header {                               /* -> Cabeçalho -> Tag 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;*/
    
    display:flex;                      /* -> auxilia justify-content:center;                                  */
    justify-content:center;            /* -> alinha centraliza o Cabeçalho <header> no centro da linha junto com display:flex */
    /* width:1250px;                   /* -> Largura: width:auto;  ->    .default .section-body        */
    /* height:95px;                    /* -> Altura                              */ 
    height:75px;                      /* -> Altura                              */ 
    background-color:#FFFFFF;          /* -> Quadrado Fundo Cor Branco           */  
    /* margin:auto;                    /* -> Margin:auto; Centraliza o Cabeçalho igual ao Flex e Justify      */
    
}


.container {                           /* -> Class container                               */
    display:flex;                      /* -> coloca o HomeMenuContato na mesma linha centralizado um do lado do outro*/  
    justify-content:space-between;     /* -> faz espaçamento HOME  MENU  CONTATO um do lado do outro*/
    /*width:1150px;                    /* -> Largura -> width:auto;                        */
    /*width:1025px;                    /* -> Largura -> width:auto;                        */
    width: 990px;                      /* -> Largura -> width:auto;                        */ 
    /* background-color:#EEE;          /* -> Quadrado Fundo Cor Cinza DDD A9A9A9 FFFAFA    */
}

.nome { 
    font-size:24.5px;            
    color:#2674ae;
    /*color:#37639a;*/
    text-decoration:none;
}
.nomet a{ 
    font-size:24.5px;            
    color:#2674ae;
    /*color:#37639a;*/
    text-decoration:none;
}

.logo {                                /* -> Class logo  no Cabeçalho                       */
    /*width: 100px;                 */ /* -> espaço entre a logo e Menu  HOME MENU CONTATO  */
    /*background-color:#FFFFFF;     */ /* -> Quadrado Fundo Cor Banco                       */ 
    display:flex;                      /* -> coloca a imagem no centro da linha no HEADER   */
    align-items:center;                /* -> alinha a imagem no centro da Altura Coluna NO HEADER */   
}

.logo img{  
    margin-left:0px;
    margin-top:10px;
    width: 95px;                
    height: 80px;
}

/*
.logoimg {
    width:65px;
    height:70px;
    background-color:#FFFFFF;          /* -> Quadrado Fundo Cor Banco                      */  /*
}
*/

.redesocial :hover {                         /* -> Class logo  no Cabeçalho                       */
    /* width:0px;                            /* -> espaço entre a logo e Menu  HOME MENU CONTATO  */
    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  */
}

.menu {                                /* -> Class Menu                                    */
    /* flex:1;                         /* -> coloca Menu HOME MENU FALECONOSCO lado esquerdo ao lado da imagem */
    display:flex;                      /* -> coloca a imagem no centro da Altura no HEADER */
    align-items:center;                /* -> alinha centraliza a imagem no centro da altura Coluna NO HEADER */ 
    /*margin-top: 8px;*/
}
nav ul,                                /* -> Tag Nav ul                                    */
nav li {                               /* -> Tag Nav li                                    */
    list-style: none;                  /* -> tira os pontilhados pontinhos da Li  MENU     */
    margin:0;                          /* -> margin 0 Padrao                               */ 
    padding:0; 
}
nav ul {                               /* -> Tag Nav ul                                    */
    display:flex;                      /* -> coloca o HomeMenuContato na mesma linha centralizado um do lado do outro*/
}
nav a {                                /* -> Tag Nav a                                     */
    display:block;                     /* -> pega toda a area do quadrado e torna um link Permite alterar o conteudo, o tamanho a area do link para ficar grande */
    text-decoration:none;              /* -> tira do sublinhado HOME  MENU  CONTATO        */
    padding:10px 15px 10px 15px;       /* -> Altura e Comprimento e Espaco de Area o quadrado que esta dentro do HOME fundo azul  */
    /*text-transform:uppercase;    */  /* -> transforma tudo em Maisculo                   */
    color:#666666;                     /* -> Cor Cinza HOME  MENU  CONTATO                 */
    font-family:Arial;                 /* -> Fonte     HOME  MENU  CONTATO                 */
}
nav .active a,                         /* -> Class Active dentro a Tag nav e a             */
nav a:hover {                          /* -> Hover quando passar o mouse Quadrado Fundo Cor Azul e a palavra HOME Branco */
    /* background-color:#45a3c2;       /* -> Quadrado Fundo Cor Azul      */ 
    /* background-color:#39aae1;       /* -> Quadrado Fundo Cor Azul      */
    color:#2674ae;                     /* -> a palavra HOME Cor Azul      */
    /* color:#FFFFFF;                  /* -> a palavra HOME Cor Branco    */ 
    /* border-bottom:15px solid #FFFFFF;                                  */
    
}


/*
.menu li:hover {
   display: block;                      
} 
.menu li:hover .submenu {
   display: block;                      
} 
.submenu {   
    margin-top: 2px;
    width: 195px;
      *//*height: 150px;*//*                                                       
    background-color: #45a3c2;  
    position: absolute;                   
    display: none;                      
}
.submenuitem { 
    font-size: 11px;
    width: 195px;
    height: 1px;
    line-height: 5px;                                                                                                                           
}      
*/


/* Sliders */
main {                              
    /*margin: 0; */      
    display: flex;
    flex-direction: column;
}
.main {
    /*height: 0px;*/                 /*  Para o Cabeçaho Rolar      */
    height: 80px;                    /*  Para o Cabeçaho Nao Rolar  */
    /*background-color: #FFFFFF;*/ 
}
.sliders {
    width: 98.5vw;
    /*width: 100vw;*/
    height: 400px;
    /*background-size:cover; 06/05/21*/
    /*background-position:center; 06/05/21*/
    /* background-position:bottom; */
    overflow: hidden; /* tudo que passar da tela vai ser cortada e tira barra de rolagem */
}
.slide--width {
    height: 100%;
    display: flex;
    transition: all ease 0.3s;   /* transferencia de margin Left, faz o banner correr para direita */
}
.slide--item {
    width: 100vw;
    height: inherit;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    text-shadow: 0px 1px 1px #333;
    font-size: 50px;
}
.slide--controls {
    position: absolute;
    z-index: 99;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.slide--control {
    padding-left:20px;
    padding-right:40px;
    color:#FFF;
    font-size: 40px;
    /*width: 30px;            */
    /*height: 30px;           */
    /*background-color: #FFF; */
    /*border-radius: 50%;     */
    overflow: hidden;
    cursor: pointer;
}


/* Paginacao */
.column {                    /* faz com que a Paginacao fica centralizado debaixo das fotos dos Membros */ 
    flex-direction: column;  /* o conteudo que esta dentro do BANNER fica embraixo e faz alinhamento de columa um embaixo do outro */
}

#geral {                                  /* -> id BANNER vai posicionar a imagem do banner  */   
    display: flex;
    justify-content: center;              /* -> alinha centraliza o Cabeçalho <header> no centro a linha junto com display:flex */
}

.widget_titulo {
   margin-top: 55px;
   margin-bottom:12px;
}
.titulo_texto {
   color: #000000;
   font-size: 25px;
   font-weight: bold;
}
.titulo_barra {
   width: 90px;
   height: 3px;
   background-color: #36a9e1;
   margin-top: 10px;
}

.flex {
    display:flex;                         /* -> fica um do lado do outro */
    flex-wrap:wrap;                       /* -> faz quebra de linha      */
}

.fundo {
    background-color: #F2F2F2;            /* cinza claro  */
    /*background-color: #F7F7F7;*/        /* cinza claro  */
    /*background-color: #CCC;*/           /* cinza escuro */
}

article {
    flex:1;                               /* -> todos dos mesmo tamanhos os conteudos */
    min-width:320px;
    margin-right:10px;
}
article2 {
    /*flex:1;*/                         /* -> todos dos mesmo tamanhos os conteudos */
    margin-left:120px;
    margin-top:20px;
    margin-bottom:20px;    
    min-width:200px;
    /*height:270px;*/
    /*min-height:200px;*/  
}
article a {                               /* -> Tira o sublinhado do texto */
    text-decoration:none;
}
article .conte_imagem {
    margin-top:10px;
    /* transition:all 1s linear;   */
}
article .conte_imagem img {
    width:320px;      /* se tiver Botao Pointer */
    height:270px;     /* se tiver Botao Pointer */ 
    /*width:100%; */  /* se nao tiver botao Pointer e deleta l=267 */
    /*height:auto;*/  /* se nao tiver botao Pointer e deleta l=267 */
    
    background-color: #FFF;
    /* border: 8px solid red;     */
    /* border-radius: 40px;       */                  /* Arredonda a imagem */ 
    /* transition:all 1s linear;  */
}
/* article .conte_imagem:hover .conte_titulo_c {      */
article .conte_imagem:hover {
    width:320px; 
    /*height:270px;*/
    /*width: 100%;      */                            /* vai erdar o tamanho fotos_area */
    /*height: 225px;    */                            /* vai erdar o tamanho fotos_area */
    
    /*margin-left: 2px; */ 
    /*position: absolute;               */
    /*opacity: 0;                       */            /* some o Titulo dentro da Imagem */  
    /*border:1px solid #FFF;            */            /* Faz Bordas */
    /*box-shadow: 1px 1px 4px black     */            /* Faz Sombra */
    /*box-sizing: border-box;           */            /* Faz um Box dentro da Borda */
    /*transition: opacity 1s            */            /* Faz em 1s Exibir e sumir o Titulo ou Conteudo dentro da Imagem */
    /*transition: background-color 1s   */            /* Faz em 1s Exibir o fundo */
    /*display: flex;                    */
    
    /* background-color: hsla(165,81%, 93%, 0.5);     */
    background-color: rgba(0,0,0, .5);
    /* color: rgba(0,0,0, 0.1); */   
}
article2 .conte_imagem img {
    width:320px;      /* se tiver Botao Pointer */
    height:270px;     /* se tiver Botao Pointer */ 
    /*width:100%; */  /* se nao tiver botao Pointer e deleta l=267 */
    /*height:auto;*/  /* se nao tiver botao Pointer e deleta l=267 */
    
    background-color: #FFF;    
}

.fotos {
    /* flex: 1;                  */
    /*display: flex;             */
    /*flex-direction: column;    */
    /*align-items: center;       */
        
    padding-top: 30px;
    padding-bottom: 30px;
    font-weight: 600;
}
.container_fotos {
    width: 100vw;
    height:100%;
    max-width: 1100px;
    display: flex;
    flex-wrap: wrap;
    /*margin: auto;*/            /* Centraliza tudo no centro do BOX  */ 
    /*margin-left: 80px;     */
    margin-top: 30px;
    justify-content: center;
}

.fotos_area { 
    margin: 10px;
    margin-bottom: 20px;
    width: 260px; 
    height: 160px;
}
.fotos_area img {
    width: inherit;                          /* vai erdar o tamanho fotos_area */
    height: inherit;                         /* vai erdar o tamanho fotos_area */
}
.fotos_area-info {
    position: absolute; 
    background-color: rgba(0,0,0, 0.5);
    width: inherit;                          /* vai erdar o tamanho fotos_area */
    height: inherit;                         /* vai erdar o tamanho fotos_area */
    display: none;                           /* vai Desaparecer o TITULO o conteudo que esta dentro da imagem */
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #FFF;
}
.fotos_area-info h5 {
    /* width: 250px;   */
    /* height: 160px;  */
    font-size: 16px;
    font-weight: 600;
}
.fotos_area:hover .fotos_area-info {
    display: flex;                           /* vai Aparecer o TITULO o conteudo que esta dentro da imagem */
}
/*.fotos_mensagem a { */
.fotos_mensagem {
    /*display: block;         */
    /*align-items: center;    */
    /*background-color: #EEE; */
    /*color: #555;            */
    /*width: 250px;           */
    width: 195px;
    background-color: #B28756; 
    color: #FFF; 
    /*text-decoration: none;   /* -> tira do sublinhado CULTOS  CONGRESSOS  IGREJA  OUTROS */  
    /*font-size: 15px;         */
    font-size: 11px; 
    font-weight: bold;
    text-decoration: none;
    padding: 10px 30px;
    margin-top: 20px;
    margin-bottom: 17px;
    border-radius: 20px;
    text-align: center;
}/*
.fotos_mensagem:hover {
    background-color:#B28756;
}*/

.section_titulo {
    color: #000000;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
}
.section_descri {
    text-align: center;
    color: #CCC; 
    margin-top: 5px;
}
.section_fotos{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section_fotos-filtros {
    margin-top: -10px;
    border: 1px solid #CCC;
    background-color: #EEE;
    border-radius: 30px;
    display: inline-block;        /* faz com que o BOX fica do tamanho do conteudo que esta dentro */
    padding: 0px 20px;            /* fica 0px em cima e embaixo   e 20px direito e esquerdo        */
}
.section_fotos-filtros ul,
.section_fotos-filtros li {
    list-style: none;
}
.section_fotos-filtros li {
    display: inline-block;              /* fica um do lado do outro      */
    padding: 10px;
    /*text-transform: uppercase;        /* fica tudo maisculo            */
    font-size: 13px;
    border-left: 1px solid #CCC;
    color: #555;
    border-bottom: 3px solid #EEE;      /* quando passar o mouse na borda */
    cursor: pointer;
}
.section_fotos-filtros a {   
    text-decoration: none;             /* -> tira do sublinhado CULTOS  CONGRESSOS  IGREJA  OUTROS */  
    /*border-left: 1px solid #CCC; */
    color: #555;
}

.section_fotos-filtros li:hover,        /* quando passar o mouse */
.section_fotos-filtros li.active {      /* deixa ativado o CULTO */    
    border-bottom: 3px solid #B28756;
}
.section_fotos-filtros li:first-child {
    border-left: 0;
}


/* Colaboradores Patrocinadores */
#colaborador {                                     
   
}
.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:23px;
}
.default .section-desc {
    font-size:12px;
    color:#CCC;
    margin-top:5px;
    margin-bottom:25px;
}
.default .section-body {    
    max-width:1140px;      /* header */
    margin:auto;
}
.default.dark {
    background-color:#000;
}
.default.dark .section-title,
.default.dark .section-body {
    color:#FFF;
}

.default.light {
    background-color:#F7F7F7;
}
.default.light .section-title,
.default.light .section-body {
    color:#000;
}

.foto-team {   /* Imagem Fundo */
    background-image:url('../images/empresas/fundo.jpg');
    background-size:cover;
    background-position:center;
    padding:0;
}
.section-team-area {  /* Escurece o Fundo */
    background-color:rgba(0, 0, 0, 0.8);
    padding-top:80px;
    padding-bottom:25px;
}
.section-team {    
    /* Sem Slider um embaixo do Outro igual a Trabalho Moradores de Rua*/
    /*display:flex;          /* fica um embaixo do outro */   /*         
    width:900px;                                      
    margin:auto;*/
        
    /* para Slider */
    overflow:hidden; 
    /*max-width:880px;*/
    max-width:990px;
    margin:auto;
}
.section-team-flex {   
    display:flex;                    /* -> auxilia justify-content:center;*/
    /*justify-content:center;*/      /* coloca as 3 Divs no centro */
}

.section-team .sliders {
    width:1000vw;
    height:100%;
}
.section-team .slide {
    
    /* Sem Slide */
    /*width:160px;
    height:180px;
    margin-top:20px;
    display:inline-block;
    background-color:#FFF;
    margin-right:20px;*/
    
    /* Com Slide */
    width:220px;  /*280*/
    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;
    /*background-color:rgba(0, 0, 0, 0.6);*/ /* usar isso quando for somente Sliders Banners */
    padding:30px;
}
.section-team-area .sliders-pointers {
    margin-top:30px;
    height:20px;
    /*position:absolute;*/
    display:flex;
    justify-content: center;
    align-items: center;
}
.section-team-area .pointer {
    width:15px;
    height:15px;
    border:2px solid #B28756;
    border-radius:8px;
    margin-left:5px;
    margin-right:5px;
    cursor:pointer;
}
.section-team-area .pointer:hover {
    background-color:#B28756;
}
.section-team-area .pointer.active {
    background-color:#B28756;
}
.section-team--foto {
    width:120px;
    height:auto;
    border-radius:60px;
}
.section-team--name {
    text-transform: uppercase;
    font-weight: 600;
    font-size:12px;
    margin-top:30px;
}
.section-team--desc {
    font-size:12px;
    color:#999;
    margin-top:5px;
}


/*   E Q U I P E   */
#equipe {   
}
.section-equipe {
    display:flex;
}
.section-equipe--item {
    flex:1;
    background-color: #FFF;
    margin-right:40px;
    padding:20px;
    text-align:center;
    
    /* Faz Aumentar 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 {
    transform: scale(1);      /* diminiu a imagem para 90% */
}
.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;
}


/*   P R E M I U M   - Agradecimentos   */
.premium {
    background-color:#FFF !important;
    border-top:1px solid #CCC;
}
.premium .section-body {
    max-width:initial;
}
.section-premium {
    overflow:hidden;
}
/*
.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:20px;
}
.section-premium--left {
    flex:1;
    text-align:right;
}
.section-premium--left img {
    width:300px;
    margin-right:45px;
}
.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;
}


footer {
    display: flex;
    justify-content: center;
}
.flexColumn {
    flex-direction: column;
}
.footer_copyright {
    margin-top:-10px;
    border-top: 1px solid #2c2c2c;     /* -> cria uma linha horizontal */
    height: 40px;
    line-height: 25px;                 /* -> Altura top 20px           */
    text-align: center;
    color: #444;
    font-size: 12px;
    /*margin-top: 5px;*/
    /*margin-bottom: 20px;*/
}
/*
.footer_info {    
    height: 20px;
    line-height: 20px;             
    text-align: center;
    color: #5c5c5c;
    font-size: 13px;
    margin-top: 80px;
    font-family:Arial;
}
*/


/* Slider com Setas NetFlixClone */
.movieRow {        
    /*margin: 30px 5px 30px 5px*/
    margin: 30px 35px 30px 35px    
}
.movieRow h2 {
    margin: 0px 0px 0px 0px;      /* emcima, direita, embaixo, esquerda */
}
.movieRow--listarea {
    overflow-x: hidden;           /* corta a barra rolagem debaixo */    
    /*padding: 0px 40px 0px 40px;*/
}
.movieRow--list {
    transition: all ease 0.5s;
    /*width: 99999999px;*/
}
.movieRow--item {
    display: inline-block;    /* um item ao lado do outro */
    width: 140px;
    cursor: pointer;
}
.movieRow--item img {
    width: 100%;
    /*height: 160px;*/
    transform: scale(0.9);      /* diminiu a imagem para 90% */
    transition: all ease 0.2s;  /* animacao para 2s          */
}
.movieRow--item img:hover {
    transform: scale(1);        /* quando passar o mouse na imagem volta para 100% */
}

.movieRow--left,
.movieRow--right {
    position: absolute;  /* fica flutuando */
    font-size: 30px;
    width: 30px;
    height: 105px;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
    opacity: 0;
    transition: all ease 0.5s;
}
.movieRow--left {
    left: 0;
}
.movieRow--right {
    right: 0;
}
.movieRow:hover .movieRow--left,
.movieRow:hover .movieRow--right {
    opacity: 1;
}
/* Fim Slide Com Setas NetFlixClone */


/* Paginacao */
.paginacao {
    display: flex;
    align-content: flex-end;
    justify-content: center;
    margin-top: 15px;
    /*margin-bottom: -150px;*/
    font-size: 12px;
    text-align: center;
}
.pag_item {
    width: 12px;
    height: 12px;
    border: 6px solid #CCC; /* #CCC;   #224074;*/
    border-radius: 6px;
    /*margin-left: 5px;*/  
    margin-right: 9px; 
    line-height: 0px;
    /*float: left;*/
    /*cursor: pointer;*/
}
.pag_item a {
    margin-left: 0px; 
    color:#CCC; /* #FFF;    #B28756; */
    text-decoration: none;
}
.pag_ativo {
    border: 6px solid #224074;
    /*background-color:#224074;*/
}
.pag_ativo a {
    color:#224074;
}
.pagina {
    display: flex;
    align-content: flex-end;
    justify-content: center;
    margin-top: 12px;
    /*margin-bottom: -150px;*/
    font-size: 12px;
    text-align: center;
}
.pagina_item {
    width: 14px;
    height: 14px;
    border: 7px solid #ffffff; /* #CCC;   #224074;*/
    border-radius: 7px;
    /*margin-left: 5px;*/  
    margin-right: 9px; 
    line-height: 0px;
    /*float: left;*/
    /*cursor: pointer;*/
}
.pagina_item a {
    margin-left: 0px; 
    color:#FFF; /* #FFF;    #B28756; */
    text-decoration: none;
}
.pagina_ativo {
    border: 7px solid #B28756;
    /*background-color:#224074;*/
}
.pagina_ativo a {
    color:#B28756;
}


/* -----------Responsivel -------------  */
.menuMobile {
    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) {
    
    
    .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;
    }
    
}

@media (max-width:450px) {  
    .container {
      flex-direction: column;
    }
    
    /* Responsivel MENU */
    header .container {
      flex-direction: row;
    }
  
    /* Menu um do Lado do Outro nao emcima do outro */
    nav a {
      margin-left:1px;
      padding:5px;
    }  
    nav ul {
      font-size:13px;     
        
      /*flex-direction: column;  *//*-> um menu fica debaixo do outro       */
      display:none;              /* -> Retira do menu o HOME MENU CONTATO para tela responsivl do Class mm_line   */    
      position: absolute;
      left: 0;                   /* -> lado esquerdo                       */
      width: 100%;
      background-color:#FFFFFF;  /* -> Quadrado Fundo Cor Azul             */
    }
  
    header {
      height:auto;
    }
    
    .logo {
      /*padding-left:20px;*/
    }
    .menuMobile {
      display: flex;
      flex-direction: column;
      justify-content: space-around; 
      margin-bottom: 30px;
    }    
    
    .sliders {
        margin-top: 30px;
    }
    .slide--control {
        font-size: 20px;
    }
    
    .section_fotos-filtros li {
       font-size: 9px;
    }
      
    .titulo_texto {
        margin-left:5px;
    }
    .titulo_barra {
        margin-left:5px;    
    }
    
    article .conte_imagem {
        margin-left:10px;
    }
    
    article2 {
        margin-left:10px;
    }
    
    .section-team-flex {
        flex-direction: column;
        margin-left: 50px;
    }
           
    .pag_item {    
       margin-right:13px;     
    }
    
    
    .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-premium .slidearea {
        flex-direction: column;
    }
    .section-premium--left {
        /*display:none;*/
        
        text-align:center;
        margin-bottom:20px;
    }
    .section-premium--right {
        padding-left:20px;
        padding-right:20px;
    }
    
    .footer_copyright {
      font-size: 10px;
    }
    
}