@import url(reset.css);
@import url(fonts/stylesheet.css);
@import url(padrao.css);
@import url(responsivo.css);

header a#bt_volume_on { display: block; position: fixed; width: 32px; height: 32px; top: 20px; right: 2%; text-decoration: none; font-size: 0px; text-indent: 0px; z-index: 5; }
header a#bt_volume_off { display: none; position: fixed; width: 32px; height: 32px; top: 20px; right: 2%; text-decoration: none; font-size: 0px; text-indent: 0px; z-index: 5; }

header #menu_recolhido { z-index: 999; width: 255px; height: 255px; position: fixed; top: 0px; left: 0px; background: url(../image/bg_fundo_menu_recolhido.png) no-repeat left top transparent; } /* position: absolute; */
header #menu_recolhido a { width: auto; height: auto; position: relative; float: left; padding: 20px; text-decoration: none; }
header #menu_recolhido a:hover { text-decoration: none; }

#menu_icone a { text-decoration: none; font-size: 0px; color: #FFF; font-family: 'mohavebold'; position: fixed; z-index: 900; top: 50%; left: 24px; width: 60px; height: 80px; padding: 0px; background: url(../image/bg_ico_menu.png) no-repeat center top transparent; } /* position: absolute; */
#menu { display: none; left: 0px; position: fixed; top: 0px; transform: translateZ(1px); width: 680px; height: 100%; z-index: 975; }
#menu .shape { background-color: #fff; height: 100%; position: absolute; right: 0px; top: 0px; transform: skewX(-27.65deg); transform-origin: 100% 0px 0px; width: 100%; z-index: 976; }
#menu #position_menu_iterno { z-index: 976; width: 80%; height: auto; position: relative; float: left; padding: 40px 0px 0px 30px; }
#menu a#fecha_menu { position: absolute; width: auto; height: auto; top: 50%; left: 40px; text-decoration: none; z-index: 9001; }

#menu ul { padding: 60px 0px 0px 135px; display:inline-block; position: relative; float: left; width: 80%; height: auto; z-index: 9000; }
#menu ul>li { list-style-type:none; margin:0px; padding:0px!important; }
#menu ul>li>a { font-family: 'colaboratelightregular'; font-weight: normal; text-align: left; float: left; width: 100%; height: auto; position: relative; color:#04253A; font-size: 17px; padding: 9px 0px; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; opacity: 1; }
#menu ul>li>a:hover { text-decoration: none; padding: 9px 0px 9px 8px; color: #BF1547; }
#menu ul>li>a.sel { text-decoration: none; }
#menu ul>li>a>img { padding:0px 12px 0px 0px!important; margin: -7px 0px; }

#plugin_facebook { display: inline-block; z-index: 976; width: 100%; height: auto; position: relative; float: left; padding: 60px 0 0 135px !important; }

#main section#conteudo { width: 100%; height: auto; position: relative; float: left; }

footer { z-index: 2; width: 100%; height: auto; position: fixed; bottom: 0px; float: left; padding: 18px 0px; background-color: rgba(255, 255, 255, 0.1); }
footer p { color: #FFF; font-size: 14px;  }
footer p a { color: #FFF; font-size: 14px; text-decoration: none; }
footer p a:hover { text-decoration: underline; }

footer.content { position: relative!important; background-color: #122D44!important; }

.bloco_cinza { width: 100%; height: auto; float: left; position: relative; padding: 60px 0px 60px; background-color: #F0F1F3; border-bottom: 1px solid #DEDFE0; }

.imgfull img{
    float: left;
    width:100%;
    height:auto
}

.swiper-slide { height: auto!important; } 
.swiper-wrapper{ height: auto!important; }

#slider{width:100%;}

#next_slider{
    background: url(../image/setas.png) top right no-repeat;
    width:40px;
    height:75px;
    right:20px!important;
    position: absolute;
    left:auto;
    top:40%;
    opacity:1;
    transition: all 0.7s ease; -webkit-transition: all 0.7s ease;
}
#next_slider:hover { opacity:0.5; }

#prev_slider{
    background: url(../image/setas.png) top left no-repeat;
    width:40px;
    height:75px;
    left:10px!important;
    position: absolute;
    top:40%;
    opacity:1;
    transition: all 0.7s ease; -webkit-transition: all 0.7s ease;
}
#prev_slider:hover { opacity:0.5; }

/*paginação slider*/
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{border-radius:50px!important;border: none;  }
.swiper-pagination-bullet{border-radius:50px!important;background:#ddd!important; margin-right:5px!important; margin-top:15px!important; width:10px!important; height:10px!important}
.swiper-pagination-bullet-active{background:#C50645!important}
.swiper-container-horizontal>.swiper-pagination{  width: 99.9%; bottom: 0px!important}

.m20{margin:20px 0px; }
#slider2 {width:100%;}
#slider2 .swiper-slide{padding:0; width:100% }
#slider2 .swiper-slide p { width: 100%; padding: 0px 15%; text-align: justify; }
#slider2 .swiper-slide p.nome_depoimento { font-size: 26px; color: #d91c5c; padding: 30px 0px; font-family: 'mohavebold'; }

#fale_conosco { width: 100%; height: auto; position: relative; float: left; }
#fale_conosco iframe { position: relative; height: 100%; width: 100%; z-index: 1; }
#fale_conosco #dados_contato { position: absolute; top: 0px; right: 0px; height: 100%; float: right; width: 35%; background-color: rgba(36, 74, 110, 0.95); padding: 75px 35px; z-index: 2; } 
#fale_conosco #dados_contato .linha_contato { width: 100%; height: 1px; background-color: #FFF; position: relative; margin: 35px 0px; }
#fale_conosco #dados_contato p { font-size: 18px; color: #FFF; font-family: 'mohavebold'; }

/* A AGENCIA */
#topo_pagina_a_agencia { width: 100%; height: auto; position: relative; float: left; background-color: #d5de22; background-image: url('../image/s1_cinza.png'), url('../image/s2_cinza.png'), url('../image/s3_cinza.png'); -webkit-animation: snow 10s linear infinite; -moz-animation: snow 10s linear infinite; -ms-animation: snow 10s linear infinite; animation: snow 10s linear infinite; }
#topo_pagina_a_agencia h1 { width: 100%; color: #000; }

#topo_pagina_projetos { margin-bottom: 8px; width: 100%; height: auto; position: relative; float: left; background-color: #3c3742; background-image: url('../image/s1_branca.png'), url('../image/s2_branca.png'), url('../image/s3_branca.png'); -webkit-animation: snow 10s linear infinite; -moz-animation: snow 10s linear infinite; -ms-animation: snow 10s linear infinite; animation: snow 10s linear infinite; }
#topo_pagina_projetos h1 { width: 100%; color: #d6de23; }

#topo_pagina_contato { width: 100%; height: auto; position: relative; float: left; background-color: #c00d45; background-image: url('../image/s1_branca.png'), url('../image/s2_branca.png'), url('../image/s3_branca.png'); -webkit-animation: snow 10s linear infinite; -moz-animation: snow 10s linear infinite; -ms-animation: snow 10s linear infinite; animation: snow 10s linear infinite; }
#topo_pagina_contato h1 { width: 100%; color: #FFF; }

@keyframes snow {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}

.label_destaque { font-family: 'mohavebold'; color: #d91c5c; font-size: 30px; line-height: 1.2em; }

#valores { width: 100%; height: auto; position: relative; float: left; background-color: #ebebec; padding: 85px 0px; }
#valores #valores_cor { position: absolute; z-index: 2; width: 100%; top: 0px; left: 0px; clip: rect(0px, 0px, 300px, 0px); overflow:visible; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }

.processos_new { width: 20%; height: auto; position: relative; float: left; padding: 0px 1%; }
.processos_new .label_destaque { color: #ee4323!important; font-size: 30px; }
.processos_new p { font-size: 20px; }

.clientes { cursor: crosshair; width: 16%; height: auto; position: relative; float: left; margin: 10px 2%; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.clientes:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }



#a_agencia_2,
#a_agencia_3,
#a_agencia_4,
#a_agencia_5,
#a_agencia_6,
#a_agencia_7,
#a_agencia_8,
#a_agencia_9,
#a_agencia_10 { display: block; opacity: 0; }

#a_agencia_1 { width: 682px; height: auto; position: relative; margin: 0 auto; padding-top: 120px; }

#a_agencia_2 { width: 100%; height: auto; position: relative; float: left; padding-top: 175px; }
#a_agencia_2 .caixa_1 { width: 582px; height: auto; position: relative; float: left; }
#a_agencia_2 .caixa_2 { width: 495px; height: auto; position: relative; float: right; padding-top: 10px; }

#a_agencia_3 { width: 100%; height: auto; position: relative; float: left; }
#a_agencia_3 .caixa_1 { width: 468px; height: auto; position: relative; float: left; padding-top: 190px; }
#a_agencia_3 .caixa_2 { width: 495px; height: auto; position: relative; float: right;top: -90px;  }

#a_agencia_4 { width: 100%; height: 400px; position: relative; float: left; }
#a_agencia_4 .caixa_1 { width: 615px; height: auto; position: relative; float: left; top: -215px; }
#a_agencia_4 .caixa_2 { width: 455px; height: auto; position: relative; float: right; padding-top: 45px; }

#a_agencia_5 { width: 668px; height: auto; position: relative; margin: 0 auto; padding-bottom: 140px; }

#a_agencia_6 { width: 100%; height: auto; position: relative; float: left; }
#a_agencia_6 .caixa_1 { width: 585px; height: auto; position: relative; float: left; margin-left: 195px; }
#a_agencia_6 .caixa_2 { width: 275px; height: auto; position: relative; float: right; }

#area_projetos_new { width: 100%; height: auto; position: relative; float: left; margin: 4px 0px; } /* margin: 4px 0.5%; 99% */ 
#area_projetos_new a.tamanho_1 { display: table; position: relative; width: 49%; margin-bottom: 8px; float: left; background-position: center top; text-decoration: none; font-size: 0px; }
/*#area_projetos_new a.tamanho_1 .texto { top: 50%; line-height: 1.2em; width: 100%; height: 100%; position: absolute; z-index: 2; color: #FFF; padding: 0px 2%; font-size: 90px; font-family: 'gobold_boldregular'; text-align: center; }*/
#area_projetos_new a.tamanho_1 .texto { 
    bottom: auto;
    display: table-cell;
    font-size: 90px;
    left: auto;
    letter-spacing: 4px;
    position: static;
    right: auto;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2em;
    color: #FFF; 
    font-size: 90px; 
    font-family: 'gobold_boldregular';
}

#area_projetos_new a.tamanho_2 { display: table; position: relative; width: 24%; margin-bottom: 11px; float: left; background-position: center top; text-decoration: none; font-size: 0px; }
#area_projetos_new a.tamanho_2 .texto { 
    bottom: auto;
    display: table-cell;
/*    font-size: 90px;*/
    left: auto;
    letter-spacing: 4px;
    position: static;
    right: auto;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2em;
    color: #FFF; 
    font-size: 35px; 
    font-family: 'gobold_boldregular';
    z-index: 2;
}

/*#area_projetos_new a.tamanho_2 .texto { top: 50%; line-height: 1.2em; width: 100%; height: 100%; position: absolute; z-index: 2; color: #FFF; padding: 0px 2%; font-size: 45px; font-family: 'gobold_boldregular'; text-align: center; }*/
#area_projetos_new a .animacao_janela { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; opacity: 0.8; }

#topo_interna_projetos_topo { width: 100%; height: 597px; position: fixed; left: 0px; top: 0px; float: left; background-position: center top; z-index: 1; }
#topo_interna_projetos_topo h1 { z-index: 1; width: 55%; padding: 220px 0px 140px 90px; color: #FFF; line-height: 1.2em; float: left; font-size: 80px; font-family: 'gobold_boldregular'; text-align: left; }

#topo_interna_projetos { width: 100%; height: auto; position: relative; margin-top: 130px; float: left; z-index: 2; }
#topo_interna_projetos #mascara { float: left; position: relative; background: url(../image/bg_projetos_topo.png) repeat-x center top transparent; top: 0px; left: 0px; width: 100%; height: 467px; }
#topo_interna_projetos #area_projetos { padding: 0px 1%; width: 100%; height: auto; padding: 30px 0px; float: left; position: relative; background-color: #FFF; }

#lampada { width: 48%; height: auto; position: relative; float: left; padding: 40px 0px; text-align: center; }
#lampada p img { z-index: 2; position: relative; }
#lampada #shape { float: left; left: -61%; min-height: 250px; position: absolute; top: 0; width: 100%; z-index: 1; transform:skew(-77deg, 0deg); -ms-transform:skew(-77deg, 0deg); /* IE 9 */ -webkit-transform:skew(-77deg, 0deg); /* Safari and Chrome */ }
#lampada #borda_lateral { position: absolute; height: 100%; width: 4%; float: left; left: 0px; top: 0px; background-color: #FFF; z-index: 3; }
#lampada #borda_bottom { position: absolute; height: 8%; width: 100%; float: left; left: 0px; bottom: 0px; background-color: #FFF; z-index: 3; }

#informacoes_projetos_new { width: 46%; height: auto; position: relative; float: right; margin: 0px 2%; }  

.projetos_fotos { width: 46%; height: auto; position: relative; float: left; margin: 15px 2%; }

a#bt_volta { width: auto; height: auto; position: relative; float: left; font-size: 25px; font-family: 'gobold_boldregular'; text-align: left; color: #000; text-decoration: none; }
a#bt_volta:hover { text-decoration: underline; }

a#bt_vai { width: auto; height: auto; position: relative; float: right; font-size: 25px; font-family: 'gobold_boldregular'; text-align: left; color: #000; text-decoration: none; }
a#bt_vai:hover { text-decoration: underline; }

@-webkit-keyframes movimento-seta-vila { from {bottom: 30px; } to { bottom: 40px; }}
#seta_agencia {
    animation-direction: alternate;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-name: movimento-seta-vila;
    cursor: pointer;
    height: 15px;
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 3%;
    width: 26px;
    z-index: 3000;
}

#avatar-go-to-top {
    background: transparent url("../image/bg_top.png") no-repeat scroll 0 0;
    bottom: 30px;
    display: block;
    height: 38px;
    position: fixed;
    right: 3%;
    width: 38px;
    z-index: 9999;
}

#valores_responsivo { display: none; }
#valores_desktop { display: block; }



/*EDITADO POR RUAN*/

#form_cad p{
    line-height: 1.3em;
    overflow-wrap: break-word;
    padding: 2px 0;
    text-align: justify;
    font-size: 19px;
}

#form_cad input::-moz-placeholder, textarea::-moz-placeholder {
    color: #6f5a44;
    font-size: 14px;
}

#f_info_diretor2{
    z-index: 1000;
}

.img_full_projetos{
    float: left;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -10;
}

#loading {
    position: relative;
    display: none;
    text-align: center!important;
}