@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato:300,700");
@import url("w2default.css");
@font-face { font-family: 'sinkin_sans800_black'; src: url("../fonts/sinkinsans-800black-webfont.eot"); src: url("../fonts/sinkinsans-800black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sinkinsans-800black-webfont.woff2") format("woff2"), url("../fonts/sinkinsans-800black-webfont.woff") format("woff"), url("../fonts/sinkinsans-800black-webfont.ttf") format("truetype"), url("../fonts/sinkinsans-800black-webfont.svg#sinkin_sans800_black") format("svg"); font-weight: normal; font-style: normal; }
* { color: #606060; font-family: "Lato", sans-serif; font-weight: 300; font-size: 16px; line-height: 22px; font-weight: 300; }

html { background-color: #f8f8f8; }

html, body { height: 100%; }

h1 { position: relative; }

h2 { position: relative; padding-bottom: 20px; margin-bottom: 40px; }

h2, h2 * { font-family: "sinkin_sans800_black", sans-serif; font-size: 30px; line-height: 40px; }

h2:after { background-color: #c00; content: ""; position: absolute; bottom: 0; left: 0; width: 100px; height: 10px; }

a:hover { color: #c00; }

.mandatory { position: relative; display: inline-flex; align-items: flex-end; }

.mandatory:before { content: "*"; color: #c00; font-size: 20px; font-weight: bold; }

.btn-icon { background-color: #fff; font-family: FontAwesome; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 30px; height: 30px; transition: all 0.3s ease; }

.btn-icon:after { transition: all 0.3s ease; }

.btn-icon[data-social="facebook"]:after { content: "\f09a"; }

.btn-icon[data-social="instagram"]:after { content: "\f16d"; }

.btn-icon[data-social="linkedin"]:after { content: "\f0e1"; }

.btn-icon[data-social="pinterest"]:after { content: "\f0d2"; }

.btn-icon[data-social="googleplus"]:after { content: "\f0d5"; }

.btn-icon[data-social="twitter"]:after { content: "\f099"; }

.btn-icon[data-social="behance"]:after { content: "\f1b4"; }

.w2-share-container { display: flex; flex-wrap: wrap; }

.w2-share-container .jssocials-share-link { background-color: transparent; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 30px; border: solid 1px #ccc; transition: all 0.3s ease; }

.w2-share-container .jssocials-share-link * { color: #ccc; transition: all 0.3s ease; }

.w2-share-container .jssocials-share-link:hover { background-color: #c00; border-color: #c00; }

.w2-share-container .jssocials-share-link:hover * { color: #fff; transition: all 0.3s ease; }

/* ###########################################
			MENU MOBILE
########################################### */
#mobile-menu { display: flex !important; background-color: #fff; position: fixed; box-shadow: 0 0 10px rgba(96, 96, 96, 0.7); justify-content: center; z-index: 5; height: 50px; width: 100%; left: 0; bottom: -60px; visibility: hidden; }

#mobile-menu .container { width: 100%; }

#mobile-menu .container ul { display: flex; height: 100%; width: 100%; align-items: center; }

#mobile-menu .container ul li { width: 33.3%; height: 100%; position: relative; }

#mobile-menu .container ul li:not(:last-child) { border-right: solid 1px #ccc; }

#mobile-menu .container ul li a { display: flex; font-size: 10px; align-items: center; line-height: 12px; width: 100%; height: 100%; justify-content: center; }

#mobile-menu .container ul li a:before { background: url("../images/icons.svg") no-repeat 0 0; background-size: 600px; content: ""; margin-right: 10px; width: 30px; height: 30px; border-radius: 30px; }

#mobile-menu .container ul li.active:after { background-color: #c00; content: ""; height: 2px; width: 100%; position: absolute; left: 0; top: 0px; }

#mobile-menu .container ul li:nth-child(1) a:before { background-position: -150px -60px; }

#mobile-menu .container ul li:nth-child(2) a:before { background-position: -180px -60px; }

#mobile-menu .container ul li:nth-child(3) a:before { background-position: -210px -60px; }

#mobile-menu .container ul li:nth-child(1).active a:before { background-position: -150px -30px; }

#mobile-menu .container ul li:nth-child(2).active a:before { background-position: -180px -30px; }

#mobile-menu .container ul li:nth-child(3).active a:before { background-position: -210px -30px; }

/* ###########################################
			HEADER & FOOTER
########################################### */
header { background-color: transparent; position: fixed; top: 0; left: 0; width: 100%; height: 80px; z-index: 10000; transition: background-color 0.3s ease; transition: all 0.3s ease; }

body.truncated header { background-color: #fff; box-shadow: 0 0 10px rgba(96, 96, 96, 0.7); }

header .wrapper { display: flex; justify-content: space-between; position: relative; height: 100%; padding: 0 40px; width: auto; }

header .wrapper, header .wrapper .left, header .wrapper .left .innerleft, header .wrapper .left .innerright, header .wrapper .left .innerright nav, header .wrapper .left .innerright nav ul, header .wrapper .left .innerright li, header .wrapper .left .innerright a { height: 100%; position: relative; }

header .wrapper .left { display: flex; }

header .wrapper .left .innerleft { margin-right: 70px; display: inline-flex; align-items: center; }

header .wrapper .left .innerleft a { display: block; }

header .wrapper .left .innerleft a img { color: #c00; font-size: 24px; font-weight: bold; width: 92px; height: 42px; }

header .wrapper .left .innerright nav ul.lev1 { display: flex; }

header .wrapper .left .innerright li.lev1:not(:last-child) { margin-right: 30px; position: relative; }

header .wrapper .left .innerright a.lev1 { font-size: 16px; line-height: 20px; font-weight: bold; white-space: nowrap; display: inline-flex; align-items: center; position: relative; }

header .wrapper .left .innerright a.lev1:after { background: url("../images/icons.svg") no-repeat -20px -10px; background-size: 200px; content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -5px; width: 10px; height: 10px; opacity: 0; visibility: hidden; transition: all 0.3s ease; }

header .wrapper .left .innerright li.lev1 a:hover.lev1:after, header .wrapper .left .innerright li.lev1.active a.lev1:after { opacity: 1; visibility: visible; bottom: 15px; }

header .wrapper .left .innerright li.lev1.active a.lev1 { color: #c00; pointer-events: none; }

header .wrapper .right { display: flex; padding-top: 26px; }

header .wrapper .right .innerright { display: flex; margin-left: 10px; }

header .wrapper .right .innerright .btn-icon { border: solid 1px #ccc; border-radius: 30px; }

header .wrapper .right .innerright .btn-icon:not(:first-child) { margin-left: 10px; }

header .wrapper .right .innerright .btn-icon:after { color: #ccc; font-size: 16px; }

header .wrapper .right .innerright .btn-icon:hover { background-color: #c00; border-color: #c00; }

header .wrapper .right .innerright .btn-icon:hover:after { color: #fff; }

header .wrapper .right .innerleft { margin-right: 10px; }
header .wrapper .right .innerleft .btn-quote { color: #c00; font-weight: bold; font-size: 14px; text-transform: uppercase; white-space: nowrap; height: 30px; border: solid 1px #ccc; border-radius: 40px; box-shadow: 0 0 5px rgba(204, 204, 204, 0.3); transition: all 0.3s ease; }
header .wrapper .right .innerleft .btn-quote:hover { border-color: #c00; box-shadow: 0 0 5px rgba(204, 0, 0, 0.3); }

#truncated-items { position: fixed; bottom: -200px; right: 40px; display: flex; transition: all 0.3s ease; z-index: 10; }

body.truncated #truncated-items { bottom: 10px; }

#truncated-items .btn-goup { display: inline-flex; flex-direction: column; align-items: center; }

#truncated-items .btn-goup .icon { background-color: #fff; display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 60px; box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.3); position: relative; z-index: 1; transition: background-color 0.5s ease; }

#truncated-items .btn-goup .icon:before { background: url("../images/icons.svg") no-repeat -30px -15px; background-size: 300px; content: ""; width: 15px; height: 15px; }

#truncated-items .btn-goup .icon * { color: #a6a6a6; }

#truncated-items .btn-goup .text { background-color: #fff; font-size: 14px; color: #606060; display: inline-flex; padding: 5px 10px; border-radius: 20px; white-space: nowrap; opacity: 0; transition: all 0.3s ease; }

#truncated-items .btn-goup:hover .icon { background-color: #c00; }

#truncated-items .btn-goup:hover .icon:before { background-position: -30px 0; }

#truncated-items .btn-goup:hover .icon * { color: #c00; }

#truncated-items .btn-goup:hover .text { opacity: 1; margin-top: -5px; }

#home-presentation { height: 100%; display: flex; align-items: center; position: relative; z-index: 2; }

#home-presentation iframe { position: absolute; top: 0; right: 0; width: 100%; max-width: 90%; height: 120%; z-index: 1; pointer-events: none; }

#home-presentation .wrapper { position: relative; z-index: 2; }

#home-presentation .title { margin: 0 0 60px -10px; opacity: 0; visibility: hidden; transition: all 0.3s ease; }

#home-presentation .title.enabled { opacity: 1; visibility: visible; }

#home-presentation .title, #home-presentation .title * { color: #fff; font-family: "sinkin_sans800_black", sans-serif; font-size: 80px; line-height: 80px; font-weight: bold; text-transform: uppercase; text-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); }

#home-presentation .contents { width: 30%; }

#home-presentation .contents .description { margin-bottom: 20px; }

#home-presentation .contents .box-knowmore a { display: flex; align-items: center; }

#home-presentation .contents .box-knowmore a .text { color: #a6a6a6; font-size: 10px; line-height: 10px; white-space: nowrap; font-weight: bold; text-transform: uppercase; transition: all 0.3s ease; }

#home-presentation .contents .box-knowmore a .line { background-color: #a6a6a6; display: inline-flex; width: 100%; height: 1px; margin: 0 20px; }

#home-presentation .contents .box-knowmore a .btn-icon { background-color: #c00; flex: 0 0 30px; border-radius: 30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); transition: all 0.3s ease; position: relative; }

#home-presentation .contents .box-knowmore a .btn-icon:before { background: url("../images/icons.svg") no-repeat -6px 0; background-size: 120px; content: ""; width: 6px; height: 6px; }

#home-presentation .contents .box-knowmore a:hover .text { color: #c00; }

#home-presentation .contents .box-knowmore a:hover .btn-icon { box-shadow: 3px 3px 10px rgba(96, 96, 96, 0.7); margin-right: -5px; }

#home-banner { background-color: #ccc; height: 100%; position: relative; z-index: 1; }

#home-banner .swiper-container { position: relative; height: 100%; }

#home-banner .box-swiper-pagination { position: absolute; bottom: 120px; left: 0; width: 100%; }

#home-banner .contents { position: relative; z-index: 2; display: flex; height: 100%; }

#home-banner .contents .left { background-color: #ccc; display: inline-flex; align-items: center; width: 30%; flex: 0 0 30%; height: 100%; padding: 0 50px 200px 50px; position: relative; }

#home-banner .content .title { font-family: "sinkin_sans800_black", sans-serif; font-size: 30px; line-height: 35px; position: relative; padding-bottom: 30px; margin-bottom: 30px; }

#home-banner .content .title:after { background-color: #606060; content: ""; width: 50px; height: 1px; position: absolute; bottom: 0; left: 0; }

#home-banner .content .categories { font-weight: bold; margin-bottom: 30px; }

#home-banner .contents .left .btn-icon { background-color: #c00; position: absolute; top: 50%; right: -40px; margin-top: -40px; display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 80px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6); }

#home-banner .contents .left .btn-icon:before { background: url("../images/icons.svg") no-repeat 0 0; background-size: 400px; content: ""; width: 20px; height: 20px; transition: transform 0.3s ease; }

#home-banner .contents .left .btn-icon:hover { box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.6); width: 100px; height: 100px; right: -50px; margin-top: -50px; }

#home-banner .contents .left .btn-icon:hover:before { transform: rotate(180deg); }

#home-banner .contents .left .number { color: #fff; position: absolute; bottom: -300px; right: -150px; width: 300px; text-align: center; font-size: 200px; line-height: 200px; white-space: nowrap; font-family: "sinkin_sans800_black", sans-serif; text-shadow: rgba(0, 0, 0, 0.2) 5px 5px 20px; transition: bottom 1s ease; }

#home-banner .swiper-slide-active .contents .left .number { bottom: 40px; }

#home-banner .gallery { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: flex; }

#home-banner .gallery .left { background-color: #ccc; width: 30%; flex: 0 0 30%; height: 100%; }

#home-banner .gallery .right { background-color: #606060; width: 100%; height: 100%; }

#home-banner .swiper-pagination { display: flex; }

#home-banner .swiper-pagination-bullet { background-color: transparent; display: flex; align-items: center; width: auto; height: 12px; border: none; opacity: 1; }

#home-banner .swiper-pagination-bullet:before { background-color: transparent; content: ""; border: solid 1px #606060; width: 12px; height: 12px; border-radius: 100%; }

#home-banner .swiper-pagination-bullet:not(:last-child):after { background-color: #606060; content: ""; width: 30px; height: 1px; }

#home-banner .swiper-pagination-bullet-active:before, #home-banner .swiper-pagination-bullet:hover:before { background-color: #606060; }

#sobrenos-presentation, #pprivacidade-presentation { padding-top: 160px; margin-bottom: 100px; display: flex; align-items: flex-start; position: relative; }

#sobrenos-presentation iframe, #pprivacidade-presentation iframe { position: absolute; top: 0; left: 0; width: 100%; height: 1000px; z-index: -1; transition: all 0.3s ease; }

#sobrenos-presentation .wrapper { position: relative; z-index: 2; }

#sobrenos-presentation .content { width: 50%; }

#sobrenos-presentation h1.title { color: #c00; position: relative; padding-bottom: 40px; margin-bottom: 40px; }

#sobrenos-presentation h1.title, #sobrenos-presentation h1.title * { font-family: "sinkin_sans800_black", sans-serif; font-size: 30px; line-height: 36px; }

#sobrenos-presentation h1.title:after { background-color: #c00; content: ""; position: absolute; bottom: 0; left: 0; width: 100px; height: 10px; }

#sobrenos-brandsoptions { padding-bottom: 100px; }

#sobrenos-brandsoptions .wrapper { display: flex; }

#sobrenos-brandsoptions .left { padding-top: 200px; flex: 0 0 460px; width: 460px; }

#sobrenos-brandsoptions .right { width: 100%; padding-left: 100px; }

#sobrenos-brandsoptions .left .title { display: flex; }

#sobrenos-brandsoptions .left .title .icon { background: #c00 url("../images/icons.svg") no-repeat -400px 0; background-size: 2000px; display: inline-flex; flex: 0 0 100px; width: 100px; height: 100px; margin-right: 30px; border-radius: 100px; }

#sobrenos-brandsoptions .brands-list { display: grid; grid-gap: 26px; grid-template-columns: repeat(3, 1fr); width: 500px; }

#sobrenos-brandsoptions .brands-list .item a { color: #ccc; font-weight: bold; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 10px; width: 130px; height: 130px; box-shadow: 0 0 0 transparent; filter: none; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); opacity: 0.7; cursor: pointer; transition: all 0.3s ease; }

#sobrenos-brandsoptions .brands-list .item a:hover { filter: none; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); opacity: 1; }

#sobrenos-brandsoptions .brands-list .item a[href="javascript:void(0);"] { cursor: default; }

#sobrenos-brandsoptions .areas-list { display: flex; flex-wrap: wrap; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); border-radius: 5px; }

#sobrenos-brandsoptions .areas-list .item { background-color: #fff; font-family: "sinkin_sans800_black", sans-serif; display: inline-flex; width: 50%; border-bottom: solid 1px #ccc; position: relative; z-index: 1; cursor: default; }

#sobrenos-brandsoptions .areas-list .item .info { background-color: #c00; font-family: "sinkin_sans800_black", sans-serif; color: #fff; font-size: 20px; line-height: 30px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 40px; }

#sobrenos-brandsoptions .areas-list .item:nth-child(1) { background-color: #c00; color: #fff; font-weight: bold; }

#sobrenos-brandsoptions .areas-list .item:nth-child(odd) { border-right: solid 1px #ccc; }

#sobrenos-brandsoptions .areas-list .item:first-child { border-radius: 5px 0 0 0; overflow: hidden; }

#sobrenos-brandsoptions .areas-list .item:nth-child(2), #sobrenos-brandsoptions .areas-list .item:nth-child(2) a { border-radius: 0 5px 0 0; }

#sobrenos-brandsoptions .areas-list .item:nth-last-child(2), #sobrenos-brandsoptions .areas-list .item:nth-last-child(2) a { border-radius: 0 0 0 5px; }

#sobrenos-brandsoptions .areas-list .item:last-child, #sobrenos-brandsoptions .areas-list .item:last-child a { border-radius: 0 0 5px 0; }

#sobrenos-brandsoptions .areas-list .item-content { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 40px; transition: all 0.3s ease; }

#sobrenos-brandsoptions .areas-list .item-content:hover { background-color: #f8f8f8; }

#sobrenos-brandsoptions .areas-list .item-content .image { background: url("../images/icons-serviços.svg") no-repeat 0 0; background-size: 2600px; width: 130px; height: 130px; margin-bottom: 10px; position: relative; }

#sobrenos-brandsoptions .areas-list .item-content .image:before { background: url("../images/icons-serviços.svg") no-repeat 0 -130px; background-size: 2600px; content: ""; width: 130px; height: 130px; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s ease; }

#sobrenos-brandsoptions .areas-list .item-content .info-text { display: flex; align-items: center; flex-direction: column; }

#sobrenos-brandsoptions .areas-list .item-content .title { color: #c00; font-family: "sinkin_sans800_black", sans-serif; font-size: 14px; margin-bottom: 10px; text-align: center; }

#sobrenos-brandsoptions .areas-list .item-content .btn-icon { background-color: #c00; border-radius: 30px; z-index: 2; }

#sobrenos-brandsoptions .areas-list .item-content .btn-icon:before { background: url("../images/icons.svg") no-repeat 0 0; background-size: 200px; content: ""; width: 10px; height: 10px; transition: transform 0.3s ease; }

#sobrenos-brandsoptions .areas-list .item-content .description { background-color: #fff; padding: 15px 20px; position: absolute; top: 200px; left: 10%; width: 180%; border-radius: 5px; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); visibility: hidden; opacity: 0; transition: all 0.5s ease; margin-top: 40px; }

#sobrenos-brandsoptions .areas-list .item:nth-child(3) .item-content .image { background-position: -130px 0; }

#sobrenos-brandsoptions .areas-list .item:nth-child(3) .item-content .image:before { background-position: -130px -130px; }

#sobrenos-brandsoptions .areas-list .item:nth-child(4) .item-content .image { background-position: -260px 0; }

#sobrenos-brandsoptions .areas-list .item:nth-child(4) .item-content .image:before { background-position: -260px -130px; }

#sobrenos-brandsoptions .areas-list .item:nth-child(5) .item-content .image { background-position: -390px 0; }

#sobrenos-brandsoptions .areas-list .item:nth-child(5) .item-content .image:before { background-position: -390px -130px; }

#sobrenos-brandsoptions .areas-list .item:nth-child(6) .item-content .image { background-position: -520px 0; }

#sobrenos-brandsoptions .areas-list .item:nth-child(6) .item-content .image:before { background-position: -520px -130px; }

#sobrenos-brandsoptions .areas-list .item:nth-child(even) .description { left: auto; right: 10%; }

#sobrenos-brandsoptions .areas-list .item:hover .description { visibility: visible; opacity: 1; margin-top: 25px; }

#sobrenos-brandsoptions .areas-list .item:hover { z-index: 2; }

#sobrenos-brandsoptions .areas-list .item:hover .item-content .image:before { opacity: 1; }

#sobrenos-brandsoptions .areas-list .item:hover .item-content .btn-icon:before { transform: rotate(45deg); }

#portefolio-container { padding-top: 160px; margin-bottom: 50px; }

#portefolio-list .grid-item { /*background-color: rgba(200,0,0,0.3);*/ width: 20%; opacity: 0; transition: all 0.5s ease; }

#portefolio-list .grid-item-enabled { opacity: 1; }

#portefolio-list .grid-item .item-content { padding: 0 15px 30px; }

#portefolio-list .grid-item a { display: block; }

#portefolio-list .grid-item .image { display: block; border-radius: 5px; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); overflow: hidden; }

#portefolio-list .grid-item .image img { width: 100%; transform: scale(1.1, 1.1); transition: all 1s ease; }

#portefolio-list .grid-item .info { display: block; padding: 20px 0 16px; position: relative; }

#portefolio-list .grid-item .info:after { background-color: #a6a6a6; content: ""; position: absolute; bottom: 0; left: 0; width: 50%; height: 1px; transition: all 0.3s ease; }

#portefolio-list .grid-item .title { display: block; color: #c00; font-family: "sinkin_sans800_black", sans-serif; font-size: 12px; line-height: 15px; margin-bottom: 5px; }

#portefolio-list .grid-item .categories { display: block; color: #a6a6a6; font-size: 12px; line-height: 15px; }

#portefolio-list .grid-item a:hover .info:after { background-color: #c00; height: 5px; }

#portefolio-list .grid-item a:hover .image img { transform: scale(1, 1); }

#portefolio-detail-top { display: flex; }

#portefolio-detail-top .left { width: 120px; flex: 0 0 120px; }

#portefolio-detail-top .left a .icon { background: url("../images/icons.svg") no-repeat -120px -80px; background-size: 800px; display: block; width: 40px; height: 40px; }

#portefolio-detail-top .left a:hover .icon { background-position: -120px -40px; }

#portefolio-detail-top .left a .text { display: none; }

#portefolio-detail-top .mid { width: 100%; }

#portefolio-detail-top .right { width: 30%; flex: 0 0 30%; padding-left: 10%; }

#portefolio-detail-top h1 { color: #c00; font-family: "sinkin_sans800_black", sans-serif; font-size: 30px; line-height: 35px; margin-bottom: 10px; }

#portefolio-detail-top h2 { color: #a6a6a6; font-size: 20px; line-height: 25px; font-family: "Lato", sans-serif; font-weight: 300; margin-bottom: 10px; padding-bottom: 0; }

#portefolio-detail-top h2:after { display: none !important; }

#portefolio-detail-top h5 { color: #c00; font-weight: bold; }

#portefolio-detail-top .categories { font-weight: bold; }

#portefolio-detail-top .top { padding-bottom: 40px; margin-bottom: 30px; position: relative; }

#portefolio-detail-top .top:after { background-color: #c00; content: ""; position: absolute; bottom: 0; left: 0; width: 100px; height: 5px; }

#portefolio-detail-top .right .item:not(:last-child) { padding-bottom: 20px; margin-bottom: 20px; position: relative; }

#portefolio-detail-top .right .item:not(:last-child):after { background-color: #ccc; content: ""; position: absolute; bottom: 0; left: 0; width: 100px; height: 2px; }

#portefolio-detail-bot { margin-top: 80px; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); border-radius: 5px; overflow: hidden; }

#portefolio-detail-bot.display-gap { box-shadow: none; overflow: inherit; }

#portefolio-detail-bot.display-gap .item { margin-bottom: 50px; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); border-radius: 5px; overflow: hidden; }

#portefolio-detail-bot .item.scroll-items { opacity: 0; transition: opacity 0.5s ease; }

#portefolio-detail-bot .item.scroll-items-enabled { opacity: 1; }

#portefolio-detail-bot .item img { width: 100%; }

#contactos-container { height: 100%; position: relative; }

#contactos-container:before { background: url("../presentations/contactos/fundo-contactos.png") no-repeat right bottom; position: absolute; content: ""; top: 0; left: 0; width: 65%; height: 100%; z-index: 2; pointer-events: none; }

#contactos-contents { position: relative; z-index: 2; display: flex; height: 100%; }

#contactos-contents .left { width: 50%; height: 100%; padding-top: 200px; pointer-events: auto; }

#contactos-contents, #contactos-contents .wrapper, #contactos-contents .right { pointer-events: none; }
#contactos-contents .bot, #contactos-contents .wrapper .bot, #contactos-contents .right .bot { margin-top: 15px; }
#contactos-contents .bot a, #contactos-contents .wrapper .bot a, #contactos-contents .right .bot a { opacity: 0.7; transition: opacity 0.3s ease; }
#contactos-contents .bot a:hover, #contactos-contents .wrapper .bot a:hover, #contactos-contents .right .bot a:hover { opacity: 1; }

#contactos-contents h1 { padding-bottom: 50px; margin-bottom: 50px; }

#contactos-contents h1, #contactos-contents h1 * { color: #c00; font-family: "sinkin_sans800_black", sans-serif; font-size: 30px; line-height: 36px; }

#contactos-contents h1:after { background-color: #c00; content: ""; position: absolute; bottom: 0; left: 0; width: 100px; height: 5px; }

#contactos-contents .wrapper { display: flex; }
#contactos-contents .right { width: 50%; pointer-events: auto; }
#contactos-contents .right form { padding: 100px 0 100px 100px; }
#contactos-contents .right form .box:not(:last-child) { margin-bottom: 15px; }
#contactos-contents .right form .box-rgpd label { display: flex; }
#contactos-contents .right form .box-rgpd label p { margin-left: 10px; }
#contactos-contents .right form .box-rgpd * { font-size: 12px; line-height: 15px; }
#contactos-contents .right form .box-recaptcha { padding: 0 !important; }

#contactos-contents #contactos-map { position: relative; z-index: 1; display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#contactos-map .left { background-color: #f8f8f8; width: 50%; }

#contactos-map .right { background-color: #a6a6a6; width: 50%; height: 100%; }

#pprivacidade-presentation .description { padding: 100px 30% 100px 0; }