@charset "UTF-8";
/*@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&subset=devanagari,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Flamenco:300,400&display=swap');*/
@font-face {    
    font-family: Poppins;
    src: url("../Css/fonts/Poppins-Regular.ttf");
}
@font-face {    
    font-family: Lato;
    src: url("../Css/fonts/Lato-Regular.ttf");
}
@font-face {    
    font-family: Archivo;
    src: url("../Css/fonts/Archivo-Regular.ttf");
}
@font-face {    
    font-family: Montserrat;
    src: url("../Css/fonts/Montserrat-Regular.ttf");
}


/*@import url('https://fonts.googleapis.com/css?family=Poiret+One&subset=cyrillic,latin-ext');*/
/** {margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poiret One', cursive; text-rendering: optimizeLegibility;}*/
* {margin: 0; padding: 0; box-sizing: border-box; font-family: 'Montserrat', sans-serif; text-rendering: optimizeLegibility;}
a, a:visited, a:focus, a:active a:hover {text-decoration: none!important; outline: none!important;} option {cursor: pointer!important;}
input, button{border: none; outline:none;} .pointer{cursor: pointer;} .text {cursor: text;}.move{cursor: move;}
/******* CLASSES PADRÕES - ALINHAMENTO DE TEXTOS ******************************/
.texto_center {text-align: center!important;}
.texto_direita {text-align: right;} .texto_direita_desk {text-align: center;} 
@media (min-width: 780px) {.texto_direita_desk {text-align: right;}}.texto_esquerda {text-align: left;} .texto_esquerda_desk {text-align: center;} 
@media (min-width: 780px) {.texto_esquerda_desk {text-align: left;}}.texto_vertical {display: table-cell; vertical-align: middle!important; width: 100%;}
.line_height_2 {line-height: 2em;} .uppercase {text-transform: uppercase;} .word_wrap {word-wrap: break-word;}
.none{display: none!important;}
.none_mobile{display: none!important;}
@media (min-width: 780px) {
    .none_mobile{display: block!important;}
    .none_desktop{display: none!important;}
}
.z_index_99 {z-index: 999!important;}
.z_index_999 {z-index: 9999!important;}
/******* CLASSES PADRÕES  DE CORES - FUNDO - BORDER - COR DA FONTE ************/
.fundo_branco {background-color: #ffffff;} .border_branco{border-color: #ffffff!important;} .fonte_branco{color: #ffffff!important;}
.fonte_branco_desk{color: #000000;}
@media (min-width: 1040px) {
    .fonte_branco_desk{color: #ffffff;}
}
.fundo_preto {background-color: #000000;} .border_preto{border-color: #000000!important;} .fonte_preto{color: #000000;}
.fundo_preto_2 {background-color: #222222;} .border_preto_2 {border-color: #222222!important;} .fonte_preto_2 {color: #222222;}
.fundo_grafiti {background-color: #37404d;} .border_grafiti {border-color: #37404d!important;} .fonte_grafiti {color: #37404d;}
.fundo_grafiti_2 {background-color: #465161;} .border_grafiti_2 {border-color: #465161!important;} .fonte_grafiti_2 {color: #465161;}
.fundo_grafiti_3 {background-color: #606c8e;} .border_grafiti_3 {border-color: #606c8e!important;} .fonte_grafiti_3 {color: #606c8e;}
.fundo_grafiti_4 {background-color: #2d4362;} .border_grafiti_4 {border-color: #2d4362!important;} .fonte_grafiti_4 {color: #2d4362;}
.fundo_grafiti_5 {background-color: #2E3142;} .border_grafiti_5 {border-color: #2E3142!important;} .fonte_grafiti_5 {color: #2E3142;}
.fundo_grafiti_6 {background-color: #222432;} .border_grafiti_6 {border-color: #222432!important;} .fonte_grafiti_6 {color: #222432;}
.fundo_cinza_menu {background-color: #e4e7ea;}
.fundo_cinza {background-color: #e4e7ea;} .border_cinza {border-color: #e4e7ea!important;} .fonte_cinza{color: #e4e7ea;}
.fundo_cinza_0 {background-color: #F2F2F2;} .border_cinza_0 {border-color: #F2F2F2!important;} .fonte_cinza_0{color: #F2F2F2;}
.fundo_cinza_2 {background-color: #eeeeee;} .border_cinza_2 {border-color: #eeeeee!important;} .fonte_cinza_2{color: #eeeeee;}
.fundo_cinza_3 {background-color: #999999;} .border_cinza_3 {border-color: #999999!important;} .fonte_cinza_3{color: #999999;}
.fundo_cinza_4 {background-color: #777777;} .border_cinza_4 {border-color: #777777!important;} .fonte_cinza_4{color: #777777;}
.fundo_cinza_5 {background-color: #cccccc;} .border_cinza_5 {border-color: #cccccc!important;} .fonte_cinza_5{color: #cccccc;}
.fundo_cinza_6 {background-color: #c7c7c7;} .border_cinza_6 {border-color: #c7c7c7!important;} .fonte_cinza_6{color: #c7c7c7;}
.fundo_cinza_7 {background-color: #4A4A4A;} .border_cinza_7 {border-color: #4A4A4A!important;} .fonte_cinza_7{color: #4A4A4A;}
.fundo_azul {background-color: #5063f0!important;} .border_azul {border-color: #5063f0!important;} .fonte_azul {color: #5063f0!important}
.fundo_azul_1 {background-color: #0056a3!important;}.border_azul_1 {border-color: #0056a3!important;} .fonte_azul_1 {color: #0056a3!important}
.fundo_azul_2 {background-color: #48b0f7!important;} .border_azul_2 {border-color: #48b0f7!important;} .fonte_azul_2 {color: #48b0f7!important}
.fundo_azul_3 {background-color: #3170a9!important;} .border_azul_3 {border-color: #3170a9!important;} .fonte_azul_3 {color: #3170a9!important}
.fundo_azul_4 {background-color: #082652!important;} .border_azul_4 {border-color: #082652!important;} .fonte_azul_4 {color: #082652!important}
.fundo_azul_5 {background-color: #27557A!important;} .border_azul_5 {border-color: #27557A!important;} .fonte_azul_5 {color: #27557A!important}
.fundo_azul_6 {background-color: #5063f0!important;} .border_azul_6 {border-color: #f0f6ff!important;} .fonte_azul_6 {color: #f0f6ff!important}
.fundo_azul_7 {background-color: #badcfe!important;} .border_azul_7 {border-color: #cce5ff!important;} .fonte_azul_7 {color: #cce5ff!important}
.fundo_verde{background-color: #13ab66!important;} .border_verde {border-color: #13ab66!important;} .fonte_verde {color: #13ab66!important;}
.fundo_verde_2 {background-color: #1abc9c;} .border_verde_2 {border-color: #1abc9c!important;} .fonte_verde_2 {color: #1abc9c!important;} 
.fundo_verde_3 {background-color: #20B2AA;} .border_verde_3 {border-color: #20B2AA!important;} .fonte_verde_3 {color: #20B2AA!important;} 
.fundo_verde_4 {background-color: #008B8B;} .border_verde_4 {border-color: #008B8B!important;} .fonte_verde_4 {color: #008B8B!important;} 
.fundo_verde_instech {background-color: #53BC24;} .border_verde_instech {border-color: #53BC24!important;} .fonte_verde_instech {color: #53BC24!important;} 
.fonte_verde_claro{color: #a3ef00;}
.fundo_vermelho {background-color: #f96868;} .border_vermelho {border-color: #f96868!important;} .fonte_vermelho {color: #f96868!important;}
.fundo_vermelho_2 {background-color: #cb2027;} .border_vermelho_2 {border-color: #cb2027!important;} .fonte_vermelho_2 {color: #cb2027!important;}
.fundo_vermelho_3 {background-color: #e40000;} .border_vermelho_3 {border-color: #e40000!important;} .fonte_vermelho_3 {color: #e40000!important;}
.fundo_amarelo {background-color: #FFD34D;} .border_amarelo {border-color: #FFD34D!important;} .fonte_amarelo {color: #FFD34D;}
.fundo_amarelo_2 {background-color: #EAAD15;} .border_amarelo_2 {border-color: #EAAD15!important;} .fonte_amarelo_2 {color: #EAAD15;}
.fundo_amarelo_3 {background-color: #ff852c;} .border_amarelo_3 {border-color: #faa42f!important;} .fonte_amarelo_3 {color: #f2920c;}
.fundo_amarelo_4 {background-color: #ffcc33;} .border_amarelo_4 {border-color: #ffcc33!important;} .fonte_amarelo_4 {color: #ffcc33;}
.fundo_laranja {background-color: #F08858;} .border_laranja {border-color: #F08858!important;} .fonte_laranja {color: #F08858;}
.fundo_laranja_2 {background-color: #ff3300;} .border_laranja_2 {border-color: #ff3300!important;} .fonte_laranja_2 {color: #ff3300;}
.fundo_roxo {background-color: #481c88;} .border_roxo {border-color: #481c88!important;} .fonte_roxo {color: #481c88;}
.fundo_roxo_2 {background-color: #8652d4;} .border_roxo_2 {border-color: #8652d4!important;} .fonte_roxo_2 {color: #8652d4;}
.fundo_roxo_3 {background-color: #32135e;} .border_roxo_3 {border-color: #32135e!important;} .fonte_roxo_3 {color: #32135e;}
.fundo_facebook {background-color: #4f61ec;} .border_facebook {border-color: #4f61ec!important;} .fonte_facebook{color: #4f61ec!important;}
.fonte_instagran{background-color: #d03698!important;}
.fonte_youtube{background-color: #fc0707!important;}
.fundo_whatsapp {background-color: #2cbda5;} .fonte_whatsapp{color: #2cbda5!important;}
.fundo_google {background-color: #dd4b39;}.fonte_google{color: #dd4b39!important;}
.fundo_tumblr {background-color: #3f6589;}.fonte_tumblr{color: #3f6589!important;}
.fundo_transparent {background-color: transparent;}

.fundo_shadow_007{background-color: rgba(255, 255, 255, 0.05);}
.fundo_shadow_007:hover {background-color: rgba(255, 255, 255, 0.07);}
.fundo_shadow_100{background-color: rgba(255, 255, 255, 0.07);} 
.fundo_shadow_100:hover {background-color: rgba(255, 255, 255, 0.12);}
.fundo_shadow_200{background-color: rgba(255, 255, 255, 0.2);} 
.fundo_shadow_200:hover {background-color: rgba(255, 255, 255, 0.3);}
.fundo_shadow_500{background-color: rgba(255, 255, 255, 0.5);} 
.fundo_shadow_preto{background-color: rgba(0, 0, 0, 0.70);} 
.fundo_shadow_500:hover {background-color: rgba(255, 255, 255, 0.6);}

.hover_menu:hover { color: #ffffff!important; background-color: #EAAD15;}
.hover_menu:hover:after{ content: ""; width: 0; height: 0; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #EAAD15; bottom: -10px; left: calc( 50% - 10px );}
.hover_padrão:hover { color: #faa42f!important; background-color: #eeeeee;}

.hover_branco:hover { color: #000000!important; background-color: #ffffff;}
.hover_cinza_4:hover { color: #ffffff!important; background-color: #777777;}
.hover_preto:hover { color: #ffffff!important; background-color: #000000;}
.hover_azul:hover { color: #FFFFFF!important; background-color: #5063f0;}
.hover_azul_4:hover { color: #FFFFFF!important; background-color: #082652;}
.hover_verde:hover { color: #FFFFFF!important; background-color: #13ab66;}
.hover_verde_4:hover { color: #FFFFFF!important; background-color: #008B8B;}
.hover_vermelho_2:hover { color: #FFFFFF!important; background-color: #cb2027;}
.hover_amarelo_2:hover { color: #FFFFFF!important; background-color: #EAAD15;}
.hover_laranja_2:hover { color: #FFFFFF!important; background-color: #ff3300;}
.hover_roxo_2:hover { color: #FFFFFF!important; background-color: #481c88;}

.hover_painel:hover { color: #5063f0!important; background-color: #eeeeee;}
.normal{font-weight: 400!important;} .normal_200{font-weight: 200!important;} .normal_300{font-weight: 300!important;} .normal_500{font-weight: 500!important;} .normal_800{font-weight: 800!important; font-family: Arial;} .bold{font-weight: bold!important;} .bolder{font-weight: bolder!important;}

/******* TAMANHOS DAS FONTES **************************************************/
.fonte_flex {font-size: 100%;}.fonte_0_3 {font-size: 0.355em;} .fonte_0_4 {font-size: 0.4em;} .fonte_0_5 {font-size: 0.5em;} .fonte_0_6 {font-size: 0.6em;} .fonte_0_7 {font-size: 0.7em;} .fonte_0_8 {font-size: 0.8em;} .fonte_0_9 {font-size: 0.9em;} 
.fonte_1 {font-size: 1em;} .fonte_1_1 {font-size: 1.1em;} .fonte_1_2 {font-size: 1.2em;} .fonte_1_3 {font-size: 1.3em;} .fonte_1_4 {font-size: 1.4em;} .fonte_1_5 {font-size: 1.5em;} .fonte_1_7 {font-size: 1.7em;}
.fonte_2 {font-size: 1.2em;} .fonte_2_5 {font-size: 1.7em;} 
.fonte_3 {font-size: 3em;} .fonte_3_5 {font-size: 3.5em;}
@media (min-width: 780px) {.fonte_2 {font-size: 2em;} .fonte_2_5 {font-size: 2.5em;}}
.fonte_4 {font-size: 4em;} .fonte_4_5 {font-size: 4.5em;} .fonte_5 {font-size: 5em;} .fonte_6 {font-size: 6em;}
.fonte_magic {font-size: 100%;}
.fonte_esp_1 {letter-spacing: 1px!important;} .fonte_esp_2 {letter-spacing: 2px!important;}
.fonte_shadow {text-shadow: 2px 2px #000000!important;}
.box_info { padding: 0; font-size: 0.9em;}
@media (min-width: 780px) {
    .box_info {
        padding: 0 15px 0 15px;
        font-size: 0.9em;
    }
}

/******* TITULOS E PARAGRAFOS *****************************************************************************************/
.titulo_gigante {font-size: 2.5em; color: inherit!important;} @media (min-width: 940px) {.titulo_gigante {font-size: 3.5em;}}
.titulo_grande {font-size: 2em; color: inherit!important;} @media (min-width: 940px) {.titulo_grande {font-size: 2.5em;}}
.titulo_medio {font-size: 1.5em;} @media (min-width: 940px) {.titulo_medio {font-size: 2em;}}
.titulo_pequeno {font-size: 1em;} @media (min-width: 940px) {.titulo_pequeno {font-size: 1.5em;}}
.titulo_extra_pequeno {font-size: 0.8em;} @media (min-width: 940px) {.titulo_extra_pequeno {font-size: 1em;}}
.paragrafo {font-size: 1em;} @media (min-width: 940px) {.paragrafo {font-size: 1em;}}

/******* CLASSES PADRÕES - CONTAINER E BOXES **************************************************************************/
.secao_slide { position: relative; display: block; width: 100%!important; height: 300px!important;}
.container {position: relative; display: block; width: 100%; margin: 0 auto;}
.container_25 {display: inline-block; width: 100%; height: auto; margin: 0 auto;}
@media (min-width: 780px) {.container_25 {display: inline-block; width: 25%; height: auto; margin: 0 auto;}}
.container_menu_lateral {z-index: 999; position: fixed; display: none; width: 240px; height: 100%; top: 0; margin: 0 auto 0 0; padding: 20px 0 0 0;}
@media (min-width: 780px) {.container_menu_lateral {z-index: inherit; position: fixed; display: inline-block; width: 240px; height: 100%; top: inherit; margin: 0 auto 0 0; padding: 0;}}
.container_conta {position: relative; display: block; width: 100%; height: auto;}
.footer_conta {position: relative; display: block; width: 100%; height: auto;}
@media (min-width: 780px) {
    .container_conta {position: relative; display: block; width: calc( 100% - 240px )!important; min-height: 600px!important; left: 240px!important;}    
    .footer_conta {position: relative; display: block; width: calc( 100% - 240px )!important; height: auto!important; left: 240px!important;}
}
.container_33 {position: relative; display: inline-block; width: 90%; height: auto; margin: 0 auto;}
@media (min-width: 780px) {.container_33 {display: inline-block; width: 33.3%; height: auto; margin: 0 0 0 0;}}

.container_30 {display: inline-block; width: 100%; height: auto; margin: 0 auto;}
@media (min-width: 780px) {.container_30 {display: inline-block; width: 30%; height: auto; margin: 0 auto;}}

.container_40 {display: inline-block; width: 100%; height: auto; margin: 0 auto;}
@media (min-width: 780px) {.container_40 {display: inline-block; width: 40%; height: auto; margin: 0 auto;}}

.container_50 {display: inline-block; width: 100%; height: auto; margin: 0 auto;}
@media (min-width: 780px) {.container_50:first-child {display: inline-block; width: 47%; height: auto; margin: 0 auto 0 3%;} .container_50 {display: inline-block; width: 44%; height: auto; margin: 0 3% 0 3%;}}

.container_30_full {display: inline-block; width: 100%; height: auto; margin: 0 auto;}
@media (min-width: 780px) {.container_30_full {display: inline-block; width: 30%; height: auto; margin: 0 auto;}}

.container_50_full {display: inline-block; width: 100%; height: auto; margin: 0 auto;}
@media (min-width: 780px) {.container_50_full {display: inline-block; width: 50%; height: auto; margin: 0 auto;}}

.container_60 {display: inline-block; width: 100%; height: auto; margin: 0 auto;}
@media (min-width: 780px) {.container_60 {display: inline-block; width: 60%; height: auto; margin: 0 auto;}}

.container_70 {display: inline-block; width: 90%; height: auto; margin: 0 auto;}
@media (min-width: 780px) {.container_70 {display: inline-block; width: 70%; margin: 0 auto;}}

.container_75 {display: inline-block; width: 90%; height: auto; margin: 0 auto;}
@media (min-width: 780px) {.container_75 {display: inline-block; width: 75%; margin: 0 auto;}}

.container_80 {display: inline-block; width: 90%; height: auto; margin: 0 auto;}
@media (min-width: 780px) {.container_80 {display: block; width: 80%; margin: 0 auto;}}

.container_85 {display: inline-block; width: 90%; height: auto; margin: 0 auto;}
@media (min-width: 780px) {.container_85 {display: block; width: 85%; margin: 0 auto;}}

.container_90 {position: relative; display: block; width: 90%!important; height: auto; margin: 0 auto;}

.container_92 {position: relative; display: block; width: 94%; height: auto; margin: 0 auto;}
@media (min-width: 780px) {.container_92 {width: 92%;}}

.container_94 {position: relative; display: block; width: 94%!important; height: auto; margin: 0 auto;}
@media (min-width: 780px) {.container_94 {width: 94%;}}

.container_95 {position: relative; display: block; width: 90%!important; height: 100%; margin: 0 auto;}
.container_95_75 {position: relative; display: block; width: 95%!important; height: 100%; margin: 0 auto;}
@media (min-width: 780px) {.container_94 {width: 95%}}


.container_100 {position: relative; display: block; width: 90%; margin: 0 auto;}
.container_somos {position: relative; display: block; width: 100%; margin: 0 auto;}

@media (min-width: 1040px) {
    .container_100 {position: relative; display: block; width: 100%;}
    .container_somos {position: relative; display: block; width: 100%; margin: 60px auto;}
    .container_95_75 {position: relative; display: block; width: 75%!important; height: 100%; margin: 0 auto;}
}

.container_100_full {position: relative; display: block; width: 100%; margin: 0 auto;}

.container_table {position: relative; display: table; width: 100%;}
.container_flex {
    display: block;
}
@media (min-width: 780px) {.container_flex {display: flex;}}
.container_wrap { display: flex; flex-wrap: wrap; max-width: 1240px;}
/*.container_porque { display: flex; flex-wrap: wrap; max-width: 1000px; margin: 0 auto;}*/
.container_inline {position: relative; display: flex; margin: 0 auto; }
.container_list {position: relative; display: block; width: 100%; height: auto; margin: 0 auto;}@media (min-width: 780px) {.container_list {width: 94%;}}

.box_20 { width: 45%; margin: 0 auto;}
@media (min-width: 780px) { .box_20 { width: 190px; margin: 0 auto;}}

.box_25 { display: block; width: 90%; height: auto; margin: 0 auto 5% auto; vertical-align: top;}
@media (min-width: 780px) { .box_25 { position: relative; display: inline-block; width: 22%; margin: 0 1.4%;}}

.box_28 { display: block; width: 90%; height: auto; margin: 0 auto 5% auto; vertical-align: top;}
@media (min-width: 780px) { .box_28 { position: relative; display: inline-block; width: 29%; margin: 0 auto;}}
@media (min-width: 780px) { .box_28 { position: relative; display: inline-block; width: 28%; }}

.box_33 { display: block; width: 90%; height: auto; margin: 0 auto; vertical-align: top;}
@media (min-width: 780px) { .box_33 { position: relative; display: inline-block; width: 30%; left: -1.2%; margin: 0 auto 0 3%;}}

.box_33_inline { position: relative; display: inline-block; width: 32.2%; height: auto; margin: 0 auto 0 auto; vertical-align: top;}
@media (min-width: 780px) {.box_33_inline { position: relative; display: inline-block; width: 33.3%; height: auto; margin: 0 auto 0 auto;}}

.box_50 { position: relative; display: block; width: 90%; height: auto; margin: 0 auto 0 auto; vertical-align: top; text-align: center;}
@media (min-width: 780px) {.box_50 { position: relative; display: flex; width: 46%; height: auto; margin: 0 2%;}}

.box_50_flex { position: relative; display: flex; width: 90%; height: auto; margin: 0 auto 0 auto; vertical-align: top; text-align: center;}
@media (min-width: 780px) {.box_50_flex { position: relative; display: flex; width: 46%; height: auto; margin: 0 2%;}}

.balao:after{ content: ""; width: 0; height: 0; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #EAAD15; bottom: -10px; left: calc( 50% - 10px );}
.box_servico { display: block; width: 90%; height: auto; margin: 0 auto 5% auto; vertical-align: top;}
@media (min-width: 780px) { .box_servico { position: relative; display: inline-block; width: 22.5%; margin: 0 1.25% 0 1.25%;}}
.box_caso { display: block; width: 90%; height: auto; margin: 0 auto; vertical-align: top;}
@media (min-width: 780px) { .box_caso { position: relative; display: inline-block; width: 30%; margin: 0 1.5% 0 1.5%;}}
.box_colapse {display: none;}

/******* CLASSES PADRÕES - BORDAS *********************************************/
.border {border: 1px dashed #000000;} .border_2 {border: 1px dashed #5063f0;} .border_3 {border: 1px dashed #13ab66;}
.border_top {border-top: 2px solid #e4e7ea;}
.border_solid {border: 1px solid #cecece;}
.border_dashed { border: 2px dashed #cccccc;} .border_dashed_top { border-top: 2px dashed #cccccc;}
.border_ativo {border: 3px solid #cecece;}
.border_icon {border: 2px dashed rgba(71, 88, 215, 0.30);}
.border_bottom {border-bottom: 2px solid #fff;} .border_bottom_5 {border-bottom: 5px solid #89B15A;} 
.border_bottom_100 {border-bottom: 1px solid #999;} .border_bottom_ar {border-bottom: 6px solid #f2f2f2; box-shadow: 0 1px 3px #666;} 
.border_bottom_amarelo {border-bottom: 8px solid #FFEE00; box-shadow: 0 1px 3px #666;}

.border_right_p { position: absolute; height: 100%; width: 1px; top: 0; right: 0; margin: auto; border-right: 1px solid #cecece;}
@media (min-width: 780px) {
    .border_right_p { position: absolute; height: 100%; width: 1px; top: 0; right: 0; margin: auto; border-right: 1px solid #cecece;}
}

.border_solid_2 {border: 2px solid #cecece;}
@media (min-width: 780px) {.border_solid_2 {border: 2px solid #cecece;}
}


.border_shadow { box-shadow: 0 1px 3px #cecece;} .border_shadow_dir { box-shadow: 3px 0 3px #cccccc;}
.border_shadow_icon { box-shadow: 6px 2px 6px #999;}
.border_shadow_black { box-shadow: 0 2px 4px #555;}
.border_shadow_header { box-shadow: 0 1px 2px #999;}

.box_shadow { position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.30);}
.box_shadow_branco { position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.30);}
.box_shadow_preto { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.65);}
.box_shadow_preto_50 { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.50);}
.box_shadow_azul { position: absolute; width: 100%; height: 100%; background-color: rgba(80, 99, 240, 0.50);}
.box_shadow_azul_4 { position: absolute; width: 100%; height: 100%; background-color: rgba(8, 38, 82, 0.50);}
.box_shadow_verde { position: absolute; width: 100%; height: 100%; background-color: rgba(19, 171, 102, 0.50);}
.box_shadow_verde_4 { position: absolute; width: 100%; height: 100%; background-color: rgba(80, 139, 139, 0.50);}

.box_shadow_50 { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.50);}
.box_shadow_75 { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.70);}
.border_radius_3 {border-radius: 3px;}
.border_radius_5 {border-radius: 5px;}
.border_radius_left_5 {border-radius: 5px 0 0 5px;} .border_radius_right_5 {border-radius: 0 5px 5px 0;} .border_radius_bottom_5 {border-radius: 0 0 5px 5px;}
.border_radius_7 {border-radius: 7px;} .border_radius_top_7 {border-radius: 7px 7px 0 0;}.border_radius_10 {border-radius: 10px;} 
.border_radius_top_10 {border-radius: 10px 10px 0 0;} .border_radius_15 {border-radius: 15px;} .border_radius_top_15 {border-radius: 15px 15px 0 0;}
.border_radius_50 {border-radius: 50%;}
.border_radius_100 {border-radius: 100%;}

/******* CLASSES PADRÕES - TÍTULOS - SUBTÍTULOS - DESCRIÇÕES ******************/
.header_titulo { position: relative; display: block; width: 95%; margin: 0 auto;}
.header_desc { position: relative; margin: 5px auto 0 auto; width: 90%;}
.header_desc_largo { position: relative; margin: 5px auto 0 auto; width: 92%; font-weight: 400; letter-spacing: 1px; color: #36384C;}
@media (min-width: 780px) {.header_titulo { width: 100%;} .header_desc {width: 56%;} .header_desc_p { width: 56%;}}
.box_titulo { display: block; width: 100%; letter-spacing: 1px; height: 50px;} 
.box_desc { position: relative; display: inline-block; width: 90%; margin: 0 auto 5px auto; padding: 7px 0 7px 0; letter-spacing: 1px;}

/******* CLASSES PADRÕES - LINKS - PREÇOS *************************************/
.box_link { position: relative; display: inline-block; width: 90%; margin: 5px auto 5px auto; padding: 7px 0 7px 0; letter-spacing: 1px;}
.box_preco { margin: 0 auto; letter-spacing: 1px; font-weight: 600;}.box_preco_rs { position: absolute; margin: 15px auto 0 -25px;}
.box_preco_apenas { position: absolute; margin: -13px auto 0 2px;}

/******* CLASSES PADRÕES - LISTAS - ITENS DE LISTA ****************************/
.box_lista { margin: 0 auto; padding: 0;} 
.box_item { display: block; list-style: none; padding: 5px; letter-spacing: 1px;}

/******* CLASSES PADRÕES - ALINHAMENTO - ESPAÇAMENTO MARGIN E PADDING *********/
.relative {position: relative;} .absolute {position: absolute;} .fixed{position: fixed;}
.inline_block {display: inline-block!important;} .block {display: block!important;}
.right {float: right;} .left {float: left;} .clear {clear: both;} .fixo{position: fixed;} 
.margin_0_auto {margin: 0 auto!important;}.margin_header {margin-top: 20px;}
.margin_header_imovel {margin-top: 100px;}

@media (min-width: 840px) {
    .margin_header {margin-top: 40px;}
    .margin_header_imovel {margin-top: 100px;}
}
.margin_top_5{margin-top: 5px!important;}.margin_top_10{margin-top: 10px!important;}.margin_top_15{margin-top: 15px!important;}.margin_top_20{margin-top: 20px!important;}.margin_top_30{margin-top: 30px!important;}.margin_top_40{margin-top: 40px!important;}.margin_top_50{margin-top: 50px!important;}.margin_top_60{margin-top: 60px!important;}.margin_top_150{margin-top: 150px!important;}
.margin_right_0{margin-right: 0!important;}.margin_right_5{margin-right: 5px!important;}.margin_right_10{margin-right: 10px!important;} .margin_right_50{margin-right: 50px!important;}.margin_right_20{margin-right: 20px!important;}.margin_right_30{margin-right: 30px!important;}
.margin_bottom_10{margin-bottom: 10px!important;}.margin_bottom_20{margin-bottom: 20px!important;} .margin_bottom_30{margin-bottom: 30px!important;} .margin_bottom_40{margin-bottom: 40px!important;}
.margin_left_0{margin-left: 0!important;} .margin_left_5{margin-left: 5px!important;} .margin_left_10{margin-left: 10px!important;} .margin_left_15{margin-left: 15px!important;} .margin_left_20{margin-left: 20px!important;} .margin_left_25{margin-left: 25px!important;}
.top-1{position: relative; top: -1px!important;} .top-2{position: relative; top: -2px!important;} .top-5{position: relative; top: -5px!important;} .top-10{position: relative; top: -10px!important;}.top-15{position: relative; top: -15px!important;}
.top_0{position: relative; top: 0!important;} .top_1{position: relative; top: 1px!important;} .top_2{position: relative; top: 2px!important;} .top_5{position: relative; top: 5px!important;} .top_8{position: relative; top: 8px!important;} .top_10{position: relative; top: 10px!important;}.top_15{position: relative; top: 15px!important;} .top_20{position: relative; top: 20px!important;} .top_60{top: 60px!important;}
.left-0{position: relative; left: 0!important;} .left-1{position: relative; left: -1px!important;} .left-2{position: relative; left: -2px!important;} .left-3{position: relative; left: -3px!important;} .left-4{position: relative; left: -4px!important;} .left-5{position: relative; left: -5px!important;} .left-10{position: relative; left: -10px!important;}.left-15{position: relative; left: -15px!important;}.left-20{position: relative; left: -20px!important;}.left-30{position: relative; left: -30px!important;}.left-40{position: relative; left: -40px!important;}
.left_1{position: relative; left: 1px!important;} .left_2{position: relative; left: 2px!important;} .left_3{position: relative; left: 3px!important;} .left_4{position: relative; left: 4px!important;} .left_5{position: relative; left: 5px!important;} .left_10{position: relative; left: 10px!important;}.left_15{position: relative; left: 15px!important;}
.right-0{position: relative; left: 0!important;}.right-5{position: relative; left: -5px!important;} .right-10{position: relative; left: -10px!important;}.right-15{position: relative; left: -15px!important;}.right-20{position: relative; left: -20px!important;}.right-30{position: relative; left: -30px!important;}.right-40{position: relative; left: -40px!important;}
.left_p1{position: relative; left: 1%!important;} .left_p2{position: relative; left: 2%!important;} .left_p3{position: relative; left: 3%!important;} .left_p4{position: relative; left: 4%!important;} .left_p5{position: relative; left: 5%!important;} .left_p10{position: relative; left: 10%!important;}.left_p15{position: relative; left: 15%!important;}
.padding_titulo { padding: 1.4% 2% 0.4% 2%;}.padding_total_5{padding: 3px!important;} .padding_total_10{padding: 4px!important;} .padding_total_15{padding: 10px!important;} .padding_total_20{padding: 20px!important;} .padding_total_30{padding: 12px!important;} .padding_card{width: 20%; height: 20%;}
@media (min-width: 780px) {.padding_total_4{padding: 3px!important;} .padding_total_5{padding: 5px!important;} .padding_total_10{padding: 10px!important;} .padding_total_15{padding: 15px!important;} .padding_total_20{padding: 20px!important;} .padding_total_30{padding: 30px!important;}
}
.padding_menu_painel{padding: 10px 0 10px 0!important;} .padding_vert_5{padding: 2px 0 2px 0!important;} .padding_vert_10{padding: 5px 0 5px 0!important;}
.padding_vert_15{padding: 8px 0 8px 0!important;} .padding_vert_20{padding: 10px 0 10px 0!important;} .padding_vert_30{padding: 20px 0 20px 0!important;}
.padding_vert_40{padding: 20px 0 20px 0!important;} .padding_vert_50{padding: 50px 0 50px 0!important;} .padding_vert_60{padding: 60px 0 60px 0!important;}
.padding_vert_100{padding: 100px 0 100px 0!important;}.padding_vert_100_home{padding: 80px 0 80px 0!important;}

@media (min-width: 780px) {
    .padding_vert_5{padding: 5px 0 5px 0!important;} .padding_vert_10{padding: 10px 0 10px 0!important;} .padding_vert_15{padding: 15px 0 15px 0!important;}
    .padding_vert_20{padding: 20px 0 20px 0!important;} .padding_vert_30{padding: 30px 0 30px 0!important;} .padding_vert_40{padding: 40px 0 40px 0!important;}
    .padding_vert_50{padding: 50px 0 50px 0!important;} .padding_vert_60{padding: 60px 0 60px 0!important;} .padding_vert_100_home{padding: 100px 0 100px 0!important;}
}

.padding_vert_40_fix{padding: 30px 0 30px 0!important;}
/*.padding_vert_15_fix{padding: 30px 0 30px 0!important;}*/
.padding_hori_10{padding: 0 10px 0 10px!important;} .padding_hori_20{padding: 0 20px 0 20px!important;} .padding_hori_30{padding: 0 30px 0 30px!important;}
.padding_top_5{padding-top: 5px!important;} .padding_top_7{padding-top: 7px!important;} .padding_top_10{padding-top: 10px!important;} .padding_top_15{padding-top: 15px!important;} .padding_top_20{padding-top: 20px!important;} .padding_top_30{padding-top: 30px!important;} .padding_top_40{padding-top: 40px!important;} .padding_top_50{padding-top: 50px!important;} .padding_top_60{padding-top: 60px!important;} .padding_top_70{padding-top: 70px!important;} .padding_top_80{padding-top: 80px!important;}
.padding_right_5{padding-right: 5px!important;} .padding_right_10{padding-right: 10px!important;} .padding_right_20{padding-right: 20px!important;} .padding_right_30{padding-right: 30px!important;} .padding_right_40{padding-right: 40px!important;} .padding_right_50{padding-right: 50px!important;}
.padding_bottom_5{padding-bottom: 5px!important;} .padding_bottom_7{padding-bottom: 7px!important;} .padding_bottom_10{padding-bottom: 10px!important;} .padding_bottom_15{padding-bottom: 15px!important;} .padding_bottom_20{padding-bottom: 20px!important;} .padding_bottom_30{padding-bottom: 30px!important;} .padding_bottom_40{padding-bottom: 40px!important;} .padding_bottom_50{padding-bottom: 50px!important;} .padding_bottom_60{padding-bottom: 60px!important;} .padding_bottom_70{padding-bottom: 70px!important;} .padding_bottom_80{padding-bottom: 80px!important;}
.padding_left_5{padding-left: 5px!important;} .padding_left_10{padding-left: 10px!important;} .padding_left_15{padding-left: 15px!important;} .padding_left_20{padding-left: 20px!important;} .padding_left_30{padding-left: 30px!important;} .padding_left_40{padding-left: 40px!important;} .padding_left_50{padding-left: 50px!important;}
.box_padding_0 {padding: 0;} .box_padding_1 {padding: 1px;} .box_padding_2 {padding: 2px;} .box_padding_3 {padding: 3px!important;} .box_padding_4 {padding: 4px!important;} .box_padding_5 {padding: 5px!important;}.box_padding_7 {padding: 7px!important;} .box_padding {padding: 3% 1% 4% 1%;}

.padding_top_home{padding-top: 60px!important;}
@media (min-width: 780px) {
    .box_padding {padding: 1.4% 2% 2% 2%;}
}
.box_padding_radio {display: inline-block; width: 1.5em; height: 1.5em; padding-top: 1px;}
@media (min-width: 780px) {
    .box_padding_radio {width: 2.8em; height: 2.8em; padding: 6px;}
}

/******* CLASSES PADRÕES - BOTÕES E LINKS *****************************************************************************/
.avatar_logotipo {display: inline-block; width: 390px; height: 140px; margin: 0 10px 0 auto;}
.avatar_logotipo_painel {display: inline-block; width: 240px; height: auto; margin: 0 10px 0 auto;}
.avatar_galeria {display: inline-block; width: 128px; height: 108px; margin: 0 10px 0 auto;}
.avatar_galeria img {width: 100%; height: 100%;}
.avatar_galeria_new {display: inline-block; width: 128px; height: 108px; margin: 0 10px 0 auto; background-color: #cccccc;}
.avatar_galeria_new img {width: 100%; height: 90%;}
.desc_avatar_galeria_new {width: 100%; height: auto; font-size: 0.8em; margin: -5px auto; text-align: center;}
.galeria_btn_del { position: relative; float: right; margin: 0 5px 35px auto; bottom: 35px; padding: 3px 8px 3px 8px; text-decoration: none; border-radius: 3px; cursor: pointer;}
@media (min-width: 780px) {
    .avatar_logotipo_painel {display: inline-block; width: 360px; height: auto; margin: 0 10px 0 auto;}
}
/******* CLASSES PADRÕES - BOTÕES E LINKS *****************************************************************************/
.btn_padrao_block { position: relative; display: inline-block; margin: 5px auto 0 auto; padding: 4px 15px 3px 15px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; border-radius: 3px; cursor: pointer;}
.btn_padrao_p { position: relative; display: inline-block; margin: 5px auto 0 auto; padding: 4px 15px 3px 15px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; border-radius: 3px; cursor: pointer;}
.btn_padrao_p_user { position: relative; width: 38px; height: 38px; display: inline-block; margin: 5px 2px 0 2px; padding: 10px 0 0 0; text-transform: uppercase; text-decoration: none; border-radius: 100%; cursor: pointer; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.40);}
.btn_padrao_submit { position: relative; display: inline-block; margin: 5px auto 0 auto; padding: 4px 15px 3px 15px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; border-radius: 3px; cursor: pointer;}
.envolv_btn_editar { display: inline-block; margin: 0 0 0 auto; padding: 0!important; cursor: pointer; text-align: center;}
.btn_editar { display: block; margin: 0 10px 0 auto; padding: 7px 10px 7px 10px!important; text-decoration: none; text-align: center;cursor: pointer;}
.btn_del { display: block; margin: 0 10px 0 auto; padding: 7px 10px 7px 10px; text-decoration: none; text-align: center; border-radius: 3px; cursor: pointer;}
.btn_cancel {display: none; margin: 0 10px 0 auto; padding: 5px 10px 5px 10px; text-decoration: none; text-align: center; border-radius: 3px; cursor: pointer;}
@media (min-width: 780px) {
    .btn_padrao_p { position: absolute; top: 12px; right: 20px; padding: 4px 15px 3px 15px;}
    .box_btn_user { position: absolute; top: 10px; right: 20px;}
    .box_btn_dois { position: absolute; top: 40px; right: 20px;}
    .btn_padrao_p_user { position: relative; margin: 5px 3px 0 3px;}
    .btn_padrao_submit { position: relative;  padding: 4px 15px 3px 15px;}
}
/*.btn_atendimento { z-index: 9999!important; position: fixed; width: 48px; height: 48px; bottom: 22px; right: 22px; padding-top: 7px; font-size: 1.8em; text-align: center; text-decoration: none; border-radius: 100%; box-shadow: 0 2px 3px #555; cursor: pointer; background-color: #13ab66; color: #ffffff;}*/

.btn_atendimento { z-index: 9999!important; position: fixed; width: auto; height: auto; bottom: 22px; right: 22px; padding: 13px 30px; font-size: 1.1em; text-align: center; text-decoration: none; border-radius: 5px; box-shadow: 0 2px 3px #333; cursor: pointer; background-color: #13ab66; color: #ffffff;}
/*.btn_atendimento span{display: block;}*/
.btn_padrao { display: inline-block; margin: 5px auto 0 auto; padding: 8px 20px 7px 20px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; cursor: pointer;}


@media (min-width: 1180px) {
    .btn_atendimento { z-index: 9999!important; position: fixed; width: auto; height: auto; bottom: 22px; right: 22px; padding: 13px 30px; font-size: 1.1em; text-align: center; text-decoration: none; border-radius: 5px; box-shadow: 0 2px 3px #333; cursor: pointer; background-color: #13ab66; color: #ffffff;}
    .btn_atendimento i{display: inline-block;}
    .btn_atendimento span{display: inline-block;}
    .btn_padrao { padding: 8px 20px 7px 20px;}
}
.box_atendimento { position: fixed; display: none; z-index: 99; width: 48px; height: auto; bottom: 73px; right: 22px;}
.btn_whatsapp { z-index: 99; width: 48px; height: 48px; margin: 10px auto 0 auto; padding-top: 10px; font-size: 1.8em; text-align: center;text-decoration: none; border-radius: 100%; box-shadow: 0 2px 3px #555; cursor: pointer; background-color: #12a361; color: #ffffff;}
.btn_chat_css { z-index: 99; width: 48px; height: 48px; margin: 10px auto 0 auto; padding-top: 10px; font-size: 1.8em; text-align: center; text-decoration: none; border-radius: 100%; box-shadow: 0 2px 3px #555; cursor: pointer; background-color: #4b5ce1; color: #ffffff;}
.btn_email { z-index: 99; width: 48px; height: 48px; margin: 10px auto 10px auto; padding-top: 10px; font-size: 1.8em; text-align: center; text-decoration: none; border-radius: 100%; box-shadow: 0 2px 3px #555; cursor: pointer; background-color: #F03E3E; color: #ffffff;}

/******* ESTILO - FORMULÁRIOS *****************************************************************************************/
.width_marcas {width: 130px; height: 65px; margin: 0 1%;}
.width_dashed { width: calc( 100% - 45px);} 
.width_5p { width: 5px;} .width_10p { width: 10px;} .width_15p { width: 15px;} .width_20p { width: 20px;} .width_25p { width: 25px;} .width_30p { width: 30px;} .width_40p { width: 40px;} .width_50p { width: 50px;} .width_75p { width: 75px;} .width_100p { width: 100px;} .width_150p { width: 150px;} .width_200p { width: 200px;} .width_250p { width: 250px;} .width_300p { width: 300px;} 
.width_15 { width: 15%;} .width_25 { width: 25%;} .width_33 { width: 33%;} .width_50 { width: 50%;} .width_75 { width: 75%;} .width_90 { width: 100%;} .width_100 { width: 100%;}
.height_100 {height: 100%;}
.height_auto {height: auto;}
@media (min-width: 780px) {.width_90 { width: 85%;}}
.input_padrao { border: 1px solid #999999; outline: none; letter-spacing: 0.5px; border-radius: 3px; font-weight: 500;} .input_line { border: none; border-bottom: 2px solid #000000; width: 100%; outline: none; padding: 10px;}.input_inline {margin: 15px auto 0 auto;}
.input_padrao option {font-weight: 500;}
@media (min-width: 780px) {.input_inline {margin: 0 auto 0 10px;}}
.select_line { border: none; border-bottom: 2px solid #000000; width: 100%; outline: none; padding: 10px;}
.select_ciclo { display: block; margin: 0 auto 0 auto; padding: 4px 17px 5px 17px; letter-spacing: 1px; cursor: pointer; outline: none; border: none; border-bottom: 2px solid #5063f0;}
.place_cinza::-webkit-input-placeholder { color: #FFFFFF;}
@media (min-width: 1040px) {
    .place_cinza::-webkit-input-placeholder { color: #cecece;}
}
.place_grafiti::-webkit-input-placeholder { color: #37404d;}
.place_azul::-webkit-input-placeholder { color: #5063f0;}

/*********** CLASSES PADRÕES - NOTIFICAÇÕES ***********************************/
.notifica_fundo { z-index: 9999; position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; margin: 0 auto; background-color: rgba(0, 0, 0, 0.50);}
.notifica_site {position: fixed; width: 320px; height: 240px; margin: 40% auto 0 auto; padding: 20px; text-align: center; border-radius: 5px; box-shadow: 0 1px 3px #cccccc; background-color: #FFFFFF;}
@media (min-width: 780px) {
    .notifica_site {position: relative; width: 320px; height: 240px; margin: 10% auto 0 auto; padding: 20px; text-align: center; border-radius: 5px; box-shadow: 0 1px 3px #cccccc; background-color: #FFFFFF;}
}
.notifica_painel {z-index: 9999!important; position: fixed; display: none; width: auto; height: auto; margin: 0 auto; bottom: 12px; right: 12px; padding: 17px; font-size: 0.855em; letter-spacing: 1px; text-align: center; border-radius: 5px; box-shadow: 0 1px 3px #cccccc; color: #ffffff;}
.notifica_close { position: absolute; top: 15px; right: 15px; cursor: pointer; font-size: 1.2em; color: #465161;}
.accept {background-color: #13ab66;} .infor {background-color: #5063f0;} .alert {background-color: #EAAD15;} .error {background-color: #dd4b39;}

.header { z-index: 9999!important; position: relative; width: 100%; height: auto; top: 0; margin: auto; padding: 0; background-color: #888888;}
@media (min-width: 840px) { .header { height: 140px; }}
@media (min-width: 1040px) { .header { height: 148px; }}

/******* CLASSES PADRÕES - HEADER FIXO ********************************************************************************/
.header_fixo { z-index: 9999; position: fixed; width: 100%; height: 80px; margin: 0 auto; top: 0; background-color: #4A4A4A; border-bottom: 1px solid rgba(206, 206, 206, 0.10);}
.header_poligon_esq {z-index: -1; position: absolute; width: 160px; height: 80px; top: 0; left: 0; background-color: #333333; clip-path: polygon(30% 0%, 70% 0%, 100% 0, 100% 0, 61% 100%, 0 100%, 0% 70%, 0 0);}
.header_poligon_dir {z-index: -1; position: absolute; width: 110px; height: 80px; top: 0; right: 0; background-color: #333333; clip-path: polygon(100% 0, 100% 48%, 100% 100%, 21% 100%, 40% 42%, 0% 0%);}

@media (min-width: 1040px) {
    .header_fixo {position: fixed; display: flex; height: 100px; border-bottom: 1px solid rgba(206, 206, 206, 0.10);}
    .header_poligon_esq {z-index: -1; position: absolute; width: 600px; height: 100px; top: 0; left: 0; background-color: #333333; clip-path: polygon(30% 0%, 70% 0%, 100% 0, 100% 0, 61% 100%, 0 100%, 0% 70%, 0 0);}
    .header_poligon_dir {z-index: -1; position: absolute; width: 120px; height: 100px; top: 0; right: 0; background-color: #333333; clip-path: polygon(100% 0, 100% 48%, 100% 100%, 21% 100%, 40% 42%, 0% 0%);}
}


/******* CLASSES PADRÕES - LOGOTIPO DO SITE ***************************************************************************/
.header_info {height: auto; text-align: center; padding-bottom: 15px; }
.logotipo { position: relative; display: block; width: 310px; height: auto; margin: 16px auto 0 0; top: 0; cursor: pointer;}
.logotipo img { position: relative; display: block; width: 100%; height: auto;}

.logotipo_rodape { position: relative; display: block; width: 280px; height: auto; margin: 20px auto 0 auto;}
.logotipo_rodape img { position: relative; display: block; width: 100%; height: 100%;}

.logotipo_rec { position: relative; display: block; width: 280px; height: auto; margin: 20px auto 0 0;}
.logotipo_rec img { position: relative; display: block; width: 100%; height: 100%;}

.btn_orcamento { display: inline-block; width: auto; height: 42px; margin: 14px auto 0 auto; padding: 10px 15px 0 15px; top: 0; border-radius: 5px;}
.box_contato_topo { display: none;}

@media (min-width: 780px) {
    .logotipo {width: 300px; margin: 10px auto 0 4%;}
}

@media (min-width: 1040px) {
    .header_info {height: 93px; padding-bottom: 0;}
    .logotipo {width: 200px; margin: 39px auto 0 2%;}
    .logotipo img { position: relative; display: block; width: 100%; height: auto;}

    .logotipo_rodape {width: 320px; height: auto; margin: 17px auto 5px auto;}
    .logotipo_rec {width: 320px; height: auto; margin: 25px auto 5px 0;}


    .box_contato_topo { position: absolute; display: table; width: 100%;; height: 40px; left: 0; right: 0; margin: 0 auto; padding: 5px 40px 0 0; text-align: right; color: #ffcc33;}
    .box_contato_topo_icone{ position: relative; font-size: 1.5em; top: 4px; }
    .box_contato_topo_texto{ font-weight: bolder; margin: 0 auto; font-size: 1.1em; letter-spacing: 1px;}

    .btn_orcamento { margin: 26px 5% 5px 0;}
}



@media (min-width: 1150px) {
    .logotipo {width: 240px; margin: 36px auto 0 3%;}
    .btn_orcamento { margin: 26px 5% 5px 0;}
}

@media (min-width: 1220px) {
    .logotipo {width: 300px; margin: 28px auto 0 3%;}
}

@media (min-width: 1280px) {
    .logotipo {width: 350px; margin: 25px auto 0 5%;}
}

/******* FORMULÁRIO DE PESQUISA DO TOPO ***************************************/
.search_topo { z-index: 999; position: absolute; width: 300px; height: auto; top: 43px; right: 0; left: 0; margin: 0 auto;}
/******* CLASSES PADRÕES - HEADER FIXO ****************************************/
.search_topo input {position: relative; width: 100%; left: 4px; height: 30px; padding-left: 10px; font-weight: 400; letter-spacing: 2px; border-radius: 3px; background-color: rgba(255, 255, 255, 0.10); color: #FFFFFF;}
.search_topo_span {position: absolute; width: 30px; height: 30px; top: 0; right: -2px; padding: 3px 0 0 7px; color: #b7b7b7;}
.pesquisa_resultado{position: absolute; width: 100%; max-width: 420px; height: auto; padding: 5px; left: 5px; background-color: transparent;}
.pesquisa_resultado a{ font-size: 0.8em; color: #222; padding: 5px;}
.pesquisa_resultado a:hover{ color: #000; background-color: #ededed;}
@media (min-width: 1100px) {
    /******* FORMULÁRIO DE PESQUISA DO TOPO ***************************************/
    .search_topo { z-index: 999; position: absolute; width: 300px; height: auto; top: 35px; right: 20px; left: inherit; margin: 0 auto;}
}

/*********** CLASSES PADRÕES - MENU DO TOPO - HEADER **************************/
.menu_topo {z-index: 999!important; display: none; position: fixed; width: 320px; height: 100%; top: 0; right: 0; margin: 0 auto; padding: 0 0 80px 0; background-color: #333; overflow: scroll;}
.menu_topo_lista {position: relative; display: block; padding: 30px 0 0 0;}
.menu_topo_item {position: relative; display: block; margin: 20px auto 20px auto;}
.menu_topo_item a {display: block; width: 80%; margin: 0 auto; padding: 15px 15px 20px 15px; font-size: 0.8em; font-weight: 500; text-align: center; letter-spacing: 1px; text-transform: uppercase; border-radius: 5px;}
a.item_ativo {font-weight: 900; color: #ffcc33;}
a.item_inativo {color: #FFFFFF;}

.menu_topo_sub {position: relative; display: block; height: auto; padding: 7px 15px 0 15px; list-style: none;}
.menu_topo_sub_item a {color: #fff; font-weight: 500;}
.menu_topo_item a .sub_menu_up {display: none;}
.menu_topo_item a .sub_menu_down {display: none;}
@media (min-width: 1040px){
    .menu_topo { position: absolute; display: block; float: right; width: 860px; height: 60px; right: 0;  margin: 35px auto 0 auto; padding: 5px; text-align: center; background-color: transparent; overflow: inherit;}
    .menu_topo_lista {width: 850px; height: 55px; padding: 0; margin: 0 auto; top: 0;}
    .menu_topo_item { display: inline-block; margin: 0 auto 0 auto; }
    .menu_topo_item a { display: inline-block; width: 100%; height: 40px; margin: 0 auto; padding: 10px 5px 12px 0; font-weight: 500; font-size: 0.755em; text-align: center; letter-spacing: 1px; text-decoration: none; border-radius: 5px;  border-bottom: 1px solid transparent;}
    .menu_topo_item a.normal { padding: 7px 10px 7px 10px; font-size: 0.8em; letter-spacing: 2px!important; }
    .menu_topo_item a.item_ativo {
        color: #ffcc33;
        background-color: rgba(255, 204, 51, 0.02);
    }
    .menu_topo_item a.btn { font-size: 0.8em; padding: 12px 12px 5px 12px;}

    .menu_topo_item a.item_inativo {color: #fff;}
    .menu_topo_item a:hover{background-color: rgba(255, 204, 51, 0.04); color: #ffcc33;}

    .menu_topo_sub { z-index: 99999!important; position: absolute; display: none; width: 350px; height: auto; padding: 10px; margin-top: 10px; background-color: #2D343A; border-radius: 7px;}
    .menu_topo_sub_item a {color: #fff; text-transform: none; font-size: 0.9em; text-align: left;}
    .menu_topo_sub_item a:hover {background-color: rgba(255, 204, 51, 0.02); color: #ffcc33;}
    .menu_topo_item a .sub_menu_up {display: none;}
    .menu_topo_item a .sub_menu_down {display: inherit;}
}

/*@media (min-width: 1120px){
    .menu_topo { right: 0;}
}*/

@media (min-width: 1280px){
    .menu_topo { right: 1.7%; width: 900px; margin: 33px 0 0 auto;}
    .menu_topo_item a { font-size: 0.8em; padding: 10px 2px 5px 2px;}
    .menu_topo_item a.btn { font-size: 0.8em; padding: 12px 12px 5px 12px;}
}

@media (min-width: 1320px){
    .menu_topo { right: 1.7%; width: 900px; margin: 33px 0 0 auto;}
    .menu_topo_item a { font-size: 0.8em; padding: 10px 6px 5px 6px;}
}


/*********** CLASSES PADRÕES - MENU DO USUÁRIO ********************************/
.box_menu_usuario { position: absolute; display: none; width: 260px; top: 65px; right: 10px; padding: 10px; border-radius: 5px; box-shadow: 0 1px 3px #cccccc; background-color: #ffffff;}
.box_menu_usuario:after{ content: ""; width: 0; height: 0; position: absolute; top: -20px; right: 20px; border-top: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ffffff; border-left: 10px solid transparent;}

/******* CLASSES PADRÕES - MENU MOBILE ****************************************/
.btn_menu_mobile { position: absolute; width: auto; top: 0; right: 0; margin: 17px 10px 0 auto; padding: 8px 15px; font-size: 2em; cursor: pointer;}
.btn_menu_mobile_x { z-index: 99; position: absolute; right: 15px; width: auto; padding: 5px 15px ; margin: 15px auto 0 auto; font-size: 1.5em; cursor: pointer;}
/*@media (min-width: 840px) { .btn_menu_mobile { margin: 11px 13px 0 auto;}}*/
@media (min-width: 1040px) { .btn_menu_mobile { display: none!important; } .btn_menu_mobile_x { display: none!important;}}

/**********************************************************************************************************************/
/******* CLASSES PADRÕES - PAINEL DE ADMINISTRADOR ********************************************************************/
.logo_painel_login {display: block; width: 100px; height: 50px; margin: 0 auto; background: url('../../painel/img/logo_instech.png'), no-repeat, 100% 100%; background-size: 100% 100%;}

.header_painel { z-index: 999; position: fixed; width: 100%; height: 50px; top: 0; margin: 0 auto;}
@media (min-width: 780px) {.header_painel {height: 55px;}}

.container_home {width: 95%; height: auto; margin: 0 auto;}@media (min-width: 780px) {.container_home {width: 100%;}}
.container_home_first {width: 95%; height: auto; margin: 0 auto; margin-top: 20px;}@media (min-width: 780px) {.container_home_first {width: 100%; margin-top: 0;}}

.border_box_left{ position: absolute; width: 15px; height: 100%; top: 0; left: 0; margin: 0;}
.margin_top_btn_desk {margin-top: 20px;}
@media (min-width: 780px) {.margin_top_btn_desk {margin-top: 0;}}

.margin_painel {margin-top: 45px;}
@media (min-width: 780px) {.margin_modulo {margin-top: 20px;}}

.box_logo_topo_painel { position: relative; display: block; float: left; width: 142px; height: 35px; margin: 8px auto 0 10px;}
.logo_topo_painel { width: 142px; height: 35px; margin: 0 auto; background: url('../../painel/img/logo_topo.png'), no-repeat, 100% 100%; background-size: 100% 100%;}
.menu_topo_painel {position: absolute; height: 50px; right: 0; top: 5px; margin: 0 15px 0 auto; list-style: none;}
.menu_topo_painel li {position: relative; display: inline-block; float: right; height: 46px; margin: 0 auto 0 auto; list-style: none;}
.btn_topo_painel {z-index: 9999!important; display: inline-block; width: 40px; height: 40px; margin-left: 10px; padding-top: 2px; text-align: center; font-size: 1.5em; color: #fff;}
.avatar_topo_painel {display: inline-block; width: 40px; height: 40px;}
.config_topo_painel {position: relative; display: inline-block; width: 40px; height: 40px; margin-left: 9px; top: -12px; text-align: center; padding-top: 7px; font-size: 1.4em; color: #FFFFFF;}
@media (min-width: 780px) {
    .margin_painel {margin-top: 55px;}    
    .box_logo_topo_painel { width: 160px; height: 40px; margin: 7px auto 0 30px; }
    .logo_topo_painel { width: 160px; height: 40px; margin: 0 auto; }
    .menu_topo_painel {position: absolute; height: 50px; right: 0; top: 6px; margin: 0 15px 0 auto; list-style: none;}
    .btn_topo_painel {display: none; width: 48px; height: 48px; margin-left: 15px; padding-top: 8px;}
    .avatar_topo_painel {width: 40px; height: 40px;}
    .config_topo_painel {margin-left: 7px; top: -11px;}
}

.avatar_48 {width: 48px; height: 48px;}
.avatar_72 {width: 72px; height: 72px;}
.avatar_92 {width: 92px; height: 92px;}
.avatar_156 {width: 156px; height: 156px;}
.avatar_256 {width: 256px; height: 256px;}

.img_wide { width: 100%; height: 60%;}
.img_wide_slide { width: 100%; max-height: 140px;}
.tinymce_slide {height: 180px;}
@media (min-width: 780px) {
    .img_wide_slide { width: 100%; max-height: 220px;}
    .tinymce_slide {height: 350px;}
}

.result_host div {font-size: 1em!important;}
.result_host div img{display: none!important;}
.icon_result_host {position: absolute; top: 10px; right: -40px; left: 0;}

summary { outline: none; cursor: pointer;}
summary::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107"; position: absolute; top: 9px; left: 5px; font-size: 1.2em; color: #333; outline: none;}
details[open] summary::after { content: '\f106'; position: absolute; top: 7px; left: 5px; font-size: 1.2em; color: #333; outline: none;}
details[open] summary:hover { background:none;}
details summary::-webkit-details-marker { display:none;}

.num_id {position: relative; display: inline-block; width: 65px; height: 48px; margin: 0 5px 0 0; padding-top: 13px; text-align: center;}
@media (min-width: 780px) {.num_id {width: 80px; height: 40px; top: 0; margin: 0 5px 0 10px; padding-left: 10px;}}

/*.num_id {position: relative; display: inline-block; width: 30px; height: 48px; top: -20px; margin: 0 10px 0 auto; padding-top: 13px;}
@media (min-width: 780px) {.num_id {display: inline-block; width: 30px; height: 48px; top: 0; margin: 0 10px 0 auto; padding-top: 14px;}}*/

.num_id_cat {position: relative; display: inline-block; width: 16px; height: 40px; margin: 0 0 0 auto; padding-top: 11px; vertical-align: top; text-align: center;}
@media (min-width: 780px) {.num_id_cat {display: inline-block; width: 55px; height: 48px; top: 0; margin: 0 5px 0 auto; padding-top: 14px; padding-left: 10px;}}

.num_id_host {position: relative; display: inline-block; width: 25px; height: 48px; top: 0; margin: 0 auto 0 auto; padding-top: 13px; padding-left: 5px;}
@media (min-width: 780px) {.num_id_host {display: inline-block; width: 55px; height: 48px; top: 2px; margin: 0 5px 0 auto; padding-top: 14px; padding-left: 10px;}}

.avatar_produto {position: relative; display: inline-block; width: 56px; height: 40px; margin: 0;}
@media (min-width: 780px) {.avatar_produto {display: inline-block; width: 64px; height: 48px; margin: 0 10px 0 auto;}}

.avatar_usuario {position: relative; display: inline-block; top: -2px; width: 48px; height: 48px; margin: 0 10px 0 auto; border-radius: 100%;}
.avatar_galeria {display: inline-block; width: 128px; height: 92px; margin: 0 10px 0 auto;}
.avatar_galeria img {width: 100%; height: 100%;}
.avatar_galeria_new {display: inline-block; width: 128px; height: 92px; margin: 0 10px 0 auto;}
.avatar_galeria_new img {width: 100%; height: 100%;}
.desc_avatar_galeria_new {width: 100%; height: auto; font-size: 0.8em; margin: -5px auto; text-align: center;}
.galeria_btn_del { position: relative; float: right; margin: 0 5px 35px auto; bottom: 35px; padding: 3px 8px 3px 8px; text-decoration: none; border-radius: 3px; cursor: pointer;}
.width_list { width: 270px; height: auto;}
.width_pagina { width: 270px; height: 48px;}
.width_list_host { width: 320px; height: auto;}

.width_edita { position: relative; width: auto; height: 48px;}
.icon_sort {position: absolute; display: inline-block; padding: 0; margin: -2px auto 0 0; right: 30px; vertical-align: top;}
.icon_sort i:last-of-type{position: relative; top: -3px;}
.icon_edita {position: absolute; display: inline-block; padding: 7px 15px 6px 15px;; right: 0; margin: 0 0 0 auto!important; vertical-align: top; cursor: pointer;}
.icon_edita_cat {position: absolute; display: inline-block; padding: 7px 15px 6px 15px; right: 0; margin: 0 0 0 auto!important; cursor: pointer; vertical-align: top; cursor: pointer;}
@media (min-width: 780px) {
    .icon_edita {position: relative; height: 48px; padding: 10px 20px 10px 15px; right: 0; margin: 0 0 0 auto; cursor: pointer;}
    .icon_edita_cat {padding: 10px 25px 10px 15px;}
    .icon_sort {position: absolute; display: inline-block; padding: 0; margin: -2px auto 0 0; right: 60px; vertical-align: top;}
}

.lista_edita {z-index: 999; position: absolute; display: none; top: 60px; right: 5px; padding: 10px; text-align: center; background-color: #fff; box-shadow: 0 0 4px #bebebe;}
.lista_edita_cat {z-index: 99; position: absolute; display: none; top: 60px; right: 5px; padding: 10px; text-align: center; background-color: #fff; box-shadow: 0 0 4px #bebebe;}

.lista_edita_block {z-index: 99; position: absolute; display: block; top: 50px; right: 5px; padding: 10px; text-align: center; background-color: #fff; box-shadow: 0 0 4px #bebebe;}
.width_cat { position: relative; width: calc( 100% - 130px); min-height: 40px; text-align: left; vertical-align: top; margin: 0 0 0 auto; top: 0; display: inline-block;}
/*.width_cat { position: relative; width: auto; max-width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 40px; vertical-align: top; margin: 0 auto 0 0; top: 0; display: inline-block;}*/
.width_host { position: relative; width: 100%; height: 48px; top: -21px; display: inline-block;}
.width_host_2 { position: relative; width: 100%; height: 48px; top: 0; display: inline-block;}
@media (min-width: 780px) {.width_edita { width: calc( 100% - 150px); top: 0; margin-bottom: 0;}}
@media (min-width: 780px) {.width_edita_block { width: calc( 100% - 150px); top: 0; margin-bottom: 0;}}
@media (min-width: 780px) {.width_cat { width: calc( 100% - 150px); height: 48px; top: 0; margin-bottom: 0;}}
@media (min-width: 780px) {.width_pagina { width: calc( 100% - 150px); height: 48px; top: 0; margin-bottom: 0; padding: 0 20px 0 20px;}}
@media (min-width: 780px) {.width_host { width: calc( 100% - 150px); top: -16px; margin-bottom: 0;}}
@media (min-width: 780px) {.width_host_2 { width: calc( 100% - 150px); top: 0; margin-bottom: 0;}}

/************ CLASSES PADRÕES - BOTÃO SWITCH **************************************************************************/
.switch { position: relative; display: inline-block; width: 37px; height: 13px;}
.switch input { opacity: 0; width: 0; height: 0; outline: none;}
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #b2b0b0; -webkit-transition: .4s; transition: .4s;}
.slider:before { position: absolute; content: ""; height: 22px; width: 22px; left: -5px; top: -4.5px; background-color: #e7e7e7; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider {background-color: #92d6a9;}
input:checked + .slider:before {background-color: #006758;}
input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

/******* BARRA DE PROGRASSO EM PORCENTAGEM DO NÍVEL DA SENHA **********************************************************/
#progress { background: transparent; transition: border 0.3s; color: #fff;}
#progress div { height: 20px; background: #f2f2f2; transition: background 0.3s; color: #000; border-radius: 5px; padding: 0.5px 0; font-size: 0.9em;}
#show_password { position: absolute; width: 35px; height: 30px; top: 0; right: 0; border: none; background-color: transparent; font-size: 0.9em; background-color: #cecece; border-radius: 0 5px 5px 0; cursor: pointer;}

/******* FORMULÁRIO DE PESQUISA DE USUÁRIOS ***************************************************************************/
.search_box { position: relative; width: 95%; height: auto; margin: 20px auto 0 auto;}
.search_box input {position: relative; width: 100%; left: 4px; height: 30px; padding-left: 10px; font-weight: 400; letter-spacing: 2px; border-radius: 3px; background-color: rgba(255, 255, 255, 0.10); color: #333; border: 1px solid #b1b1b1;}
.search_box_span {position: absolute; width: 30px; height: 30px; top: 0; right: -2px; padding: 3px 0 0 7px; color: #b7b7b7;}

/******* CLASSES PADRÕES - BOTÃO DE AUTO SAVE *************************************************************************/
.box_load_auto_save { z-index: 99; position: fixed; width: 50px; bottom: 0; right: 0; margin: 0 auto;}
.box_btn_save { z-index: 99; position: fixed; width: 100%; bottom: 5px; right: 0; margin: 0 auto;}
.btn_padrao_save { position: relative; display: inline-block; margin: 0 auto 0 auto; padding: 6px 15px 5px 15px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; border-radius: 3px; cursor: pointer;}
@media (min-width: 780px) {
    .box_btn_save { z-index: 999!important; width: auto; display: block; bottom: inherit; top: 12px; right: 115px; margin: 0 auto; padding: 0 15px;}
    .btn_padrao_save { padding: 6px 15px 5px 15px;}
}

/******* EDITOR BASIC *************************************************************************************************/
.demo-inline {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    text-align: left;
    color: #626262;
    font-family: Lato;
    color: #626262;
    line-height: 1.3;
    font-size: 14px;
    background-color: #ffffff;
    text-align: left;
    vertical-align: top;
}
.demo-inline p {
    margin: 0 0;
}
.demo-inline h1 {
    color: #1976d2;
    font-family: Aileron;
    font-size: 3em;
    font-weight: bold;
    margin: 0 0;
}
.demo-inline h2 {
    color: #1976d2;
    font-family: Aileron;
    font-size: 2.5em;
    font-weight: bold;
}
.demo-inline h3 {
    font-family: Aileron;
    font-size: 2em;
    color: #403f42;
    font-weight: bold;
    color: inherit;
}
.demo-inline h4 {
    font-family: Aileron;
    font-size: 1.5em;
    color: #403f42;
    font-weight: bold;
    color: inherit;
}
.demo-inline h5 {
    font-family: Aileron;
    font-size: 1em;
    color: #403f42;
    font-weight: bold;
    color: inherit;
}

/**********************************************************************************************************************/
/******* ESTILO DO PLUGIN DE SLIDE ************************************************************************************/
.swiper-container {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 80px auto 0 auto;
}

@media (min-width: 940px) {
    .swiper-container {
        width: 100%;
        height: 100%;
        margin: 0 auto 0 auto;
    }
}

@media (min-width: 1040px) {
    .swiper-container { margin: 30px auto 0 auto; }
}

.swiper-somos {
    margin-top: auto;
    width: 100%;
    height: 195px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 940px) {
    .swiper-somos {
        margin-top: auto;
        width: 100%;
        height: 320px;
        margin-left: auto;
        margin-right: auto;
    }
}

.swiper-detran {
    margin-top: auto;
    width: 100%;
    height: 260px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 940px) {
    .swiper-detran {
        margin-top: auto;
        width: 100%;
        height: 350px;
        margin-left: auto;
        margin-right: auto;
    }
}

.swiper-slide {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    margin: 0 auto;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {width: 100%; height: 100%;}
.slide_item_50 {height: 250px!important;}
.slide_item_100 {position: relative; height: 500px!important;}
.slide_info {position: absolute; display: block; width: 100%; height: auto; margin: 0 auto; top: 50px; text-align: center;}

.slide_titulo {position: relative; display: block; width: 380px; height: auto; margin: 0 auto; text-align: center; font-size: 2em; text-shadow: 0 0 1px #111!important;}
.slide_conteudo {position: relative; display: block; width: 380px; height: auto; margin: 20px auto 0 auto; text-align: center; font-size: 1.1em; text-shadow: 0 0 1px #111!important;}
.box_bandeiras {position: relative; display: block; width: 380px; height: auto; margin: 10px auto 0 auto; text-align: center;}
.box_bandeiras_titulo{position: relative; display: block; width: 380px; margin: 0 auto; padding: 10px 0 10px 0; font-size: 1.4em; font-weight: 600; color: #ffcc33;}
.box_bandeiras_img{}
.box_bandeiras_img img{width: 40px;}
.titulo_menu {position: relative; width: 100%; margin: 0 auto;  font-size: 1.8em; letter-spacing: 2px; font-family: Arial;}
.cover {}
@media (min-width: 940px) {
    .slide_item_50 {height: 440px!important;}
    .slide_item_100 {height: 670px!important;}
    .slide_info {position: absolute; width: 52%; margin: 0 auto 0 65px; padding: 0; top: 120px; left: 0; right: 0; padding-top: 0; text-align: left;}

    .slide_titulo {position: relative; width: 100%; margin: 0 auto;  text-align: left; font-size: 3.5em; letter-spacing: 0; line-height: 1em;  font-family: Arial;}
    .slide_conteudo {position: relative; width: 100%; margin: 10px auto 0 auto; text-align: left; font-size: 1.5em; letter-spacing: 1px;}
    .box_bandeiras {position: relative; display: block; width: 100%; height: auto; margin: 0 auto; text-align: left;}
    .box_bandeiras_titulo{ width: 100%; padding: 10px 0 20px 0; font-size: 1.5em; font-weight: 500;}
    .box_bandeiras_img{}
    .box_bandeiras_img img{width: 50px;}
    .titulo_menu {position: relative; width: 100%; margin: 0 auto;  font-size: 3.5em; letter-spacing: 2px; font-family: Arial;}
    .cover {margin: 40px auto 0 auto;}
}

/**********************************************************************************************************************/
/******* ESTILO DO PLUGIN DE CARROSEL *********************************************************************************/
.form_contato{ position: relative; display: block; width: 100%; height: auto; margin: 0 auto; padding: 30px 0; background-color: rgba(255, 204, 51, 0.99);}
.slide_form{ z-index: 99!important; position: relative; display: block; width: 100%; height: auto; margin: 0 auto; padding: 30px 0; background-color: rgba(255, 204, 51, 0.99);}
.slide_form_down_arrow {position: relative; display: block; width: 50px; height: 30px; margin: -5px auto; padding: 0; left: 6%; text-align: center; font-size: 1.5em; color: #777; -webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%);transform: translateX(-50%);}
.slide_form_label { position: relative; display: block; width: 100%; margin: 17px auto 0 auto;}
.slide_form_input { position: relative; display: block; width: 90%; margin: 0 auto; padding: 11px; border: 1px solid #333; color: #cecece; background-color: rgba(0, 0, 0, 0.63); outline: none; letter-spacing: 0.5px; border-radius: 5px; font-weight: 500;}
.slide_form_btn { position: relative; display: block; width: 90%; margin: 20px auto 0 auto; padding: 15px 20px; letter-spacing: 1px; font-size: 0.8em; font-weight: 900; background-color: #4A4A4A; color: #FFFFFF; text-transform: uppercase; text-decoration: none; border-radius: 5px; cursor: pointer;}
.slide_form_btn_contato { position: relative; display: inline-block; margin: 20px 10px 0 10px; padding: 15px; letter-spacing: 1px; font-size: 0.9em; font-weight: 900; text-transform: uppercase; text-decoration: none; border-radius: 5px; cursor: pointer;}
@media (min-width: 780px){
    .form_contato{ position: relative; display: block; width: 540px; height: auto; margin: 0 auto; padding: 0 0 30px 0; background-color: #FFFFFF;}
    .slide_form{ z-index: 9!important; position: absolute; display: block; width: 620px; height: 670px; top: 100px; right: 0; margin: 0 auto; background-color: rgba(255, 204, 51, 0.30); clip-path: polygon(22% 0, 70% 0%, 100% 0, 100% 0, 100% 100%, 0 100%, 4% 70%, 11% 8%);}
    .slide_form form {position: relative; display: block; width: 360px; margin: 20px auto 0 auto; right: -3%;}
    .slide_form_down_arrow { font-size: 2em;}
    .slide_form_btn_contato { position: relative; display: inline-block; margin: 20px 10px 0 10px; padding: 15px; letter-spacing: 1px; font-size: 1em; font-weight: 900; text-transform: uppercase; text-decoration: none; border-radius: 5px; cursor: pointer;}
    .slide_form_btn { position: relative; display: block; width: 90%; margin: 20px auto 0 auto; padding: 15px; letter-spacing: 1px; font-size: 0.8em; font-weight: 900; background-color: #ffcc33; color: #000000; text-transform: uppercase; text-decoration: none; border-radius: 5px; cursor: pointer;}

}

.slide_form_input_parceria { position: relative; display: block; width: 90%; margin: 0 auto; padding: 15px; border: 1px solid #333; color: #000; outline: none; letter-spacing: 0.5px; border-radius: 5px; font-weight: 500;}
.slide_form_btn_parceria { position: relative; display: block; width: 90%; margin: 20px auto 0 auto; padding: 15px 20px; letter-spacing: 1px; font-size: 0.9em; font-weight: 900; background-color: #333333; color: #FFFFFF; text-transform: uppercase; text-decoration: none; border-radius: 5px; cursor: pointer;}


/**********************************************************************************************************************/
/******* ESTILO DO PLUGIN DE CARROSEL *********************************************************************************/
.padding_social {padding: 30px 0 30px 0; font-size: 1.5em;}
@media (min-width: 940px){
    .padding_social {padding: 20px 0 20px 0; font-size: 2em;}
}


/**********************************************************************************************************************/
/******* ESTILO DO PLUGIN DE CARROSEL *********************************************************************************/
.box_carrosel{ position: relative; margin: 0 auto; padding: 0 35px 0 35px; width: 310px; overflow: hidden; }
.box_produto{ position: relative; margin: 20px auto 0 auto; width: 95%; overflow: hidden;}
.box_produto_cat{ position: relative; margin: 20px auto 0 auto; width: 95%; overflow: hidden; }
.box_carrosel .nav{ z-index: 99!important; cursor: pointer; position: absolute; display: table; top: 0; padding: 35px 0 0 0;  height: 280px; background-color: #fff;}
.box_carrosel .nav p{display: table-cell; vertical-align: middle;}
.box_carrosel .nav:hover{}
.box_carrosel .nav.back{left: 0;}
.box_carrosel .nav.forth{right: 0;}

.carrosel{list-style: none; width: 1000%; height: auto; float: left;}
.item{float: left; width: 240px; height: auto; margin-right: 8px; text-decoration: none; text-align: center;}
.item img{display: block; width: 90%; height: 130px; margin: 0 auto;}
.item_titulo_cat{ position: relative; width: 80%; height: auto; top: 5px; margin: 0 auto; font-weight: 500; font-size: 1em!important; text-align: center; color: #444;}

.item_normal{ display: block; width: 340px; height: auto; margin: 0 auto 30px auto; padding: 0 0 30px 0; border-radius: 5px;}
.item_normal img{display: block; width: 100%; height: auto; margin: 0 auto;}

.item_normal_2{ display: block; width: 340px; height: auto; margin: 0 auto 30px auto; padding: 0 0 30px 0; border-radius: 5px;}
.item_normal_2 img{display: block; width: 100%; height: auto; margin: 0 auto;}

.item_titulo{ position: relative; width: 90%; height: auto; top: 5px; margin: 0 auto; font-weight: bolder; font-size: 1.2em!important; text-align: center; color: #444;}
.item_conteudo{ position: relative; width: 90%; height: 60px; top: 10px; margin: 0 auto; font-weight: 500; font-size: 0.9em!important; text-align: center; color: #444;}
.btn_produto { position: relative; display: inline-block; margin: 20px auto 40px auto; padding: 7px 10px 6px 10px; letter-spacing: 1px; font-size: 0.7em; font-weight: 900; text-transform: uppercase; text-decoration: none; border-radius: 3px; cursor: pointer;}
.btn_padrao_home { position: relative; display: inline-block; margin: 0 auto 0 auto; padding: 15px 20px; letter-spacing: 1px; font-size: 0.9em; font-weight: 900; text-transform: uppercase; text-decoration: none; border-radius: 5px; cursor: pointer;}
@media (min-width: 1040px){
.btn_padrao_home { position: relative; display: inline-block; margin: 20px auto 0 auto; padding: 15px 25px; letter-spacing: 1px; font-size: 1em; font-weight: 900; text-transform: uppercase; text-decoration: none; border-radius: 5px; cursor: pointer;}
}
@keyframes pisca {
    0% { opacity: 0; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}
@-webkit-keyframes glowing {
    0% { background-color: #ffcc33; -webkit-box-shadow: 0 0 3px #000; }
    50% { background-color: #AD8E19; -webkit-box-shadow: 0 0 3px #AD8E19; }
    100% { background-color: #ffcc33; -webkit-box-shadow: 0 0 3px #000; }
}
@-webkit-keyframes glowing_desc {
    0% { color: #ffcc33; -webkit-text-shadow: 0 0 3px #000; }
    50% { color: #AD8E19; -webkit-tex-shadow: 0 0 3px #AD8E19; }
    100% { color: #ffcc33; -webkit-text-shadow: 0 0 3px #000; }
}
@-webkit-keyframes glowing_grenn {
    0% { background-color: #00ce70; -webkit-box-shadow: 0 0 3px #000; }
    50% { background-color: #007942; -webkit-box-shadow: 0 0 3px #AD8E19; }
    100% { background-color: #00ce70; -webkit-box-shadow: 0 0 3px #000; }
}
.btn_pisca {
    -webkit-animation: glowing 0.8s linear infinite;
    -moz-animation: glowing 0.8s linear infinite;
    -ms-animation: glowing 0.8s linear infinite;
    -o-animation: glowing 0.8s linear infinite;
    animation: glowing 0.8s linear infinite;
}
.desc_pisca {
    -webkit-animation: glowing_desc 0.8s linear infinite;
    -moz-animation: glowing_desc 0.8s linear infinite;
    -ms-animation: glowing_desc 0.8s linear infinite;
    -o-animation: glowing_desc 0.8s linear infinite;
    animation: glowing_desc 0.8s linear infinite;
}
.btn_pisca_verde {
    -webkit-animation: glowing_grenn 1s linear infinite;
    -moz-animation: glowing_grenn 1s linear infinite;
    -ms-animation: glowing_grenn 1s linear infinite;
    -o-animation: glowing_grenn 1s linear infinite;
    animation: glowing_grenn 1s linear infinite;
}

@media (min-width: 425px){
    .box_carrosel{ position: relative; margin: 0 auto; padding: 0 35px 0 35px; width: 425px; overflow: hidden; }
    .box_carrosel .nav{ cursor: pointer; position: absolute; display: table; top: 0; padding: 45px 0 0 0;  height: 185px; background-color: #fff;}
    .item{float: left; width: 175px; height: auto; margin-right: 8px;}
    .item img{display: block; width: 90%; height: 130px; margin: 0 auto;}

    .item_normal{display: inline-table; width: 380px; height: auto; margin: 0 auto 30px auto;}
    .item_normal img{display: block; width: 100%; height: auto; margin: 0 auto;}

    .item_normal_2{display: inline-table; width: 380px; height: auto; margin: 0 auto 30px auto;}
    .item_normal_2 img{display: block; width: 100%; height: auto; margin: 0 auto;}

}
@media (min-width: 620px){
    .box_carrosel{ position: relative; margin: 0 auto; padding: 0 35px 0 35px; width: 610px; overflow: hidden; }
    .box_carrosel .nav{ cursor: pointer; position: absolute; display: table; top: 0; padding: 45px 0 0 0;  height: 185px; background-color: #fff;}
    .item{float: left; width: 175px; height: auto; margin-right: 8px;}      
    .item img{display: block; width: 90%; height: 160px; margin: 0 auto;}

}
@media (min-width: 780px){
    .box_carrosel{ position: relative; margin: 0 auto; padding: 0 35px 0 35px; width: 770px; overflow: hidden; }
    .box_produto{ position: relative; margin: 0 auto; width: 770px; overflow: hidden; }
    .box_carrosel .nav{ cursor: pointer; position: absolute; display: table; top: 0; padding: 45px 0 0 0;  height: 185px; background-color: #fff;}

    .item{float: left; width: 171px; height: auto; margin-right: 8px;}    
    .item img{display: block; width: 90%; height: 130px; margin: 0 auto;}

    .item_normal{width: 167px; height: auto;}
    .item_normal img{display: block; width: 90%; height: 130px; margin: 0 auto;}

    .btn_produto { position: relative; display: inline-block; margin: 20px auto 20px auto; padding: 8px 12px 7px 12px; letter-spacing: 1px; font-size: 0.8em; text-transform: uppercase; text-decoration: none; border-radius: 3px; cursor: pointer;}
}

@media (min-width: 1180px){
    .box_carrosel{ position: relative; margin: 20px auto 0 auto; padding: 0 35px 0 35px; width: 1180px; overflow: hidden; }
    .box_produto{ position: relative; margin: 50px auto 0 auto; width: 95%; overflow: hidden;}
    .box_carrosel .nav{ cursor: pointer; position: absolute; display: table; top: 0; padding: 90px 0 0 0;  height: 280px; background-color: #fff;}
    .item{position: relative; float: left; width: 270px; height: auto; margin-right: 8px;}    
    .item img{display: block; width: 100%; height: 190px; margin: 0 auto;}

    .item_normal{width: 31.5%; height: auto; margin: 0 0.5% 50px 0.5%; border-radius: 12px;}
    .item_normal img{display: block; width: 100%; height: 320px; margin: 0 auto;}

    .item_normal_2{width: 31.5%; height: auto; margin: 0 0.5% 50px 0.5%; border-radius: 12px;}
    .item_normal_2 img{display: block; width: 100%; height: auto; margin: 0 auto;}

}
.container_servico {display: inline-block; width: 100%; height: auto; margin: 0 auto;}
.fonte_atuamos { font-size: 1.2em;}
@media (min-width: 1040px) {
    .container_servico {display: inline-block; width: 75%; margin: 0 auto;}
    .fonte_atuamos { font-size: 1.5em;}
}
.cover img {max-width: 620px; max-height: 440px;}
.cover_2 img { margin: 40px auto 0 auto; max-width: 620px;}
.thumb_produto {display: inline-block; width: calc( 25% - 3px ); height: 60px; margin: 0 auto; cursor: pointer; border-radius: 3px;}
.thumb_produto.active {border: 3px solid #0056a3}


@media (min-width: 780px){.titulo_mobile {display: none;}}
.titulo_desktop {display: none;}
@media (min-width: 780px){.titulo_desktop {display: block;}}

@media (min-width: 480px){.thumb_produto {height: 70px;}}
@media (min-width: 620px){.thumb_produto {width: calc( 20% - 3px ); height: 80px;}}
@media (min-width: 720px){.thumb_produto {height: 90px;}}
@media (min-width: 780px){.thumb_produto {width: calc( 25% - 3px ); height: 60px;}}
@media (min-width: 1080px){.thumb_produto {width: calc( 10% - 4px ); height: 68px;}}

/**********************************************************************************************************************/
/******* ESTILO DA SEÇÃO DE DESTAQUE **********************************************************************************/
.box_destaque{ position: relative; display: block; width: 100%; max-height: 250px; margin: 2px auto 0 auto;}
.box_destaque img{ position: relative; width: 100%; height: 100%; margin: 0 auto;}
.box_destaque .box_shadow { z-index: 1; height: 100%; }
.box_destaque_titulo{ z-index: 2!important; position: absolute; width: 100%; bottom: 20px; left: 0; right: 0; margin: 0 auto; font-size: 1.4em; font-weight: 900; text-transform: uppercase; color: #ffffff; text-shadow: 1px 1px #000!important;}
.box_destaque a{ z-index: 2!important; position: absolute; width: 180px; top: 150px; left: 0; right: 0; margin: 0 auto; padding: 10px; font-size: 1em; background-color: #48b0f7; color: #ffffff; text-transform: uppercase; border-radius: 3px;}
@media (min-width: 940px){
    .box_destaque{ position: relative; width: 30.2%; max-height: 300px; margin: 2px 1.5% 1.5% 1.5%;}
    .box_destaque img{ position: relative; width: 100%; height: 100%; margin: 0 auto;}
    .box_destaque_titulo { z-index: 2!important; position: absolute; width: 90%; top: 90px; bottom: 0; left: 0; right: 0; margin: 0 auto; font-size: 1.4em; font-weight: 900; text-transform: uppercase; color: #ffffff; text-shadow: 1px 1px #000!important;}
    .box_destaque a{ z-index: 2!important; position: absolute; width: 180px; top: 150px; left: 0; right: 0; margin: 0 auto; padding: 10px; font-size: 1em; background-color: #48b0f7; color: #ffffff; text-transform: uppercase; border-radius: 3px;}
}

/**********************************************************************************************************************/
/******* ESTILO DO ORÇAMENTO ******************************************************************************************/
.btn_orcamento_online { position: relative; display: inline-block; margin: 20px auto 0 auto; padding: 11px 10px 12px 10px; letter-spacing: 1px; font-size: 0.755em; font-weight: 900; text-transform: uppercase; text-decoration: none; border-radius: 3px; cursor: pointer;}
@media (min-width: 940px){
    .btn_orcamento_online { margin: 20px auto 20px auto; padding: 9px 10px 9px 10px;}
}

/**********************************************************************************************************************/
/******* SEÇÃO DE DIFERENCIAIS ****************************************************************************************/
/**********************************************************************************************************************/
.diferencial {}
.diferencial_efeito { position: absolute; width: 100%; height: 40px; top: 0; margin: 0 auto; background-color: #b7b7b7; clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%);}
.diferencial_efeito_bottom { z-index: 9; position: absolute; width: 100%; height: 40px; bottom: -1px; margin: 0 auto; background-color: #4A4A4A; clip-path: polygon(0% 100%, 100% 7%, 100% 100%, 0% 100%);}
.box_dif_esq{ width: 40%; clip-path: polygon(0 0, 100% 0, 81% 100%, 0% 100%);}
.box_dif_dir{ width: 90%; margin: 0 auto}
@media (min-width: 1040px){
    .box_dif_esq{ width: 40%; clip-path: polygon(0 0, 100% 0, 81% 100%, 0% 100%);}
    .box_dif_dir{ width: 60%; margin: 0 auto}
}
@media (min-width: 1040px){
.diferencial_efeito { position: absolute; width: 100%; height: 50px; top: 0; margin: 0 auto; background-color: #b7b7b7; clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%);}
.diferencial_efeito_bottom { z-index: 9; position: absolute; width: 100%; height: 50px; bottom: 0; margin: 0 auto; background-color: #4A4A4A; clip-path: polygon(0% 100%, 100% 7%, 100% 100%, 0% 100%);}
}

/******* ESTILO DA PÁGINA SOBRE NÓS ***********************************************************************************/
.icone_diferencial {display: block; width: 92px; height: 92px; padding-top: 23px; font-size: 2.5em;}
.icone_porque {display: block; width: 92px; height: 92px; padding-top: 23px; font-size: 2.5em; clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);}

.sobre_nos_info{}
.sobre_nos_img{display: block; width: 100%; padding-top: 30px;}
.sobre_nos_esq{position:relative; width: 100%; height: auto; padding: 0; margin: 30px auto 0 auto;}
.sobre_nos_esq img{position: relative; display: block; width: 100%; height: 100%; padding: 0;}

@media (min-width: 780px){
    .diferencial {}
    .icone_diferencial {display: block; width: 92px; height: 92px; padding-top: 60px; font-size: 4em;}
    .icone_porque {display: block; width: 128px; height: 128px; padding-top: 27px; font-size: 4em;}
    .sobre_nos_info{padding-right: 30px; margin: 0 auto;}
    .sobre_nos_img{padding-top: 70px;}
    .sobre_nos_esq{position:relative; width: 100%; height: auto; margin: 0 auto;}
    .sobre_nos_esq img{position: relative; display: block; width: 100%; height: 100%; padding: 0; clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);}
}
/**********************************************************************************************************************/
/******* ESTILO DA PÁGINA DE EQUIPE ***********************************************************************************/
.avatar_equipe {width: 180px; height: 260px;}

/**********************************************************************************************************************/
/******* ESTILO DA SEÇÃO DE NOSSOS CLIENTES ***************************************************************************/
.item_cliente{  display: block; margin: 0 auto 0 auto; left: 35px; }
.item_cliente img{position: relative; display: block; width: 100%; height: auto; margin: 0 auto;}

.item_cliente h2{ position: relative; display: block!important; width: 100%; font-size: 1em; text-align: center;}
.item_cliente h3{ position: relative; width: 100%; display: block; font-size: 0.8em;}

.swiper-pagination-clientes {bottom: 0!important;}

@media (min-width: 425px){
    .item_cliente{  display: block; height: auto; margin: 0 auto 0 auto; left: 35px; }
}
@media (min-width: 620px){
    .item_cliente{ width: 200px; left: 0;}
    .item_cliente img{width: 200px;}
}
@media (min-width: 780px){
    .item_cliente h1{ font-size: 1em;}
    .item_cliente h2{ font-size: 0.9em;}
}

/**********************************************************************************************************************/
/******* ESTILO DA SEÇÃO DE DEPOIMENTOS *******************************************************************************/
.item_depoimento { display: block; width: 240px; height: auto; margin: 0 auto 50px auto;}
.item_depoimento img{display: block; width: 128px; height: 128px; margin: 0 auto; border-radius: 100%;}
.item_depoimento i {font-size: 2em; margin-right: 10px;}
.item_depoimento p {font-size: 1em; letter-spacing: 1px;}
.item_depoimento h2 {font-size: 1.2em; text-align: right; margin-top: 10px;}

@media (min-width: 425px){
    .item_depoimento {display: block; float: left; width: 280px; height: auto; margin: 0 auto 30px auto;}
    .item_depoimento p {font-size: 1em;}
    .item_depoimento h2 {font-size: 1.2em;}
}
@media (min-width: 620px){
    .item_depoimento {width: 173px; height: auto;}
    .item_depoimento p{font-size: 1em;}
    .item_depoimento h2 {font-size: 1.2em;}
}
@media (min-width: 780px){
    .item_depoimento {width: 25%; height: auto; margin: 0 4% 60px 4%;}
    .item_depoimento img{display: block; width: 128px; height: 128px; margin: 0 auto; border-radius: 100%;}
    .item_depoimento i {font-size: 3em;}
    .item_depoimento p {font-size: 1em;}
    .item_depoimento h2 {font-size: 0.9em;}
}

/**********************************************************************************************************************/
/******* ESTILO DA SEÇÃO POR QUE? *************************************************************************************/
.secao_porque{position: relative; display: block; width: 100%; height: auto; margin: 0 auto; top: 0; background: url("../../tema/padrao/img/bg2.jpg") no-repeat 100% 100%;  background-size: 100% 100%;}
.secao_contato_full{display: inline-block; width: 100%; height: auto; margin: 0 auto; background: url("../../tema/padrao/img/bg-contato.jpg") no-repeat fixed 100% 100%;}
.porque_efeito_bottom { z-index: 9; position: absolute; width: 100%; height: 40px; bottom: 0; margin: 0 auto; background-color: #4A4A4A; clip-path: polygon(0% 0%, 100% 100%, 100% 100%, 0% 100%);}

.footer_h1 {width: 90%; margin: 0 auto; font-size: 1em;}
.footer_h2 {width: 90%; margin: 0 auto; font-size: 1.2em; padding: 15px 0;}
.footer_h3 {width: 90%; margin: 0 auto; font-size: 1em;}
.footer_h4 {font-size: 0.9em;}
.padding_card_cont{width: 56px; height: 56px;}
.map_efeito_bottom { z-index: 9; position: absolute; width: 100%; height: 40px; bottom: -1px; margin: 0 auto; background-color: #4A4A4A; clip-path: polygon(0% 100%, 100% 7%, 100% 100%, 0% 100%);}
.box_cont_esq{ width: 20%; clip-path: polygon(0 0, 100% 0, 81% 100%, 0% 100%);}
.box_cont_dir{ width: 80%; margin: 0 auto}
/******* CLASSES PADRÕES - FOOTERS E COPYRINGHT *******************************/
.box_cop {padding: 40px 5px 100px 5px; background-color: #333;}
.map_home iframe{ display: block; width: 100%!important; height: 350px!important; margin: 0 auto;}
.secao_clientes{ position: relative; width: 100%; margin: 70px auto 0 auto;}

@media (min-width: 1040px) {
    .footer_h1 {font-size: 1.4em;}
    .footer_h2 {font-size: 1.7em;}
    .footer_h3 {font-size: 1.3em;}
    .footer_h4 {font-size: 1.3em;}
    .padding_card_cont{width: 5%; height: 5%;}
    .box_cont_esq{ width: 30%; clip-path: polygon(0 0, 100% 0, 81% 100%, 0% 100%);}
    .box_cont_dir{ width: 70%; margin: 0 auto}
    .porque_efeito_bottom { z-index: 9; position: absolute; width: 100%; height: 50px; bottom: 0; margin: 0 auto; background-color: #4A4A4A; clip-path: polygon(0% 0%, 100% 100%, 100% 100%, 0% 100%);}
    .map_efeito_bottom { z-index: 9; position: absolute; width: 100%; height: 50px; top: 0; margin: 0 auto; background-color: #cecece; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);}
    .box_cop {padding: 40px 0 40px 0;}
    .map_home iframe{ width: 100%!important; height: 450px!important; margin: 0 auto;}
    .secao_porque {padding: 0 0 50px 0;}
    .secao_clientes{ position: relative; width: 100%; margin: 70px auto 0 auto;}
}
/**********************************************************************************************************************/
/******* ESTILO DA SEÇÃO DE NEWSLETTER ********************************************************************************/
.secao_newsletter{position: relative; width: 100%; height: auto; background-size: cover; background-position: 100% 100%; background-attachment: fixed;}
.btn_newsletter{background-color: #5063f0;}
.btn_newsletter:hover{background-color: #5063f0; color: #FFFFFF;}
.btn_contato{background-color: transparent!important;}
.btn_contato:hover{background-color: #008B8B!important; color: #FFFFFF;}
.map iframe{ width: 100%!important; height: 320px!important; margin: 0 auto;}
@media (min-width: 780px){
    .map iframe{ width: 100%!important; height: 480px!important; margin: 0 auto;}
}

/**********************************************************************************************************************/
/******* ESTILO DA PÁGINA DE GALERIA **********************************************************************************/
.box_galeria{ position: relative; width: 100%; margin: 20px auto 0 auto; overflow: hidden; text-align: center;}

.item_galeria{ display: inline-block; width: 90%; height: auto; margin: 0 auto 20px auto; border-radius: 5px; vertical-align: middle;}
.item_galeria img{display: block; width: 100%; height: auto; margin: 0 auto;}

@media (min-width: 520px){
    .box_galeria{text-align: center;}
    .item_galeria{ width: 31%; height: auto; margin: 0 1% 20px 1%; border-radius: 5px;}
}

@media (min-width: 720px){
    .item_galeria{ width: 22.7%; height: auto; margin: 0 1% 20px 1%; border-radius: 5px;}
}

@media (min-width: 1180px){
    .box_galeria{ position: relative; width: 90%; margin: 20px auto 0 auto; overflow: hidden; }
    .item_galeria{width: 23.5%; height: auto; margin: 0 0.5% 15px 0.5%;}
}

/******************** ESTILO DA TABELA DO DETRAN ******************************/
.table_detran { display: table; width: 95%; margin: 20px auto 0 auto; padding: 0; font-size: 0.7em; border-collapse: collapse;}
.table_detran td{ border-right: 1px solid #cecece; padding: 6px;}
.table_detran tr{ border-bottom: 1px solid #cecece;}
.table_detran_header { padding: 0; background-color: #3170a9;}
.table_detran_header td{ border-right: 1px solid #fff; padding: 6px; color: #fff;}
.table_detran_header td:last-of-type{ border-right: none;}
@media (min-width: 780px) {
    .table_detran { display: table; width: 75%; margin: 20px auto 0 auto; padding: 0;font-size: 0.9em;  border-collapse: collapse;}
}
.form_consulta{width: 90%;}
@media (min-width: 780px) {
    .form_consulta {width: 50%;}
}

/**********************************************************************************************************************/
/************ ESTILO DAS PÁGINAS RECURSO ******************************************************************************/
.header_recurso { z-index: 999; position: fixed; width: 100%; height: auto; top: 0; margin: 0 auto; padding: 30px 0;}
.header_recurso_azul { z-index: 999; position: fixed; width: 100%; height: 70px; top: 0; margin: 0 auto; padding: 10px 0 10px 0;}
.logotipo_recurso { display: inline-block; float: left; width: 160px; height: 41px; padding: 2px 15px; margin: 0 auto 0 15px; background: url("../../tema/padrao/img/logo_topo_branca.png") no-repeat 100% 100%; background-size: 100% 100%;}
.logotipo_recurso_azul { position: absolute; width: 160px; height: 41px; left: 0; right: 0; padding: 2px 15px; margin: 3px auto 0 auto; background: url("../../tema/padrao/img/logo_topo_branca.png") no-repeat 100% 100%; background-size: 100% 100%;}
.envolv_btn {position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; background-color: #3170a9; text-align: center;}
.envolv_btn_azul {position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; background-color: #3170a9; text-align: center;}
.btn_recurso { position: relative; display: inline-block; width: auto; padding: 12px 35px 10px 35px; margin: 50px auto 0 auto; letter-spacing: 1px; font-size: 0.855em; font-weight: 600; text-decoration: none; border-radius: 5px; background-color: #41b535; color: #ffffff;}
.btn_recurso:hover {background-color: #419234;}
.btn_vantagem { position: relative; display: inline-block; width: auto; padding: 8px 30px 6px 30px; margin: 30px auto 0 auto; letter-spacing: 1px; font-size: 0.855em; font-weight: 600; text-decoration: none; border: 2px solid #fff; border-radius: 5px; color: #ffffff; text-shadow: 0 1px 1px #555;}
.btn_recurso span {display: inline-table;}

@media (min-width: 840px) {
    .header_recurso { position: fixed; display: block; height: auto; padding: 30px 0;}
    .header_recurso_azul { z-index: 999; position: fixed; width: 100%; height: 70px; top: 0; margin: 0 auto; padding: 10px 0 10px 0;}
    .envolv_btn {position: relative; display: inline-block; float: right; width: auto; height: auto; margin: -40px auto 0 auto; background-color: transparent;}
    .envolv_btn_azul {position: relative; display: inline-block; float: right; width: auto; margin: 0 auto; background-color: transparent;}
    .logotipo_recurso { width: 200px; height: 51px; margin: 0 auto 0 40px;}
    .btn_recurso { position: relative; display: inline-block; float: right; width: auto; padding: 9px 30px 7px 30px; margin: 0 auto 0 auto; letter-spacing: 1px; font-size: 0.855em; font-weight: 600; text-decoration: none; border-radius: 5px; background-color: #41b535; color: #ffffff;}
    .btn_recurso:hover {background-color: #419234;}
    .btn_vantagem { position: relative; display: inline-block; float: right; width: auto; padding: 8px 30px 6px 30px; margin: 0 20px 0 auto; letter-spacing: 1px; font-size: 0.855em; font-weight: 600; text-decoration: none; border: 2px solid #fff; border-radius: 5px; color: #ffffff; text-shadow: 0 1px 1px #555;}
    .btn_recurso span {display: inline-table;}
}

.btn_menu_mobile_r { float: right; display: block; width: auto; padding: 8px 15px; margin: -40px 0 0 auto; font-size: 2em; color: #fff; cursor: pointer; text-shadow: 0 1px 1px #555;}
.btn_menu_mobile_r_x { position: absolute; top: 15px; right: 15px; width: auto; padding: 5px 15px ; margin: 0 auto 0 auto; font-size: 1.7em; cursor: pointer; text-shadow: 0 1px 1px #555;}
@media (min-width: 840px) { .btn_menu_mobile_r { display: none!important; } .btn_menu_mobile_r_x { display: none!important;}}

.destaque { position: relative; display: block; width: 100%; height: auto; margin: 80px auto 0 auto; padding: 40px 0 70px 0; background: url('../../tema/padrao/img/destaque_.jpg'), no-repeat, 100% 75%; background-size: 100% 100%; background-attachment: fixed;}
.info_destaque {position: relative; display: block; width: 85%; margin: 0 auto; padding-bottom: 20px; text-align: left; color: #fff; border-bottom: 1px solid #cecece;}
.info_destaque h1 {font-size: 1.3em; font-weight: 400!important; text-shadow: 0 1px 1px #555;}
.info_destaque h2 {font-size: 1.3em; font-weight: 400!important; text-shadow: 0 1px 1px #555;}
.info_destaque p {font-size: 1em; font-weight: 400!important; text-shadow: 0 1px 1px #555;}
@media (min-width: 840px) {
    .destaque { position: relative; display: block; width: 100%; height: 670px; margin: 100px auto 0 auto; padding-top: 110px; background: url('../../tema/padrao/img/destaque_.jpg'), no-repeat, 100% 75%; background-size: 100% 100%; background-attachment: fixed;}
    .info_destaque {position: relative; display: block; width: 85%; margin: 0 auto; padding-bottom: 40px; text-align: left; color: #fff; border-bottom: 1px solid #cecece;}
    .info_destaque h1 {font-size: 2.8em; font-weight: 400!important; text-shadow: 0 1px 1px #555;}
    .info_destaque h2 {font-size: 2.8em; font-weight: 400!important; text-shadow: 0 1px 1px #555;}
    .info_destaque p {font-size: 1.2em; font-weight: 400!important; text-shadow: 0 1px 1px #555;}
}

/******************************************************************************/
.info_destaque_2 {position: relative; display: block; width: 95%; margin: 0 auto;}
.envolv_destaque_2_box {width: 90%; display: block; margin: 0 auto; padding: 25px 0 ; }
.info_destaque_2_box {position: relative; display: flex; width: 100%; margin-bottom: 10px;}
.info_destaque_2_box span {display: inline-table; width: 45px; height: 45px; padding-top: 7px; font-size: 1.2em; text-align: center; font-weight: 700; color: #000; border-radius: 100%; background-color:#EAD300;}
.info_destaque_2_box h3 {position: relative; display: inline-table; width: calc( 100% - 70px ); margin: 0 auto 0 10px; color: #EAD300; text-shadow: 0 1px 1px #333; font-size: 1em;}
@media (min-width: 840px) {
    .info_destaque_2 {position: relative; display: flex; width: 85%; margin: 40px auto 0 auto;}
    .envolv_destaque_2_box {width: 75%; display: flex; padding: 25px 0;}
    .info_destaque_2_box {position: relative; display: flex; width: 33%;}
    .info_destaque_2_box span {display: inline-table; width: 52px; height: 52px; padding-top: 10px; font-size: 1.5em; text-align: center; font-weight: 700; color: #000; border-radius: 100%; background-color:#EAD300;}
    .info_destaque_2_box h3 {position: relative; display: inline-table; width: calc( 100% - 70px ); margin: 0 auto 0 10px; color: #EAD300; text-shadow: 0 1px 1px #333;}
}

/******************************************************************************/
.envolv_destaque_botao {width: 90%; margin: -15px auto 0 auto; text-align: center;}
.destaque_btn_recurso { position: relative; display: inline-block; width: auto; padding: 15px 35px 13px 35px; margin: 10px auto 0 auto; letter-spacing: 1px; font-size: 0.855em; font-weight: 600; text-decoration: none; border-radius: 5px; background-color: #41b535; color: #ffffff;}
.destaque_btn_recurso:hover {background-color: #419234;}
.envolv_destaque_botao h3 {position: relative; display: inline-block; width: 90%; margin: 5px auto; font-size: 0.7em; font-weight: 200; color: #fff;}
.envolv_destaque_botao_img { position: relative; display: inline-block; width: 218px; height: 119px; background: url('../../tema/padrao/img/mercadopago_selo.png'), no-repeat, 100% 100%; background-size: 100% 100%;}
@media (min-width: 840px) {
    .envolv_destaque_botao {width: 25%; text-align: center;}
}
/******************************************************************************/
.como_funciona {width: 100%; background: url('../../tema/padrao/img/como_funciona.png'); background-repeat: no-repeat; background-size: 100% 75%; background-position: 100% 0; }
.recurso_exemplo {width: 100%; background: url('../../tema/padrao/img/recurso_exemplo.png'); background-repeat: no-repeat; background-size: 100% 55%; background-position: 100%; }
.pulse2{-webkit-animation-name:pulse2;animation-name:pulse2;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear}
@-webkit-keyframes pulse2{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes pulse2{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes floating-arrow{from,to{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}65%{-webkit-transform:translate(-50%,15px);transform:translate(-50%,15px)}}
@keyframes floating-arrow{from,to{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}65%{-webkit-transform:translate(-50%,15px);transform:translate(-50%,15px)}}
.floating-arrow {-webkit-animation-name: floating-arrow; animation-name: floating-arrow; -webkit-animation-duration: 2s; animation-duration: 2s;-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
.floating-arrow { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.down-arrow a {font-weight: 400; color: #fff; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: color,border-color,background-color; transition-property: color,border-color,background-color;}

.down-arrow { color: #fff; font-size: 30px; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%);transform: translateX(-50%);}
@media (min-width: 840px) {
    .down-arrow { color: #fff; font-size: 30px; position: absolute; bottom: 30px; left: 50%; -webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%);transform: translateX(-50%);}
}


/******************************************************************************/
.floating-logo{-webkit-animation-name:floating-logo;animation-name:floating-logo;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
@-webkit-keyframes floating-logo{from,to{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}50%{-webkit-transform:translate(-50%,10px);transform:translate(-50%,10px)}}
@keyframes floating-logo{from,to{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}50%{-webkit-transform:translate(-50%,10px);transform:translate(-50%,10px)}}
.btn_baixar { position: relative; display: inline-block; margin: 20px auto 0 auto; padding: 8px 40px; font-size: 13px; text-align: center;cursor: pointer; border-radius: 40px; border: 2px solid #3170a9;  color: #215072;  -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .2s;  transition-duration: .2s;  -webkit-transition-property: color,border-color,background-color; transition-property: color,border-color,background-color;}
.logo-placeholder { box-shadow: 0 10px 10px rgba(0,0,0,.2); background-color: #ead300; padding-top: 50px; border-radius: 80px; width: 160px; height: 160px; position: absolute; bottom: -80px; left: 50%; text-align: left; color: #fff; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%); transform: translateX(-50%);}
.preco { color: #fff; margin: 0 auto; width: 130px; font-weight: 700; text-transform: uppercase; line-height: 1; text-align: center;}
.preco-pague { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; line-height: 1.2; padding-top: 10px;}


/******************************************************************************/
.secao_dia { position: relative; display: block; width: 100%; height: auto; margin: 50px auto 0 auto; padding: 70px 0 200px 0; text-align: center; background: url('../../tema/padrao/img/recurso_dia.jpg'), no-repeat, 100% 75%; background-size: 100% 100%; background-attachment: fixed;}


/******************************************************************************/
.secao_usuario {position: relative; display: block; width: 100%; height: auto; margin: 110px auto 0 auto;}
@media (min-width: 840px) {
    .secao_usuario {position: relative; display: block; width: 90%; height: auto; margin: 140px auto 0 auto;}
}
.secao_usuario_btn { cursor: pointer; position: relative; display: inline-block; width: auto; padding: 12px 30px 12px 30px; margin: 30px auto 40px auto; letter-spacing: 1px; font-size: 0.855em; font-weight: 600; text-decoration: none; border-radius: 20px; background-color: #41b535; color: #ffffff;}
.btn_pedido_padrao { cursor: pointer; position: relative; display: inline-block; width: auto; padding: 12px 30px 12px 30px; margin: 0 auto; letter-spacing: 1px; font-size: 0.855em; font-weight: 600; text-decoration: none; border-radius: 20px; background-color: #41b535; color: #ffffff;}


/**********************************************************************************************************************/
/******* ESTILO PERSONALIZADO DO FOOTER *******************************************************************************/
.go_top_css {z-index: 999; position: absolute; width: 96px; height: 96px; margin: -105px auto 0 auto; left: 0; right: 0; padding-top: 10px; border-radius: 100%; text-align: center;}

/******************** ESTILO DA PÁGINA DE IMÓVEIS *********************************************************************/
.envolve_imoveis {position: relative; margin: 20px auto 0 auto;}
.box_imovel {position: relative; display: block; width: 100%; height: auto; margin: 0 auto 20px auto;}
.box_imovel img {height: auto;}
.box_imovel h2 {height: 50px; font-size: 1em;}
.box_imovel_ul {display: table; width: 90%; padding: 20px 0; margin: 0 auto;}
.box_imovel_ul li {display: table-cell; width: auto; font-size: 0.8em; }
.select_bottom {margin-bottom: 10px;}
@media (min-width: 375px) {
    .box_imovel {width: 85%;}
}
@media (min-width: 480px) {
    .box_imovel {float: left; width: 48%; margin: 0 1% 20px 1%;}
    .box_imovel img {height: 150px;}
    .box_imovel h2 {height: 50px;}
    .box_imovel_ul li { font-size: 0.8em;}
}
@media (min-width: 540px) {
    .box_imovel img {height: 180px;}
}
@media (min-width: 620px) {
    .box_imovel img {height: 210px;}
}
@media (min-width: 780px) {
    .box_imovel {width: 32%; height: auto; margin: 0 0.6% 20px 0.6%;}
    .box_imovel img {height: 170px;}
    .box_imovel h2 {height: 50px;}
    .select_bottom {margin-bottom: 0;}
}
@media (min-width: 980px) {
    .envolve_imoveis {position: relative; margin: 20px auto 0 auto;}
    .box_imovel {width: 24%; height: auto; margin: 0 0.5% 20px 0.5%;}
    .box_imovel img {height: 170px;}
    .box_imovel h2 {height: 50px;}
}
@media (min-width: 1180px) {
    .box_imovel img {height: 190px;}
}

@media (min-width: 1280px) {
    .box_imovel img {height: 210px;}
}

/******************** ESTILO DA PÁGINA DO IMÓVEL **********************************************************************/
.cover {position: relative;}
.cover img { width: auto; max-width: 100%; max-height: 460px;}
.thumb_produto {display: inline-block; width: calc( 20% - 3.5px ); height: 65px; margin: 0 auto; cursor: pointer;}
.thumb_produto.active {border: 3px solid #3170a9;}
.titulo_desktop {display: none;}
@media (min-width: 480px){.thumb_produto {height: 70px;}}
@media (min-width: 620px){.thumb_produto {width: calc( 20% - 3px ); height: 80px;}}
@media (min-width: 720px){.thumb_produto {height: 90px;}}
@media (min-width: 780px){
    .thumb_produto {width: calc( 25% - 3px ); height: 60px;}
    .titulo_mobile {display: none;}
    .titulo_desktop {display: block;}
}
@media (min-width: 1080px){.thumb_produto {width: calc( 20% - 4px ); height: 68px;}}

/**********************************************************************************************************************/
/************ ESTILO DO PLUGIN DO CARROSEL INFINITO *******************************************************************/

.box_img_slide_ads {position: relative; width: 100%; height: 320px!important; margin: 0 auto;}
.img_slide_ads { width: 100%; height: 100%; border-radius: 0; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }

@media (min-width: 780px) {
    .box_img_slide_ads {position: relative; width: 100%; height: 400px!important;}
    .img_slide_ads { width: 100%; height: 100%; border-radius: 10px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
}
@media (min-width: 900px) {
    .box_img_slide_ads {position: relative; width: 100%; height: 440px!important;}
    .img_slide_ads { width: 100%; height: 100%; border-radius: 10px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
}