* { margin: 0px; padding: 0px; border: 0px; font-weight: normal; font-size: 100%; list-style: none; line-height: 1; outline: 0px; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; } :root { --black: #181818; --silver: #dadada; --yellow: #ffc516; } .container { position: relative; z-index: 3; display: flex; width: auto; max-width: 1250px; height: auto; margin: 0px auto; align-items: center; justify-content: space-between; }
.container::before { position: absolute; z-index: -1; top: 0px; left: 50%; width: 500px; height: 100%; margin-left: -525px; border-left: 1px solid  #242424; border-right: 1px solid  #242424; mix-blend-mode: color-dodge; content: ''; }
.container::after { position: absolute; z-index: -1; top: 0px; right: 50%; width: 1px; height: 100%; margin-right: -525px; background-color: #242424; mix-blend-mode: color-dodge; content: ''; } a { text-decoration: none; color: var(--black); transition: all .5s ease; }
body { min-height: 100vh; background: var(--black); color: var(--black); font: normal 16px 'Montserrat', sans-serif; overflow-x: hidden; }
body::before { position: absolute; z-index: 2; top: 0px; left: 50%; width: 500px; height: 100%; margin-left: -525px; border-left: 1px solid  #242424; border-right: 1px solid  #242424; mix-blend-mode: color-dodge; content: ''; }
body::after { position: absolute; z-index: 2; top: 0px; right: 50%; width: 1px; height: 100%; margin-right: -525px; background-color: #242424; mix-blend-mode: color-dodge; content: ''; }
body.page-id-13,
body.single-post, 
body.page-id-15 { padding-top: 180px; }
input, textarea, select, button { font: normal 16px 'Montserrat', sans-serif; appearance: none; -webkit-appearance: none; border-radius: 0px; cursor: pointer; }
input[type=submit], button { transition: all .5s ease; } #header { position: absolute; z-index: 10; top: 40px; left: 0px; width: 100%; height: auto; }
#header .container::before,
#header .container::after { display: none; }
#header span.logo img { width: 290px; height: auto; }
#header nav ul { display: flex; justify-content: space-between; align-items: center; gap: 55px; }
#header nav ul li a { position: relative; padding-bottom: 8px; font-weight: bold; font-size: 14px; color: #fff; text-transform: uppercase; }
#header nav ul li a::after { position: absolute; bottom: 4px; left: 0px; width: 100%; height: 3px; background-color: var(--yellow); transition: all .5s ease; opacity: 0; content: ''; }
#header nav ul li a::before { position: absolute; top: 6px; left: -15px; width: 5px; height: 5px; border-radius: 100%; border: 1px solid #fff; content: ''; }
#header nav ul li a:hover::after,
#header nav ul li.on a::after { bottom: 0px; opacity: 1; }
#header span.toggle { display: none; position: absolute; top: 0px; right: 20px; width: 40px; height: 40px; background-color: #303030; border-radius: 100%; cursor: pointer; }
#header span.toggle b { position: absolute; top: 12px; left: 10px; width: 18px; height: 20px; border-top: 2px solid #fff; transition: all .5s ease; }
#header span.toggle b::before { position: absolute; top: 5px; left: 0px; width: 100%; height: 2px; background-color: #fff; transition: all .5s ease; content: ''; }
#header span.toggle b::after { position: absolute; top: 12px; left: 0px; width: 100%; height: 2px; background-color: #fff; transition: all .5s ease; content: ''; }
#header span.toggle.on b { border-top: transparent; }
#header span.toggle.on b::before { top: 7px; transform: rotate(45deg); }
#header span.toggle.on b::after { top: 7px; transform: rotate(-45deg); } #feat { position: relative; height: 100vh; }
#feat::before { position: absolute; z-index: 2; top: 100px; left: 50%; width: 850px; height: 850px; margin-left: -1350px; border: 1px solid var(--yellow); border-radius: 100%; content: ''; }
#feat img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
#feat section { position: absolute; z-index: 2; top: calc(50% + 20px); left: 50%; width: 620px; height: auto; margin-left: -665px; padding: 20px 0px 100px 40px; transform: translateY(-50%); background-color: var(--black); }
#feat section small { display: block; font-size: 26px; color: var(--yellow); text-transform: uppercase; }
#feat section h1 { display: block; margin: 5px 0px 10px 0px; font-weight: bold; font-size: 85px; color: #fff; text-transform: uppercase; }
#feat section p { display: block; width: 85%; line-height: 1.6; color: #fff; } .page-id-11 #feat { height: auto; margin-top: 180px; }
.page-id-11 #feat img { top: -180px; }
.page-id-11 #feat section { position: relative; top: auto; left: 50%; transform: none; }
.page-id-11 #feat section p { width: auto; margin-bottom: 20px; }
.page-id-11 #feat aside { position: absolute; z-index: 10; top: 246px; right: 0px; width: 48%; height: auto; padding: 76px 140px 60px 100px; background-color:var(--yellow); border-top-left-radius: 200px 200px; border-bottom-left-radius: 200px 200px; }
.page-id-11 #feat aside strong { display: block; text-align: center; font-weight: bold; font-size: 30px; line-height: 1.3; }
.page-id-11 #feat aside strong i { display: block; padding: 20px 20px 0px 0px; text-align: right; font-size: 36px; cursor: pointer; transform-origin: right; transition: all .5s ease; }
.page-id-11 #feat aside strong i.on { transform: rotate(45deg); }
.page-id-11 #feat aside p { display: none; padding-top: 20px; padding-bottom: 40px; line-height: 1.6; }
.page-id-11 #feat aside small { position: absolute; top: 0px; right: -160px; font-weight: bold; font-size: 38px; text-transform: uppercase; color: #fff; transform: rotateZ(90deg); transform-origin: 0% 100%; } #what-we-do .container { padding-bottom: 210px; align-items: flex-start; }
#what-we-do header { display: flex; width: 50%; padding-right: 200px; flex-direction: column; text-align: right; }
#what-we-do header small { display: block; font-size: 22px; color: var(--yellow); text-transform: uppercase; text-align: left; }
#what-we-do header strong { display: block; margin-top: 10px; font-weight: bold; font-size: 36px; color: #fff; line-height: 1.2; text-align: left; }
#what-we-do header span a { position: relative; display: inline-block; margin-top: 15px; padding: 20px 0px 20px 30px; text-transform: uppercase; font-weight: 600; font-size: 13px; color: #fff; }
#what-we-do header span a::before { position: absolute; z-index: -1; top: 50%; left: 0px; width: 56px; height: 56px; margin-top: -28px; border-radius: 100%; background-color: #3e3e3e; transition: all .5s ease; content: ''; }
#what-we-do header span a:hover::before { background-color: var(--yellow); }
#what-we-do section { display: flex; width: 50%; padding-top: 30px; }
#what-we-do section p { line-height: 1.6; color: #fff; } #journeys { background-color: #0e0e0e; }
#journeys .container { padding-bottom: 60px; flex-direction: column; }
#journeys header { display: block; width: 100%; margin: -150px 0px 60px 0px; }
#journeys header img { display: block; width: 375px; height: auto; margin-bottom: 20px; }
#journeys header h6 { display: inline-block; width: auto; font-weight: bold; font-size: 82px; color: #fff; text-transform: uppercase; vertical-align: middle; }
#journeys header strong { display: inline-block; width: auto; padding-left: 40px; font-weight: bold; font-size: 26px; color: #fff; line-height: 1.2; text-transform: uppercase; vertical-align: middle; }
#journeys section { display: flex; width: 70%; justify-content: space-between; align-self: baseline; }
#journeys section article { width: 220px; }
#journeys section article figure { width: 220px; height: 300px; margin-bottom: 20px; border-radius: 150px; background-color: #fff; overflow: hidden; }
#journeys section article figure img { width: 100%; height: 100%; object-fit: cover; }
#journeys section article strong { display: block; padding: 0px 10px; font-weight: bold; font-size: 14px; color: var(--yellow); text-transform: uppercase; line-height: 1.3; } #our-vision { position: relative; }
#our-vision .container { padding: 100px 0px; align-items: flex-start; }
#our-vision::before { position: absolute; top: 350px; left: 0px; width: 95%; height: 700px; border: .5px solid var(--yellow); border-left: 0px; border-radius: 0px 350px 350px 0px; content: ''; }
#our-vision figure { display: flex; width: 55%; height: 500px; margin-left: -10%; background-color: #fff; border-top-left-radius: 250px; border-bottom-left-radius: 250px; align-self: baseline; border-left: 15px solid var(--yellow); overflow: hidden; }
#our-vision figure img { width: 100%; height: 100%; object-fit: cover; }
#our-vision section { display: flex; width: 55%; padding: 0px 70px; flex-direction: column; background: var(--black); }
#our-vision section header small { font-size: 18px; color: var(--yellow); text-transform: uppercase; }
#our-vision section header strong { display: block; margin: 10px 0px 30px 0px; font-weight: bold; font-size: 30px; color: #fff; text-transform: uppercase; }
#our-vision section header em { display: block; margin-bottom: 30px; font-weight: bold; font-size: 24px; color: var(--yellow); text-transform: uppercase; font-style: normal; }
#our-vision section nav ul { position: relative; margin-bottom: 35px; padding-bottom: 25px; border-bottom: 1px solid #333; }
#our-vision section nav ul li { position: relative; display: inline-block; width: auto; margin-right: 60px; font-weight: bold; font-size: 20px; line-height: 1.4; vertical-align: middle; text-transform: uppercase; color: #fff; opacity: .4; cursor: pointer; transition: all .5s ease; }
#our-vision section nav ul li:last-of-type { margin-right: 0px; }
#our-vision section nav ul li.on { opacity: 1; }
#our-vision section nav ul::after { position: absolute; bottom: 0px; width: 40px; height: 3px; background-color: #fff; transition: all .5s ease; content: ''; }
#our-vision section nav ul.tab-1::after { left: 0px; }
#our-vision section nav ul.tab-2::after { left: 200px; }
#our-vision section article p { display: block; margin-bottom: 35px; color: #fff; line-height: 1.5; }
#our-vision section article span a { display: inline-block; width: auto; color: var(--yellow); font-weight: 500; text-transform: uppercase; }
#our-vision section article span a::before { display: inline-block; width: auto; margin-right: 8px; font-family: 'Font Awesome 5 Pro'; content: '\f067'; }
#our-vision section article.tab-2 { display: none; } .page-id-11 #our-vision { background-color: #000; }
.page-id-11 #our-vision::before,
.page-id-11 #our-vision .container::before,
.page-id-11 #our-vision .container::after { display: none; }
.page-id-11 #our-vision section { background-color: transparent; } #leadership .container { padding: 60px 0px 80px 0px; align-items: flex-start; }
#leadership section { display: flex; width: 50%; flex-direction: column; }
#leadership section strong { display: block; font-weight: bold; font-size: 85px; color: #fff; text-transform: uppercase; }
#leadership section strong img { width: 285px; height: auto; }
#leadership section p { display: block; width: 80%; margin: 25px 0px 35px 0px; font-size: 15px; color: #fff; line-height: 1.6; }
#leadership section p b { font-weight: bold; }
#leadership section .numbers { display: flex; gap: 30px; width: 100%; }
#leadership section .seals img { display: block; width: auto; height: 135px; margin: 0px; }
#leadership section span { display: flex; }
#leadership section span em { display: inline-block; font-style: normal; font-weight: bold; font-size: 90px; color: var(--yellow); }
#leadership section span b { display: inline-block; padding: 38px 0px 0px 10px; font-weight: bold; font-size: 18px; line-height: 1.2; color: #fff; text-transform: uppercase; }
#leadership figure { position: relative; display: flex; width: 50%; }
#leadership figure img { display: block; width: calc(50vmax + 50px); height: auto; margin: -60px 0px 0px -50px; } .page-id-11 #leadership figure img { padding-left: 100px; filter: grayscale(100%); }
.page-id-11 #leadership figure .float { position: absolute; z-index: 2; top: 50%; right:-60%; transform: translate(-50%, -50%); display: flex; align-items: center; gap: 50px; justify-content: space-between; }
.page-id-11 #leadership figure .float span { display: flex; }
.page-id-11 #leadership figure .float span em { display: inline-block; font-style: normal; font-weight: bold; font-size: 110px; color: var(--yellow); }
.page-id-11 #leadership figure .float span b { display: inline-block; padding: 38px 0px 0px 10px; font-weight: bold; font-size: 20px; line-height: 1.2; color: #fff; text-transform: uppercase; }
.page-id-11 #leadership .seals img { padding-left: 0px; filter: grayscale(0%); } #cover { position: relative; height: 620px; background-color: #000; }
#cover h6 { position: absolute; z-index: 2; top: 50%; left: 50%; font-size: 50px; color: #fff; text-transform: uppercase; transform: translate(-50%, -50%); }
#cover h6 strong { font-weight: bold; }
#cover video { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } #company .container { padding-top: 100px; flex-direction: column; align-items: flex-start; }
#company header h6 { margin-bottom: 60px; font-weight: bold; font-size: 60px; color: var(--yellow); text-transform: uppercase; }
#company section figure img { width: 100%; height: auto; margin-left: -25px; } #testmonials .container { padding: 100px 0px; flex-direction: column; align-items: flex-start; }
#testmonials header h6 { margin-bottom: 60px; font-weight: bold; font-size: 60px; color: var(--yellow); text-transform: uppercase; }
#testmonials section { display: inline-block; width: 100%; height: auto; }
#testmonials section article { padding: 0px 120px 0px 5px; }
#testmonials section article h5 { display: block; margin-bottom: 25px; font-weight: bold; font-size: 20px; color: #fff; }
#testmonials section article h5 i { display: inline-block; margin-right: 20px; color: var(--yellow); font-size: 30px; }
#testmonials section article p { color: #fff; line-height: 1.8; }
#testmonials section article footer { position: relative; display: block; margin-top: 30px; padding-top: 40px; border-top: 1px solid rgba(255,255,255,.2); }
#testmonials section article footer::before { position: absolute; top: -1px; left: 60px; width: 20px; height: 20px; border-top: 1px solid var(--black); border-left: 1px solid rgba(255,255,255,.2); content: ''; }
#testmonials section article footer::after { position: absolute; top: 13px; left: 75px; width: 20px; height: 29px; border-left: 1px solid rgba(255,255,255,.2); transform-origin: top right; transform: rotate(45deg); content: ''; }
#testmonials section article footer figure { position: relative; display: inline-block; width: 60px; height: 60px; border-radius: 100%; vertical-align: middle; overflow: hidden; }
#testmonials section article footer figure img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }
#testmonials section article footer figcaption { display: inline-block; width: auto; padding-left: 20px; vertical-align: middle; }
#testmonials section article footer figcaption strong { display: block; margin-bottom: 7px; font-weight: bold; font-size: 18px; color: #fff; }
#testmonials section article footer figcaption small { color: var(--yellow); font-weight: bold; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; }
#testmonials .slick-arrow { position: absolute; z-index: 10; bottom: 0px; width: 50px; height: 50px; background-color: #303032; color: #fff; border-radius: 100%; text-align: center; font-size: 16px; }
#testmonials .slick-arrow.slick-prev { right: 190px; }
#testmonials .slick-arrow.slick-next { right: 120px; } #blog .container { padding-bottom: 100px; flex-direction: column; align-items: flex-start; }
#blog header h6 { margin-bottom: 60px; font-weight: bold; font-size: 60px; color: var(--yellow); text-transform: uppercase; }
#blog section { display: grid; width: 100%; grid-template-columns: repeat(3, 1fr); grid-gap: 40px; }
#blog section article figure { position: relative; display: block; width: 100%; height: 260px; margin-bottom: 20px; background-color: #000; overflow: hidden; }
#blog section article figure img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }
#blog section article h2 { display: block; padding-left: 7px; color: #fff; line-height: 1.6; } #single .container { padding-bottom: 100px; flex-direction: column; align-items: flex-start; }
#single header { display: block; width: 100%; margin-bottom: 60px; text-align: center; }
#single header h1 { display: block; margin-bottom: 20px; font-weight: bold; font-size: 60px; color: var(--yellow); text-transform: uppercase; }
#single header h2 { display: block; margin-bottom: 20px; font-weight: bold; font-size: 24px; line-height: 1.4; color: #fff; }
#single header span { font-weight: bold; color: #fff; }
#single header span abbr { text-decoration: none; }
#single section { display: block; width: 100%; }
#single section img { display: block; width: auto; max-width: 100%; height: auto; margin: 0px auto 40px auto; }
#single section h1,
#single section h2,
#single section h3 { display: block; margin-bottom: 20px; font-weight: bold; font-size: 20px; color: var(--yellow); }
#single section a { font-weight: bold; color: #fff; text-decoration: underline; }
#single section iframe { display: inline-block; width: 100%; height: 450px; margin-bottom: 20px; border-radius: 20px; }
#single section article { display: block; width: 800px; margin: 0px auto; }
#single section article p { display: block; margin-bottom: 40px; color: #fff; line-height: 1.6; }
#single section footer p { display: block; margin-top: 20px; color: var(--yellow); font-size: 14px; text-align: center; } .side { background-color: #000; }
.side .container { padding-bottom: 100px; align-items: flex-start; justify-content: space-between; gap: 40px; }
.side .container::before,
.side .container::after { display: none; }
.side figure { width: 60%; }
.side figure img { width: 100%; height: auto; }
.side section { width: 40%; padding-top: 50px; }
.side section h6 { display: block; font-size: 48px; font-weight: bold; text-transform: uppercase; color: var(--yellow); }
.side section p { display: block; width: 65%; margin-top: 35px; color: #fff; line-height: 1.5; } #contact-header .container { align-items: center; justify-content: space-between; }
#contact-header section { width: 50%; margin-top: -50px; }
#contact-header section h2 { font-size: 30px; text-transform: uppercase; color: var(--yellow); }
#contact-header section h1 { margin: 10px 0px 25px 0px; font-weight: bold; font-size: 40px; color: #fff; }
#contact-header section p { width: 75%; margin-bottom: 40px; font-size: 20px; color: #fff; line-height: 1.4; }
#contact-header section small { display: inline-block; margin-right: 40px; padding: 3px 0px 3px 20px; font-weight: bold; color: #fff; text-transform: uppercase; border-left: 7px solid var(--yellow); line-height: 1.4; cursor: pointer; transition: all .5s ease; }
#contact-header section small:last-of-type { margin-right: 0px; }
#contact-header section small.on { color: var(--yellow); }
#contact-header figure { width: 50%; }
#contact-header figure img { display: block; width: 130%; margin: -10%; }
#contact-form { margin-top: -40px; padding-bottom: 100px; }
#contact-form aside { width: 45%; }
#contact-form aside small { display: block; margin-bottom: 15px; font-weight: bold; font-size: 18px; color: var(--yellow); letter-spacing: 2px; text-transform: uppercase; }
#contact-form aside span a { display: block; margin-bottom: 25px; font-weight: bold; font-size: 32px; color: #fff; }
#contact-form aside address { display: block; font-style: normal; font-size: 22px; color: #fff; line-height: 1.4; }
#contact-form section { width: 55%; padding: 20px 0px 20px 120px; border-left: 7px solid var(--yellow); }
#contact-form section legend { display: block; margin-bottom: 20px; font-weight: bold; color: var(--yellow); text-transform: uppercase; letter-spacing: 2px; }
#contact-form section label { display: inline-block; width: 100%; height: auto; margin-bottom: 20px; margin-right: -7px; padding-right: 10px; }
#contact-form section label.lb50 { width: 50%; }
#contact-form section label.submit-gap { width: 80%; }
#contact-form section label.submit { width: 20%; }
#contact-form section label strong { display: block; margin-bottom: 7px; color: var(--yellow); font-size: 14px; text-transform: uppercase; }
#contact-form section label input { display: inline-block; width: 100%; height: 50px; padding: 0px 10px; background-color: #fff; }
#contact-form section label input[type=submit] { background-color:var(--yellow); color: #fff; font-weight: bold; text-transform: uppercase; }
#contact-form section label input#get-assunto { display: none; } #footer { padding: 70px 0px; background-color: #0E0E0E; }
#footer .container { align-items: flex-start; }
#footer .container::before,
#footer .container::after { display: none; }
#footer .column { width: 25%; padding-right: 40px; }
#footer .column:nth-of-type(2) { width: 22%; }
#footer .column:nth-of-type(3) { width: 28%; }
#footer .column span.logo img { width: 280px; margin-top: 25px; }
#footer .column nav.menu ul { padding-left: 70px; }
#footer .column nav.menu ul li a { display: block; padding-bottom: 15px; font-weight: bold; color: #fff; text-transform: uppercase; font-size: 14px; }
#footer .column nav.menu ul li.on a { text-decoration: underline; }
#footer .column nav.social ul { margin-top: 30px; }
#footer .column nav.social ul li { display: inline-block; width: auto; margin-right: 20px; }
#footer .column nav.social ul li:last-of-type { margin-right: 0px; }
#footer .column nav.social ul li a { color: #fff; }
#footer .column nav.social ul li a:hover { color: var(--yellow); }
#footer .column small { display: block; margin-bottom: 10px; font-weight: bold; color: var(--yellow); text-transform: uppercase; }
#footer .column.follow small { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.1); }
#footer .column address { font-style: normal; color: #fff; line-height: 1.8; font-size: 14px; }
#footer .column p { display: block; color: rgba(255,255,255,.5); font-size: 12px; line-height: 1.6; } #bottom { padding: 20px 0px; background-color: #0E0E0E; border-top: 1px solid rgba(255,255,255,.1); }
#bottom .container::before,
#bottom .container::after { display: none; }
#bottom strong { color: #888; font-size: 14px; }
#bottom nav ul { display: flex; justify-content: space-between; align-items: center; gap: 60px; }
#bottom nav ul li a { color: #888; font-size: 12px; }
#bottom nav ul li a:hover { color: #fff; } #sidebar { position: fixed; z-index: 1000; top: 0px; left: -250px; width: 250px; height: 100%; background-color: #111; text-align: center; transition: all .5s ease; }
#sidebar.on { left: 0px; }
#sidebar img { display: block; width: 70%; height: auto; margin: 60px auto; }
#sidebar li a { display: block; padding: 20px 0px; color: #fff; font-weight: bold; text-transform: uppercase; }
#sidebar li.on a { color: var(--yellow); }