/* AUTOR: Adriano Costa - AscodWeb - www.ascod.com.br - ascodweb@gmail.com */
/* INSTA: @ascodweb / @adrianocostaweb */
/* FONT: Roboto */
/* WEBSITE: www.supremoesquadrias.com.br */
/* EMPRESA: AscodWeb - Marketing Digital */

/* RESET */
* {margin: 0; padding: 0;}
body {text-align: center; background: #fff;}
button {cursor: pointer !important;}
.fixed {max-width: 50% !important;}
.roboto {font-family: 'Roboto' !important;}
a {text-decoration: none !important;}
a:hover {transition: 0.3s !important;}
.container {width: 100% !important;}
.content {width: 80% !important; }
.padding-50 {padding: 80px 0 !important;}
.padding-40 {padding: 40px 0 !important;}
.padding-30 {padding: 30px 0 !important;}
.padding-20 {padding: 20px 0 !important;}
.padding-10 {padding: 20px 0 !important;}
.padding-5 {padding: 20px 0 !important;}
.content_flex {display: flex; justify-content: space-between; align-items: center;}
.content_flex_ar {display: flex; justify-content: space-around; align-items: center;}
.content_flex_item {flex-basis: 48%; padding: 0 1%;}
.content_flex_item_70 {flex-basis: 70% !important;}
.content_flex_item_30 {flex-basis: 30% !important; padding: 0 20px;}
.font_zero {font-size: 0 !important;}
.logo_content {width: 30%; background: #FFF; border-radius: 50%; padding: 30px; margin: 0 auto;}
.automatico {margin: 0 auto; max-width: 40%; min-width: 35% !important;}
.maiusculo {text-transform: uppercase !important; font-size: 2.5em !important;}
.bg_imagem_cash {background: #333;}
.bgParallaxS {width: 100%; background-attachment: fixed; background-size: 100%; background-repeat: no-repeat; background-image: url(images/background_cash.jpg);}
.letra_cash_index {font-size: 5em; text-align: center; font-weight: 900; text-transform: uppercase;}
.scrollSpy {transition: 0.3s !important;}
.embed-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.collumn {flex-direction: column-reverse !important;}


/*HEADER TOP*/
.logo_header_branco_tel {color: #00296c; font-size: 1.4em; font-weight: bold;}
.logo_header_branco_tel i {color: #f00; font-size: 1em; font-weight: bold;}

.logo_header_branco_orçamento h2 {font-size: 1em; font-weight: 300; color: #00296c; border: 1px solid #00296c; padding: 5px 10px;}
.logo_header_branco_orçamento h2:hover {background: #00296c; color: #fff; transition: 0.3s; cursor: pointer;}

/*HEADER MAIN*/
.main_header { padding: 10px 0 !important;}
.main_app_content_slider {padding: 100px 0 !important;}
.main_app_content_header_text h1 {font-weight: 900; font-size: 2em; color: #00296c; margin-bottom: 10px;}
.main_app_content_header_text h2 {font-weight: 600; font-size: 1.4em; color: #00296c;}
.main_app_content_header_text p { font-size: 1em; color: #000; line-height: 22px; font-family: 'Roboto'; letter-spacing: 0px; font-weight: 400; margin: 20px 0;}
.main_app_content_header_text_btn {font-size: 1.2em; font-weight: 300; color: #00296c; border: 1px solid #00296c; padding: 5px 10px;}
.main_app_content_header_text_btn:hover {background: #00296c; color: #fff; transition: 0.3s; cursor: pointer;}


.main_app_content_slider_item_img {padding: 10px; border-radius: 4px; background: rgba(0, 0, 0, 0.2); box-shadow: 0px 51px 26px -50px rgba(0, 0, 0, 0.62);}


/* SLIDER HEADER */
.slick-header {width: 100%;}
.slick-header img {width: 100%;}

/* ALINHAMENTO - ESTILO */
.texto-justificado { text-align: justify !important;}
.texto-esqueda {text-align: left !important;}
.texto-direita {text-align: right !important;}
.texto-centro {text-align: center !important;}
.texto-italico {font-style: italic !important;}
.texto-negrito {font-weight: bold !important;}
.texto-maiusculo {text-transform: uppercase !important;}

/* MARGINS */
.m_zero {margin: 0 !important;}
.m_top_10 {margin-top: 10px !important;}
.m_bottom_10 {margin-bottom: 10px !important;}
.m_left_10 {margin-left:10px !important;}
.m_right_10 {margin-right: 10px !important;}
.m_total_10 {margin: 10px 0 !important;}
.m_top_20 {margin-top: 20px !important;}
.m_bottom_20 {margin-bottom: 20px !important;}
.m_left_20 {margin-left:20px !important;}
.m_right_20 {margin-right: 20px !important;}
.m_total_20 {margin: 20px 0 !important;}
.m_top_50 {margin-top: 50px !important;}
.m_bottom_50 {margin-bottom: 50px !important;}
.m_left_50 {margin-left:50px !important;}
.m_right_50 {margin-right: 50px !important;}
.m_total_50 {margin: 50px 0 !important;}
.main_top_margin {margin-top: 70px; float: left;}

/* PADDING 10 */
.p_top_10 {padding-top: 10px !important;}
.p_bottom_10 {padding-bottom: 10px !important;}
.p_left_10 {padding-left:10px !important;}
.p_right_10 {padding-right: 10px !important;}
.p_top_20 {padding-top: 20px !important;}
.p_bottom_20 {padding-bottom: 20px !important;}
.p_left_20 {padding-left:20px !important;}
.p_right_20 {padding-right: 20px !important;}

/* BUTTOM BTN */
.btn_orcamento {background: #28a71b; border-radius: 15px; border: 0 !important; font-size: 0.9em !important;}
.btn_orcamento:hover {background: #18750e !important; transition: 0.5s;}


.btn_branco_color {padding: 20px 40px; background-color: #fff; font-size: 0.8em; color: #000; border-radius: 5px; border: 0; cursor: pointer;}
.btn_branco_color:hover {transition: 0.4s; background: rgba(255, 255, 255, 0.1); color: #FFF; border: 1px solid #FFf;}

.btn_trans_color {padding: 20px 40px; background: rgba(255, 255, 255, 0.1); font-size: 0.8em; color: #fff; border-radius: 5px; border: 1px solid #FFF; cursor: pointer;}
.btn_trans_color:hover {transition: 0.4s; background-color: #fff; color: #000;}

.btn_verde_color {padding: 20px 40px; background-color: #379d73; font-size: 1.1em; color: #fff; border-radius: 50px; border: 0; cursor: pointer;}
.btn_verde_color:hover {transition: 0.3s; background-color: #138455;}
.btn_verde_color a {color: #fff; text-decoration: none;}
.btn_laranja_color {padding: 20px 40px; background-color: #ffa14d; font-size: 1.1em; color: #fff; border-radius: 50px; border: 0; cursor: pointer;}
.btn_laranja_color:hover {transition: 0.3s; background-color: #ff7800;}
.btn_laranja_color a {color: #fff; text-decoration: none;}
.btn_lilaz_color {padding: 20px 40px; background-color: #b340b4; font-size: 1.1em; color: #fff; border-radius: 50px; border: 0; cursor: pointer;}
.btn_lilaz_color:hover {transition: 0.3s; background-color: #960598;}
.btn_lilaz_color a {color: #fff; text-decoration: none;}
.btn_limao_color {padding: 20px 40px; background-color: #9dce27 !important; font-size: 1.1em; color: #fff; border-radius: 50px; border: 0; cursor: pointer;}
.btn_limao_color:hover {transition: 0.3s; background-color: #81b600;}
.btn_limao_color a {color: #fff; text-decoration: none;}
.btn_laranja_color_link {padding: 12px; color: #FFF; background-color: #ffa14d; font-size: 0.82em; margin-right: 3px; border-radius: 7px;}
.btn_laranja_color_link:hover {transition: 0.3s; background-color: #ff7800;}

.btn_orcamento {border: 1px solid #ccc; font-size: 1em; color: #666; padding: 10px 15px; cursor: pointer;}
.btn_orcamento:hover {color: #fff; background: #0baeb7;}

/* HEAD-LINE */
.title_content_h1 {font-weight: bold; font-size: 2em; display: block; margin-bottom: 10px; color: #00296c;}
.title_content_h2 {font-size: 1.2em; font-weight: 600; display: block; margin: 10px 0; padding: 0 20%;}
.title_content_h3 {font-size:  1em; font-weight: 300; display: block; margin: 10px 0;}
.title_content_p {font-size: 1.2em; color: #555; padding-bottom: 10px;}
.title_content_p_p {font-size: 1em; font-weight: 300; color: #666;}
.title_content_span {font-weight: bold;}

/* FONTE COLOR */
.fonte_zero {font-size: 0 !important;}
.fonte_verde {color: #1a502d !important;}
.fonte_verde_claro {color: #89c75a !important;}
.fonte_laranja {color: #ffa14d !important;}
.fonte_rosa_fraco {color: #fbe9e7 !important;}
.fonte_rosa_forte {color: #f3665c !important;}
.fonte_verde_azul {color: #0baeb7 !important;}
.fonte_cinza {color: #e5e5e5 !important;}
.fonte_chubo {color: #666 !important;}
.fonte_preto {color: #000 !important;}
.fonte_branco {color: #FFF !important;}
.fonte_lilaz {color: #b340b4 !important;}
.fonte_limao {color: #9dce27 !important;}

/* BACKGROUND COLOR */
.bg_blue_degrade {background: rgb(5,37,99); background: linear-gradient(90deg, rgba(5,37,99,1) 0%, rgba(145,1,0,1) 100%);}
.bg_cinza_degrade {background: rgb(246,246,246); background: linear-gradient(0deg, rgba(246,246,246,1) 0%, rgba(220,220,220,1) 100%);}
.bg_azul_vermelho_degrade {background: rgb(5,37,99); background: linear-gradient(270deg, rgba(187,26,44,1) 0%, rgba(5,41,75,1) 100%);}

.bg_verde {background-color: #1a502d !important; color: #fff !important;}
.bg_verde_claro {background-color: #89c75a !important; color: #fff !important;}
.bg_laranja {background-color: #ffa14d !important; color: #fff !important;}
.bg_rosa_fraco {background-color: #fbe9e7 !important; color: #0baeb7 !important;}
.bg_rosa_forte {background-color: #f3665c !important; color: #fff !important;}
.bg_verde_azul {background-color: #0baeb7 !important; color: #fff !important;}
.bg_cinza {background-color: #f5f5f5 !important; color: #f3665c !important;}
.bg_cinza_escuro {background-color: #333 !important; color: #fff !important;}
.bg_cinza_fraco {background-color: #f5f5f5 !important; color: #000 !important;}

.bg_whait {background-color: #fff !important; color: #0baeb7 !important;}
.bg_blue_escuro {background-color: #2f373a !important; color: #fff !important;}
.bg_blue {background-color: #4dabff !important; color: #fff !important;}
.bg_lilaz {background-color: #b340b4 !important; color: #FFF !important;}
.bg_limao {background-color: #9dce27 !important; color: #fff !important;}
.bg_preto {background-color: #000 !important; color: #fff !important;}

/* CARDS PALESTRANTES */
.gallery { display: flex; justify-content: space-between !important;}
.card_palestranstes_social { display: flex; justify-content: space-around;}
.card_palestranstes {width: 19%; background: #fff; }
.card_palestranstes img {width: 100%;}
.card_palestranstes h1 {font-size: 1em; color: #666; margin: 12px 0; font-weight: bold;}
.card_palestranstes p {font-size: 0.85em; color: #999; font-weight: 300;}
.card_palestranstes li {min-height: 160px;}
.card_palestranstes_list {font-size: 0.75em; color: #666; text-align: left; padding: 10px 10px;}
.card_palestranstes_social {width: 100%; padding: 15px; background: #f9f9f9; margin-top: 5px; bottom: 0;}
.card_palestranstes_social a {font-size: 1em; color: #666; display: inline;}
.card_palestranstes_social a:hover {color: #81b600;}
.card_palestranstes_social i {font-size: 1.2em;}  

/*PAGINA ESCRITA PDF*/
.pagina-escrita h1 {font-size: 1.5em; text-align: center; color: #000;}
.pagina-escrita h2 {font-size: 1em; color: #222; margin: 15px 0;}
.pagina-escrita p {font-size: 0.85em; color: #666; margin-bottom: 12px;}

/*PÁGINA AMAKHA*/
.main_app_amakha {display: flex; justify-content: center; align-items: center; align-content: center;}
.main_app_amakha h1 {font-weight: bold; font-size: 3.8em; color: #5b5b5b;} 
.main_app_amakha h2 {font-family: 'Indie Flower', cursive; font-size: 7em; color: #ff8403; margin-top: -60px;} 
.main_app_amakha span {font-size: 0.7em; font-weight: 300;}
.main_app_amakha p {font-size: 1em; font-weight: 300;}

.main_app_amakha_texto {flex-basis: 60%; text-align: left;}
.main_app_amakha_texto {}


/*PAGINA AMAKHA HEADER*/
.main_app_amakha_header_btn {border: 1px solid #ff8300; color: #ff8300; padding: 20px 30px; border-radius: 30px; font-size: 0.8em; font-weight: 600;}
.main_app_amakha_header_btn:hover {background: #FFF; color: #000; transition: 0.4s;}
.main_app_amakha_header_black_btn {border: 1px solid #000; background: #FFF; color: #000; padding: 20px 30px; border-radius: 30px; font-size: 0.8em; font-weight: 600;}
.main_app_amakha_header_black_btn:hover {background: #000; color: #fff; transition: 0.4s;}
.main_app_amakha_header_black_b_btn {border: 0; background: #FFF; color: #000; padding: 20px 30px; border-radius: 30px; font-size: 0.8em; font-weight: 600;}
.main_app_amakha_header_black_b_btn:hover {background: #000; color: #fff; transition: 0.4s;}


.main_app_amakha_header_text h1 {font-weight: 900; font-size: 1.6em; color: #fff;}
.main_app_amakha_header_text p { font-size: 0.850em; line-height: 22px; font-family: 'Roboto'; letter-spacing: 0px; font-weight: 400; padding-left: 0;}

/*PAGINA AMAKHA PLANO DINHEIRO*/
.main_app_amakha_header_item {display: flex; flex-direction: row; align-items: center; align-content: center; padding: 20px 0; justify-content: space-between}
.content_flex_item_texto_dinheiro {text-align: left; font-size: 1em; font-weight: 400; }
.content_flex_item_texto_dinheiro li {margin-bottom: 10px; color: #999;}
.content_flex_item_texto_dinheiro p {font-size: 0.75em; font-weight: 300; padding: 15px 5px; color: #fff; text-align: center;}

/* CARDS */
.card_item {width: 24%; background: #FFF; padding: 40px 10px;}
.card_item i {font-size: 3em; padding: 20px; border-radius: 50%; background: #fff; color: #0baeb7; border: 5px dashed #f3665c;}
.card_item h1 {font-size: 1em; color: #0baeb7; margin: 15px 0; font-weight: bold;}
.card_item p {font-size: 0.8em; color: #999;font-weight: 300;}

/* CARDS 2 */
.card_item2 {width: 24%; background: #FFF; margin-bottom: 15px; min-height: 320px;}
.card_item2 i {font-size: 4em; margin-bottom: 10px;}
.card_item2 h1 {font-size: 1em; font-weight: bold; margin-bottom: 3px;}
.card_item2 p {font-size: 0.850em; font-weight: 300; color: #2f373a;}
.card_item2 img {width: 100%; min-height: 200px;}
.card_item2 button {background: #1a502d; border: 0; border-radius: 5px; padding: 0;}
.card_item2_texto {color: #000; padding: 20px;}
.card_item2_texto a {color: #068b92; padding: 0 !important; padding: 20px;}
.card_item2_texto i {color: #068b92; padding: 0 !important; font-size: 3em; padding: 30px; background: #FFF;}

/* CARDS SOCIAL */
.card_social {width: 23%; background: #FFF; padding: 40px 10px 12px 10px;}
.card_social i {font-size: 3em; padding: 30px; border-radius: 50%; background: #fff; color: #f3665c; border: 5px solid #f3665c;}
.card_social h1 {font-size: 1em; color: #0baeb7; margin: 15px 0; font-weight: bold;}
.card_social p {font-size: 0.8em; color: #999;font-weight: 300; margin: 20px 0;}
.card_social a { width: 100%; color: #fff; font-weight: 500; font-size: 0.8em; background-color: #0baeb7; display: block; padding: 7px;}
.card_social a:hover {background-color: #068b92;}

/* QUEM SOMOS COM FÁCIL */
.main_app_content_sobre_bloco3 {display: flex; justify-content: space-between !important; align-content: center; align-items: center;}
.main_app_content_sobre_item {width: 100%; background: #FFF; border-radius: 0px 0px 7px 7px; color: #000;}
.main_app_content_sobre_item h1 {margin-top:20px;}
.main_app_content_sobre_item p {padding: 20px; font-size: 0.9em; text-align: left;}
.main_app_content_sobre_bloco3 i {margin-right: 5px;}
.main_app_content_sobre_item ul {padding-left: 35px;}
.main_app_content_sobre_item li {padding: 3px; text-align: left; font-size: 0.7em; font-style: italic; color: #666;}
.main_app_content_sobre_item img {width: 100%; max-height: 300px;}
.main_app_content_sobre_item_links {width: 100%; padding: 20px;}

/*BLOCO3 ITEM*/
.main_app_content_sobre_bloco3_item {flex-basis: 60% !important; text-align: left; align-items: center; align-content: center; color: #000;}
.main_app_content_sobre_bloco3_item h1 {font-size: 2em; color: #00296c; margin-bottom: 25px;}
.main_app_content_sobre_bloco3_item p {font-size: 1em; color: #666; margin-bottom: 25px;}
.main_app_content_sobre_bloco3_item li {color: #666; border-bottom: 1px solid #e5e5e5; margin-bottom: 3px; padding: 7px; font-size: 1.1em; font-weight: 500; width: 90%;}
.main_app_content_sobre_bloco3_item li i {color: #002866;}

.main_app_content_sobre_bloco3_item2 {width: 50% !important;}

.right-icon {float: right !important; color: red !important;}
.item-alinhamento-center {margin: 0 auto; text-align: center;}


/*SERVIÇOS*/
.main_app_content_sobre_bloco3_item_s {flex-basis: 100%; text-align: left; padding: 20px; align-items: center; align-content: center; color: #000;}
.main_app_content_sobre_bloco3_item_s h1 {font-size: 2em; color: #00296c; margin-bottom: 25px;}
.main_app_content_sobre_bloco3_item_s p {font-size: 1em; color: #666; margin-bottom: 25px;}
.main_app_content_sobre_bloco3_item_s li {color: #8c929a; border-bottom: 1px solid #e5e5e5; margin-bottom: 3px; padding: 7px; font-size: 1em; font-weight: 500; width: 100%;}
.main_app_content_sobre_bloco3_item_s li i {color: #002866;}

.main_app_content_sobre_bloco3_item_s_img {}

.main_sobre_item_sobre {width: 70%;}

/* BLOCO SLIDER COMENTÁRIOS GOOGLE */
.main_app_content_slider_item_img2 {align-content: center; align-items: center; text-align: center !important; margin: 0 auto;}
.main_app_content_slider_item_img2 img {align-items: center !important; text-align: center !important;}
.main_app_content_slider_item_img2_nome {font-size: 1em; color: #333; font-weight: bold; margin: 10px 0;}
.main_app_content_slider_item_img2_img {margin-bottom: 10px}
.main_app_content_slider_item_img2_comentario {font-size: 0.7em; color: #888; font-weight: 400; padding: 0 15%;}

/*BLOCO3 ITEM FORM*/
.main_app_content_sobre_bloco3_item_form {background: #f6f6f6; width: 100%; padding: 20px; box-shadow: 0px 0px 6px #ccc;}
.main_app_content_sobre_bloco3_item_form i {font-size: 3em;}
.main_app_content_sobre_bloco3_item_form h1 {font-size: 1.4em; color: #00296c;}
.main_app_content_sobre_bloco3_item_form input {color: #999; padding: 12px 12px; border: 0; font-size: 0.9em; box-shadow: 1px 1px #ccc; margin-bottom: 20px;}
.main_app_content_sobre_bloco3_item_form_btn {background: #f00; color: #fff; cursor: pointer; width: 100%; border: 0; padding: 20px; font-size: 1em; }
.main_app_content_sobre_bloco3_item_form_btn:hover {background: #a30202; transition: 0.3s;}

.bloco3_item2 {background:  url(images/AscodConteudo2.jpg) no-repeat; 
               background-size: cover; 
               background-position: center; 
               background-clip: initial;
               cursor: pointer;
}
.bloco3_item3 {background: url(images/AscodConteudo3.jpg) no-repeat; 
               background-size: cover; 
               background-position: center; 
               background-clip: initial;
               cursor: pointer;
}




/* LIST POST */
.list_header {min-width: 30%; max-width: 80%; color: #fff;}
.list_header li {padding: 12px; text-align: left; font-size: 1em; font-weight: bold; color: #fff;}
.list_header i {font-size: 1em; padding: 5px; color: #fff; margin-right: 5px;}
.list_header p {font-size: 0.89em; color: #eee; margin-left: 31px; font-weight: 500;}

/* LIST SIMPLES */
.list_simples {width: 100%; padding: 10px; margin: 2%;}
.list_simples li {padding: 7px; color: #666; font-size: 0.9em;}
.list_simples h3 {font-size: 1.2em; color: #ff7800; margin: 10px 0;}
.list_simples p {font-size: 0.77em; color: #000; float: left;}
.list_simples i {font-size: 0.8em; padding-right: 5px; color: #ff7800;}

/* LIST POST */
.list_post {width: 33%; padding: 5px; margin: 1%; min-height: 400px;}
.list_post i {font-size: 2em; padding: 15px; color: #ccc;}
.list_post h1 {font-size: 1.2em; color: #008068; margin: 10px 0;}
.list_post p {font-size: 0.87em; color: #000; float: left;}
.list_post img {width: 100%; height: 250px;}
.list_post_numero {font-size: 3em; font-weight: bold; width: 50px; height: 30px; color: #379d73;}

/* LIST ITEM VENDA */
.list_item_venda {min-width: 30%; max-width: 60%; background-color: #e5e5e5; color: #fff;}
.list_item_venda li {padding: 10px; text-align: left; font-size: 1em; color: #999;}
.list_item_venda_li_claro {background: #f5f5f5;}
.list_item_venda_li_escuro {background-color: #ccc; }
.list_item_venda i {font-size: 1em; color: #38d66c; margin-right: 10px;}
.list_item_venda p {font-size: 0.87em; color: #ccc;}

/* PAGES - PAGINAS DIVERSAS */
.main_page {padding: 50px 0;}
.main_page h1 {text-transform: uppercase; color: #fff; font-size: 2em;}
.main_page a {color: #FFF; font-size: 0.9em;}
.main_page i {margin-left: 10px;}

.section_orcamento {color: #fff;}
.section_orcamento h2{font-size: 2em; margin-bottom: 10px;}
.section_orcamento p {font-size: 1em; margin-bottom: 20px;}
.btn_section_orcamento {padding: 15px 30px; border-radius: 30px; border: 3px solid #fff; background: #34af23; color: #fff; font-size: 0.95em; }
.btn_section_orcamento:hover {color: #000; transition: 0.2s;}

/*BLOCOS*/
/*BLOCO1*/
.bloco1 {}

/*BLOCO2*/
.bloco2 {display: flex; flex-direction: row;}
.bloco2_item {display: flex; padding: 5px; align-content: center; align-items: center; text-align: left; flex-direction: column;}

.bloco2_item_img:hover {background:rgba(0,0,0, 0.7); }

.bloco2_item h2 {font-size: 1em; text-transform: uppercase; font-weight: 700; color: #00296c !important; margin: 12px 0;}
.bloco2_item img {width: 100%;} 
.bloco2_item a:hover {text-decoration: underline !important;}

.bloco2_item p {color: #333; font-size: 0.95em; font-weight: 400; margin: 0 10px;}
.bloco2_item i {font-size: 3em; color: #62ddff; padding: 20px;}
.bloco2_item_btn {color: #072461 !important; text-transform: uppercase; font-size: 0.9em; font-weight: 600; padding:10px 15px;}
.bloco2_item_btn:hover {color: #001c54 !important; transition: 0.3s;}

.bloco2_item22 img {margin: 0 auto; margin-bottom: 10px;}
.bloco2_item22_img {border-radius: 50%;}

/*BLOCO4*/
.main_app_content_projetos_bloco4 {display: flex; flex-direction: column; align-content: center; align-items: center; width: 50%;}
.main_app_content_projetos_bloco4 h1 {font-family:  'Rancho', cursive; font-size:2em; color: #00296c; text-align: center; margin-bottom: 10px;}
.main_app_content_projetos_bloco4 p {font-family: 'Roboto'; font-weight: 300; font-size:1.2em; color: #444; text-align: center;}
.main_app_content_projetos_bloco4_span {width: 8%; height: 3px; display: block; background-color: #F00; margin: 30px 0; text-align: center}
.main_app_content_projetos_bloco4_btn {font-size: 1.2em; font-weight: 300; color: #00296c; border: 1px solid #00296c; padding: 5px 10px;}
.main_app_content_projetos_bloco4_btn:hover {background: #00296c; color: #fff; transition: 0.3s; cursor: pointer;}

/*ARTIGOS ARTICLE*/
.main_post_artigos_item {display: flex; justify-content: space-between;}

/* LISTA DE IMAGEM */
.list_images {width: 100%;}
.list_images img {width: 70%;}

/*LIST FOOTER */
.list_footer {width: 100%; padding: 10px; margin: 2%;}
.list_footer li {padding: 3px; color: #666; font-size: 1em;}
.list_footer h1 {font-size: 1.2em; color: #fff; margin: 10px 0;}
.list_footer a {font-size: 0.9em; color: #999; }
.list_footer a:hover {margin-left: 5px; }
.list_footer i {font-size: 0.9em; padding: 7px; color: #ff7800;}


/*NEWS LATTER*/
.main_news_letter {}
.main_news_letter h1 {font-size: 1.3em; color: #fff; font-weight: 400;}
.main_news_letter h2 {font-size: 0.9em; color: #ccc; font-weight: 300;}
.main_news_letter_btn { padding: 10px 30px; color: #999; background: #fff; border: 1px solid #999; border-radius: 30px;}
.main_news_letter_btn:hover { background: #62ddff; color: #fff; transition: 0.3s; border: 1px solid #62ddff;}

.main_news_letter_content {display: flex; flex-direction: row; justify-content: space-around; align-content: center; align-items: center;}
.main_news_letter_content_btn {font-size: 1.2em; font-weight: 300; color: #FFF; border: 1px solid #fff; padding: 5px 10px;}
.main_news_letter_content_btn:hover {background: #fff; color: #00296c; transition: 0.3s; cursor: pointer;}

.main_news_letter_form {text-align: center; padding: 10px;}
.main_news_letter_form input {border-radius: 3px; border: 1px solid #ccc; color: #999; margin-bottom: 5px;}
.main_news_letter_form_header {font-size: 1.2em; text-align: center}
.main_news_letter_form_header h1{font-size: 1em; color: #666; font-weight: 400; margin: 20px 0;}
.main_news_letter_form_header p {font-weight: 400; color: #888;}
.main_news_letter_form_btn {cursor: pointer; width: 100%; padding: 15px; font-size: 1em; font-weight: bold; color: #fff !important; text-shadow: 0 1px #37586F; border: none; background: #7EC8DA; border-radius: 4px; transition-duration: 0.3s;}
.main_news_letter_form_btn:hover {background: #95dded; }
.main_news_letter_form_header_obrigado {max-width: 500px; padding: 60px 0;}

.lp_vip {position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto;}
.lp_vip_optin{display: flex; flex-wrap: wrap; flex: 1;}
.lp_vip_optin .content{margin: auto; width: 500px; max-width: 90%; margin-top: 10px;}

/* POLITICAS */
.main_politicas { text-align: justify;}
.main_politicas h3 {font-size: 1.5em; color: #333; font-weight: bold; margin-bottom: 10px;}
.main_politicas p {font-size: 1em; color: #555; font-weight: 400; margin-bottom: 15px;}

/*FOOTER*/
.main_footer {color: #FFF !important;}
.main_footer a:hover {text-decoration: underline !important;}
.main_footer_content {align-items: baseline;}
.main_footer_content li {margin-bottom: 2px; color: #333;}
.main_footer_content h2 {font-size: 1.1em; color: #052563; font-weight: 600; padding: 12px 0;}
.main_footer_content article {width: 24%; padding: 1%;}

.main_footer_content a {color: #aaa; font-size: 0.9em; }
.main_footer_content img {width: 50px; height: 35px; border: 2px solid #ccc; margin-right: 3px;}
.main_footer_content_contato p {font-size: 0.85em; color: #666; font-weight: 400; padding-bottom: 10px;}
.main_footer_content_contato a {font-size: 0.85em; color: #999; font-weight: 300;}
.main_footer_content_contato i {font-size: 0.8em !important; color: #999;}
.main_footer_content_redes li {display: inline-block; margin: 0 5px;}
.main_footer_content_redes li i {font-size: 1.5em;}
.main_footer_content_redes li a:hover {color: #0baeb7; margin: 0;}

/* COPYRIGHT */
.main_footer_copy {background: #fff; color: #333; font-size: 0.75em; padding: 15px 0; border-top: 1px solid #dddddd;}
.main_footer_border {margin-bottom: 5px; width: 50px; height: 2px; background: #052563; display: block;}

.main_header_contact_redes_2 a {font-size: 2em; color: #000;}
.main_header_contact_redes_2 i {padding: 20px; background: #000; color: #FFF;}

/* MOBILE */
.menu_mobile, .main_menu_tel {display: none;}
.main_header {width: 100%; color: #000; padding: 5px 0;}
.main_header_spacer {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center;}
.main_logo {}
.main_menu {}
.main_menu ul li {display: inline; color: #fff; font-weight: 500; font-size: 0.82em; letter-spacing: 0px; text-transform: uppercase; text-decoration: none;}
.main_menu ul a {margin: 0px 7px !important;}
.main_menu ul li:hover {border-bottom: 2px solid #FFF; transition: 0.2s;}
.main_header_contact_redes {display: none;}

.header_social ul li{padding: 6px; color: #eee; display: inline;}
.header_social ul li a{color: #fff !important; font-size: 1em;}
.header_social ul li a:hover {transition: 0.2s !important;}

/* PÁGINA PROJETOS */
.post_content_proj {display: flex;}
.projetos_imagem {flex-basis: 50% !important; padding: 10px;}
.projetos_imagem img {border-radius:10px; width: 100%;}

.projetos_texto {flex-basis: 50%; padding: 30px; text-align: left; color: #000; }
.projetos_texto h1 {font-size: 1.5em; font-weight: bold; color: #000; font-weight: 400; margin-bottom: 5px;}
.projetos_texto h2 {font-size: 1em; font-weight: 600; color: #000; margin-bottom: 25px;}
.projetos_texto p {font-size: 0.9em; text-align:left; color: #000; margin-bottom: 15px;}
.projetos_texto a {color: #000;}
.projetos_texto a:hover {text-decoration: underline !important;}
.projetos_texto i {font-size: 1.2em; color: #000; width: 25px;}



@media (max-width: 1980px) {
    .content {width: 90%;}
    .padding-50 {padding: 60px 0 !important;}
    .content_flex {flex-direction: column;}
    .content_flex_item {flex-basis: 100%;}
    .card_item, .card_item2, .card_social {width: 100%;}
    .list_header, .list_item_venda, .list_post, .list_simples, .list_footer {width: 100%;}
    .main_app_content_projetos_item_item, .main_footer_content {display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row; }
    .card_palestranstes, .main_footer_content article {flex-basis: 48%; padding: 0; margin: 0; margin-bottom: 30px;}
    .card_palestranstes_social {padding: 20px 50px;}
    .main_footer_content {padding-top: 20px;}
    .main_menu_tel {
        height: 73px;
        display: block;
        padding: 26px 0;
        background-color: #138455;
        color: #fff;

    }
    .main_app_content_slider_item_img {flex-basis: 100%; width: 100%;}
    .main_app_content_sobre_item {margin-bottom: 20px;}
    .main_news_letter_content_input_left input {width: 80%; margin-bottom: 10px;}

    .main_footer {width: 100%; text-align: center; display: flex; justify-content: space-around;}
    .main_footer_content article {text-align:center; flex-basis: 24% !important; padding: 1%; text-align: left;}
    .main_footer_content li {margin-bottom: 5px;}
    .main_app_content_header {display: flex; justify-content: space-around !important; align-content: center; align-items: center;}
    .main_app_content_header2 {display: flex; justify-content: space-around !important; align-content: center; align-items: center;}
    .content_flex_item {flex-basis: 50% !important;}
}
@media (max-width: 800px) {
    .header_social {display: none;}
    .content {width: 90% !important;}
    .main_app_content_header {flex-direction: column-reverse; }
    .main_app_content_header2 {flex-direction: column; }
    .content_flex_item {flex-basis: 100%;}
    .card_item, .card_social, .card_palestranstes {width: 100%; padding: 20px 0;}
    .main_app_content_projetos_item_item, .main_footer_content, .post_content {display: flex; justify-content: space-between; flex-wrap: wrap; }
    .card_palestranstes, .main_footer_content article {flex-basis: 100%; padding: 0; margin: 0; margin-bottom: 30px;}
    .main_news_letter_content_input_left input {width: 100%; margin-bottom: 10px;}
    .main_news_letter_content_input_left_btn {width: 80%;}
    .btn_top_laranja {margin-bottom: 20px !important;}
    .main_app_content_sobre_bloco3_item2 {width: 100% !important;}

    .main_app_content_sobre_bloco3 {flex-direction: column;}
    .main_app_content_sobre_bloco3_item_form {width: 100%; margin-top: 50px;}
    .main_app_content_sobre_bloco3_item {width: 100%; margin-bottom: 20px;}
    .main_app_content_sobre_bloco3_item ul li {width: 100%;}

    .main_footer_content {display: flex; flex-direction: row;}
    .main_footer_content article { flex-basis: 48% !important; padding: 1%; text-align: left;}
    .main_footer_border {text-align: center;}

    .main_app_content_header_text {margin-bottom: 30px;}
    .main_sidebar_widget_post, .bloco2 {display: flex; flex-direction: column;}
    .main_sidebar_widget_post_item {margin-bottom: 30px;}

    
    .main_sobre_item_sobre, .main_sobre_item_sobre li {flex-basis: 100%; width: 100%;}
    .main_sobre_item_sobre {margin-bottom: 20px;}
    .projetos_imagem {margin: 0 auto; width: 100%;}
    .htmlchars, .projetos_texto {flex-basis: 100%; margin-bottom: 50px;}
    .page_content {flex-direction: column;}
    .menu_mobile {
        display: block;
        cursor: pointer;
        border: 0;
        background-color: rgba(0,0,0,0.0);
        color: #FFF;
        font-size: 1.5em;
        padding: 10px;
    } 
    .main_header {
        padding: 10px 0;
    }
    .main_menu {
        z-index: 999;
        position: fixed;
        display: block;
        top: 0;
        left: -300px;
        background: #fff;
        width: 300px;
        height: 100%;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .main_menu ul a {
        margin: 0 !important;
        border-bottom: 0 !important;
    }
    .main_menu ul li:hover {
        border: 0;
    }
    .menu_mobile_active {
        left: 0;
        box-shadow: 1px 2px 15px;
    }
    .main_menu ul li {
        display: block;
        padding: 20px;
        width: 100%;
        background: #fff;
        color: #666;
        text-align: left;
        cursor: pointer;
        font-size: 0.850em !important;
    }
    .main_menu ul li:hover {
        background: #eee;
        transition: 0.2s;
        color: #666 !important;
    }
    .main_menu ul li a {
        color: #666 !important;
    }
    
    .post_list2 {width: 50% !important;}
    .bloco2_item222, .slick-carousel {width: 100% !important; flex-basis: 100% !important; width: 100% !important;}

    .btn_orcamento {background: orange !important; color: #fff !important; border-radius: 15px; border: 0 !important; font-size: 1em !important; width: 94% !important; margin: 0 auto !important; margin-top: 20px !important;}
    .btn_orcamento:hover {background: #F2AA27 !important; color: #fff !important;}

    .post_content_proj {display: flex; flex-direction: column;}
    .projetos_imagem {flex-basis: 100% !important; padding: 10px;}
    .projetos_imagem img {border-radius:10px; flex-basis: 100%; width: 100%;}

    .htmlchars2 {width: 100% !important; flex-basis: 100% !important;}

    .main_app_content_slider_item_img {margin-bottom: 25px;}
    .main_app_content_slider_item_img2 {margin-bottom: 0px;}
    .main_gallery {flex-direction: column !important;}
    
    .main_header_spacer {}
    
}
@media (max-width: 480px)
{
    .content {
        width: 96% !important;
    }
    .main_sidebar_widget,
    .main_sidebar_widget_most .main_sidebar_widget_post, .main_sidebar{
        padding: 0;
        width: 100% !important;
        margin-left: 0;
    }
    
    .post_list2 {width: 100% !important;}

    .main_sidebar {width: 100% !important;}
    .post_content, .left_content {width: 100% !important; margin-bottom: 20px;}

    .not_fount_post{
        width: 100%;
        padding: 20px;
    }
    .main_footer_content {display: flex; flex-direction: row;}
    .main_footer_content article { flex-basis: 100% !important; padding: 1%; text-align: left;}

    .post_list {width: 100% !important; margin-bottom: 10px;}
    .htmlchars2 {width: 100% !important; flex-basis: 100% !important;}
}

/*SINGLE*/
.post_single{padding: 50px 0; background: #eaeaea;}
.post_single .cover{width: 100%;}
.post_single .fb-comments{display: block; width: 100%; margin-top: 40px;}
.post_single .main_sidebar{float: right;}
.post_single {float: left; width: 67%;}

.left_content {width: 100%; display: flex;}

.post_content{background: #fff;}
.post_content > h1{padding: 30px; font-size: 2em; font-weight: 300;}
.post_content .tagline{padding: 30px 30px 0 30px; font-size: 1.3em; font-weight: 300;}
.single_post_more {width: 100%; padding: 5px 0; display: flex;}
.single_post_more header{ padding: 30px 0; margin-bottom: 10px; color: #bbb; text-align: left;}
.single_post_more_post{float: left; width: 50%; background: blue !important;}

/*MOST POSTS*/
.post_most_list {display: flex; float: left; flex-direction: column; justify-content: space-between;}
.post_list {width: 31%; opacity: 0.5;}
.post_list:hover{opacity: 1; transition: 0.4s;}
.post_list h1 {font-size: 0.9em; color: #ccc; text-align: left; padding-top: 15px;}
.post_list a {color: #4dabff;}


.post_list_produtos {width: 30%; }
.post_list2 {width: 33.33%; padding: 0 10px ; float: left; margin-bottom: 10px;}
.post_list2 img {width: 100%;}
.post_list2:hover{opacity: 0.9; transition: 0.4s; text-decoration: underline !important;}
.post_list2 h1 {font-size: 1em; color: #ccc; text-align: left; padding-top: 15px;}
.post_list2 a {color: #00296c;}
.post_list2 a:hover {text-decoration: underline !important; }
.post_list_content .link {font-size: 0.8em; font-weight: bold; border: 2px solid #4dabff; padding: 7px;}

.video-produto {width: 100%; height: 400px !important;}
.video-produto iframe { width: 100%; height: 400px !important; }

/*SINGLE LISTA VIP */
.main_content_artigo {
}

.main_artigo_lista {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    max-width: 100%;
    padding: 20px;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background: #fff;
    margin-top: -35px;
    position: relative;
    box-shadow: 0px 50px 26px -54px rgba(0, 0, 0, 0.4);
    border-radius: 10px 10px 0 0;
}

.main_artigo_lista_icone { flex-basis: 20%;}
.main_artigo_lista_icone i { font-size: 8em; color: #62ddff; align-items: flex-start}

.main_artigo_lista_texto {flex-basis: 80%; text-align: right; color: #777; font-weight: 300; font-size: 1em;}


.main_artigo_bg {
    background-image: url('<?= BASE; ?>/uploads/<?= $post_cover; ?>'); 
    content: "";
    opacity: 0.1;
    top: 0; left: 0; bottom: 0; right: 0;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

/*404*/
.not_found{padding: 50px 0;}
.not_found header{width: 800px; max-width: 100%; text-align: center; margin: 0 auto 40px auto;}
.not_found header h1{font-size: 2em; font-weight: 400;}
.not_found header p{font-size: 1.1em; font-weight: 300; margin: 10px 0 0 0;}
.not_fount_post{display: inline-block; width: 50%; padding: 20px; margin-left: -4px; vertical-align: top;}
.not_fount_post h1{margin-top: 20px; font-weight: 400;}
.not_fount_post a{font-weight: 600; color: #00B494; text-decoration: none;}
.not_fount_post a:hover{text-decoration: underline;}
.not_found .search_form{display: block; padding: 0 20px; float: none; background: none; text-align: center;}
.not_found .search_form input{width: 400px; max-width: 100%; padding: 6px;}










/*PAGE SINGLE*/
.page_single {padding: 50px 0; background: #fff;}
.page_single header{padding: 20px; text-align: right; background: #008068; color: #fff;}

.page_content {display: flex; justify-content: space-between; margin-bottom: 20px;}


/* FORM CONTATO */
.htmlchars {flex-basis: 65% !important;}
.htmlchars label {text-align: left;}
.htmlchars button {float: right;}
.htmlchars input {width: 100%; padding: 15px; background: #f4f4f4; color: #aaa;}
.htmlchars {text-align: left; padding: 0px;}
.htmlchars h1{font-size: 1.3em; font-weight: bold; color: #666; font-weight: 400; margin-bottom: 10px;}
.htmlchars p{font-size: 0.9em; font-weight: 300; color: #888; margin-bottom: 30px;}

.htmlchars form {padding: 0; background: #fff !important;}
.htmlchars form input {border-radius: 3px; padding: 12px 7px; border: 1px solid #ccc; color: #999; margin-bottom: 3px; font-size: 0.9em;}
.htmlchars_btn {cursor: pointer; width: 100%; padding: 15px; font-size: 1em; font-weight: bold; color: #fff !important; text-shadow: 0 1px #37586F; border: none; background: #7EC8DA; border-radius: 4px; transition-duration: 0.3s;}
.htmlchars_btn:hover {background: #95dded; }
.main_news_letter_form_header_obrigado {max-width: 500px; padding: 60px 0;}

/* GALLERY */
.main_app_galley {display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; align-items: center;}
.main_gallery {display: flex; justify-content: space-between; flex-direction: row;}
.card_gallery {background: #fff; padding: 5px; margin: 10px; flex-basis: 100%;}
.card_gallery img {width: 100%;}

.main_contato_item {flex-basis: 35%; text-align: left;}
.main_contato_item h1 {font-size: 1.3em; font-weight: bold; color: #666; font-weight: 400; margin-bottom: 10px;}
.main_contato_item p {font-weight: 400; color: #888; font-size: 0.9em; margin-bottom: 30px;}
.main_contato_item ul li {font-weight: 400; color: #555; font-size: 0.9em; margin-bottom: 10px;}
.main_contato_item i {margin-right: 5px;}

.main_sobre_item_sobre {flex-basis: 50%; padding: 0 20px; text-align: justify;}
.main_sobre_item {flex-basis: 30%; align-items: center !important;}
.main_sobre_item img {width: 40%; margin-bottom: 20px;}
.main_sobre_item a {color: #555; font-size: 0.65em;}

.main_sobre_item h1 {font-size: 1.8em; letter-spacing: -1px; font-weight: bold; color: #222; font-weight: 400;}
.main_sobre_item p { letter-spacing: -1px; color: #888; font-size: 0.7em; margin: 8px 0;}
.main_sobre_item ul li {font-weight: 400; color: #555; font-size: 1em; margin-bottom: 10px; text-align: justify;}
.main_sobre_item i {margin-right: 5px;}


.main_maps_contato_item iframe {width: 100%; height: 400px;}
.main_maps_contato_item .content {width: 100% !important; background: blue;}



.wc_slides{margin: 30px auto;}


.main_artigo {padding: 40px 0;}
.main_header_artigo {text-align: left;}
.main_header_artigo h1 {color: #fff; padding: 30px 0; font-size: 2em;}
.main_header_artigo_cat a {color: #fff; font-size: 0.9em; font-weight: 300; text-transform: uppercase;}
.main_header_artigo_cat {color: #fff; font-size: 1em;}
.main_header_artigo_sub {color: #fff; font-weight: 300; font-size: 1.3em; letter-spacing: -0.5px; margin-bottom: 30px;}

.main_header_artigo_author {display: flex; align-content: center; align-items: center; margin-bottom: 30px;}
.main_header_artigo_author img {width: 55px; height: 55px; border-radius: 50%; margin-right: 15px;}
.main_header_artigo_author_tx {color: #fff; font-weight: 600; font-size: 0.8em;}

.post_comments h1 {font-size: 1.5em; font-weight: bold; color: #999;}
.post_comments {padding: 30px 0;}

/*HOME*/
.main_blog{float: right; width: 67%;}
.main_blog_post{background: #fff; margin-bottom: 30px;}
.main_blog_post img{width: 100%;}
.main_blog_post header{padding: 30px;}
.main_blog_post h1{font-weight: 400; font-size: 2em; margin-bottom: 15px;}
.main_blog_post a{    color: #00B594; text-decoration: none;}
.main_blog_post a:hover{text-decoration: underline;}
.main_blog_post .tagline{ font-size: 0.9em; color: #555;}
.main_sidebar{float: left; width: 30%; padding: 30px; background: #fff;}
.main_sidebar_widget {display: block; width: 100%; margin-bottom: 30px;}
.main_sidebar_widget > h1{font-size: 1.7em; font-weight: 300; margin-bottom: 25px; border-bottom: 1px solid #ccc;}
.main_sidebar_widget > h1 span{border-bottom: 5px solid #ccc;}
.main_sidebar_widget a{ color: #00B494; text-decoration: none;}
.main_sidebar_widget a:hover{text-decoration: underline;}
.main_sidebar_widget ul{display: block; width: 100%;}
.main_sidebar_widget ul li{display: block; width: 100%; background: #fbfbfb; padding: 5px 10px;border-bottom: 2px solid #fff; text-transform: uppercase; font-size: 0.875em;font-weight: 300;}

.main_sidebar_widget_post {width: 100%; display: flex; justify-content: flex-start;}
.main_sidebar_widget_post h1{font-size: 0.9em; font-weight: 600; margin: 20px 0 10px 0;}
.main_sidebar_widget_post .tagline{font-size: 0.8em; color: #ccc;}

.main_sidebar_widget_post_item {padding: 5px; align-items: flex-start; text-align: center;}
.main_sidebar_widget_post_item i {color: #62ddff; font-size: 2.5em;}
.main_sidebar_widget_post_item h1 {color: #62ddff; font-size: 0.9em; text-transform: uppercase;}

.search_form{width: 100%; margin-bottom: 20px; padding: 20px; background: #fbfbfb; text-align: center;}
.search_form input{margin-bottom: 10px;}
.search_form button{text-transform: uppercase; font-size: 0.8em;}

/*PAGINATOR*/
.paginator{display: block; width: 100%; text-align: center; padding: 20px;}
.paginator li{display: inline-block; font-size: 0.9em;}
.paginator li a,
.paginator li span{padding: 5px 10px; margin: 0 5px; background: #00B494; color: #fff; text-decoration: none;}
.paginator li a:hover{ background: #00CCA7}
.paginator li span{background: #008068; font-weight: bold;}


/*PAGINA*/

.page_user_cosmeticos{max-width: 500px; padding: 30px;}
.box-page h1 {font-size: 2em; font-weight: 600;}
.box-page h2 {font-size: 1.3em; font-weight: 300;}
.card_virtual a {color: #FFF;}
.page_user_cosmeticos img {width: 200px; height: 200px; border-radius: 50%; border: 5px solid #FFF; box-shadow: 1px 2px 5px #000;}
.page_user_cosmeticos a {color: #fff !important;}
.page_user_cosmeticos_social a {font-size: 2.3em; color: #fff;}
.page_user_cosmeticos h1 {font-size: 1.6em; font-weight: 400; font-family: 'Sra. Saint Delafield' !important;}
.page_user_cosmeticos h2 {font-size: 1.2em; font-weight: 300; font-style: italic;}
.pagina-social-bloco {width: 100%; padding: 30px 10px; background-color: rgba(000, 000, 000, 0.5); border-radius: 10px; font-size: 0.8em;}
.pagina-social-bloco_span {width: 100%; height: 3px; background: #000; margin: 10px 0;}
.content_flex_ar {color: #FFF;}
.redes-flex-ar li {padding: 30px; border-radius: 50%; font-size: 1em; background-color: rgba(000, 000, 000, 0.9);}

.main_app_page {background: #AA076B;  /* fallback for old browsers */
                background: -webkit-linear-gradient(to top, #61045F, #AA076B);  /* Chrome 10-25, Safari 5.1-6 */
                background: linear-gradient(to top, #61045F, #AA076B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
                color: #fff;
}


/*PRODUCT STORE*/
.produtct_basics_cover{
    float: left;
    width: 35%;
    position: relative;
}

.produtct_basics_cover_offer{
    position: absolute;
    top: 50px;
    left: 0;
    text-align: right;
    color: #fff;
    width: 50%;
    padding: 10px 20px;
    background: #bf768a;
    font-size: 0.8em;
}

.produtct_basics_cover_stock{
    position: absolute;
    top: 50px;
    left: 0;
    text-align: right;
    color: #fff;
    width: 45%;
    padding: 10px 20px;
    background: #d6a6a6;
    font-size: 0.8em;
}

.produtct_basics_cover_ident{
    top: 88px;
}

.produtct_basics_cover ul{
    display: block;
    width: 100%;
    padding-top: 10px;
    background: #fff;
}

.produtct_basics_cover li{
    display: inline-block;
    width: 20%;
    margin-bottom: 15px;
}

.produtct_basics_infor{
    float: right;
    width: 65%;
    padding-left: 5%;
}

.produtct_basics_infor .info{
    padding: 25px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    font-size: 0.875em;
    color: #555;
}

.produtct_basics_infor .info p{
    margin-bottom: 3px;
}

.produtct_basics_infor .info .reviews{
    margin: 10px 0 20px 0;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #888;
}

.produtct_basics_infor header h1{
    font-size: 1.8em;
    font-weight: 500;
    margin-bottom: 10px;
}

.produtct_basics_infor header p{
    font-size: 0.8em;
}

.produtct_basics_infor .info .price{
    font-size: 1.7em;
}

.produtct_basics_infor .info .price strike{
    font-weight: 300;
    color: #d6a6a6;
    font-size: 0.8em;
    margin-left: 10px;
}

.produtct_basics_infor .price_split{
    font-size: 0.5em;
    color: #888;
}

.produtct_basics_infor form{
    display: block;
    width: 100%;
    vertical-align: bottom;
}

.produtct_basics_infor a{
    text-decoration: none;
    color: #769977;
}

.produtct_basics_infor a:hover{
    color: #5fa961;
    text-decoration: underline;
}

.produtct_infor{
    background: #f2f2f2;
}

.produtct_infor .htmlchars{
    padding: 30px;
    background: #fff;
}

.produtct_more{
    background: #769977;
    text-align: center;
    color: #fff;
}

.produtct_more .content > header{
    margin-bottom: 30px;
}

.produtct_more .content > header h1{
    font-size: 2em;
    font-weight: 300;
}

.produtct_more .content > header p{
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 500;
}

.produtct_more .single_pdt{
    background: #fff;
    border: none;
    box-shadow: none;
    color: #ccc;
}

.produtct_reviews .comments{
    font-size: 0.875em;
    background: #fff;
}

/*SINGLE PRODUCT STYLE*/
.single_pdt{
    box-shadow: 0 0 1px 1px #eee;
    text-align: center;
}

.single_pdt_cover{
    position: relative;
}

.single_pdt_offer{
    font-size: 0.8em;
    text-align: right;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    background: #5398d2;
    width: 60%;
}

.single_pdt_stock{
    font-size: 0.8em;
    text-align: right;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    background: #d6a6a6;
    width: 60%;
}

.single_pdt_cinza {
    background: #f5f5f5 !important;
    text-align: left;
    padding: 15px;
}

.single_pdt_offer_ident{
    width: 50%;
    bottom: 35px;
}

.single_pdt header{
}

.single_pdt header h1{
    font-size: 1.1em;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 10px !important;
}

.single_pdt header a{
    color: #333;
    text-decoration: none;
}

.single_pdt header a:hover{
    color: #444;
    text-decoration: underline !important;
}

.single_pdt header p{
    font-size: 0.9em;
    font-weight: 300;
}

.single_pdt_price{
    font-size: 0.9em;
    font-weight: 600;
    color: #555;
    margin-bottom: 5px !important;
}

.single_pdt_price span{
    display: block;
    font-size: 0.8em;
    color: #d6a6a6;
    font-weight: 300;
}

.pdt_single_split{
    font-size: 0.8em;
    font-weight: 300;
    color: #999;
}

.single_pdt_btn{
    padding-top: 10px;
    text-align: center;
}

.single_pdt_btn .btn, .btn_green{
    font-size: 0.7em;
    text-transform: uppercase;
    padding: 10px 20px;
    font-weight: 600;
    background: #ff691e !important;
}

.btn_green:hover {
    background: #ff8b51 !important;
    transition: 0.3s;
}


.single_sidebar{
    float: left;
    width: 30%;
    padding: 20px 20px 0 20px;
    background: #eee;
}

.single_sidebar section > h1{
    font-size: 1.4em;
    font-weight: 300;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.single_sidebar section > h1 span{
    border-bottom: 5px solid #ccc;
    padding-bottom: 11px;
}

.single_sidebar_widget{
    float: left;
    width: 100%;
    margin-bottom: 30px;
    padding: 20px 20px 0 20px;
    background: #fff;
}

.single_sidebar_widget.delivered article{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;
}

.single_sidebar_widget.delivered article img{
    float: left;
    width: 30%;
}

.single_sidebar_widget.delivered article div{
    float: right;
    width: 70%;
    padding-left: 5%;
}

.single_sidebar_widget.delivered article h1{
    font-size: 1em;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 8px 0;
}

.single_sidebar_widget.delivered article a{
    color: #000;
    text-decoration: none;
}

.single_sidebar_widget.delivered article a:hover{
    color: #068b92;
    text-decoration: underline;
}

.single_sidebar_widget.delivered article p{
    font-size: 0.85em;
    font-weight: 300;
    color: #555;
}

.single_sidebar_widget.delivered article .offer{
    font-size: 0.95em;
    color: #d6a6a6;
    margin-bottom: 10px;
}

.single_sidebar_widget.delivered article .offer span{
    color: #888;
    display: block;
    font-weight: 500;
}

.single_sidebar_widget.delivered article .offerend{
    font-size: 0.7em;
    text-transform: uppercase;
}

.single_sidebar_widget.posts article{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;
}

.single_sidebar_widget.posts article img{
    width: 100%;
    margin-bottom: 15px;
}

.single_sidebar_widget.posts article h1{
    font-size: 1.1em;
    font-weight: 500;
    line-height: 1.3;
}

.single_sidebar_widget.posts article a{
    color: #769977;
    text-decoration: none;
}

.single_sidebar_widget.posts article a:hover{
    color: #5fa961;
    text-decoration: underline;
}

.single_sidebar_widget:before{
    clear: both;
}

.single_list{
    float: right;
    width: 70%;
    padding-left: 30px;
}

@media (max-width: 66em){
    .single_list{
        padding: 0;
        float: left;
        width: 100%; 
    }
    .single_sidebar{
        display: none; 
    }
}