/*
Theme Name: Vandresen
template: bb-theme
*/
.navbarr { z-index: 9999; width: 50px; height: 40px; float: right; position: relative; } 
.navbarr a { width: 50px; height: 40px; display: block; } 
.menu-btn span { margin-top: -7px; position: absolute; left: 0; top: 50%; width: 100%; height: 15px; display: block; } 
.menu-btn span:before, .menu-btn span:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: #000; transition: all 0.5s cubic-bezier(0.3, 0, 0.3, 1); -moz-transition: all 0.5s cubic-bezier(0.3, 0, 0.3, 1); -webkit-transition: all 0.5s cubic-bezier(0.3, 0, 0.3, 1); -o-transition: all 0.5s cubic-bezier(0.3, 0, 0.3, 1); border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -khtml-border-radius: 1px; } 
.menu-btn span:after { top: auto; bottom: 0; } 
.menu-btn.no-touch { pointer-events: none; } 
.menu-btn.active span { background: transparent; } 
.no-scroll .menu-btn span:before, .no-scroll .menu-btn span:after { top: 5px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); background: #FFF; } 
.menu-btn.active span:after { -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); } 
/* Menu Horizontal */
.nav-menu-horizontal ul { margin: 0; padding: 0; margin-left: auto; list-style: none; } 
.nav-menu-horizontal li { margin-left: 40px; display: inline-block; vertical-align: top; } 
.nav-menu-horizontal li a { text-decoration: none; font-weight: 900; line-height: 2; color: #FFF; transition: all 0.3s cubic-bezier(0.3, 0, 0.3, 1); -moz-transition: all 0.3s cubic-bezier(0.3, 0, 0.3, 1); -webkit-transition: all 0.3s cubic-bezier(0.3, 0, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.3, 0, 0.3, 1); } 
.nav-menu-horizontal li a:hover { color: #eb6165; } 
.nav-menu-horizontal li:hover>ul { opacity: 1; visibility: visible; pointer-events: auto; } 
.nav-menu-horizontal li ul { margin: 0; padding: 12px 0; position: absolute; top: 36px; left: -20px; background: #101017; width: 200px; opacity: 0; visibility: hidden; pointer-events: none; transition: all 0.5s cubic-bezier(0.3, 0, 0.3, 1); -moz-transition: all 0.5s cubic-bezier(0.3, 0, 0.3, 1); -webkit-transition: all 0.5s cubic-bezier(0.3, 0, 0.3, 1); -o-transition: all 0.5s cubic-bezier(0.3, 0, 0.3, 1); } 
.nav-menu-horizontal li ul li { margin-left: 0; display: block; } 
.nav-menu-horizontal li ul li a { padding: 8px 20px; display: block; font-size: 16px; line-height: 1.4; } 
.nav-menu-horizontal li ul ul { top: -12px; left: 100%; background: #191925; } 
.menu-complement,.menu-full { opacity: 0; -webkit-transition: all .3s cubic-bezier(.4,0,.2,1); -moz-transition: all .3s cubic-bezier(.4,0,.2,1); -ms-transition: all .3s cubic-bezier(.4,0,.2,1); -o-transition: all .3s cubic-bezier(.4,0,.2,1); transition: all .3s cubic-bezier(.4,0,.2,1); } 
.animate-active .menu-complement,.animate-active .menu-full { opacity: 1; } 
.menu-complement > ul { margin: 0; padding: 0; list-style: none; max-width: 90%; } 
.menu-complement > ul > li { margin-left: 40px; display: inline-block; vertical-align: top; margin: 0 0 10px 0; } 
.menu-complement > ul > li a { text-decoration: none; font-weight: 200; line-height: 1.4; color: #cbcbcb; transition: all 0.3s cubic-bezier(0.3, 0, 0.3, 1); -moz-transition: all 0.3s cubic-bezier(0.3, 0, 0.3, 1); -webkit-transition: all 0.3s cubic-bezier(0.3, 0, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.3, 0, 0.3, 1); font-size: 16px; display: flex; /* flex-flow: row wrap; */
 align-items: center; } 
.menu-complement > ul > li > a i { width: 20px; text-align: center; margin: 0 10px 0 0; display: inline-block; flex: 1 0 auto; } 
.menu-complement > ul > li > a:hover { color: #ab2626; } 
.menu-complement > ul > li:hover>ul { opacity: 1; visibility: visible; pointer-events: auto; } 
.menu-complement .redessociais { display: flex; flex-flow: wrap; padding: 0px; list-style-type: none; margin: 10px 0 0 0; } 
.menu-complement .redessociais li a { padding: 5px 10px; display: block; color: rgb(125 125 125) !important; background-color: #FFF; margin: 0 5px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 19px; text-align: center; } 
.menu-complement .redessociais li a:hover { background-color: #cbcbcb; color: #FFF!important; } 
/* Menu Full Overlay */
.menu-full-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; visibility: hidden; opacity: 0; pointer-events: none; } 
.menu-full-overlay:before { content: ''; position: absolute; left: -10vw; top: -20vh; width: 120vw; height: 120vh; background: #000000ed; -webkit-animation: close-menu-popup 1s cubic-bezier(0.3, 0, 0.3, 1) forwards; animation: close-menu-popup 1s cubic-bezier(0.3, 0, 0.3, 1) forwards; } 
.menu-full-overlay.is-open:before { -webkit-animation: open-menu-popup 1s cubic-bezier(0.3, 0, 0.3, 1) forwards; animation: open-menu-popup 1s cubic-bezier(0.3, 0, 0.3, 1) forwards; } 
.menu-full-overlay.has-scroll .menu-full-container { overflow: auto; height: 100dvb; } 
.menu-full-overlay.visible { visibility: visible; opacity: 1; pointer-events: auto; } 
.menu-full-container { position: absolute; top: 0; left: 0; overflow: hidden; display: flex; align-items: center; width: 100%; height: 100%; -webkit-overflow-scrolling: touch; } 
.menu-full-container .container { margin: auto; margin-top: 30vh; } 
.menu-full { position: relative; padding: 0px 30px; border-right: 1px solid; } 
.menu-full ul { margin: 0; padding: 0; list-style: none; text-align: left; } 
.menu-full ul li { margin: 0 0 2vh 0px; } 
.menu-full ul li:last-child { margin-bottom: 0; } 
.menu-full ul li a { position: relative; display: inline-block; vertical-align: top; font-size: 45px; line-height: 1; font-family: "effra", sans-serif; color: #FFF; text-decoration: none; font-weight: 400; letter-spacing: -2px; } 
.menu-full ul li a strong { margin-left: 5px; padding: 0 5px; position: relative; top: 5px; display: inline-block; vertical-align: top; font-size: 12px; line-height: 18px; color: #FFF; text-transform: uppercase; font-weight: 400; background: rgba(255, 255, 255, 0.1); border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; -khtml-border-radius: 18px; } 
.menu-full ul li a:hover .char, .menu-full ul li a:hover .word { color: #ab2626; } 
.menu-full ul li ul { margin: 0; padding: 0; position: relative; overflow: hidden; max-height: 0; opacity: 0; visibility: hidden; transition: all 0.8s cubic-bezier(0.3, 0, 0.3, 1); -moz-transition: all 0.8s cubic-bezier(0.3, 0, 0.3, 1); -webkit-transition: all 0.8s cubic-bezier(0.3, 0, 0.3, 1); -o-transition: all 0.8s cubic-bezier(0.3, 0, 0.3, 1); } 
.menu-full ul li ul li { margin-bottom: 20px; } 
.menu-full ul li ul li:last-child { margin-bottom: 0; } 
.menu-full ul li ul li.scrolla-element-anim-1:nth-child(1) { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } 
.menu-full ul li ul li.scrolla-element-anim-1:nth-child(2) { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } 
.menu-full ul li ul li.scrolla-element-anim-1:nth-child(3) { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } 
.menu-full ul li ul li.scrolla-element-anim-1:nth-child(4) { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } 
.menu-full ul li ul li.scrolla-element-anim-1:nth-child(5) { -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } 
.menu-full ul li ul li.scrolla-element-anim-1:nth-child(6) { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } 
.menu-full ul li ul li.scrolla-element-anim-1:nth-child(7) { -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; } 
.menu-full ul li ul li.scrolla-element-anim-1:nth-child(8) { -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; } 
.menu-full ul li ul li.scrolla-element-anim-1:nth-child(9) { -webkit-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; } 
.menu-full ul li ul li.scrolla-element-anim-1:nth-child(10) { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } 
.menu-full ul li ul li a { padding-left: 60px; position: relative; display: inline-block; vertical-align: top; font-family: "Roboto"; font-size: 40px; line-height: 1; font-weight: 900; color: #bab3e2; } 
.menu-full ul li ul li a:before { content: ''; position: absolute; left: 0; top: 20px; width: 0; height: 4px; background: #eb6165; transition: all 0.3s cubic-bezier(0.3, 0, 0.3, 1); -moz-transition: all 0.3s cubic-bezier(0.3, 0, 0.3, 1); -webkit-transition: all 0.3s cubic-bezier(0.3, 0, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.3, 0, 0.3, 1); } 
.menu-full ul li ul li a:hover .char, .menu-full ul li ul li a:hover .word { color: #FFF; } 
.menu-full ul li ul li a:hover:before { width: 40px; } 
.menu-full ul li ul li.active>a { color: #FFF; } 
.menu-full ul li.active>a { color: #FFF; } 
.menu-full ul li.opened > ul { padding: 20px 0; opacity: 1; visibility: visible; } 
.menu-full ul li.opened .scrolla-element-anim-1 { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } 
.menu-full ul li.disable { pointer-events: none; } 
.menu-full ul li.disable>a .char { opacity: 0.5 !important; } 
.path { position: absolute; left: 50%; transform: translate(-50%, -50%); top: 43%; width: 45vw; } 
#Layer_1 circle { opacity: 0; /* Círculos inicialmente invisíveis */ } 
@-webkit-keyframes close-menu-popup { 
 0% { -webkit-transform: translate3d(0, 0, 0) skew(-10deg, -10deg); transform: translate3d(0, 0, 0) skew(-10deg, -10deg); } 
 100% { -webkit-transform: translate3d(0, -100%, 0) skew(0deg); transform: translate3d(0, -100%, 0) skew(0deg); } 
 }
@-webkit-keyframes open-menu-popup { 
 0% { -webkit-transform: translate3d(0, -100%, 0) skew(-10deg, -10deg); transform: translate3d(0, -100%, 0) skew(-10deg, -10deg); } 
 100% { -webkit-transform: translate3d(0, 0, 0) skew(0deg); transform: translate3d(0, 0, 0) skew(0deg); } 
 }
/* - Animations */
.splitting-text-anim-1 .char, .splitting-text-anim-1 .word, .splitting-text-anim-1 .line, .splitting-text-anim-2 .char, .splitting-text-anim-2 .word, .splitting-text-anim-2 .line, .splitting-text-anim-3 .char, .splitting-text-anim-3 .word, .splitting-text-anim-3 .line, .splitting-text-anim-4 .char, .splitting-text-anim-4 .word, .splitting-text-anim-4 .line { -webkit-transition: opacity 0.2s linear, color 0.3s linear, -webkit-transform 0.3s cubic-bezier(0.3, 0, 0.3, 1); transition: opacity 0.2s linear, color 0.3s linear, -webkit-transform 0.3s cubic-bezier(0.3, 0, 0.3, 1); -o-transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.2s linear, color 0.3s linear; transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.2s linear, color 0.3s linear; transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.2s linear, color 0.3s linear, -webkit-transform 0.3s cubic-bezier(0.3, 0, 0.3, 1); -webkit-transform: translate(5px, 0) scale(0.95); -ms-transform: translate(5px, 0) scale(0.95); transform: translate(5px, 0) scale(0.95); opacity: 0; } 
.splitting-text-anim-1.animate__active .char, .splitting-text-anim-1.animate__active .word, .splitting-text-anim-1.animate__active .line, .splitting-text-anim-2.animate__active .char, .splitting-text-anim-2.animate__active .word, .splitting-text-anim-2.animate__active .line, .splitting-text-anim-3.animate__active .char, .splitting-text-anim-3.animate__active .word, .splitting-text-anim-3.animate__active .line, .splitting-text-anim-4.animate__active .char, .splitting-text-anim-4.animate__active .word, .splitting-text-anim-4.animate__active .line { -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 1; } 
.splitting-text-anim-1 .char { -webkit-transition-delay: calc(30ms * var(--char-index)); -o-transition-delay: calc(30ms * var(--char-index)); transition-delay: calc(30ms * var(--char-index)); } 
.splitting-text-anim-1 .char { -webkit-transition-delay: calc(30ms * var(--char-index)); -o-transition-delay: calc(30ms * var(--char-index)); transition-delay: calc(30ms * var(--char-index)); } 
.splitting-text-anim-1 .word { -webkit-transition-delay: calc(30ms * var(--word-index)); -o-transition-delay: calc(30ms * var(--word-index)); transition-delay: calc(30ms * var(--word-index)); } 
.splitting-text-anim-1 .line { -webkit-transition-delay: calc(30ms * var(--line-index)); -o-transition-delay: calc(30ms * var(--line-index)); transition-delay: calc(30ms * var(--line-index)); } 
.splitting-text-anim-2 .char { -webkit-transition-delay: calc(60ms * var(--char-index)); -o-transition-delay: calc(60ms * var(--char-index)); transition-delay: calc(60ms * var(--char-index)); } 
.splitting-text-anim-2 .word { -webkit-transition-delay: calc(60ms * var(--word-index)); -o-transition-delay: calc(60ms * var(--word-index)); transition-delay: calc(60ms * var(--word-index)); } 
.splitting-text-anim-2 .line { -webkit-transition-delay: calc(60ms * var(--line-index)); -o-transition-delay: calc(60ms * var(--line-index)); transition-delay: calc(60ms * var(--line-index)); } 
.splitting-text-anim-3 .char { -webkit-transition-delay: calc(6ms * var(--char-index)); -o-transition-delay: calc(6ms * var(--char-index)); transition-delay: calc(6ms * var(--char-index)); } 
.splitting-text-anim-3 .word { -webkit-transition-delay: calc(6ms * var(--word-index)); -o-transition-delay: calc(6ms * var(--word-index)); transition-delay: calc(6ms * var(--word-index)); } 
.splitting-text-anim-3 .line { -webkit-transition-delay: calc(6ms * var(--line-index)); -o-transition-delay: calc(6ms * var(--line-index)); transition-delay: calc(6ms * var(--line-index)); } 
.splitting-text-anim-4 .char { -webkit-transition-delay: calc(20ms * var(--char-index)); -o-transition-delay: calc(20ms * var(--char-index)); transition-delay: calc(20ms * var(--char-index)); } 
.splitting-text-anim-4 .word { -webkit-transition-delay: calc(20ms * var(--word-index)); -o-transition-delay: calc(20ms * var(--word-index)); transition-delay: calc(20ms * var(--word-index)); } 
.splitting-text-anim-4 .line { -webkit-transition-delay: calc(20ms * var(--line-index)); -o-transition-delay: calc(20ms * var(--line-index)); transition-delay: calc(20ms * var(--line-index)); } 
.scrolla-element-anim-1 { -webkit-transition: opacity 0.4s linear, color 0.3s linear, -webkit-transform 0.7s cubic-bezier(0.3, 0, 0.3, 1); transition: opacity 0.4s linear, color 0.3s linear, -webkit-transform 0.7s cubic-bezier(0.3, 0, 0.3, 1); -o-transition: transform 0.7s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.4s linear, color 0.3s linear; transition: transform 0.7s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.4s linear, color 0.3s linear; transition: transform 0.7s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.4s linear, color 0.3s linear, -webkit-transform 0.7s cubic-bezier(0.3, 0, 0.3, 1); -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); transform: translate(0, 20px); opacity: 0; -webkit-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; } 
.scrolla-element-anim-1.animate__active { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } 
.animate-active .splitting-text-anim-1 .char, .animate-active .splitting-text-anim-1 .word, .animate-active .splitting-text-anim-1 .line, .animate-active .splitting-text-anim-2 .char, .animate-active .splitting-text-anim-2 .word, .animate-active .splitting-text-anim-2 .line, .animate-active .splitting-text-anim-3 .char, .animate-active .splitting-text-anim-3 .word, .animate-active .splitting-text-anim-3 .line, .animate-active .splitting-text-anim-4 .char, .animate-active .splitting-text-anim-4 .word, .animate-active .splitting-text-anim-4 .line, .animate-active .scrolla-element-anim-1 .char, .animate-active .scrolla-element-anim-1 .word, .animate-active .scrolla-element-anim-1 .line { -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 1; } 
/* */
@keyframes fadeup { 
 0% { transform: translate(0px, 50px); opacity: 0 } 
 , 100% { transform: translate(0px, 0px); opacity: 1 } 
 }
.c-page-servicos li { opacity: 0 } 
.c-page-servicos.animate__active li { opacity: 1; animation: fadeup 1s cubic-bezier(.4,0,.2,1) both; animation-delay: calc(.125s + (120ms * var(--item-index))); } 
.portfolio-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0px; list-style: none; padding: 0; margin: 0; grid-auto-rows: minmax(340px, auto); } 
.portfolio-grid li a { flex: 1; display: flex; justify-content: center; align-items: center; text-align: center; z-index: 9; text-decoration: none; } 
.portfolio-grid li::before { content: ' '; background: #242423cf; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; -webkit-transition: all .3s cubic-bezier(.4,0,.2,1); -moz-transition: all .3s cubic-bezier(.4,0,.2,1); -ms-transition: all .3s cubic-bezier(.4,0,.2,1); -o-transition: all .3s cubic-bezier(.4,0,.2,1); transition: all .3s cubic-bezier(.4,0,.2,1); backdrop-filter: blur(3px); } 
.portfolio-grid li:hover::before,.portfolio-grid li:hover a { opacity: 1; } 
.portfolio-grid li:nth-child(1) { grid-area: 1 / 1 / 2 / 7; } 
.portfolio-grid li:nth-child(2) { grid-area: 2 / 1 / 3 / 4; } 
.portfolio-grid li:nth-child(3) { grid-area: 2 / 4 / 3 / 7; } 
.portfolio-grid li:nth-child(4) { grid-area: 3 / 1 / 4 / 3; } 
.portfolio-grid li:nth-child(5) { grid-area: 3 / 3 / 4 / 5; } 
.portfolio-grid li:nth-child(6) { grid-area: 3 / 5 / 4 / 7; } 
.portfolio-grid li:nth-child(n+7) { grid-column: span 2;}
.portfolio-grid li { background: #333; color: white; display: flex; align-items: center; background-size: cover; background-position: center; align-items: normal; position: relative; grid-column: 1 / span 2; } 
.portfolio-grid li .c-hs-item { padding: 20px; opacity: 0; -webkit-transition: all .3s cubic-bezier(.4,0,.2,1); -moz-transition: all .3s cubic-bezier(.4,0,.2,1); -ms-transition: all .3s cubic-bezier(.4,0,.2,1); -o-transition: all .3s cubic-bezier(.4,0,.2,1); transition: all .3s cubic-bezier(.4,0,.2,1); transform: translate(0px, -20px); } 
.portfolio-grid li a:hover .c-hs-item { opacity: 1; transform: translate(0px, 0px); } 
.portfolio-grid li .c-hs-item .client { color: #cbcbcb; font-size: 15px; margin: 0; font-weight: 100; } 
.portfolio-grid li .c-hs-item .title { margin: 4px 0 10px 0; color: #FFF; font-size: 40px; text-transform: uppercase; font-weight: 600; line-height: 1; } 
.portfolio-grid li .c-hs-item span { text-transform: uppercase; color: #FFF; position: relative; font-size: 21px; padding: 0 4px; } 
.portfolio-grid li .c-hs-item span::before { content: ' '; background: #9a2020; width: 0%; height: 10px; position: absolute; z-index: -1; bottom: 2px; left: 0; -webkit-transition:all .7s cubic-bezier(.4,0,.2,1); -moz-transition:all .7s cubic-bezier(.4,0,.2,1); -ms-transition:all .7s cubic-bezier(.4,0,.2,1); -o-transition:all .7s cubic-bezier(.4,0,.2,1); transition:all .7s cubic-bezier(.4,0,.2,1); } 
.portfolio-grid li:hover .c-hs-item span::before { width:100%; } 
/* */
/* .c-page-trabalho li { opacity: 0 } */
.c-page-trabalho.animate__active li { opacity: 1; animation: fadeup 1s cubic-bezier(.4,0,.2,1) both; animation-delay: calc(.125s + (120ms * var(--item-index))); } 
.portfolio-related { display: flex; gap: 0px; list-style: none; padding: 0; margin: 0; grid-auto-rows: minmax(340px, auto); } 
.portfolio-related li a { flex: 1; display: flex; justify-content: center; align-items: center; text-align: center; z-index: 9; text-decoration: none; } 
.portfolio-related li::before { content: ' '; background: #242423cf; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; -webkit-transition: all .3s cubic-bezier(.4,0,.2,1); -moz-transition: all .3s cubic-bezier(.4,0,.2,1); -ms-transition: all .3s cubic-bezier(.4,0,.2,1); -o-transition: all .3s cubic-bezier(.4,0,.2,1); transition: all .3s cubic-bezier(.4,0,.2,1); backdrop-filter: blur(3px); } 
.portfolio-related li:hover::before,.portfolio-related li:hover a { opacity: 1; } 
.portfolio-related li { background: #333; color: white; display: flex; align-items: center; background-size: cover; background-position: center; align-items: normal; position: relative; } 
.portfolio-related li .c-hs-item { padding: 20px; opacity: 0; -webkit-transition: all .3s cubic-bezier(.4,0,.2,1); -moz-transition: all .3s cubic-bezier(.4,0,.2,1); -ms-transition: all .3s cubic-bezier(.4,0,.2,1); -o-transition: all .3s cubic-bezier(.4,0,.2,1); transition: all .3s cubic-bezier(.4,0,.2,1); transform: translate(0px, -20px); } 
.portfolio-related li a:hover .c-hs-item { opacity: 1; transform: translate(0px, 0px); } 
.portfolio-related li .c-hs-item .client { color: #cbcbcb; font-size: 15px; margin: 0; font-weight: 100; } 
.portfolio-related li .c-hs-item .title { margin: 4px 0 10px 0; color: #FFF; font-size: 40px; text-transform: uppercase; font-weight: 600; line-height: 1; } 
.portfolio-related li .c-hs-item span { text-transform: uppercase; color: #FFF; position: relative; font-size: 21px; padding: 0 4px; } 
.portfolio-related li .c-hs-item span::before { content: ' '; background: #9a2020; width: 0%; height: 10px; position: absolute; z-index: -1; bottom: 2px; left: 0; -webkit-transition:all .7s cubic-bezier(.4,0,.2,1); -moz-transition:all .7s cubic-bezier(.4,0,.2,1); -ms-transition:all .7s cubic-bezier(.4,0,.2,1); -o-transition:all .7s cubic-bezier(.4,0,.2,1); transition:all .7s cubic-bezier(.4,0,.2,1); } 
.portfolio-related li:hover .c-hs-item span::before { width:100%; } 

.portfolio-related { display: flex; flex-flow: row nowrap; overflow-x: auto; /* padding: 10px 20px 30px; */
 scroll-snap-type: x mandatory; /* scroll-padding: 20px; */
 gap: 20px; } 

.portfolio-related li { flex: 1 0 70%; padding: 20px; min-height: 360px; } 

/* */
footer ul.redessociais { display: flex; flex-flow: wrap; padding: 0px; list-style-type: none; justify-content: right; gap: 8px; } 
footer ul.redessociais li:first-child { } 
footer ul.redessociais li a { padding: 5px 10px; display: block; color: rgb(125 125 125) !important; background-color: #FFF; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 19px; transition: all 0.3s cubic-bezier(0.3, 0, 0.3, 1); -moz-transition: all 0.3s cubic-bezier(0.3, 0, 0.3, 1); -webkit-transition: all 0.3s cubic-bezier(0.3, 0, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.3, 0, 0.3, 1); } 
footer ul.redessociais li a:hover { background-color: #cbcbcb; color: #FFF!important; } 
/* */
@keyframes fade { 
 0% { opacity: 0 } 
 , 100% { opacity: 1 } 
 }
.clientes .itens.animate__active .item { opacity: 1; animation: fade .3s cubic-bezier(.4,0,.2,1) both; animation-delay: calc(.125s + (120ms * var(--row-index))); } 
.clientes { display: flex; overflow: hidden; position: relative; background: #FFF; border-radius: 10px; padding: 20px 0; } 
.clientes .itens { display: flex; flex-flow: row wrap; gap: 100px 80px; align-items: center; justify-content: space-evenly; } 
.clientes .item { flex: 0 1 auto; opacity: 0 } 
.clientes .item img { object-fit: contain; max-width: 230px; max-height: 110px; filter: grayscale(1); -webkit-transition: all .3s cubic-bezier(.4,0,.2,1); -moz-transition: all .3s cubic-bezier(.4,0,.2,1); -ms-transition: all .3s cubic-bezier(.4,0,.2,1); -o-transition: all .3s cubic-bezier(.4,0,.2,1); transition: all .3s cubic-bezier(.4,0,.2,1); } 
.clientes .item:hover img { filter: none; } 
.job_container img { } 
.job_container p { margin: 0 0 20px; line-height:2 } 
/* */
.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load { width: 100% !important; height: 100% !important; } 
.mejs-container { padding-top: 56.25%; } 
.wp-video, video.wp-video-shortcode { max-width: 100% !important; } 
video.wp-video-shortcode { position: relative; } 
.mejs-mediaelement { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } 
.mejs-controls { display: none; } 
.mejs-overlay-play { top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; } 
/* */
.fullservice_itens { } 
.fullservice_itens ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; list-style-type: square; padding: 0 0 0 25px; } 
.fullservice_itens ul li { opacity: 0; padding: 5px 0; } 
.fullservice_itens ul li::marker { color: #9a2020; font-size: 28px; line-height: 1; } 
.fullservice_itens.animate__active li { opacity: 1; animation: fadeup 1s cubic-bezier(.4,0,.2,1) both; animation-delay: calc(.125s + (120ms * var(--item-index))); } 
/* */
@media screen and (max-width: 1200px) { } 
@media screen and (max-width: 1199px) { } 
@media screen and (max-width: 992px){
 .fullservice_itens ul { columns: inherit; -webkit-columns: inherit; -moz-columns: inherit; } 
 footer ul.redessociais { justify-content: start; margin: 10px 0 0 0; } 
 }
@media (max-width: 768px){
 .portfolio-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: minmax(250px, auto); } 
 .portfolio-grid li { grid-area: inherit!important; } 
 .portfolio-grid li .c-hs-item .title, .portfolio-related li .c-hs-item .title { font-size: 25px; } 
 .portfolio-grid li::before { opacity: 0.8; } 
 .portfolio-grid li .c-hs-item { transform: translate(0px, 0px); opacity: 1; } 
 .path { display:none; } 
 }
@media (max-width: 480px){
 .menu-full-container .container { margin: auto; } 
 .menu-full { padding: 0 5px; border: 0; margin-bottom: 20px; } 
 .menu-full ul li a { font-size: 30px; padding: 3px 0; } 
 .menu-complement > ul { margin: 20px 0 0 0; max-width: 80%; } 
 .menu-complement > ul > li a { font-size: 11px; } 
 .portfolio-grid { display: flex; flex-flow: column; } 
 .portfolio-grid li { grid-row: auto; grid-column: auto; aspect-ratio: 3/2; } 
 .clientes .item { width: 50%; flex: 50% 0 0; padding: 20px; justify-content: center; align-items: center; display: flex; } 
 .clientes .itens { gap: 20px 0px; } 
 .clientes .item img { max-width: 100%; max-height: 80px; } 
 .portfolio-related li { flex: 1 0 90%; padding: 20px; min-height: 260px; } 
.portfolio-related { padding: 10px 20px 30px; scroll-padding: 20px; } 
 }