h1.logoMobile { display: block; margin: 0; padding: 0; position: absolute; z-index: 11; top: 28px; left: 38px; }
h1.logoMobile > a { display: block; width: 155px; height: 60px; }

.divGeralTextoDestaque > div.textoDestaque > span { color: #ffffff; font-size: 22px; margin: 15px 0 40px 0; }

.bloco01Home { background: url(../img/texturaDegrade.png) repeat-x; padding: 70px 35px 60px 35px; }
.bloco01Home > div { border-bottom: 1px solid #e5e5e5; padding-bottom: 60px; }
.bloco01Home > div > h2 { font-size: 40px; }
.bloco01Home > div > span { font-size: 18px; margin: 35px 0 35px 0; line-height: 30px; }

.bloco02Home {  }
.bloco02Home > div { padding: 0px 25px 0px 25px;  }
.bloco02Home > div > h2 { font-size: 40px; }
.bloco02Home > div > span { font-size: 18px; margin: 35px 0 35px 0; line-height: 30px; }
.bloco02Home > div.imgMateriais { height: 369px; padding: 0; }
.bloco02Home > div.imgMateriais img { }
.bloco02Home > div.textoMateriais { font-size: 16px; margin: 0px 0 0px 0; padding: 0; font-size: 0; text-align: left; font-weight: 400; margin: 0 0px; padding: 0px 0px 60px 0px;  border-bottom: 0px solid #e5e5e5; }
.bloco02Home > div.textoMateriais > div.left { border-left: 1px solid #36c577; display: inline-block; font-size: 15px; margin: 0 0 0 63px; width: calc(387px - 20px - 30px); vertical-align: top; padding: 0 30px 0 20px; line-height: 170%; }
.bloco02Home > div.textoMateriais > div.right { border-left: 1px solid #36c577; display: inline-block; font-size: 15px; max-width: calc(266px - 20px); vertical-align: top; padding: 0 0 0 20px; line-height: 170%;   }
.bloco02Home > div.textoMateriais > div > h4 { font-size: 18px; text-transform: uppercase; margin: 64px 0 38px 0; padding: 0; font-weight: 400; }

.blocoAntesDepois { display: block; position: relative; overflow: hidden; }
.blocoAntesDepois > div { position: relative; }
.blocoAntesDepois .imgs { width: 100%; max-height: 934px; position: relative; overflow: hidden; }
.blocoAntesDepois .imgs .foto { position: absolute; top: 0; left: 0; max-width: 100%; height: auto; z-index: 15; }
.blocoAntesDepois .imgs .dark { display: none; }
.blocoAntesDepois .imgs .light { }
.blocoAntesDepois .mask_container { width: 2582px; display: block; position: relative; height: 100%; }
.blocoAntesDepois #mask { left: -181%; z-index: 10; background: url(../img/before_after/gradient.png) no-repeat right center; display: block; height: 100%; width: 2046px; position: absolute; top: 0; }
.blocoAntesDepois .imgs .bg { position: relative; max-width: 100%; height: auto; z-index: 5; }
.blocoAntesDepois nav { bottom: 9%; z-index: 20; width: 50%; margin: 0 auto; height: 43px; background: url(../img/before_after/line.png) no-repeat center center; position: absolute; left: 0; right: 0; max-width: 367px; text-align: center; }
.blocoAntesDepois nav a { width: 43px; height: 43px; display: block; background: url(../img/before_after/arrow.png) no-repeat; position: absolute; top: 0; left: 0; overflow: hidden; text-indent: -9999px; margin: 0 auto; }
.blocoAntesDepois p { display: none; }
.blocoAntesDepois .extra-text { background-color: #f4f3ec; padding: 45px 49px; font-size: 14px; }
.blocoAntesDepois .extra-text::after { content: ''; display: block; clear: both; }
.blocoAntesDepois .extra-text .extra-left { width: 46%; display: inline-block; vertical-align: middle; line-height: 1.5; margin-right: 13%; font-size: 15px; }
.blocoAntesDepois .extra-text .extra-right { width: 40%; display: inline-block; vertical-align: middle; position: relative; }
.blocoAntesDepois .extra-text .extra-right::before { content: ''; display: block; width: 1px; height: 97%; background-color: #000; position: absolute; top: 0px; left: -50px; }
.blocoAntesDepois .extra-text table { margin-top: -10px; margin-bottom: 0; }
.blocoAntesDepois .extra-text table th { text-align: left; font-weight: normal; padding-top: 10px; padding-bottom: 5px; }
.blocoAntesDepois .extra-text table th, .blocoAntesDepois .extra-text table td { padding-left: 0; padding-right: 0; }
.blocoAntesDepois .extra-text table td { border-bottom:1px solid #000; }
.blocoAntesDepois .extra-text table tr:last-child td { border-bottom: none; }


.blocoTiposSinalHome { margin-top: 70px; }
.blocoTiposSinalHome > div { margin: 40px 40px 0 40px; }
.blocoTiposSinalHome .hero_sinal { padding-bottom: 100px; }
.blocoTiposSinalHome .sinal_each h4 { margin-top: 50px; margin-bottom: 20px; }
.blocoTiposSinalHome .sinal_each { font-size: 15px; }
.blocoTiposSinalHome .sinal_each .imagem_outer { display: table; width: 100%; }
.blocoTiposSinalHome .sinal_each span.imagem { height: 175px; display: table-cell; vertical-align: bottom; text-align: center; margin: 0 auto; }
.blocoTiposSinalHome .sinal_each a { margin: 30px auto 0px auto; padding: 0; font-family: "kepler-std", serif; font-weight: 700; font-style: italic; color: #988649; font-size: 16px; transition: all 0.3s ease; display: inline-block; background: url(../img/Seta_VerMais.png) no-repeat left center; padding: 0 0 0 23px; border:0; width: auto;}
.blocoTiposSinalHome .sinal_each a:hover { opacity: 0.5; }
.blocoTiposSinalHome .sinal_each:nth-child(2) { display: table-cell; }
.blocoTiposSinalHome .sinal_each .txt { width: 80%; margin: 0 auto; }
.blocoTiposSinalHome .slick-dots { bottom: 30px; }

.blocoPictogramaHome {  }
.blocoPictogramaHome > div {  border-top:1px solid #e5e5e5; margin: 35px 25px; padding: 80px 40px 20px; }
.blocoPictogramaHome > div > div.pictograma { }
.blocoPictogramaHome > div > div.pictograma img { left: 0; right: 0; margin: 0 auto; }
.blocoPictogramaHome > div > div.descritivo { margin: 45px auto 0px auto; width: 100%; line-height: 183%; }
.blocoPictogramaHome > div > div.descritivo > h2 { font-size: 40px;  margin: 0 0 35px 0;}
.blocoPictogramaHome > div > div.descritivo .txt { width: 100%; margin: 40px auto 0px; font-size: 18px; }
.blocoPictogramaHome hr { display: none; }

.blocoPortfolioHome > div  { border-top:1px solid #e5e5e5; margin: 35px 25px; padding: 80px 0 0; }
.listPortfolioHome .portfolio_each { text-align: left; line-height: 160%; padding: 0 20px 0 0; width: calc(25% - 20px); }
.listPortfolioHome .portfolio_each .txt_container a.more { font-family: "kepler-std", serif; font-weight: 700; font-style: italic; color: #988649; font-size: 16px; transition: all 0.3s ease; margin: 20px 0 0 0; background: url(../img/Seta_VerMais.png) no-repeat center left; padding: 0 0 0 25px; display: block; border: 0px solid #988649; }
.listPortfolioHome .portfolio_each .txt_container a.more:hover { opacity: 0.6; }
.listPortfolioHome .portfolio_each .txt { color: #999; font-size: 16px; }

footer { background: #242424; margin: 70px 0 0 0; padding: 50px 0; }
footer > div { padding: 0px 40px 0px 40px; position: relative; }
footer > div > div.colunasFooter { margin-bottom: 42px; display: table; table-layout: auto; width: 100%; }
footer > div > div.colunasFooter > div { display: table-cell; text-align: center; width: 50%; }
footer > div > div.colunasFooter > div.redesSociais { border-bottom: 0px solid #3a3a3a; margin: 0; padding: 0; }
footer > div > div.final > div.logoFooter { margin: 34px auto; }
footer > div > div.final > div.seara { margin: 40px auto 0 auto; }
footer > div > div.final > div.copyright span { display: inline; }
footer > div > div.final > div.copyright span::before { content: '- '; display: inline-block; }


#top { height: 0; }
.gototop { background: url(../img/Seta_Topo.png) no-repeat; width: 38px; height: 38px; display: block; margin: 0 auto; text-indent: -9999px; position: absolute; top: -70px; left: 0; right: 0; }


header .close_menu.open { top: 42px; right: 45px; }
header { height: 110px; }
header .open_menu { right: 40px; top: 43px; }
#homepage header { height: auto; }


body.menu_open #menu1 nav { padding-left: 40%; }
body.menu_open #menu1 .main_menu { text-align: left; padding-top: 233px; }
body.menu_open #menu1 .main_menu li ul { display: none; padding-left: 20px; margin-bottom: 15px; }
body.menu_open #menu1 .main_menu li ul.open { display: block; }
body.menu_open #menu1 .main_menu li { font-size: 25px; }
body.menu_open #menu1 .main_menu li a { padding: 10px 0; font-weight: 300; }
body.menu_open #menu1 .main_menu li ul li a { text-transform: none; font-size: 17px; padding: 7px 0; font-weight: 400; }
body.menu_open #menu1 .areas_menu { text-align: left; }
body.menu_open #menu1 .footer_menu { text-align: left; }
body.menu_open #menu1 .idiomaTopo { position: absolute; top: 77px; left: 38px; width: 35%; text-align: left; }
body.menu_open #menu1 .pesquisa { width: 52%; top: 125px; right: auto; left: 40%; margin: 0; }
body.menu_open #menu1 .newsletter { width: 35%; margin: 50px 0 0px; padding-left: 40%; }
body.menu_open #menu1 .newsletter > span { font-size: 12px; }


/* generic content */
.tabs_container .tabs { width: 50%; margin: 56px auto 25px; }
.tabs_container .tabs li a { color: #000; font-size: 24px; font-weight: 600; }
.tabs_container .prev, .tabs_container .next { left: 176px; top: 65px; }
.tabs_container .next { left: auto; right: 176px; }
.tabs_container .tabs_container.all_visible ul { margin: 37px auto 60px; width: 92%; display: table; text-align: left; margin-left: 38px; }
.tabs_container .tabs_container.all_visible ul li { display: table-cell; }
.tabs_container .tabs_container.all_visible ul li a { color: #666; font-size: 17px; padding: 0px 0px 8px; text-transform: none; }
.tabs_container .tabs_container.all_visible ul li.active a { border-bottom: 2px solid #988649; }
.tabs_container .tabs_container.all_visible .prev, 
.tabs_container .tabs_container.all_visible .next { display: none; }


.hero_inside { width: 90%; margin: 40px auto; }
.hero_inside img { }
.conteudos { font-size: 18px; line-height: 33px; text-align: left; }
.conteudos h1 { font-size: 40px; }
.conteudos h5 { margin-bottom: 15px; }
.conteudos blockquote { padding: 45px 50px; }
.conteudos aside { margin-bottom: 0; }
.conteudos aside nav ul { margin: 56px auto 25px; }


hr { }
.panel { }


.gallery_container { width: 90%; margin: 25px auto 50px; }
.gallery { }
.gallery img { }


.listagem { }
.listagem .list { text-align: left; margin-right: 10px; margin-bottom: 35px; }
.listagem .list figure { max-width: 157px; max-height: 157px; margin-bottom: 18px; }
.listagem .list figure .outer { }
.listagem .list figure .inner { }
.listagem .list figure .container { }
.listagem .list figure img { }
.listagem .list .title { }
.listagem .list .desc { }
/*.pictowrapper { max-width: 900px; }
.pictowrapper figure { max-width: 800px; }*/


.portfolio { margin: 0 auto; width: 94%; }
.portfolio li { margin-right: 15px; }


.portfolio_result { line-height: 21px; margin-bottom: 0; }
.portfolio_result li { margin-bottom: 25px; }
.portfolio_result li a { }
.portfolio_result li .txt { }
.portfolio_result li .txt .title { }
.portfolio_result li .txt .desc { }


.change_view { margin: 0 15px; }
.change_view ul { }
.change_view li { }
.change_view li.tab { }
.change_view li.list { }
.change_view li a { }


.lista_blocos { }
.lista_blocos .hero_news  { }
.lista_blocos .hero_news .news_each { width: 49%; }
.lista_blocos .hero_news .news_each a { }
.lista_blocos .hero_news .news_each a figure { }
.lista_blocos .hero_news .news_each a figure img { }
.lista_blocos .hero_news .news_each a .txt { }
.lista_blocos .hero_news .news_each a .date { }
.lista_blocos .hero_news .news_each a .title { }
.lista_blocos .hero_news .news_each a .desc { }


.portfolio_search .field { width: 47%; display: inline-block; }
.portfolio_search input[type="text"] { width: 91%; }

.excellence_contact { width: 92%; margin-left: auto; margin-right: auto; }
.excellence_contact .fieldTlm,
.excellence_contact .field { width: 48%; display: inline-block; }
.excellence_contact .field:nth-child(2n) { margin-right: 0; }
.excellence_contact .fieldArea { width: 100%; display: block; }
.excellence_contact input[type="text"] { width: 100%; }


.destaque { text-align: center; }
.destaque figure { margin-left: auto; margin-right: auto; }
.destaque figure a { }
.destaque figure a img { }
.destaque .txt { }
.destaque .txt h2 { font-size: 21px; width: 100%; }
.destaque .txt p { font-size: 18px; }
.destaque .txt .more { }


.sizes .sizes_slide { }
.sizes .sizes_slide .size { margin-bottom: 0; padding-bottom: 0; }
.sizes .sizes_slide .size span { text-align: center; }
.sizes .block { }


.guides { }
.guides .guides_slide { }
.guides .guides_slide .guide { }
.guides .guides_slide .guide a.main_link { }
.guides .guides_slide .guide figure { width: 50%; text-align: center; margin: 0 auto 40px; width: 360px; height: 360px; }
.guides .guides_slide .guide figure .outer { display: table; width: 100%; height: 360px; }
.guides .guides_slide .guide figure .inner { display: table-cell; vertical-align: bottom; }
.guides .guides_slide .guide figure img { }
.guides .guides_slide .guide .txt { text-align: center; }
.guides .guides_slide .guide a.main_link .play::before { }


/* ========= start: COOKIE DISCLAIMER  ========= */
.cookie-bar { right: 0; width: 350px; }
/* ========= end: COOKIE DISCLAIMER  ========= */