The Future of Autonomous Marketing: Wunderkind’s Vision & Roadmap

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <meta name="generator" content="Gatsby 2.32.13"> <title>The Future of Autonomous Marketing: Wunderkind’s Vision & Roadmap</title> <link data-react-helmet="true" rel="icon" href="https://wkd.wpengine.com/wp-content/uploads/2020/05/Wunderkind_Favicon_Full.png"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.2.1/dist/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous"> <meta data-react-helmet="true" property="og:type" content="website"> <meta data-react-helmet="true" property="og:title" content="The Future of Autonomous Marketing with Wunderkind"> <meta data-react-helmet="true" property="og:description" content="The Future of Autonomous Marketing with Wunderkind"> <meta data-react-helmet="true" name="twitter:description" content="The Future of Autonomous Marketing with Wunderkind"> <meta data-react-helmet="true" name="twitter:title" content="The Future of Autonomous Marketing with Wunderkind"> <meta data-react-helmet="true" name="twitter:card" content="summary_large_image"> <meta data-react-helmet="true" name="twitter:site" content="@wunderkind"> <meta data-react-helmet="true" name="twitter:creator" content="@wunderkind"> <meta data-react-helmet="true" name="twitter:image" content="https://convert.wunderkind.co/rs/445-FJV-353/images/Roadmap-Webinar_Social_1200x628_02.png?version=0"> <meta data-react-helmet="true" name="twitter:image:alt" content="Wunderkind"> <meta data-react-helmet="true" property="og:image" content="https://convert.wunderkind.co/rs/445-FJV-353/images/Roadmap-Webinar_Social_1200x628_02.png?version=0"> <meta data-react-helmet="true" property="og:image:alt" content="Wunderkind"><meta name="robots" content="index, nofollow"><meta name="description" content="Are you ready to be part of the digital marketing revolution? Join us for an eye-opening virtual event where we’ll share Wunderkind’s trailblazing vision that’s set to redefine the industry landscape. Discover how our commitment to adaptability and innovation is paving the way for a new era of customer-centric, data-driven marketing strategies that deliver unparalleled results."> <style> @font-face { font-family: WunderBrickText; font-style: normal; font-weight: 400; font-display: auto; src: local("WunderBrickText-Regular"), local("WunderBrickText Regular"), url(https://convert.bouncex.com/rs/445-FJV-353/images/WunderBrick-Text.woff2) format("woff2"), url(https://convert.bouncex.com/rs/445-FJV-353/images/WunderBrick-Text.woff) format("woff") } @font-face { font-family: WunderBrickDisplay; font-style: normal; font-display: auto; src: url(https://convert.bouncex.com/rs/445-FJV-353/images/WunderBrick-Display.woff2) format("woff2"), url(https://convert.bouncex.com/rs/445-FJV-353/images/WunderBrick-Display.woff) format("woff") } @font-face { font-family: Larsseit; font-style: normal; font-weight: 700; font-display: auto; src: local("Larsseit-Bold"), local("Larsseit Bold"), url(https://convert.bouncex.com/rs/445-FJV-353/images/Larsseit-Bold.woff2) format("woff2"), url(https://convert.bouncex.com/rs/445-FJV-353/images/Larsseit-Bold.woff) format("woff") } @font-face { font-family: Larsseit; font-style: normal; font-weight: 400; font-display: auto; src: local("Larsseit-Regular"), local("Larsseit Regular"), url(https://convert.bouncex.com/rs/445-FJV-353/images/Larsseit-Regular.woff2) format("woff2"), url(https://convert.bouncex.com/rs/445-FJV-353/images/Larsseit-Regular.woff) format("woff") } @font-face { font-family: Larsseit-RegularItalic; font-style: normal; font-weight: 100; font-display: auto; src: local("Larsseit-RegularItalic"), local("Larsseit Regular Italic"), url(https://convert.bouncex.com/rs/445-FJV-353/images/Larsseit-RegularItalic.woff2) format("woff2"), url(https://convert.bouncex.com/rs/445-FJV-353/images/Larsseit-RegularItalic.woff) format("woff"); } .landing-page-container { width: 100%; min-height: 100vh; display: flex; justify-content: center; align-items: center; position: relative } .landing-page-background-image { position: absolute; z-index: -1; top: 0; right: 0; background-color: #303d78; width: 62.5%; height: 100%; -webkit-clip-path: polygon(17% 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(17% 0, 100% 0, 100% 100%, 0 100%); border: 0 } .landing-page-pattern { position: absolute; right: 0; height: 111.5%; z-index: -1 } .landing-page-flex-container { width: 100%; display: flex; justify-content: space-between; max-width: 1210px; margin: 5em auto 0; padding: 0 2em } .landing-page-wrap-container { -webkit-animation: bounce-in-top 1.25s both; animation: bounce-in-top 1.25s both; max-width: 50% } .landing-page-red-pattern { height: 100%; width: 100%; position: absolute; right: 0; display: none } .landing-page-header { font-size: 5rem; line-height: 5.375rem; letter-spacing: .1rem } .landing-page-description { max-width: 426px; font-weight: 400; font-size: 1.125rem } .landing-page-button { background-color: #fff; color: #191919 !important } .landing-page-wkd-char { max-width: 37% } @media (max-width:36.25rem) { .landing-page-flex-container { flex-direction: column; max-width: 400px; margin-top: 4em; padding: 0 1.25em } .landing-page-header { font-size: 2.8rem; line-height: 3.5rem } .landing-page-description { font-size: 1rem } .landing-page-wkd-char { max-width: 100%; margin-top: 2rem } .landing-page-wrap-container { max-width: 100% } } @media (min-width:36.313rem) and (max-width:48rem) { .landing-page-flex-container { flex-direction: column; margin-top: 5em; max-width: 560px } .landing-page-header { font-size: 4rem; line-height: 4.5rem } .landing-page-wkd-char { max-width: 80%; margin-top: 2rem } .landing-page-wrap-container { max-width: 100% } } @media (min-width:48.063rem) and (max-width:64rem) { .landing-page-header { font-size: 4rem; line-height: 4.5rem } } .revenue-page-container { position: relative; background-color: #f5ebe1; color: #191919 } .revenue-page-flex-container { display: flex; flex-direction: column; max-width: 1210px; margin: 0 auto; padding: 0 2em 2em } .revenue-page-card-flex-container { display: flex; gap: 2em } .revenue-page-secondaryheader { max-width: 620px; font-size: 3rem; line-height: 3.5rem } .revenue-page-card { width: 50%; padding: 0 2em; background: rgba(25, 25, 25, .1); position: relative; z-index: 3; max-width: 600px } .revenue-page-small-card-header { font-size: 1.125rem; text-transform: uppercase; letter-spacing: .063rem; font-family: Larsseit; margin-bottom: -2.5rem; margin-left: .75rem; padding-top: 1rem } .revenue-page-card-large-number { font-size: 6.25rem; font-family: WunderBrickDisplay, Times New Roman, Times, serif } .revenue-page-card-description { font-size: 1.125em; font-weight: 400 } .revenue-page-card-image-container { display: flex; justify-content: space-around; margin-bottom: 1rem; margin-top: -1rem } .revenue-page-card-images { margin-top: -1rem } .revenue-page-card-2 { position: relative; width: 50%; z-index: 2; padding: 0 2em; background: #3d55cc; color: #fff; max-width: 600px } .revenue-page-small-card-header-2 { font-size: 1.125rem; text-transform: uppercase; letter-spacing: .063rem; font-family: Larsseit; margin-bottom: -2.5rem; margin-left: .5rem; padding-top: 1rem } .revenue-page-card-large-number-2 { font-size: 6.25rem; font-family: WunderBrickDisplay, Times New Roman, Times, serif } .revenue-page-card-description-2 { font-size: 1.125em; font-weight: 400; max-width: 90% } .revenue-page-card-background-pattern { position: absolute; width: 100%; z-index: -1; left: 0; bottom: 0 } .revenue-page-button-arrow-container { display: flex; justify-content: space-between; width: 100%; position: absolute; bottom: 32px; left: 0; padding: 0 2em } @media (max-width:48rem) { .revenue-page-flex-container { padding: 0 1em 1em; margin: 0 auto; max-width: 600px } .revenue-page-card-flex-container { flex-direction: column; align-items: center } .revenue-page-secondaryheader { max-width: 310px; font-size: 1.4rem; line-height: 2rem } .revenue-page-card { width: 100%; min-height: 500px; padding: 0 1em } .revenue-page-card-description, .revenue-page-card-description-2 { max-width: 100%; font-size: 1em } .revenue-page-card-2 { width: 100%; min-height: 500px; padding: 0 1em } .revenue-page-card-images { margin: 0 } } .brands-page-container { width: 100%; background-color: #303d78; display: flex; flex-direction: column; align-items: center; padding: 0 1em } .brands-page-wrapper { width: 100%; max-width: 1140px; padding-bottom: 3rem } .brands-main-header { font-family: WunderbrickText; font-weight: 400; font-size: 3rem; line-height: 3.5rem; max-width: 840px; margin-left: 1rem; margin-top: 3rem; margin-bottom: 3rem } .carousel-right-arrow { position: absolute } .carousel-container { padding-bottom: 3rem } .brands-carousel-image-logo-container { position: relative; display: flex; justify-content: center } .brands-carousel-logo { position: absolute; bottom: 96px } .brands-card-arrow { position: absolute !important; bottom: 24px !important } .brands-card-image { height: 440px; max-width: 268px } @media (max-width:48rem) { .brands-page-wrapper { margin: 0 } .brands-main-header { font-size: 1.5rem; line-height: 2rem; margin: 2.5rem 0; max-width: 560px } .brands-card-image { min-width: 250px; max-width: 250px; max-height: 440px } } @media (min-width:2561px) { .brands-page-wrapper { max-width: 1580px } } .cookie-page-container { flex-direction: column; justify-content: center; padding: 0 2em; max-width: 1210px; margin: 0 auto } .cookie-page-container, .cookie-page-flex-container { display: flex; align-items: center; position: relative; width: 100% } .cookie-page-flex-container { justify-content: space-between; margin-bottom: 4em; margin-top: 4em } .cookie-page-header-description { font-family: WunderbrickText; font-style: normal; font-weight: 400; font-size: 2.5rem; line-height: 2.938rem } .cookie-page-heart-image { max-width: 50%; padding-left: 2em } .cookie-page-numbers-container { display: flex } .cookie-page-numbers-wrapper { max-width: 300px; padding-right: 3rem; margin-top: -120px } .cookie-page-numbers-wrapper-2 { max-width: 360px; padding-left: 3rem; margin-top: 120px } .cookie-page-large-number { font-family: WunderBrickDisplay, Times New Roman, Times, serif; font-style: normal; font-weight: 500; font-size: 6.25rem; color: #fff } .cookie-page-border-connector { width: 1px; max-height: 180px; position: relative; margin-right: 4rem; margin-left: 2rem; -webkit-transform: rotate(-50deg); transform: rotate(-50deg); border: 1px solid #fff } .cookie-page-large-number-2 { font-family: WunderBrickDisplay, Times New Roman, Times, serif; font-style: normal; font-weight: 500; font-size: 6.25rem; color: #fff } .cookie-page-border-connector2 { width: 1px; height: 160px; margin-top: 4rem; -webkit-transform: rotate(-15deg); transform: rotate(-15deg); border: 1px solid #fff } .cookie-page-numbers-wrapper-3 { max-width: 300px; margin-top: 360px; margin-left: -80px } .cookie-page-small-description { max-width: 264px; font-size: 1rem } .cookie-page-description-source { max-width: 264px; font-size: .8rem } .cookie-page-cookie-image { position: absolute; left: 0; bottom: 400px; max-width: 50% } .cookie-page-header-button-container { max-width: 562px; margin-bottom: 3em } .cookie-page-bottom-header { font-size: 2.375rem; line-height: 2.938rem } @media (max-width:48rem) { .cookie-page-container { padding: 0 1em } .cookie-page-flex-container { margin: 0; flex-direction: column } .cookie-page-header-description { font-size: 1.5rem; line-height: 2rem; width: 100%; max-width: 269px; margin-right: auto } .cookie-page-heart-image { max-width: 50%; position: absolute; top: 220px; right: 0 } .cookie-page-numbers-container { flex-direction: column; margin: 0 auto 0 0 } .cookie-page-numbers-wrapper { padding: 0; margin: 0 } .cookie-page-border-connector { display: none } .cookie-page-numbers-wrapper-2 { padding: 0; margin: 0; max-width: 200px } .cookie-page-large-number { font-size: 5.625rem } .cookie-page-numbers-wrapper-3 { padding: 0; margin: 0 } .cookie-page-border-connector2 { display: none } .cookie-page-cookie-image { left: auto; right: 0; bottom: 40%; max-width: 43% } .cookie-page-bottom-header { font-size: 1.5rem; line-height: 2rem } .cookie-page-header-button-container { margin-right: auto; max-width: 580px } } .divider-styles { margin-bottom: -1px } .weunderstand-page-container { width: 100%; background-color: #f5ebe1; color: #191919; padding: 0 2em } .weunderstand-page-flex-container { display: flex; flex-direction: column; align-items: center; max-width: 1210px; margin: 0 auto } .weunderstand-page-header { font-size: 7.8rem; line-height: 1rem; font-family: WunderBrickDisplay, Times New Roman, Times, serif } .weunderstand-page-header-rectangle-container { max-height: 130px; display: flex; gap: 2rem } .weunderstand-page-rectangle { max-width: 200px; height: 175px } .weunderstand-page-rectangle-2 { max-width: 200px; height: 175px; position: relative; top: 16px } .weunderstand-page-image-description-container { display: flex; margin-top: 3rem; position: relative } .weunderstand-page-small-description { font-size: 1.125rem; max-width: 400px; position: relative; top: 40px; font-weight: 400 } .weunderstand-page-paperplane { position: relative; right: 400px; top: 100px } .weunderstand-page-academic-description-container { display: flex; justify-content: center; align-items: center } .weunderstand-page-academic-image-mobile { display: none } @media (min-width:0rem) and (max-width:30rem) { .weunderstand-page-header { font-size: 10vw } .weunderstand-page-container { padding: 0 1em } .weunderstand-page-flex-container { padding: 0 1em; display: flex; flex-direction: column; align-items: center; text-align: center } .weunderstand-page-header-rectangle-container { max-height: auto; margin-bottom: -2.5rem } .weunderstand-page-rectangle, .weunderstand-page-rectangle-2 { display: none } .weunderstand-page-rectangle-container-mobile { display: flex } .weunderstand-page-rectangle-2-mobile, .weunderstand-page-rectangle-mobile { display: block; width: 50% } .weunderstand-page-image-description-container { flex-direction: column; margin: 0 } .weunderstand-page-academic-image { display: none } .weunderstand-page-academic-image-mobile { display: block } .weunderstand-page-paperplane { right: 0; top: 0; max-width: 130px; max-height: 96px; margin-left: auto; margin-bottom: 2rem; margin-top: -2rem; -webkit-transform: rotate(-30deg); transform: rotate(-30deg) } .weunderstand-page-small-description { top: auto } } @media (min-width:30.063rem) and (max-width:48rem) { .weunderstand-page-header { font-size: 8vw; line-height: 1.5rem } .weunderstand-page-container { padding: 0 1em } .weunderstand-page-flex-container { padding: 0 1em; display: flex; flex-direction: column; align-items: center; text-align: center } .weunderstand-page-header-rectangle-container { max-height: auto; margin-bottom: -3rem } .weunderstand-page-rectangle, .weunderstand-page-rectangle-2 { display: none } .weunderstand-page-rectangle-container-mobile { display: flex } .weunderstand-page-rectangle-2-mobile, .weunderstand-page-rectangle-mobile { display: block; width: 50% } .weunderstand-page-image-description-container { flex-direction: column; margin: 0 } .weunderstand-page-academic-image { display: none } .weunderstand-page-academic-image-mobile { display: block } .weunderstand-page-small-description { top: auto } .weunderstand-page-paperplane { right: 0; top: 0; max-width: 130px; max-height: 96px; margin-left: auto; margin-bottom: 2rem; margin-top: -2rem; -webkit-transform: rotate(-30deg); transform: rotate(-30deg) } } @media (min-width:48.063rem) and (max-width:68.75rem) { .weunderstand-page-header { font-size: 5rem } .weunderstand-page-rectangle { max-width: 200px; height: 125px } .weunderstand-page-flex-container { max-width: 680px } .weunderstand-page-rectangle-2 { max-width: 200px; height: 125px; position: relative; top: 8px } .weunderstand-page-header-rectangle-container { height: 80px } .weunderstand-page-academic-image { max-width: 50% } .weunderstand-page-image-description-container { padding: 0 1em; justify-content: center; align-items: center } .weunderstand-page-small-description { width: 350px; max-width: 50%; top: auto } .weunderstand-page-paperplane { position: absolute; right: auto; top: auto; bottom: 32px; height: 70px; left: 350px; right: 0; top: 0; max-width: 130px; max-height: 96px; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); margin-left: auto } } .results-page-container { flex-direction: column; width: 100%; background: #303d78; padding: 0 2em } .results-page-container, .results-page-flex-container { display: flex; justify-content: center; align-items: center; position: relative } .results-page-flex-container { margin-bottom: 4em } .results-page-pattern-image { position: absolute; top: 36px; left: 0; max-width: 25% } .results-page-pattern-image-2 { position: absolute; right: 0; max-width: 25% } .results-page-description-header { max-width: 450px; font-size: 2rem; line-height: 2.8rem; font-weight: 400; font-family: WunderbrickText } .results-page-heart-phone-image { position: relative; left: 2rem } .results-page-paperplane-image { width: 106.02px; height: 74.23px; position: relative; top: 200px; right: 100px } .results-page-paperplane-image-2 { width: 106.02px; height: 74.23px; position: relative; right: 400px } .results-page-paperplane-image-3 { width: 106.02px; height: 74.23px } .results-page-numbers-flex-container { display: flex; gap: 3rem } .results-page-numbers-flex-column-container { display: flex; flex-direction: column } .results-page-header { position: relative; font-size: 3rem; line-height: 3.5rem; font-family: WunderbrickText } .results-page-large-number { font-size: 7rem; font-weight: 500; color: #c96; font-family: WunderBrickDisplay, Times New Roman, Times, serif } .results-page-small-description { font-size: 1.125rem; font-weight: 400; max-width: 328px; margin: 0; line-height: 1.625rem } .results-page-numbers-border { border: 1px solid #fff; -webkit-transform: rotate(15deg); transform: rotate(15deg); font-weight: 400 } .results-page-header-2 { position: relative; font-size: 3rem; line-height: 3.5rem; font-family: WunderbrickText } .results-page-small-description-2 { font-size: 1.125rem; font-family: Larsseit; max-width: 329px; font-weight: 400; position: relative; z-index: 1 } .results-page-description-arrow-flex-container { display: flex; align-items: center; gap: 2rem } .results-page-arrow-image { width: 218px; height: 195px } .results-page-background-pattern-container { position: relative; width: 120%; max-height: 450px; overflow: hidden } .results-page-brands-images-number { font-size: 3.125rem; font-weight: 500; min-height: 64px; width: 60px; font-family: WunderBrickDisplay, Times New Roman, Times, serif } .results-page-brands-images-small-header { margin-top: -2rem } .results-page-brands-images-wrapper { display: flex; flex-direction: column; justify-content: flex-end; min-height: 190px; align-items: center; margin-top: 4em } .results-page-brands-images { min-height: 24px; max-width: 120px } .results-page-brands-images-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4rem; position: relative; z-index: 1 } .results-page-background-pattern { width: 100% } .results-page-cta-button { position: absolute !important; bottom: 228px !important; z-index: 1 !important } @media (max-width:48rem) { .results-page-container { padding: 0 1em } .results-page-flex-container { flex-direction: column } .results-page-description-header { max-width: 320px; font-size: 1.5rem; line-height: 2rem } .results-page-heart-phone-image { top: auto; left: auto; max-width: 100px; max-height: 110px; margin: 0 } .results-page-paperplane-image { max-width: 80px; max-height: 60px; position: relative; top: auto; right: auto; margin-left: auto } .results-page-header { font-size: 1.5rem; line-height: 2rem; max-width: 320px } .results-page-large-number { font-size: 15vw } .results-page-small-description { margin: 0 } .results-page-numbers-flex-container { flex-direction: column; gap: 1rem } .results-page-numbers-border { width: 100%; height: 1px; -webkit-transform: rotate(180deg); transform: rotate(180deg) } .results-page-header-2 { font-size: 1.375rem; line-height: 1.875rem } .results-page-description-arrow-flex-container { flex-direction: column } .results-page-small-description-2 { font-size: 1rem; line-height: 1.5rem } .results-page-arrow-image { max-width: 130px; max-height: 120px } .results-page-brands-images-container { gap: 2rem } .results-page-cta-button { bottom: 3% !important } .results-page-background-pattern-container { width: 120%; max-height: 200px } .results-page-paperplane-image-2 { max-width: 80px; max-height: 60px; -webkit-transform: rotate(40deg); transform: rotate(40deg); position: relative; right: 0; margin-right: auto } .results-page-paperplane-image-3 { max-width: 80px; max-height: 60px; margin-right: auto; -webkit-transform: rotate(-30deg); transform: rotate(-30deg) } } @media (min-width:48.063rem) and (max-width:77.313rem) { .results-page-paperplane-image { max-width: 80px; max-height: 60px; top: 150px; right: 64px } .results-page-paperplane-image-2 { right: 0; -webkit-transform: rotate(40deg); transform: rotate(40deg) } .results-page-description-header { font-size: 1.5rem; line-height: 2rem } .results-page-heart-phone-image { padding-left: 1rem; margin: 0 -2rem 0 0 } .results-page-header { font-size: 3rem; line-height: 3rem; margin-top: 3rem; margin-bottom: 3rem } .results-page-large-number { font-size: 7vw } .results-page-small-description { font-size: 1rem; line-height: 1.5rem } .results-page-pattern-image { max-width: 18% } .results-page-brands-images-container { gap: 3rem } .results-page-pattern-image-2 { position: absolute; right: 0; max-width: 16%; z-index: 1 } } .performance-marketing-container-home { width: 100%; background-color: #f5ebe1; padding: 0 2em } .performance-marketing-flex-container-home { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-bottom: 2em; max-width: 1210px; margin: 0 auto; position: relative } .performance-marketing-header-home { font-family: WunderBrickDisplay, Times New Roman, Times, serif; font-weight: 500; font-size: 4.5rem; line-height: 5.375rem; color: #191919; letter-spacing: .063rem; max-width: 1000px; margin-right: auto } .performance-marketing-card-container-home { display: flex; gap: 2rem; width: 100% } .performance-marketing-card-home { width: 25%; height: 500px; background-color: #191919; position: relative; z-index: 1; overflow: hidden; transition: all .5s ease-in-out; padding-right: 2em } .performance-marketing-card-home:hover { width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; min-height: 500px; font-size: 1.5rem } .performance-marketing-card-plus-home { border-radius: 100%; background-color: #fff; position: absolute; top: 1rem; left: 1rem; z-index: 2; height: 32px } .performance-marketing-card-plus-remove-home { display: none } .performance-marketing-card-category-home { font-size: .9rem; max-height: 32px; position: relative; padding-top: 1.1em; padding-left: 1em; z-index: 2 } .performance-marketing-card-header-home { font-size: 2rem } .performance-marketing-card-description-home, .performance-marketing-card-header-home { margin-left: 1rem; position: relative; z-index: 2 } .performance-marketing-card-image-home { position: absolute; z-index: -1; bottom: 0; width: 100% } .performance-marketing-image-overlay-home { background: linear-gradient(180deg, #191919 16.37%, rgba(25, 25, 25, .1)); position: absolute; width: 100%; height: 100%; z-index: 1 } .performance-marketing-card-btn-home { margin-left: 1rem; position: relative; z-index: 2 } @media (max-width:48rem) { .performance-marketing-container-home { padding: 0 1em } .performance-marketing-header-home { font-size: 1.5rem; max-width: 420px; margin-right: auto; line-height: 2rem; letter-spacing: 0 } .performance-marketing-card-image-home { position: absolute; z-index: -1; bottom: 0; width: 100% } .performance-marketing-card-container-home { flex-direction: column; gap: 1rem } .performance-marketing-card-home { width: 100%; height: 100% } .performance-marketing-card-home:hover { margin: 0; height: 50%; transition: all .6s ease-in-out } } .paid-channel-container { width: 100%; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 2em } .paid-channel-flex-container { display: flex; justify-content: space-between; max-width: 1210px } .paid-channel-header { font-size: 3rem; line-height: 3.5rem; color: #fff } .paid-channel-guru-image { max-width: 50%; position: relative; padding: 0 2em } .paid-channel-background-pattern-container { width: 100%; max-height: 500px; overflow: hidden; position: absolute; bottom: 0; z-index: -1 } .paid-channel-background-pattern { width: 100% } @media (max-width:48rem) { .paid-channel-container { padding: 0 1em } .paid-channel-flex-container { flex-direction: column; justify-content: center; align-items: center } .paid-channel-header { font-size: 1.5rem; line-height: 2rem } .paid-channel-guru-image { max-width: 100%; padding: 0 } } @media (min-width:48.063rem) and (max-width:77.313rem) { .paid-channel-header { font-size: 2rem; line-height: 2.5rem } } @-webkit-keyframes bounce-in-top { 0% { -webkit-transform: translateY(-500px); -webkit-animation-timing-function: ease-in; opacity: 0 } 38% { -webkit-transform: translateY(0); -webkit-animation-timing-function: ease-out; opacity: 1 } 55% { -webkit-transform: translateY(-65px); -webkit-animation-timing-function: ease-in } 72% { -webkit-transform: translateY(0); -webkit-animation-timing-function: ease-out } 81% { -webkit-transform: translateY(-28px); -webkit-animation-timing-function: ease-in } 90% { -webkit-transform: translateY(0); -webkit-animation-timing-function: ease-out } 95% { -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } @keyframes bounce-in-top { 0% { -webkit-transform: translateY(-500px); transform: translateY(-500px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 38% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1 } 55% { -webkit-transform: translateY(-65px); transform: translateY(-65px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 72% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 81% { -webkit-transform: translateY(-28px); transform: translateY(-28px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 90% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 95% { -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } .fade-in { -webkit-animation: fade-in 1.5s cubic-bezier(.39, .575, .565, 1) both; animation: fade-in 1.5s cubic-bezier(.39, .575, .565, 1) both; -webkit-animation-duration: 1.5s; animation-duration: 1.5s } @-webkit-keyframes fade-in { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fade-in { 0% { opacity: 0 } to { opacity: 1 } } .fade-in-right { -webkit-animation: fade-in-right .6s cubic-bezier(.39, .575, .565, 1) both; animation: fade-in-right .6s cubic-bezier(.39, .575, .565, 1) both; -webkit-animation-duration: 1s; animation-duration: 1s } @-webkit-keyframes fade-in-right { 0% { -webkit-transform: translateX(50px); opacity: 0 } to { -webkit-transform: translateX(0); opacity: 1 } } @keyframes fade-in-right { 0% { -webkit-transform: translateX(50px); opacity: 0 } to { -webkit-transform: translateX(0); opacity: 1 } } main .container h1 { font-family: WunderBrickDisplay, Times New Roman, Times, serif } .how-it-works-ads-intro { background-color: #25b89d; color: #191919; position: relative; z-index: 50; margin-top: -2px; padding-bottom: 10rem; top: -1.5rem; padding-top: 4rem } @-webkit-keyframes image-animation { 0% { opacity: 0 } to { opacity: 1 } } @keyframes image-animation { 0% { opacity: 0 } to { opacity: 1 } } @media (min-width:0px) and (max-width:370px) { .how-it-works-ads-intro { height: 1000px; z-index: 92; padding-top: 3.35rem; margin-bottom: -2rem } } @media (min-width:371px) and (max-width:500px) { .how-it-works-ads-intro { height: 950px; z-index: 92; padding-top: 3.35rem; margin-bottom: -2rem } } @media (min-width:501px) and (max-width:767px) { .how-it-works-ads-intro { z-index: 92; padding-top: 3.35rem; margin-bottom: -2rem } } @media (min-width:768px) and (max-width:1024px) { .how-it-works-ads-intro { padding-top: 4.35rem } } @media (min-width:1025px) { .how-it-works-ads-intro { padding-top: 10rem } } @media (min-width:1700px) { .how-it-works-ads-intro { padding-top: 12rem } } .how-it-works-ads-intro .mask-images>img { position: absolute; right: 0; bottom: 0 } .how-it-works-ads-intro .mask-images>img.image-arrow { right: 90px } @media (max-width:600px) { .how-it-works-ads-intro .mask-images>img.image-arrow { width: 23.5rem; right: 2.3rem } } .how-it-works-ads-intro .mask-images>img.image-pillars { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-animation: pillars-animation 2s forwards; animation: pillars-animation 2s forwards } @media (max-width:600px) { .how-it-works-ads-intro .mask-images>img.image-pillars { width: 35.5rem } } .how-it-works-ads-intro .blue-mask { width: 100%; height: 100%; position: absolute; top: 0; right: 0 } @media (max-width:1600px) { .how-it-works-ads-intro .blue-mask img { height: 100% } } @media (max-width:900px) { .how-it-works-ads-intro .blue-mask img { height: 100%; position: absolute; right: -60% } } .how-it-works-ads-intro .bg-mask-yellow-pattern-small { position: absolute; height: 100%; width: 100%; bottom: 0; right: 0 } @media (min-width:770px) { .how-it-works-ads-intro .bg-mask-yellow-pattern-small { display: none } } .how-it-works-ads-intro .bg-mask-yellow-pattern-small img { position: absolute; width: 100%; right: 0; bottom: 0 } .how-it-works-ads-intro .bg-mask-yellow-pattern { position: absolute; height: 100%; width: 100%; bottom: 0; right: 0 } @media (max-width:770px) { .how-it-works-ads-intro .bg-mask-yellow-pattern { display: none } } .how-it-works-ads-intro .bg-mask-yellow-pattern img { position: absolute; width: 100%; right: 0; bottom: 0 } .how-it-works-ads-intro .dollar-signs>img { -webkit-animation: dollar-animation 1s forwards; animation: dollar-animation 1s forwards; position: absolute; opacity: 0 } .how-it-works-ads-intro .dollar-signs>img:first-child { width: 64px; bottom: 14rem; right: 35.6rem; -webkit-animation-delay: 1s; animation-delay: 1s } .how-it-works-ads-intro .dollar-signs>img:nth-child(2) { width: 36px; bottom: 10rem; right: 31rem; -webkit-animation-delay: 1.5s; animation-delay: 1.5s } .how-it-works-ads-intro .dollar-signs>img:nth-child(3) { width: 49px; bottom: 23rem; right: 27rem; -webkit-animation-delay: 2s; animation-delay: 2s } .how-it-works-ads-intro .dollar-signs>img:nth-child(4) { width: 77px; right: 22rem; bottom: 33rem; -webkit-animation-delay: 2.5s; animation-delay: 2.5s } .how-it-works-ads-intro .dollar-signs>img:nth-child(5) { width: 40px; bottom: 30rem; right: 13.5rem; -webkit-animation-delay: 3s; animation-delay: 3s } @media (max-width:600px) { .how-it-works-ads-intro .dollar-signs>img:first-child { width: 34px; right: 18.5rem; bottom: 7.5rem; -webkit-animation-delay: 1s; animation-delay: 1s } .how-it-works-ads-intro .dollar-signs>img:nth-child(2) { width: 19px; bottom: 5rem; right: 16rem; -webkit-animation-delay: 1.5s; animation-delay: 1.5s } .how-it-works-ads-intro .dollar-signs>img:nth-child(3) { width: 26px; bottom: 11.5rem; right: 13.8rem; -webkit-animation-delay: 2s; animation-delay: 2s } .how-it-works-ads-intro .dollar-signs>img:nth-child(4) { width: 41px; bottom: 18rem; right: 11rem; -webkit-animation-delay: 2.5s; animation-delay: 2.5s } .how-it-works-ads-intro .dollar-signs>img:nth-child(5) { width: 21px; bottom: 16rem; right: 6.5rem; -webkit-animation-delay: 3s; animation-delay: 3s } } .how-it-works-ads-intro .bg-mask>img { position: absolute; bottom: -1px; width: 100%; z-index: 1 } .how-it-works-ads-intro .content-box { display: block; width: 100% } .how-it-works-ads-intro h1 { font-family: WunderBrick; font-style: normal; font-weight: 500; font-size: 68px; line-height: 80px; padding-bottom: 32px } @media (min-width:0px) and (max-width:600px) { .how-it-works-ads-intro h1 { margin-top: 0; margin-bottom: 2rem; font-weight: 500; font-size: 48px; line-height: 56px; padding-right: 0; padding-bottom: 0; padding-top: 5rem } } @media (min-width:601px) and (max-width:767px) { .how-it-works-ads-intro h1 { margin-top: 0; margin-bottom: 2rem } } @media (min-width:768px) and (max-width:1024px) { .how-it-works-ads-intro h1 { margin-top: 2.5rem; margin-bottom: 1.5rem } } @media (min-width:1200px) and (max-width:1400px) { .how-it-works-ads-intro h1 { font-size: 55px; line-height: 65px } } @media (min-width:600px) and (max-width:1200px) { .how-it-works-ads-intro h1 { font-size: 45px; line-height: 50px } } @media (max-width:500px) { .how-it-works-ads-intro h1 { font-size: 35px; line-height: 42px } } @media (min-width:1025px) { .how-it-works-ads-intro h1 { margin-top: 0; margin-bottom: 0 } } @media (min-width:500px) { .how-it-works-ads-intro .how-it-works-content { max-width: 65% } } .how-it-works-ads-intro .how-it-works-content>p { margin-top: 0 } .how-it-works-ads-intro .btn { z-index: 3; height: 40px; background: #191919; border-radius: 97px; border: 0; font-family: Larsseit; font-style: normal; font-weight: 700; font-size: 16px; line-height: 20px; color: #fff } .how-it-works-ads-intro .intro-img-container { align-self: center; display: flex; justify-content: center } .how-it-works-ads-intro .intro-img-container .images-wrapper { width: 550px; height: 500px; position: relative; margin-right: -15% } @media (max-width:500px) { .how-it-works-ads-intro .intro-img-container .images-wrapper { width: 280px; height: 250px; margin-left: 15px; margin-top: 60px } } @media (min-width:500px) and (max-width:900px) { .how-it-works-ads-intro .intro-img-container .images-wrapper { height: 400px; margin-left: 20px; width: 430px } } @media (min-width:1050px) and (max-width:1400px) { .how-it-works-ads-intro .intro-img-container .images-wrapper { height: 400px; width: 450px } } @media (min-width:900px) and (max-width:1050px) { .how-it-works-ads-intro .intro-img-container .images-wrapper { height: 350px; width: 380px } } .how-it-works-ads-intro .intro-img-container img { position: absolute; opacity: 0; -webkit-animation: image-animation .5s forwards; animation: image-animation .5s forwards } .how-it-works-ads-intro .intro-img-container img:first-child { width: 70%; bottom: 20%; right: 15%; z-index: 1; -webkit-animation-delay: 3s; animation-delay: 3s } .how-it-works-ads-intro .intro-img-container img:nth-child(2) { width: 36%; top: 10%; left: 20%; -webkit-animation-delay: .5s; animation-delay: .5s } .how-it-works-ads-intro .intro-img-container img:nth-child(3) { width: 25%; top: 5%; right: 15%; -webkit-animation-delay: 2.5s; animation-delay: 2.5s } .how-it-works-ads-intro .intro-img-container img:nth-child(4) { width: 12%; top: 0; right: -5%; -webkit-animation-delay: 1.5s; animation-delay: 1.5s } .how-it-works-ads-intro .intro-img-container img:nth-child(5) { width: 33%; left: -15%; bottom: 30%; -webkit-animation-delay: 1.5s; animation-delay: 1.5s } .how-it-works-ads-intro .intro-img-container img:nth-child(6) { width: 17%; right: 0; top: 25%; -webkit-animation-delay: 1s; animation-delay: 1s } .how-it-works-ads-intro .intro-img-container img:nth-child(7) { width: 20%; bottom: 0; left: 20%; -webkit-animation-delay: 1s; animation-delay: 1s } .how-it-works-ads-intro .intro-img-container img:nth-child(8) { width: 13%; bottom: -15%; right: 35%; -webkit-animation-delay: 2s; animation-delay: 2s } .how-it-works-ads-intro .intro-img-container img:nth-child(9) { width: 21%; bottom: 8%; right: 0; -webkit-animation-delay: .5s; animation-delay: .5s } .btn { display: block; border-radius: 35px; color: #fff; border: 1px solid #fff; padding: 0 29.025px; text-decoration: none; font-size: 1rem; font-weight: 700; min-height: 40px; text-align: center; position: relative; display: inline-block; -webkit-backface-visibility: hidden; outline: 1px solid transparent; -webkit-transform: translateZ(0); cursor: pointer; transform: translateZ(0); overflow: hidden; backface-visibility: hidden } .btn .btn-lbl-helper { opacity: 0; pointer-events: none; max-height: 40px } .btn:before { content: ""; background: #fff; border-radius: 35px; -webkit-transform: translateY(100%); transform: translateY(100%); z-index: 1 } .btn span { text-align: center; z-index: 2; line-height: 40px; border-radius: 35px; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 1px solid transparent } .btn span.out { -webkit-transform: translateY(100%); transform: translateY(100%); color: #191919 } .btn:before, .btn span { position: absolute; width: 100%; height: 100%; top: 0; left: 0 } .btn:before { transition: all .4s cubic-bezier(.64, -.095, .295, 1.065) } .btn .in { transition: all .5s cubic-bezier(.64, -.095, .295, 1.065) } .btn .out { transition: all .6s cubic-bezier(.64, -.095, .295, 1.065) } .btn.btn-fill { color: #191919; background: #fff; border: 0 } .btn.btn-fill:before { background: #191919 } .btn.btn-fill span.in { background: #fff } .btn.btn-fill span.out { color: #fff } .btn.btn-dark { color: #fff; border: 0 } .btn.btn-dark:before { background: #fff } .btn.btn-dark span.in { background: #191919 } .btn.btn-dark span.out { color: #191919 } .btn.btn-fill-dark { color: #191919; background: #fff } .btn.btn-fill-dark:before { background: #191919 } .btn.btn-fill-dark span.out { color: #fff } @media (min-width:1025px) { .btn:hover .out, .btn:hover:before { -webkit-transform: translateY(0); transform: translateY(0) } .btn:hover .in { -webkit-transform: translateY(-100%); transform: translateY(-100%) } .btn:hover.btn-fill { background: transparent } } .mega-menu-open .btn.btn-fill span.in { background: #191919 } .how-it-works-ads-whatitmeans-section { margin-top: -1.5rem; padding-top: 7rem; padding-bottom: 5rem; background-color: #191919; position: relative; z-index: 99; color: #fff } .how-it-works-ads-whatitmeans-section h2 { font-family: WunderBrick; font-style: normal; font-weight: 400; font-size: 48px; line-height: 56px; padding-right: 60px } .how-it-works-ads-whatitmeans-section img { padding-bottom: 65px } @media (max-width:1000px) { .how-it-works-ads-whatitmeans-section .quote-container { border-color: #3d55cc !important } .how-it-works-ads-whatitmeans-section .quote-container .quote { font-size: 22px; line-height: 30px } } /*! * Bootstrap Grid v4.1.3 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ html { -ms-overflow-style: scrollbar } *, :after, :before, html { box-sizing: border-box } .container { width: 100%; margin-right: auto; margin-left: auto; display: block } @media (min-width:0px) and (max-width:1024px) { .container { padding-right: 22px; padding-left: 22px } } @media (min-width:1025px) { .container { padding-right: 12px; padding-left: 12px } } @media (min-width:768px) { .container { max-width: 732px } } @media (min-width:992px) { .container { max-width: 860px } } @media (min-width:1200px) { .container { max-width: 1000px } } @media (min-width:1400px) { .container { max-width: 1195px } } .container-fluid { max-width: 1920px; width: 100%; margin-right: auto; margin-left: auto; display: block } @media (min-width:0px) and (max-width:1024px) { .container-fluid { padding-right: 22px; padding-left: 22px } } @media (min-width:1025px) { .container-fluid { padding-right: 12px; padding-left: 12px } } .row { display: flex; flex-wrap: wrap } @media (min-width:0px) and (max-width:1024px) { .row { margin-right: -22px; margin-left: -22px } } @media (min-width:1025px) { .row { margin-right: -12px; margin-left: -12px } } .no-gutters { margin-right: 0; margin-left: 0 } .no-gutters>.col, .no-gutters>[class*=col-] { padding-right: 0; padding-left: 0 } .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto { position: relative; width: 100%; min-height: 1px } @media (min-width:0px) and (max-width:1024px) { .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto { padding-right: 22px; padding-left: 22px } } @media (min-width:1025px) { .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto { padding-right: 12px; padding-left: 12px } } .col { flex-basis: 0; flex-grow: 1; max-width: 100% } .col-auto { flex: 0 0 auto; width: auto; max-width: none } .col-1 { flex: 0 0 8.333333%; max-width: 8.333333% } .col-2 { flex: 0 0 16.666667%; max-width: 16.666667% } .col-3 { flex: 0 0 25%; max-width: 25% } .col-4 { flex: 0 0 33.333333%; max-width: 33.333333% } .col-5 { flex: 0 0 41.666667%; max-width: 41.666667% } .col-6 { flex: 0 0 50%; max-width: 50% } .col-7 { flex: 0 0 58.333333%; max-width: 58.333333% } .col-8 { flex: 0 0 66.666667%; max-width: 66.666667% } .col-9 { flex: 0 0 75%; max-width: 75% } .col-10 { flex: 0 0 83.333333%; max-width: 83.333333% } .col-11 { flex: 0 0 91.666667%; max-width: 91.666667% } .col-12 { flex: 0 0 100%; max-width: 100% } .order-first { order: -1 } .order-last { order: 13 } .order-0 { order: 0 } .order-1 { order: 1 } .order-2 { order: 2 } .order-3 { order: 3 } .order-4 { order: 4 } .order-5 { order: 5 } .order-6 { order: 6 } .order-7 { order: 7 } .order-8 { order: 8 } .order-9 { order: 9 } .order-10 { order: 10 } .order-11 { order: 11 } .order-12 { order: 12 } .offset-1 { margin-left: 8.333333% } .offset-2 { margin-left: 16.666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.333333% } .offset-5 { margin-left: 41.666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.333333% } .offset-8 { margin-left: 66.666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.333333% } .offset-11 { margin-left: 91.666667% } @media (min-width:576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100% } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none } .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333% } .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667% } .col-sm-3 { flex: 0 0 25%; max-width: 25% } .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333% } .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667% } .col-sm-6 { flex: 0 0 50%; max-width: 50% } .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333% } .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667% } .col-sm-9 { flex: 0 0 75%; max-width: 75% } .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333% } .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667% } .col-sm-12 { flex: 0 0 100%; max-width: 100% } .order-sm-first { order: -1 } .order-sm-last { order: 13 } .order-sm-0 { order: 0 } .order-sm-1 { order: 1 } .order-sm-2 { order: 2 } .order-sm-3 { order: 3 } .order-sm-4 { order: 4 } .order-sm-5 { order: 5 } .order-sm-6 { order: 6 } .order-sm-7 { order: 7 } .order-sm-8 { order: 8 } .order-sm-9 { order: 9 } .order-sm-10 { order: 10 } .order-sm-11 { order: 11 } .order-sm-12 { order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.333333% } .offset-sm-2 { margin-left: 16.666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.333333% } .offset-sm-5 { margin-left: 41.666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.333333% } .offset-sm-8 { margin-left: 66.666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.333333% } .offset-sm-11 { margin-left: 91.666667% } } @media (min-width:768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100% } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none } .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333% } .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667% } .col-md-3 { flex: 0 0 25%; max-width: 25% } .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333% } .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667% } .col-md-6 { flex: 0 0 50%; max-width: 50% } .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333% } .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667% } .col-md-9 { flex: 0 0 75%; max-width: 75% } .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333% } .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667% } .col-md-12 { flex: 0 0 100%; max-width: 100% } .order-md-first { order: -1 } .order-md-last { order: 13 } .order-md-0 { order: 0 } .order-md-1 { order: 1 } .order-md-2 { order: 2 } .order-md-3 { order: 3 } .order-md-4 { order: 4 } .order-md-5 { order: 5 } .order-md-6 { order: 6 } .order-md-7 { order: 7 } .order-md-8 { order: 8 } .order-md-9 { order: 9 } .order-md-10 { order: 10 } .order-md-11 { order: 11 } .order-md-12 { order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.333333% } .offset-md-2 { margin-left: 16.666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.333333% } .offset-md-5 { margin-left: 41.666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.333333% } .offset-md-8 { margin-left: 66.666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.333333% } .offset-md-11 { margin-left: 91.666667% } } @media (min-width:992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100% } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none } .col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333% } .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667% } .col-lg-3 { flex: 0 0 25%; max-width: 25% } .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333% } .col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667% } .col-lg-6 { flex: 0 0 50%; max-width: 50% } .col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333% } .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667% } .col-lg-9 { flex: 0 0 75%; max-width: 75% } .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333% } .col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667% } .col-lg-12 { flex: 0 0 100%; max-width: 100% } .order-lg-first { order: -1 } .order-lg-last { order: 13 } .order-lg-0 { order: 0 } .order-lg-1 { order: 1 } .order-lg-2 { order: 2 } .order-lg-3 { order: 3 } .order-lg-4 { order: 4 } .order-lg-5 { order: 5 } .order-lg-6 { order: 6 } .order-lg-7 { order: 7 } .order-lg-8 { order: 8 } .order-lg-9 { order: 9 } .order-lg-10 { order: 10 } .order-lg-11 { order: 11 } .order-lg-12 { order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.333333% } .offset-lg-2 { margin-left: 16.666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.333333% } .offset-lg-5 { margin-left: 41.666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.333333% } .offset-lg-8 { margin-left: 66.666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.333333% } .offset-lg-11 { margin-left: 91.666667% } } @media (min-width:1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100% } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none } .col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333% } .col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667% } .col-xl-3 { flex: 0 0 25%; max-width: 25% } .col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333% } .col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667% } .col-xl-6 { flex: 0 0 50%; max-width: 50% } .col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333% } .col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667% } .col-xl-9 { flex: 0 0 75%; max-width: 75% } .col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333% } .col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667% } .col-xl-12 { flex: 0 0 100%; max-width: 100% } .order-xl-first { order: -1 } .order-xl-last { order: 13 } .order-xl-0 { order: 0 } .order-xl-1 { order: 1 } .order-xl-2 { order: 2 } .order-xl-3 { order: 3 } .order-xl-4 { order: 4 } .order-xl-5 { order: 5 } .order-xl-6 { order: 6 } .order-xl-7 { order: 7 } .order-xl-8 { order: 8 } .order-xl-9 { order: 9 } .order-xl-10 { order: 10 } .order-xl-11 { order: 11 } .order-xl-12 { order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.333333% } .offset-xl-2 { margin-left: 16.666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.333333% } .offset-xl-5 { margin-left: 41.666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.333333% } .offset-xl-8 { margin-left: 66.666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.333333% } .offset-xl-11 { margin-left: 91.666667% } } .d-none { display: none !important } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } .d-flex { display: flex !important } .d-inline-flex { display: inline-flex !important } @media (min-width:576px) { .d-sm-none { display: none !important } .d-sm-inline { display: inline !important } .d-sm-inline-block { display: inline-block !important } .d-sm-block { display: block !important } .d-sm-table { display: table !important } .d-sm-table-row { display: table-row !important } .d-sm-table-cell { display: table-cell !important } .d-sm-flex { display: flex !important } .d-sm-inline-flex { display: inline-flex !important } } @media (min-width:768px) { .d-md-none { display: none !important } .d-md-inline { display: inline !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-table { display: table !important } .d-md-table-row { display: table-row !important } .d-md-table-cell { display: table-cell !important } .d-md-flex { display: flex !important } .d-md-inline-flex { display: inline-flex !important } } @media (min-width:992px) { .d-lg-none { display: none !important } .d-lg-inline { display: inline !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-table { display: table !important } .d-lg-table-row { display: table-row !important } .d-lg-table-cell { display: table-cell !important } .d-lg-flex { display: flex !important } .d-lg-inline-flex { display: inline-flex !important } } @media (min-width:1200px) { .d-xl-none { display: none !important } .d-xl-inline { display: inline !important } .d-xl-inline-block { display: inline-block !important } .d-xl-block { display: block !important } .d-xl-table { display: table !important } .d-xl-table-row { display: table-row !important } .d-xl-table-cell { display: table-cell !important } .d-xl-flex { display: flex !important } .d-xl-inline-flex { display: inline-flex !important } } @media print { .d-print-none { display: none !important } .d-print-inline { display: inline !important } .d-print-inline-block { display: inline-block !important } .d-print-block { display: block !important } .d-print-table { display: table !important } .d-print-table-row { display: table-row !important } .d-print-table-cell { display: table-cell !important } .d-print-flex { display: flex !important } .d-print-inline-flex { display: inline-flex !important } } .flex-row { flex-direction: row !important } .flex-column { flex-direction: column !important } .flex-row-reverse { flex-direction: row-reverse !important } .flex-column-reverse { flex-direction: column-reverse !important } .flex-wrap { flex-wrap: wrap !important } .flex-nowrap { flex-wrap: nowrap !important } .flex-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-fill { flex: 1 1 auto !important } .flex-grow-0 { flex-grow: 0 !important } .flex-grow-1 { flex-grow: 1 !important } .flex-shrink-0 { flex-shrink: 0 !important } .flex-shrink-1 { flex-shrink: 1 !important } .justify-content-start { justify-content: flex-start !important } .justify-content-end { justify-content: flex-end !important } .justify-content-center { justify-content: center !important } .justify-content-between { justify-content: space-between !important } .justify-content-around { justify-content: space-around !important } .align-items-start { align-items: flex-start !important } .align-items-end { align-items: flex-end !important } .align-items-center { align-items: center !important } .align-items-baseline { align-items: baseline !important } .align-items-stretch { align-items: stretch !important } .align-content-start { align-content: flex-start !important } .align-content-end { align-content: flex-end !important } .align-content-center { align-content: center !important } .align-content-between { align-content: space-between !important } .align-content-around { align-content: space-around !important } .align-content-stretch { align-content: stretch !important } .align-self-auto { align-self: auto !important } .align-self-start { align-self: flex-start !important } .align-self-end { align-self: flex-end !important } .align-self-center { align-self: center !important } .align-self-baseline { align-self: baseline !important } .align-self-stretch { align-self: stretch !important } @media (min-width:576px) { .flex-sm-row { flex-direction: row !important } .flex-sm-column { flex-direction: column !important } .flex-sm-row-reverse { flex-direction: row-reverse !important } .flex-sm-column-reverse { flex-direction: column-reverse !important } .flex-sm-wrap { flex-wrap: wrap !important } .flex-sm-nowrap { flex-wrap: nowrap !important } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-sm-fill { flex: 1 1 auto !important } .flex-sm-grow-0 { flex-grow: 0 !important } .flex-sm-grow-1 { flex-grow: 1 !important } .flex-sm-shrink-0 { flex-shrink: 0 !important } .flex-sm-shrink-1 { flex-shrink: 1 !important } .justify-content-sm-start { justify-content: flex-start !important } .justify-content-sm-end { justify-content: flex-end !important } .justify-content-sm-center { justify-content: center !important } .justify-content-sm-between { justify-content: space-between !important } .justify-content-sm-around { justify-content: space-around !important } .align-items-sm-start { align-items: flex-start !important } .align-items-sm-end { align-items: flex-end !important } .align-items-sm-center { align-items: center !important } .align-items-sm-baseline { align-items: baseline !important } .align-items-sm-stretch { align-items: stretch !important } .align-content-sm-start { align-content: flex-start !important } .align-content-sm-end { align-content: flex-end !important } .align-content-sm-center { align-content: center !important } .align-content-sm-between { align-content: space-between !important } .align-content-sm-around { align-content: space-around !important } .align-content-sm-stretch { align-content: stretch !important } .align-self-sm-auto { align-self: auto !important } .align-self-sm-start { align-self: flex-start !important } .align-self-sm-end { align-self: flex-end !important } .align-self-sm-center { align-self: center !important } .align-self-sm-baseline { align-self: baseline !important } .align-self-sm-stretch { align-self: stretch !important } } @media (min-width:768px) { .flex-md-row { flex-direction: row !important } .flex-md-column { flex-direction: column !important } .flex-md-row-reverse { flex-direction: row-reverse !important } .flex-md-column-reverse { flex-direction: column-reverse !important } .flex-md-wrap { flex-wrap: wrap !important } .flex-md-nowrap { flex-wrap: nowrap !important } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-md-fill { flex: 1 1 auto !important } .flex-md-grow-0 { flex-grow: 0 !important } .flex-md-grow-1 { flex-grow: 1 !important } .flex-md-shrink-0 { flex-shrink: 0 !important } .flex-md-shrink-1 { flex-shrink: 1 !important } .justify-content-md-start { justify-content: flex-start !important } .justify-content-md-end { justify-content: flex-end !important } .justify-content-md-center { justify-content: center !important } .justify-content-md-between { justify-content: space-between !important } .justify-content-md-around { justify-content: space-around !important } .align-items-md-start { align-items: flex-start !important } .align-items-md-end { align-items: flex-end !important } .align-items-md-center { align-items: center !important } .align-items-md-baseline { align-items: baseline !important } .align-items-md-stretch { align-items: stretch !important } .align-content-md-start { align-content: flex-start !important } .align-content-md-end { align-content: flex-end !important } .align-content-md-center { align-content: center !important } .align-content-md-between { align-content: space-between !important } .align-content-md-around { align-content: space-around !important } .align-content-md-stretch { align-content: stretch !important } .align-self-md-auto { align-self: auto !important } .align-self-md-start { align-self: flex-start !important } .align-self-md-end { align-self: flex-end !important } .align-self-md-center { align-self: center !important } .align-self-md-baseline { align-self: baseline !important } .align-self-md-stretch { align-self: stretch !important } } @media (min-width:992px) { .flex-lg-row { flex-direction: row !important } .flex-lg-column { flex-direction: column !important } .flex-lg-row-reverse { flex-direction: row-reverse !important } .flex-lg-column-reverse { flex-direction: column-reverse !important } .flex-lg-wrap { flex-wrap: wrap !important } .flex-lg-nowrap { flex-wrap: nowrap !important } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-lg-fill { flex: 1 1 auto !important } .flex-lg-grow-0 { flex-grow: 0 !important } .flex-lg-grow-1 { flex-grow: 1 !important } .flex-lg-shrink-0 { flex-shrink: 0 !important } .flex-lg-shrink-1 { flex-shrink: 1 !important } .justify-content-lg-start { justify-content: flex-start !important } .justify-content-lg-end { justify-content: flex-end !important } .justify-content-lg-center { justify-content: center !important } .justify-content-lg-between { justify-content: space-between !important } .justify-content-lg-around { justify-content: space-around !important } .align-items-lg-start { align-items: flex-start !important } .align-items-lg-end { align-items: flex-end !important } .align-items-lg-center { align-items: center !important } .align-items-lg-baseline { align-items: baseline !important } .align-items-lg-stretch { align-items: stretch !important } .align-content-lg-start { align-content: flex-start !important } .align-content-lg-end { align-content: flex-end !important } .align-content-lg-center { align-content: center !important } .align-content-lg-between { align-content: space-between !important } .align-content-lg-around { align-content: space-around !important } .align-content-lg-stretch { align-content: stretch !important } .align-self-lg-auto { align-self: auto !important } .align-self-lg-start { align-self: flex-start !important } .align-self-lg-end { align-self: flex-end !important } .align-self-lg-center { align-self: center !important } .align-self-lg-baseline { align-self: baseline !important } .align-self-lg-stretch { align-self: stretch !important } } @media (min-width:1200px) { .flex-xl-row { flex-direction: row !important } .flex-xl-column { flex-direction: column !important } .flex-xl-row-reverse { flex-direction: row-reverse !important } .flex-xl-column-reverse { flex-direction: column-reverse !important } .flex-xl-wrap { flex-wrap: wrap !important } .flex-xl-nowrap { flex-wrap: nowrap !important } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-xl-fill { flex: 1 1 auto !important } .flex-xl-grow-0 { flex-grow: 0 !important } .flex-xl-grow-1 { flex-grow: 1 !important } .flex-xl-shrink-0 { flex-shrink: 0 !important } .flex-xl-shrink-1 { flex-shrink: 1 !important } .justify-content-xl-start { justify-content: flex-start !important } .justify-content-xl-end { justify-content: flex-end !important } .justify-content-xl-center { justify-content: center !important } .justify-content-xl-between { justify-content: space-between !important } .justify-content-xl-around { justify-content: space-around !important } .align-items-xl-start { align-items: flex-start !important } .align-items-xl-end { align-items: flex-end !important } .align-items-xl-center { align-items: center !important } .align-items-xl-baseline { align-items: baseline !important } .align-items-xl-stretch { align-items: stretch !important } .align-content-xl-start { align-content: flex-start !important } .align-content-xl-end { align-content: flex-end !important } .align-content-xl-center { align-content: center !important } .align-content-xl-between { align-content: space-between !important } .align-content-xl-around { align-content: space-around !important } .align-content-xl-stretch { align-content: stretch !important } .align-self-xl-auto { align-self: auto !important } .align-self-xl-start { align-self: flex-start !important } .align-self-xl-end { align-self: flex-end !important } .align-self-xl-center { align-self: center !important } .align-self-xl-baseline { align-self: baseline !important } .align-self-xl-stretch { align-self: stretch !important } } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-container-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translateZ(0); transform: translateZ(0) } .swiper-container-multirow>.swiper-wrapper { flex-wrap: wrap } .swiper-container-multirow-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column } .swiper-container-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent) } .swiper-container-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-container-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory } .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory } :root { --swiper-navigation-size: 44px } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/44*27); height: var(--swiper-navigation-size); margin-top: calc(var(--swiper-navigation-size)*-1/2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: normal } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: "prev" } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: "next" } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #fff } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000 } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; transition: opacity .3s; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(.33); transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)) } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: top .2s, -webkit-transform .2s; transition: transform .2s, top .2s; transition: transform .2s, top .2s, -webkit-transform .2s } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: left .2s, -webkit-transform .2s; transition: transform .2s, left .2s; transition: transform .2s, left .2s, -webkit-transform .2s } .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: right .2s, -webkit-transform .2s; transition: transform .2s, right .2s; transition: transform .2s, right .2s, -webkit-transform .2s } .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-white { --swiper-pagination-color: #fff } .swiper-pagination-black { --swiper-pagination-color: #000 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s linear infinite; animation: swiper-preloader-spin 1s linear infinite; box-sizing: border-box; border-radius: 50%; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-top: 4px solid transparent } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @-webkit-keyframes swiper-preloader-spin { to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes swiper-preloader-spin { to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube { overflow: visible } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-flip { overflow: visible } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .sr-only { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important } @-webkit-keyframes modal-video { 0% { opacity: 0 } to { opacity: 1 } } @keyframes modal-video { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes modal-video-inner { 0% { -webkit-transform: translateY(100px); transform: translateY(100px) } to { -webkit-transform: translate(0); transform: translate(0) } } @keyframes modal-video-inner { 0% { -webkit-transform: translateY(100px); transform: translateY(100px) } to { -webkit-transform: translate(0); transform: translate(0) } } .modal-video { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 1000000; cursor: pointer; opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-name: modal-video; animation-name: modal-video; transition: opacity .3s ease-out } .modal-video-effect-exit { opacity: 0 } .modal-video-effect-exit .modal-video-movie-wrap { -webkit-transform: translateY(100px); transform: translateY(100px) } .modal-video-body { max-width: 960px; margin: 0 auto; padding: 0 10px; box-sizing: border-box } .modal-video-body, .modal-video-inner { width: 100%; height: 100%; display: flex; justify-content: center } .modal-video-inner { align-items: center } @media (orientation:landscape) { .modal-video-inner { padding: 10px 60px; box-sizing: border-box } } .modal-video-movie-wrap { width: 100%; height: 0; position: relative; padding-bottom: 56.25%; background-color: #333; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-name: modal-video-inner; animation-name: modal-video-inner; -webkit-transform: translate(0); transform: translate(0); transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out } .modal-video-movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .modal-video-close-btn { position: absolute; z-index: 2; top: -45px; right: 0; display: inline-block; width: 35px; height: 35px; overflow: hidden; border: none; background: transparent } @media (orientation:landscape) { .modal-video-close-btn { top: 0; right: -45px } } .modal-video-close-btn:before { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .modal-video-close-btn:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .modal-video-close-btn:after, .modal-video-close-btn:before { content: ""; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; background: #fff; border-radius: 5px; margin-top: -6px } .flex-col { flex-direction: column } .justify-center { justify-content: center } .self-center { align-self: center } .grid { display: grid } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } .col-span-2 { grid-column: span 2/span 2 } .gap-2 { gap: .5rem } .gap-4 { gap: 1rem } .gap-5 { gap: 1.25rem } .gap-6 { gap: 1.5rem } .gap-7 { gap: 1.75rem } .gap-8 { gap: 2rem } .gap-16 { gap: 4rem } .gap-y-24 { row-gap: 6rem } .gap-40 { gap: 10rem } .bg-white { background-color: #f5ebe1 } .rounded { border-radius: .25rem } .rounded-large { border-radius: .5rem } .rounded-b-none { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .m-auto { margin: auto } .ml-auto { margin-left: auto } .mr-auto { margin-right: auto } .m-0 { margin: 0 } .mb-0 { margin-bottom: 0 } .mb-4 { margin-bottom: 1rem } .mb-7 { margin-bottom: 1.75rem } .mb-8 { margin-bottom: 2rem } .mb-12 { margin-bottom: 3rem } .mb-16 { margin-bottom: 4rem } .mb-20 { margin-bottom: 5rem } .mb-32 { margin-bottom: 8rem } .mb-40 { margin-bottom: 10rem } .mt-4 { margin-top: 1rem } .mt-8 { margin-top: 2rem } .mt-12 { margin-top: 3rem } .mt-16 { margin-top: 4rem } .mt-20 { margin-top: 5rem } .mt-32 { margin-top: 8rem } .mt-40 { margin-top: 10rem } .mt-56 { margin-top: 14rem } .mt-60 { margin-top: 15rem } .ml-16 { margin-left: 4rem } .ml-20 { margin-left: 5rem } .ml-40 { margin-left: 10rem } .p-0 { padding: 0 } .p-2 { padding: .5rem } .p-4 { padding: 1rem } .pb-4, .py-4 { padding-bottom: 1rem } .py-4 { padding-top: 1rem } .pr-7 { padding-right: 1.75rem } .pl-4 { padding-left: 1rem } .pl-8 { padding-left: 2rem } .pt-12 { padding-top: 3rem } .pt-20 { padding-top: 5rem } .pt-40 { padding-top: 10rem } .pt-56 { padding-top: 14rem } .h-auto { height: auto } .items-center { align-items: center } .cursor-pointer { cursor: pointer } .block { display: block } .hidden { display: none } .w-36 { width: 9rem } .w-full { width: 100% } .w-half { width: 50% } .max-w-full { max-width: 100% } .max-h-full { max-height: 100% } .opacity-0 { opacity: 0 } .static { position: static } .fixed { position: fixed } .absolute { position: absolute } .relative { position: relative } .sticky { position: -webkit-sticky; position: sticky } .text-white { color: #fbfcfd } .text-black { color: #191919 } .text-xs { font-size: .75rem } .text-sm, .text-xs { line-height: 1.25rem } .text-sm { font-size: .875rem } .text-base { font-size: 1rem; line-height: 1.5rem } .text-lg { font-size: 1.125rem } .text-lg, .text-xl { line-height: 1.75rem } .text-xl { font-size: 1.25rem } .text-2xl { font-size: 1.5rem; line-height: 2rem } .text-3xl { font-size: 2rem; line-height: 2.5rem } .text-5xl { font-size: 2.5rem; line-height: 3rem } .text-showcase { font-size: 15rem; opacity: .6 } .font-bold { font-weight: 700 } .font-wunder-brick-display { font-family: WunderBrickDisplay, Times New Roman, Times, serif } .font-larsseit { font-family: Larsseit, sans-serif } .no-underline { -webkit-text-decoration-line: none; text-decoration-line: none } .list-none { list-style-type: none } .text-center { text-align: center } .text-left { text-align: left } .ui-card { position: relative; width: 369px; height: 480px; background: #fbfcfd 0 0 no-repeat padding-box; opacity: 1; cursor: pointer } .ui-card .ui-card-image { width: 100%; min-height: 230px; -o-object-fit: cover; object-fit: cover } .ui-card .item-industry { font-family: Larsseit; text-transform: uppercase; letter-spacing: 2px; font-weight: 700 } .ui-card .item-title { font-family: WunderBrickText; font-size: 1.8rem; line-height: 2.3rem } .ui-card .arrow-container { position: absolute; top: 448px; left: 48px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .backdrop { left: 0; width: 100%; height: 100vh; z-index: 100000; background-color: rgba(25, 25, 25, .6) } .backdrop, .modal { position: fixed; top: 0 } .modal { left: calc(100% - 489px); z-index: 100010; -webkit-animation: slide-right .4s ease-in-out forwards; animation: slide-right .4s ease-in-out forwards } .modal .content { height: 100vh } .modal-hidden { position: fixed; top: 0; left: calc(100% - 489px); z-index: -1; -webkit-animation: slide-right .4s ease-in-out forwards; animation: slide-right .4s ease-in-out forwards } .modal-hidden .content { height: 100vh } .modal-centered { position: fixed; top: 20vh; left: 22%; z-index: 100010; -webkit-animation: slide-right .4s ease-in-out forwards; animation: slide-right .4s ease-in-out forwards } .modal-centered .content { height: 100vh } @media (max-width:1418px) { .modal-centered { left: 18% } } @media (max-width:1200px) { .modal-centered { left: 9% } } @media (max-width:860px) { .modal-centered { left: 1% } } @media (max-width:820px) { .modal-centered { left: 1% } } @media (max-width:760px) { .modal-centered { left: 0 } } @media (max-width:495px) { .modal { left: calc(100% - 300px) } } @-webkit-keyframes slide-right { 0% { opacity: 0; -webkit-transform: translateX(3rem); transform: translateX(3rem) } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slide-right { 0% { opacity: 0; -webkit-transform: translateX(3rem); transform: translateX(3rem) } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } .side-filter { font-family: Larsseit, sans-serif; background-color: #fff; right: 0; top: 0; height: 100%; width: 100%; z-index: 99999; color: #191919; padding: 30px 25px; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; -webkit-transform: translateX(0); transform: translateX(0) } @media (min-width:768px) { .side-filter { width: 489px } } @media (max-width:768px) { .side-filter { width: 489px } } @media (max-width:495px) { .side-filter { width: 300px } } .side-filter.hide-fly-filter { -webkit-transform: translateX(100%); transform: translateX(100%) } .side-filter .side-filter-header { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 22px } .side-filter .side-filter-options { max-height: 70vh; overflow-x: hidden; overflow-y: auto; padding: 0 15px } .side-filter .filter-title { font-size: 1.5rem; line-height: 2rem; margin: 0 } .side-filter .filter-divider { position: relative; left: -25px; right: -25px; width: calc(100% + 50px); border: 0; margin: 0; border-bottom: 1px solid #d6d6d6 } .side-filter .clear-filter { font-size: .75rem; line-height: 1rem; letter-spacing: 1.16px; text-align: center; text-transform: uppercase; position: relative; padding: 1rem 0; margin: 0; cursor: pointer; display: block; text-decoration: none; color: #191919 } .side-filter .filter-name-wrapper { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between } .side-filter .toggle-display { cursor: pointer; display: inline-flex; outline: none } .side-filter .toggle-display img { width: 16px; height: 16px } .side-filter .filter-item-title { font-size: 1rem; padding: 1rem 0; line-height: 1.5rem; display: inline-block; font-weight: 700 } .side-filter .filter-item { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-top: 1px solid #d6d6d6; padding: 1rem 0 } .side-filter .filter-item .filter-label { font-size: 1rem; line-height: 1.5rem } .side-filter .btn { padding: 0 3rem } .side-filter .btn-close { padding: 0 15px } .tabs { position: relative; width: 100%; height: 60px; display: flex; background: #f5ebe1; justify-content: center; align-items: center } .tab { cursor: pointer; width: 20%; max-width: 264px; height: 100%; text-align: center; line-height: 60px; font-size: 1rem; color: #bababa; border-bottom: 2px solid #bababa } .tab:hover { background: #ddd4cb } .tabs .active { color: #191919; border-bottom: 4px solid #191919; opacity: 1 } .content { display: grid; grid-template-columns: repeat(5, 100vw); transition: .5s } .page { width: 100%; height: 100%; background-size: cover; background-position: 50%; padding: 30px } .bg-section { background-color: #f5ebe1 } @media (max-width:390px) { .tab { width: 28% } .content-wrapper-mobile { margin-left: -107% !important } } .carousel-container { width: 100%; display: flex; flex-direction: column } .carousel-wrapper { width: 100%; position: relative } .carousel-btns-wrapper { position: absolute; top: 94%; left: 75% } .carousel-btns-wrapper-mobile { position: absolute; top: 95%; left: 60% } .carousel-content-wrapper { overflow: hidden; width: 100%; height: 100% } .carousel-content { display: flex; transition: all .25s linear; -ms-overflow-style: none; scrollbar-width: none } .carousel-content::-webkit-scrollbar { display: none } .carousel-content>* { width: 100%; flex-shrink: 0; flex-grow: 1 } .slider-btn { background-color: transparent; border: none } .small-container { padding: 0 13rem } .csv-btns { border-radius: 1.5rem; width: 157px; padding: 10px 20px; background: #191919; border: none; color: #fbfcfd; cursor: pointer } .curve { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } .triggers-images { max-height: 13.5rem } .cta-title { font-size: 5.5rem; line-height: 1 } .cta-btn { max-width: 8.875rem } .ad-wrapper img { position: absolute; top: 51%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1 } .mobile-bd-image-wrapper { width: 16.5rem; margin-left: 27% } .mobile-frame { width: 100% } .backdrop-image { width: 15rem; height: 31rem; position: absolute; top: 19px; left: 12px; overflow: hidden; z-index: -1 } .lb-ad-size-1 { -webkit-transform: translate(-50%, -55%); transform: translate(-50%, -55%); width: 50% } .lb-ad-size-1, .lb-ad-size-1-test { position: absolute; top: 50%; left: 50% } .lb-ad-size-1-test { -webkit-transform: translate(-50%, -53%); transform: translate(-50%, -53%); width: 80% } .lb-ad-size-2 { position: absolute; top: 53%; left: 21.8%; -webkit-transform: translate(-15%, -50%); transform: translate(-15%, -50%); width: 80% } .lb-ad-size-3 { position: absolute; top: 44%; left: 50%; -webkit-transform: translate(-50%, -90%); transform: translate(-50%, -90%); width: 77.5% } .lb-ad-size-4 { position: absolute; top: 16rem; left: 1.6rem; width: 80% } .mobile-tab { width: 1014.59px; padding-left: 116.41px; padding-right: 33px } .notebook-base { position: absolute; top: 94%; left: 0 } .desktop-bd-image { width: 78% } .cta-pattern-section { height: 20rem } .video-wrapper { width: 80%; height: auto } .campaign-section-wrapper { background-color: #f5ebe1; height: 22rem } @media (max-width:1440px) { .tab-content { max-width: 57.125rem; min-height: 33.125rem } .small-container { padding: 0 17rem } } @media (max-width:1400px) { .cards-grid { gap: 1rem } .cards-grid .ui-card { justify-self: center; width: 100%; height: 28rem } .cards-grid .ui-card .ui-card-image { min-height: 12.5rem } .cards-grid .ui-card .item-title { font-size: 1.75rem } .cards-grid .ui-card .arrow-container { top: 26rem } .triggers-images { width: 100% } .expand-trigger-video { top: 8.2rem } } @media (max-width:1180px) { .carousel-btns-wrapper-mobile { position: absolute; top: 94%; left: 65% } .tab-content { width: 100% } .carousel-btns-wrapper { position: absolute; top: 93%; left: 75% } .text-showcase { font-size: 13rem } .campaign-section { padding: 0 2rem } .tech-req-section { padding: 2rem } .triggers-section { grid-template-columns: repeat(2, minmax(0, 1fr)) } .triggers-section .triggers-images { width: 100% } } .expand-trigger-video { position: absolute; top: 10.6rem; left: .7rem; height: 2.2rem; cursor: pointer } @media (max-width:995px) { .cards-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem } .cards-grid .ui-card { width: 100% } .cards-grid .ui-card .content-section__first { margin-top: 1rem } .campaign-section-wrapper { background-color: #f5ebe1; height: 18rem } } @media (max-width:990px) { .expand-trigger-video { top: 9rem } .campaign-section, .tech-req-section { margin: 0 auto; padding: 0 } } @media (max-width:920px) { .ad-info-dimensions, .ad-info-title { margin-left: 1rem } .carousel-btns-wrapper { position: absolute; top: 91%; left: 74% } .carousel-btns-wrapper-mobile { position: absolute; top: 95%; left: 65% } .mobile-bd-image-wrapper { width: 16.5rem; margin-left: 22% } .tab-content { width: 100% } .specs-btn-wrapper { padding: 2rem } .tabs-section { height: 50rem } .showcase-section { padding-top: 4rem } .text-showcase { font-size: 9rem; margin-left: 1rem; margin-top: 2rem } .fields-section { grid-template-columns: repeat(1, minmax(0, 1fr)) } .campaign-section, .tech-req-section { padding: 0 } .triggers-section { grid-template-columns: repeat(2, minmax(0, 1fr)) } .triggers-section .triggers-images { width: 100% } .expand-trigger-video { top: 9rem; height: 2rem } .cta-section { gap: 0 } .cta-section img { width: 100% } } @media (max-width:820px) { .mobile-bd-image-wrapper { width: 16.5rem; margin-left: 22% } } @media (max-width:544px) { .mobile-bd-image-wrapper { width: 16.5rem; margin-left: 0 } .campaign-title { margin-top: 3rem !important } } @media (max-width:444px) { .mobile-bd-image-wrapper { width: 14.5rem; margin-left: 6px; padding-right: 5rem } .campaign-title { margin-top: 3rem !important } .backdrop-image { width: 8rem; height: 17rem; position: absolute; top: 12px; left: 12px; overflow: hidden; z-index: -1 } } @media (max-width:390px) { .lb-ad-size-2 { position: absolute; top: 35%; left: 19.3%; -webkit-transform: translate(-15%, -50%); transform: translate(-15%, -50%); width: 41% } .lb-ad-size-4 { position: absolute; top: 9rem; left: 46px; width: 42% } .mobile-bd-image-wrapper { width: 22.5rem; margin-left: -2rem; padding-right: 11rem; padding-left: 2rem } .backdrop-image { width: 10.5rem; height: 21rem; position: absolute; top: 13px; left: 38px; overflow: hidden; z-index: -1 } .mobile-info-wrapper { margin-top: 1rem; position: absolute; top: 23rem; width: 12rem } .mobile-info-wrapper p { margin: 0 } .carousel-btns-wrapper-mobile { position: absolute; top: 85%; left: -4% } .mobile-frame { width: 118% } } @media (max-width:615px) { .cards-grid { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 2rem } .cards-grid .ui-card { width: 23rem; height: 30rem } .cards-grid .ui-card .content-section__first { margin-top: 3rem } .cards-grid .ui-card .arrow-container { top: 28rem } .campaign-section, .tech-req-section { padding: 2rem } .campaign-title { margin-top: 7rem !important } .tech-req-title { margin-top: 8rem } .triggers-section { grid-template-columns: repeat(1, minmax(0, 1fr)) } .triggers-section div { padding: 1rem } .expand-trigger-video { top: 12.5rem; height: 2rem; left: 3rem } } @media (max-width:390px) { .expand-trigger-video { top: 9rem; height: 1.2rem; left: 2rem } .showcase-section div { padding: 1rem; grid-template-columns: repeat(1, minmax(0, 1fr)) } .text-showcase { font-size: 5rem; margin-left: -1.5rem } .carousel-btns-wrapper { position: absolute; top: 85%; left: 60% } .tabs-section { height: 32rem } .cta-section { grid-template-columns: repeat(1, minmax(0, 1fr)) } .cta-title { font-size: 4.5rem; line-height: 1 } .campaign-section-wrapper { background-color: #f5ebe1; height: 25rem } .lb-ad-size-1-test { position: absolute; top: 35%; left: 33.5%; -webkit-transform: translate(-50%, -55%); transform: translate(-50%, -55%); width: 39% } } body { margin: 0; font-family: Larsseit, Times New Roman, Times, serif; font-size: 18px; line-height: 30px; } .hero-title, h1 { font-family: WunderBrickDisplay, Times New Roman, Times, serif; font-weight: 400 } h2, h3, h4 { font-family: WunderBrickText, Times New Roman, Times, serif; font-weight: 400 } .big-title, .brand-title, .case-studies .case-studies-content .stats .value, .general-illu-content .info .title, .general-two-columns .title, .kpi, .number, .percent, .plx-come-check-us .title, .plx-request-demo .title, .slide-nums, .split-heading { font-family: WunderBrickDisplay, Times New Roman, Times, serif } .big-title, .number, .percent, .split-heading { white-space: nowrap } main { margin-top: -3px } .btn, .btn-arrow, .category a, .date, .filter-sort, .inner-heading h2, .kpi-name, .lang-name, .location, .menu a, .mm-menu-main-item, .position, .resources-article-section h4, .side-heading, .stats .label, .subtitle, .text, .user-info, .vertical-text, button, footer .info, footer .link a, h5, h6, input, p, textarea { font-family: Larsseit, sans-serif } p, ul { color: #191919; font-family: Larsseit, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 26px; } .brand-quote-box, .mm-sub-items a, .section-title, .testimonial-slider .img-text-wrap .info .title p, .wgr-opt-ins .small-content .text, footer .title { font-family: WunderBrickText, Times New Roman, Times, serif } @media (min-width:0px) and (max-width:767px) { .brand-title { font-family: WunderBrickText, Times New Roman, Times, serif } .brand-quote, .case-studies .case-studies-content .title { font-family: Larsseit, sans-serif } } .hero-title { margin: 0 } @media (min-width:0px) and (max-width:767px) { .hero-title { font-size: 2rem; line-height: 2.5rem } } @media (min-width:768px) and (max-width:1024px) { .hero-title { font-size: 3rem; line-height: 3.5rem } } @media (min-width:1025px) { .hero-title { font-size: 4rem; line-height: 4.5rem } } .section-title, .subheading { font-size: 2rem; line-height: 2.5rem } @media (min-width:768px) { .section-title, .subheading { font-size: 2.5rem; line-height: 2.5rem } } button, button:focus { outline: none } .centered-title-wrap.dark { position: relative; z-index: 60; background: #191919; top: 2px; margin-top: -4px } .centered-title-wrap .section-title.centered { margin: 0 auto; text-align: center } @media (min-width:0px) and (max-width:767px) { .centered-title-wrap .section-title.centered { padding: 0 1.5rem 3rem; font-size: 1.5rem; line-height: 2rem; max-width: 345px } .centered-title-wrap .section-title.centered br { display: none } } @media (min-width:768px) and (max-width:1024px) { .centered-title-wrap .section-title.centered { padding: 0 1.5rem 2rem; font-size: 1.5rem; line-height: 2rem; max-width: 448px } .centered-title-wrap .section-title.centered br { display: none } } @media (min-width:1025px) { .centered-title-wrap .section-title.centered { max-width: 763px; font-size: 2rem; padding-bottom: 30px } } .App-logo { height: 40vmin; pointer-events: none } @media (prefers-reduced-motion:no-preference) { .App-logo { -webkit-animation: App-logo-spin 20s linear infinite; animation: App-logo-spin 20s linear infinite } } .App-header { background-color: #282c34; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: calc(10px + 2vmin); color: #fff } .App-link { color: #61dafb } @-webkit-keyframes App-logo-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes App-logo-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } section:after, section:before { background-repeat: no-repeat } .cream-bg { background: #f5ebe1; color: #191919; margin-top: -3px } .image img { width: 100%; height: auto } .caption { font-size: .75rem; line-height: 1.125rem } .title-wrap { position: relative } .title-wrap .text { font-size: 1.5rem; line-height: 2.25rem } .side-heading { font-size: .75rem; letter-spacing: .14rem; text-transform: uppercase; line-height: 1rem; margin-bottom: 1.5rem; font-weight: 700 } @media (min-width:1400px) { .side-heading { -webkit-transform: scale(-1) rotate(90deg); transform: scale(-1) rotate(90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; position: absolute; top: 22.5rem; left: -3.8rem; text-align: right; width: 344px; font-weight: 700; margin-bottom: 0 } } .bg-pattern { position: relative; z-index: 50; height: 458px; margin-top: -1px; overflow: hidden } @media (min-width:1800px) { .bg-pattern { height: 620px } } .bg-pattern .bg-pattern-image { height: 100%; background-size: cover; -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 200%; -webkit-transform: translateY(-80%); transform: translateY(-80%) } .full-color-wrapper { position: relative; z-index: 55 } @media (min-width:0px) and (max-width:767px) { .full-color-wrapper { margin-top: -14% } } @media (min-width:768px) and (max-width:1024px) { .full-color-wrapper { margin-top: -8.5rem } } @media (min-width:1025px) { .full-color-wrapper { margin-top: -15vw } } @media only screen and (device-width:414px) and (device-height:896px) and (-webkit-device-pixel-ratio:2) { .full-color-wrapper { margin-top: -4.5rem } } @media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) { .full-color-wrapper { margin-top: -4.5rem } } @media only screen and (device-width:414px) and (device-height:896px) and (-webkit-device-pixel-ratio:3) { .full-color-wrapper { margin-top: -4.5rem } } @media (min-width:0px) and (max-width:767px) { .case-studies .bg-pattern { height: 123px } } @media (min-width:768px) and (max-width:1024px) { .case-studies .bg-pattern { height: 278px } } .user-box { display: flex; align-items: center; margin-top: 35px } .user-box .img { max-width: 70px; margin-right: 9px } .user-box .user-info { font-size: 1rem; line-height: 1rem; position: relative; bottom: 3px } .user-box .user-info .name { font-weight: 700; margin-bottom: 5px } @media (min-width:0px) and (max-width:767px) { .user-box .user-info .name { line-height: 1rem } } @media (min-width:768px) { .user-box .user-info .name { line-height: 1.5rem } } .oval-icon { width: 150px; height: 150px; text-align: center; display: flex; justify-content: center; align-items: center; margin-left: -1.5rem } .oval-icon.empty { background-color: transparent } @media (min-width:0px) and (max-width:767px) { .oval-icon { margin-bottom: .325rem } } @media (min-width:768px) and (max-width:1024px) { .oval-icon { margin-bottom: .875rem; margin-top: .8rem } } @media (min-width:1025px) { .oval-icon { margin-bottom: 1.25rem } } .oval-icon img { width: 100%; height: auto } .brands-logo { display: flex; align-items: center; justify-content: center; border-radius: 100%; transition: all .2s ease-in-out; margin: 0 auto } .brands-logo a { display: block } .brands-logo:hover { opacity: 1; background: #25b89d; -webkit-transform: scale(1.05); transform: scale(1.05) } .brands-logo img { max-height: 75px; max-width: 100%; float: left } @media (min-width:768px) and (max-width:1024px) { .brands-logo { width: 100px; height: 100px; padding: 10px } } @media (min-width:1025px) { .brands-logo { width: 130px; height: 130px } } .slider-dots { display: flex; position: relative; z-index: 100 } @media (min-width:0px) and (max-width:767px) { .slider-dots { justify-content: center } } @media (min-width:768px) { .slider-dots { justify-content: flex-start } } .slider-dots .dot { width: 12px; height: 12px; background: #191919; border-radius: 100%; opacity: .2; cursor: pointer } @media (min-width:0px) and (max-width:767px) { .slider-dots .dot { margin-right: 15px; margin-left: 15px } } @media (min-width:768px) { .slider-dots .dot { margin-right: 40px } } .slider-dots .dot:hover { opacity: .5 } .slider-dots .dot.active { opacity: 1 } .dark .slider-dots .dot { background: #fff } .desktop-show { display: none } @media (min-width:1025px) { .desktop-show { display: block } } @media (min-width:0px) and (max-width:767px) { .mob-hide { display: none } } @media (min-width:0px) and (max-width:767px) { .mob-only { display: block } } @media (min-width:768px) { .mob-only { display: none } } @media (min-width:0px) and (max-width:450px) { .big-title { font-size: 4rem; line-height: 4rem } } @media (min-width:451px) and (max-width:767px) { .big-title { font-size: 4.5rem; line-height: 4.5rem } } @media (min-width:768px) and (max-width:1024px) { .big-title { font-size: 8rem; line-height: 8rem } } @media (min-width:1025px) { .big-title { font-size: 10rem; line-height: 10rem } } @media (min-width:1200px) { .big-title { font-size: 16.25rem; line-height: 16.25rem } } @media (min-width:0px) and (max-width:767px) { .overview .info h4, .plx-solutions .sl-info-wrap .sl-info-box .title, .plx-we-get-results .wgr-opt-ins .small-content .text { font-size: 1.5rem; line-height: 2rem } } @media (min-width:768px) and (max-width:1024px) { .overview .info h4, .plx-solutions .sl-info-wrap .sl-info-box .title, .plx-we-get-results .wgr-opt-ins .small-content .text { font-size: 1.5rem; line-height: 2rem } } @media (min-width:1025px) { .overview .info h4, .plx-solutions .sl-info-wrap .sl-info-box .title, .plx-we-get-results .wgr-opt-ins .small-content .text { font-size: 2rem; line-height: 2.5rem } } @media (min-width:0px) and (max-width:767px) { .plx-solutions .sl-info-wrap .sl-info-box .text { font-size: 1rem; line-height: 1.5rem } } @media (min-width:768px) and (max-width:1024px) { .plx-solutions .sl-info-wrap .sl-info-box .text { font-size: 1rem; line-height: 1.5rem } } @media (min-width:1025px) { .plx-solutions .sl-info-wrap .sl-info-box .text { font-size: 1.125rem; line-height: 1.875rem } } .swiper-pagination { position: relative; margin-top: 2.7rem; margin-bottom: .4rem } @media (min-width:768px) { .swiper-pagination { max-width: 1195px; padding-right: 12px; padding-left: 12px; margin: -.5rem auto 0; justify-content: flex-start; text-align: left } } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { background: #fff; opacity: .3; margin: 0 .6rem; width: 8px; height: 8px } @media (min-width:768px) { .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 2.15rem 0 0 } } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1 } .swiper-container { opacity: 0 } .swiper-container.swiper-container-initialized { opacity: 1 } .cream-bg .swiper-pagination .swiper-pagination-bullet { background: #191919 } @media (min-width:0px) and (max-width:767px) { .culture .mobile-cols, .culture .mobile-cols-d, .inclusion .mobile-cols, .inclusion .mobile-cols-d { display: block } .culture .desktop-cols-d, .culture desktop-cols, .inclusion .desktop-cols-d, .inclusion desktop-cols { display: none } } @media (min-width:768px) { .culture .mobile-cols, .culture .mobile-cols-d, .inclusion .mobile-cols, .inclusion .mobile-cols-d { display: none } .culture .desktop-cols-d, .culture desktop-cols, .inclusion .desktop-cols-d, .inclusion desktop-cols { display: block } } @media (min-width:0px) and (max-width:1024px) { .about-us .mobile-cols-d { display: block; margin-top: -2px } .about-us .mobile-cols-d .bg-pattern { background-image: none !important; background-color: #303d77 !important } .about-us .desktop-cols-d { display: none } .about-us .centered-title-wrap.dark, .about-us .img-text-wrap { padding-top: 5rem } .about-us .general-two-columns .bg-pattern { margin-top: 0 } } @media (min-width:1024px) { .about-us .mobile-cols { display: none } .about-us .desktop-cols { display: block } } .about-us .arrow:hover .out img { -webkit-filter: invert(1); filter: invert(1) } @media (min-width:768px) and (max-width:1024px) { .main-resources .plx-request-demo.dark { display: none } .main-resources .section-resources { padding-bottom: 5rem } } .cover-up { z-index: 5000 } .our-values { padding-top: 1rem; margin-top: -3px; background: #f5ebe1 } .our-values.dark-bg { background: #191919 } .our-values .img-text-wrap { padding-top: 0; padding-bottom: 4.5rem } @media (min-width:768px) and (max-width:1199px) { .our-values .img-text-wrap.img-right { padding-top: 0 } } @media (max-width:769px) { .our-values .img-text-wrap { padding-bottom: 0 !important } } @media (min-width:0px) and (max-width:767px) { .our-values .img-text-wrap .mob-hide { display: none } } @media (min-width:768px) { .our-values .img-text-wrap .mob-hide { display: block } } @media (min-width:0px) and (max-width:767px) { .our-values .img-text-wrap .mob-only { display: block } } @media (min-width:768px) { .our-values .img-text-wrap .mob-only { display: none } } .our-values .row { align-items: center } @media (min-width:0px) and (max-width:767px) { .our-values { padding-top: 1rem; padding-bottom: 1rem } .our-values .img-text-wrap { padding-bottom: 1rem !important; max-width: 100% } .our-values .img-text-wrap .info { display: flex; flex-direction: column } .our-values .img-text-wrap .info h3 { font-size: 1.5rem !important; margin-bottom: 1rem } .our-values .img-text-wrap .info .text { margin-top: 0 !important } .our-values .img-text-wrap .mob-only { order: 2; display: flex; justify-content: center } .our-values .img-text-wrap .mob-only img { margin-left: 0; margin-bottom: 0; margin-top: 1rem; max-width: 100% } .our-values .img-text-wrap .col-text-content { padding-top: .5rem } .our-values .last .img-text-wrap { padding-bottom: 3rem !important } } @media (min-width:768px) and (max-width:1024px) { .our-values .col-text-content, .our-values .order-2 { order: -1 !important } .our-values .info .text { font-size: 1.5rem !important; line-height: 2.25rem !important; margin-bottom: 3.15rem !important } .our-values .col-text-content { padding-top: 3.25rem } .our-values .img-text-wrap { padding-bottom: 0; margin-bottom: -1rem } } @media (max-width:768px) { .inclusion .overview.dark { padding-top: 3.6rem !important } .inclusion .grouped-three-block.culture-benefits { padding-top: .5rem } } @media (min-width:577px) and (max-width:768px) { .inclusion .overview.dark { padding-top: 3.6rem !important } } @media (min-width:768px) and (max-width:1024px) { .inclusion .overview.dark { padding-top: 5rem !important } } @media (min-width:1025px) and (max-width:1400px) { .inclusion .overview.dark { padding-top: 11.8rem !important } .inclusion .overview.dark .big-title { font-size: 12rem !important } } .modal-video-close-btn { cursor: pointer; border-radius: 50%; background-color: #000; top: -20px; right: -20px } .modal-video-close-btn:after, .modal-video-close-btn:before { width: 60%; right: 0; margin: -2px auto auto } .modal-video { padding-left: 3rem; padding-right: 3rem } body.modal-video-active { overflow: hidden; height: 100%; width: 100% } header .header-nav { display: flex; align-items: center; justify-content: flex-end } @media (min-width:1200px) { header .header-nav { min-width: 700px } } @media (min-width:1400px) { header .header-nav { min-width: 850px } } @media (min-width:1200px) { header .header-nav .menu { display: flex; justify-content: space-between; padding-right: 10px; flex: 1 1 } } @media (min-width:1400px) { header .header-nav .menu li a { font-size: 1.125rem } } .header-pattern { position: relative; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden } @media (min-width:0px) and (max-width:767px) { .header-pattern { height: 115px } } @media screen and (min-width:0px) and (max-width:767px) and (orientation:landscape) { .header-pattern { height: 110px } } @media (min-width:768px) and (max-width:1024px) { .header-pattern { height: 150px; width: 100%; position: relative; left: 0 } } @media (min-width:1025px) { .header-pattern { background-attachment: fixed; height: 230px } } @media (min-width:1400px) { .header-pattern { height: 270px } } .header-pattern>.Plx { position: relative; z-index: 5 } .header-pattern .header-pattern-bg { position: relative; z-index: 1; width: 100%; background-size: cover; height: 200%; -webkit-transform: translateY(-20%); transform: translateY(-20%) } .header-pattern.mask2:after { background-image: url(/images/inner/header-patterns/mask2.svg) } .quote-container { border-top: 3px solid; border-bottom: 3px solid; padding: 40px 21px 40px 7px } @media (max-width:600px) { .quote-container { padding: 1.5rem 0 } } .quote-container .quote { font-family: WunderBrick; font-style: normal; font-weight: 400; font-size: 30px; line-height: 38px } @media (max-width:600px) { .quote-container .quote { font-size: 23px; line-height: 32px } } .quote-container .author { font-family: Larsseit; margin: 1rem 0 } @media (max-width:600px) { .quote-container .author { font-size: 14px; line-height: 20px } } .cross-button-demo-header { font-family: Larsseit; font-size: 32px; font-style: normal; font-weight: 400; line-height: 34px; letter-spacing: 0; text-align: center; float: right } @media (min-width:0px) and (max-width:767px) { .cross-button-demo-header { font-size: 26px } } @media (min-width:768px) and (max-width:1023px) { .cross-button-demo-header { font-size: 32px } } .main-header { position: relative; z-index: 99999; transition: all .2s ease-in-out; padding: 20px 0px } .main-header .section-mask-wrap { z-index: 999; pointer-events: none } .main-header .section-mask-wrap svg path { fill: #191919 } .main-header.page-home { height: auto; position: absolute; top: 0; left: 0; width: 100% } .main-header.page-home .section-mask-wrap { display: none } header { position: relative; z-index: 990; width: 100%; } header .col-logo { position: relative; color: #fff; font-size: 2.787rem; line-height: 2rem; font-weight: 400 } header .col-logo a { position: relative; display: flex } @media (min-width:0px) and (max-width:767px) { header .col-logo img { max-width: 198px } } @media (min-width:768px) and (max-width:1024px) { header .col-logo img { max-width: 222px } } @media (min-width:1025px) { header .col-logo img { max-width: 270px } } header .col-logo .logo-dark, header .col-logo .logo-white { transition: all .3s ease-in-out; flex: 0 0 100%; width: 100%; height: 100%; -webkit-transform: translateY(-5%); transform: translateY(-5%) } header .col-logo .logo-white { opacity: 1; visibility: visible } header .col-logo .logo-dark { visibility: hidden; display: none } header.mega-menu-open { z-index: 9999 } header.mega-menu-open, header.mega-menu-open .header-nav .menu a, header.mega-menu-open .header-nav .menu li { color: #191919 } header.mega-menu-open .header-nav .menu a svg path, header.mega-menu-open .header-nav .menu li svg path, header.mega-menu-open svg path { fill: #191919 } header.mega-menu-open .menu-item-active svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); top: -2px !important } header.mega-menu-open .btn { background: #191919; color: #fbfcfd } header.mega-menu-open .logo-white { opacity: 0; visibility: hidden; display: none } header.mega-menu-open .logo-dark { opacity: 1; visibility: visible; display: block } @media (min-width:0px) and (max-width:1024px) { header .header-nav { flex: 1 1; overflow: hidden } header .header-nav .menu { display: flex; justify-content: space-between; padding-right: 10px; flex: 1 1; min-width: auto } } header .header-nav .menu { margin: 0 } @media (min-width:0px) and (max-width:1199px) { header .header-nav .menu { display: none } } @media (min-width:1200px) { header .header-nav .menu { display: flex; justify-content: flex-end; padding: 0 } } header .header-nav .menu a, header .header-nav .menu li { display: inline-block; color: #fff; text-decoration: none } header .header-nav .menu li { margin-right: 15px } @media (min-width:1400px) { header .header-nav .menu li { margin-right: 40px } } header .header-nav .menu li a { font-size: .925rem; font-weight: 700; display: flex; align-items: center } @media (min-width:1400px) { header .header-nav .menu li a { font-size: 1rem } } header .header-nav .menu li a svg { width: 10px; height: 10px; margin-left: 15px; margin-right: 0; position: relative; top: -1px; transition: all .3s ease-in-out } @media (min-width:1400px) { header .header-nav .menu li a svg { width: 14px; height: 14px } } header .header-nav .btn { display: none } @media (min-width:768px) { header .header-nav .btn { display: block; flex: 0 0 149px } } .header-pattern-demo-header { position: relative; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden } @media (min-width:0px) and (max-width:767px) { .header-pattern-demo-header { height: 115px } } @media screen and (min-width:0px) and (max-width:767px) and (orientation:landscape) { .header-pattern-demo-header { height: 110px } } @media (min-width:768px) and (max-width:1024px) { .header-pattern-demo-header { height: 150px; width: 100%; position: relative; left: 0 } } @media (min-width:1025px) { .header-pattern-demo-header { background-attachment: fixed; height: 230px } } @media (min-width:1400px) { .header-pattern-demo-header { height: 270px } } .header-pattern-demo-header>.Plx { position: relative; z-index: 5 } .header-pattern-demo-header .header-pattern-bg { position: relative; z-index: 1; width: 100%; background-size: cover; height: 200%; -webkit-transform: translateY(-20%); transform: translateY(-20%) } .header-pattern-demo-header.mask2:after { background-image: url(/images/inner/header-patterns/mask2.svg) } .sticky-header-demo-header { position: fixed; top: 0; left: 0; width: 100%; height: auto; -webkit-transform: translateY(-100%); transform: translateY(-100%); z-index: 99999; transition: all .4s ease-in-out; margin-top: 0 } @media (min-width:0px) and (max-width:767px) { .sticky-header-demo-header { padding: 1.75rem 0 } } @media (min-width:768px) { .sticky-header-demo-header { padding: 2rem 0 } } .sticky-header-demo-header .col-logo, .sticky-header-demo-header .header-nav { -webkit-transform: translateY(0) !important; transform: translateY(0) !important; opacity: 1 !important } .sticky-header-demo-header .header-pattern, .sticky-header-demo-header .section-mask-wrap { opacity: 0; visibility: hidden } .sticky-menu-demo-header .mega-menu { position: fixed } .sticky-menu-demo-header .top-header { opacity: 0 !important; visibility: hidden } .sticky-menu-demo-header .main-header { position: relative; z-index: 99999 } .sticky-menu-demo-header .main-header header.sticky-header { -webkit-transform: translateY(0); transform: translateY(0) } .header-button-demo-header, .sticky-header-button-demo-header { flex: 0 1 auto !important; display: flex !important; justify-content: space-between !important; padding-right: 0 !important } .sticky-menu-demo-header:not(.mob-open) header:not(.mega-menu-open) { background: #191919 } .lang-switcher { margin-right: 0 } @media (min-width:0px) and (max-width:767px) { .lang-switcher { margin-left: 0; margin-top: 4rem; flex: 1.5 1 } } @media (min-width:768px) and (max-width:991px) { .lang-switcher { margin-left: 7.4rem } } .lang-switcher .lang-chk-container { display: flex; align-items: center; justify-content: flex-end; max-width: 149px } @media (min-width:768px) { .lang-switcher .lang-chk-container { justify-content: center } } .lang-switcher .lang-chk-container .lang-chk { position: absolute; bottom: 0; left: 0; opacity: 0; visibility: hidden; z-index: -1 } .lang-switcher .lang-chk-container .lang-name { font-size: .75rem; font-weight: 700; transition: all .3s cubic-bezier(.63, -.15, .1, .96) } .lang-switcher .lang-chk-container .lang-chk-box { background: #191919; width: 79px; height: 32px; display: block; border-radius: 40px; position: relative; cursor: pointer; margin: 0 8px } .lang-switcher .lang-chk-container .lang-chk-box:after { content: ""; width: 28px; height: 28px; border-radius: 100%; background: #f5ebe1; position: absolute; left: 2px; top: 0; bottom: 0; margin: auto; transition: all .3s cubic-bezier(.63, -.15, .1, .96) } .lang-switcher .lang-chk-container .lang-1, .lang-switcher .lang-chk-container .lang-chk:checked~.lang-0 { opacity: .3 } .lang-switcher .lang-chk-container .lang-chk:checked~.lang-1 { opacity: 1 } .lang-switcher .lang-chk-container .lang-chk:checked~a .lang-chk-box:after { left: calc(100% - 30px) } footer { background: #fbfcfd; color: #191919; position: relative; z-index: 9999 } @media (min-width:0px) and (max-width:767px) { footer { padding-top: 4rem } } @media (min-width:768px) and (max-width:1024px) { footer { padding: 4.25rem 0 } } @media (min-width:1025px) { footer { padding: 4.5rem 0 } } footer a { color: #191919; text-decoration: none } footer .footer-col-logo { font-size: 3.8rem; font-weight: 700 } @media (min-width:0px) and (max-width:767px) { footer .footer-col-logo { margin-bottom: 2.6rem } } @media (min-width:768px) and (max-width:1024px) { footer .footer-col-logo { margin-bottom: 2.6rem } } @media (min-width:1025px) { footer .footer-col-logo { margin-top: 1.5rem; margin-left: -1rem } } @media (min-width:0px) and (max-width:767px) { footer .footer-col-logo img { max-width: 222px } } @media (min-width:768px) and (max-width:1024px) { footer .footer-col-logo img { max-width: 222px } } @media (min-width:768px) { footer .info-item { padding: 0 } } footer .soc-lang-wrap { display: flex; align-items: center } @media (min-width:0px) and (max-width:767px) { footer .soc-lang-wrap { justify-content: space-between; flex-wrap: wrap; flex-direction: column; align-items: flex-start; flex: 0 0 100% } } footer .menu, footer ul.social-nav { display: flex; margin: 0; padding: 0; list-style: none } footer ul.social-nav { width: 100%; position: relative; top: 4px; flex-basis: 0; padding-right: 22px; padding-left: 22px } @media (min-width:0px) and (max-width:767px) { footer ul.social-nav { flex: 1 1 } } @media (min-width:1025px) { footer ul.social-nav { padding-right: 12px; padding-left: 12px } } @media (min-width:0px) and (max-width:767px) { footer ul.social-nav li { margin-right: 3rem } } @media (min-width:768px) { footer ul.social-nav li { margin-right: 3.5rem } } footer ul.social-nav li:last-child { margin-right: 0 } footer ul.social-nav li img { width: 18px } footer .title { margin-top: 1.75rem } @media (min-width:0px) and (max-width:767px) { footer .title { font-size: 1.5rem; line-height: 2rem } } @media (min-width:768px) and (max-width:1024px) { footer .title { font-size: 1.5rem; line-height: 2rem } } @media (min-width:1025px) { footer .title { font-size: 2rem; line-height: 2.5rem } } footer .info { margin: 15px 0; line-height: 1.875rem } @media (min-width:0px) and (max-width:767px) { footer .info { min-height: 150px } } footer .link { margin-top: 3rem } @media (min-width:0px) and (max-width:767px) { footer .link { margin-bottom: 3.7rem } } @media (min-width:768px) and (max-width:1024px) { footer .link { margin-bottom: 3.7rem } } @media (min-width:1025px) { footer .link { margin-bottom: 8.825rem } } footer .menu { justify-content: right; } @media (min-width:0px) and (max-width:767px) { footer .menu { margin-top: 2.3rem; margin-bottom: 2rem; justify-content: flex-start; text-align: left; flex-wrap: wrap } } @media (min-width:768px) and (max-width:991px) { footer .menu { margin-top: 2.3rem } } footer .menu li { line-height: .9rem; margin-bottom: 0px; } @media (min-width:0px) and (max-width:767px) { footer .menu li { margin-right: 1.5rem } } @media (min-width:768px) { footer .menu li { margin-right: 1.875rem } } footer .menu li:last-child { margin-right: 0 } footer .menu li a { font-size: .75rem } @media (min-width:992px) { footer .footer-row { justify-content: space-between } } .image-footer-wrap { width: 100%; height: 240px; overflow: hidden } @media (min-width:1025px) { .image-footer-wrap { height: 285px } } .image-footer-wrap .image-under-footer { position: relative; z-index: 100; width: 100%; height: 200%; background-size: cover; background-position: 50%; background-attachment: fixed } @supports (-webkit-touch-callout:none) { .image-footer-wrap .image-under-footer { background-attachment: scroll } } .footer-logo-category-container { display: flex; align-items: center; margin-left: .6rem } .footer-categories { display: flex; align-items: center; list-style: none; font-family: Larsseit, sans-serif; font-weight: 400 } .footer-category-item { font-size: 1rem; margin-left: 1.5rem } .footer-category-item:hover { text-shadow: -.2px -.2px 0 #191919, .2px .2px #191919; transition: text-shadow .3s } @media (max-width:48rem) { .footer-logo-category-container { flex-direction: column; align-items: flex-start; margin: 0 } .footer-categories { flex-direction: column; align-items: flex-start; margin-bottom: 0 } .footer-category-item { margin: 0 0 0 -2rem } } @media (max-width:75rem) { .footer-category-item { font-size: .8rem } } .carousel { overflow: hidden } .inner { white-space: nowrap; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s } .carousel-item { display: inline-flex } .indicators .prev { position: absolute; left: -70px; top: 25% } .indicators .next { position: absolute; right: -70px; top: 25% } .indicators button { background-color: transparent; border: none; cursor: pointer } :root { --brand-black: #191919; --brand-peacock: #25b89d; --brand-latte: #c96; --brand-denim: #303d78; --brand-canary: #fb0; --brand-chilli: #ff4133; --brand-blueberry: #3d55cc; --brand-chino: #f5ebe1; --step--2: clamp(0.56rem, calc(0.73rem - 0.19vw), 0.69rem); --step--1: clamp(0.8rem, calc(0.84rem - 0.05vw), 0.83rem); --step-0: clamp(1rem, calc(0.96rem + 0.18vw), 1.13rem); --step-1: clamp(1.2rem, calc(1.09rem + 0.56vw), 1.59rem); --step-2: clamp(1.44rem, calc(1.21rem + 1.16vw), 2.25rem); --step-3: clamp(1.73rem, calc(1.31rem + 2.08vw), 3.18rem); --step-4: clamp(2.07rem, calc(1.38rem + 3.46vw), 4.5rem); --step-5: clamp(2.49rem, calc(1.38rem + 5.53vw), 6.36rem) } @media screen and (min-width:768px) { .lp-ab-campaign .disable-scroll { overflow: hidden !important } } .lp-ab-campaign .color-yellow { color: var(--brand-canary) } .lp-ab-campaign .color-green { color: var(--brand-peacock) } .lp-ab-campaign .background-yellow { background-color: var(--brand-canary) !important; background: var(--brand-canary) !important } .lp-ab-campaign .background-black { background-color: var(--brand-black) !important; background: var(--brand-black) !important } .lp-ab-campaign .background-blue { background-color: var(--brand-denim) !important; background: var(--brand-denim) !important } .lp-ab-campaign .border-yellow { border-color: var(--brand-canary) } .lp-ab-campaign .py-5 { padding-top: var(--step-3); padding-bottom: var(--step-3) } .lp-ab-campaign img { max-width: 100% } .lp-ab-campaign h1, .lp-ab-campaign h2, .lp-ab-campaign h3, .lp-ab-campaign h4, .lp-ab-campaign h5, .lp-ab-campaign h6 { line-height: 1.2 } .lp-ab-campaign .hero-section h1 { font-size: var(--step-4) } .lp-ab-campaign h2 { font-size: var(--step-3) } .lp-ab-campaign h3 { font-size: var(--step-1) } .lp-ab-campaign .col-cta .btn { text-transform: uppercase } .lp-ab-campaign .font-wund-brick { font-family: WunderBrickDisplay, Times New Roman, Times, serif } .lp-ab-campaign .font-wund-larsseit { font-family: Larsseit, sans-serif } .lp-ab-campaign .font-weight-bold { font-weight: 800 !important } .lp-ab-campaign blockquote { margin: 0; padding: 0 } @media screen and (min-width:1200px) { .lp-ab-campaign [class*=col-], .lp-ab-campaign [class^=col-] { padding-left: var(--step-1); padding-right: var(--step-1) } .lp-ab-campaign .stat-cards.three-col { grid-template-columns: repeat(3, 1fr) } .lp-ab-campaign .stat-cards.two-col { grid-template-columns: repeat(2, 1fr) } .lp-ab-campaign .scroll-list { max-height: 450px } } @media screen and (max-width:1200px) { .lp-ab-campaign .stat-cards.three-col, .lp-ab-campaign .stat-cards.two-col { grid-template-columns: repeat(2, 1fr) } .lp-ab-campaign div[class*=gap], .lp-ab-campaign div[class^=gap] { gap: 1em !important } .lp-ab-campaign .scroll-list { max-height: 250px } } @media screen and (min-width:992px) { .lp-ab-campaign .icon-margin { margin-top: -350px; z-index: 9 } } @media screen and (max-width:992px) { .lp-ab-campaign .icon-margin { margin-top: -150px; z-index: 999; max-width: 120px } .lp-ab-campaign .testimonial { flex-direction: column-reverse; gap: 2rem; justify-content: center } } @media screen and (min-width:768px) { .lp-ab-campaign .hero-section { height: calc(100vh - 95px) } .lp-ab-campaign .form-section-col { margin-top: 8em !important } .lp-ab-campaign header.lp-header { position: fixed; min-height: 95px } .lp-ab-campaign .yellow-overlay { position: absolute; min-width: 100%; bottom: 0; left: 0; right: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom center; transform-origin: bottom center } .lp-ab-campaign .yellow-overlay .hero-show-content { padding-left: 4rem; border-left: 2px solid #000; line-height: 1.5 } .lp-ab-campaign .overlay-show.yellow-overlay { height: 100%; -webkit-transform: scaleY(1); transform: scaleY(1) } } @media screen and (max-width:768px) { .lp-ab-campaign .hero-section { min-height: 80vh } .lp-ab-campaign header.lp-header { position: relative } .lp-ab-campaign .cta-top { height: 0; min-height: 0; transition: all .2s ease-in-out } .lp-ab-campaign .cta-top.overlay-show { height: 65px; min-height: 65px } .lp-ab-campaign .col-cta { padding-bottom: var(--step-1) } .lp-ab-campaign .scroll-list { max-height: 450px } .lp-ab-campaign .testimonial { padding-left: var(--step-1); padding-right: var(--step-1) } .lp-ab-campaign .yellow-overlay, .lp-ab-campaign .yellow-overlay .delay-animation { opacity: 1 } .lp-ab-campaign .stat-cards { grid-template-columns: repeat(1, 1fr) !important; gap: 2rem } } @media (min-width:0px) and (max-width:600px) { .how-it-works-intro .btn { background: #fff } } @media (max-width:1200px) { .how-it-works-intro { margin-bottom: .2rem } .how-it-works-intro .how-it-works-content p, .how-it-works-intro h1 { width: 100%; padding-right: 20% } } .inner-case-heading { position: relative; z-index: 50; margin-top: -2px; background: #fff; color: #191919 } @media (min-width:0px) and (max-width:767px) { .inner-case-heading { z-index: 92; padding-top: 3.35rem; margin-bottom: -2rem; padding-bottom: 2rem } } @media (min-width:768px) and (max-width:1024px) { .inner-case-heading { padding-top: 4.35rem; padding-bottom: 3rem } } @media (min-width:1025px) { .inner-case-heading { padding-top: 6rem; padding-bottom: 4rem } } .inner-case-heading .side-heading { font-size: 1rem } @media (min-width:0px) and (max-width:767px) { .inner-case-heading .side-heading { font-size: 11px } } .inner-case-heading .intro-wrap { max-width: 920px } .inner-case-heading .intro-wrap .intro-content { max-width: 777px } @media (min-width:1200px) { .inner-case-heading .intro-wrap .intro-content { margin-top: 4.5rem } } .inner-case-heading .client-logo { display: flex; align-items: center; margin-bottom: 2rem; width: 30% } @media (min-width:1200px) { .inner-case-heading .client-logo { margin-bottom: 3.5rem } } .inner-case-heading .client-logo img { max-width: 300px; max-height: 80px; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: left; object-position: left } @media (min-width:0px) and (max-width:767px) { .inner-case-heading .client-logo img { max-width: 130px; max-height: 35px } } @media (min-width:0px) and (max-width:767px) { .inner-case-heading h1 { margin-top: 0; margin-bottom: 2rem; font-size: 2.375rem; line-height: 2.625rem } } @media (min-width:768px) and (max-width:1024px) { .inner-case-heading h1 { margin-top: 2.5rem; margin-bottom: 1.5rem; font-size: 4.5rem; line-height: 4.5rem } } @media (min-width:1025px) { .inner-case-heading h1 { margin-top: 0; margin-bottom: 0; font-size: 5.5rem; line-height: 5.5rem } } .inner-case-heading .intro-content, .inner-case-heading p { font-family: Larsseit, sans-serif; margin-top: 2rem; margin-bottom: 2rem } @media (min-width:0px) and (max-width:767px) { .inner-case-heading .intro-content, .inner-case-heading p { font-size: 14px; line-height: 2rem } } @media (min-width:768px) { .inner-case-heading .intro-content, .inner-case-heading p { font-size: 1.5rem; line-height: 2.25rem } } @media (min-width:1200px) { .inner-case-heading .intro-content, .inner-case-heading p { margin-top: 5rem; margin-bottom: 3rem } } @media (max-width:576px) { .inner-case-heading h2 { font-size: 1rem; line-height: 1.5rem } .inner-case-heading .side-heading { letter-spacing: .125rem; text-transform: uppercase; line-height: 1rem; margin-bottom: 1.5rem; font-weight: 700 } } .inner-case-heading.general_intro h1 { font-size: 3rem; line-height: 3.5rem } @media (min-width:768px) { .inner-case-heading.general_intro h1 { font-size: 5.5rem; line-height: 5.5rem; margin-bottom: 3.5rem } } .inner-case-heading.general_intro p { padding-right: 2rem } @media (min-width:768px) { .inner-case-heading.general_intro p { margin-bottom: 2.25rem; padding-right: 0 } } .inner-case-heading img { width: 100%; height: auto; max-width: 467px; float: right } .inner-case-heading .case-study-container-image-size { display: flex; width: 100% } @media (min-width:0px) and (max-width:767px) { .inner-case-heading .case-study-container-image-size { width: 315px; margin: auto; display: block } } .inner-case-heading .case-study-image-size { display: inline-block; width: 400px !important; height: 400px !important } @media (min-width:0px) and (max-width:767px) { .inner-case-heading .case-study-image-size { width: 315px !important; height: 315px !important; position: relative; right: -23px } } .inner-case-heading .back-arrow { top: 1rem; margin-bottom: 2.2rem } @media (min-width:0px) and (max-width:767px) { .inner-case-heading .back-arrow { margin-top: -1.6rem } } @media (min-width:768px) and (max-width:1024px) { .inner-case-heading .back-arrow { margin-top: -2.5rem } } @media (min-width:1025px) { .inner-case-heading .back-arrow { margin-bottom: 2.8rem; margin-top: -2.5rem } } @media (min-width:1400px) { .inner-case-heading .back-arrow { margin-top: -3.5rem; margin-left: -5rem } } @media (min-width:0px) and (max-width:767px) { .inner-case-heading.single-resource { margin-bottom: 0 } } @media (min-width:1400px) { .inner-case-heading.single-resource { padding-top: 8.25rem } } @media (min-width:1400px) { .inner-case-heading.single-resource .back-arrow { margin-bottom: 1.2rem } } .inner-case-heading .btn-wrap { padding-bottom: 5px } .intro-content { margin-top: 50px; margin-bottom: 50px } .client-referral-thank-you-section { position: relative; margin-top: -.5rem; font-family: Larsseit, sans-serif } @media (min-width:0px) and (max-width:767px) { .client-referral-thank-you-section { padding-bottom: 6rem; padding-top: 3rem } } @media (min-width:768px) and (max-width:1024px) { .client-referral-thank-you-section { padding-bottom: 5rem; padding-top: 1rem } } @media (min-width:1025px) { .client-referral-thank-you-section { padding-bottom: 9.5rem; padding-top: 4.75rem } } .client-referral-thank-you-section h4 { font-size: 1.5rem; line-height: 2.25rem; font-family: Larsseit, sans-serif; margin: 0 } .client-referral-thank-you-section h4 a { color: #fff } .client-referral-thank-you-section p { font-family: Larsseit, sans-serif; font-style: italic; font-size: 1rem } .lb-desktop-header { padding: 18px 30px } .lookbook-filter { background-color: #fbfcfd; color: #191919; border-radius: 5px; display: flex; flex-direction: column; justify-content: space-between } .lookbook-filter .filter-button { width: 25px; height: 25px; background-color: #191919; border: 1px solid #191919; border-radius: 50%; color: #fff; cursor: pointer; display: flex; justify-content: center; align-items: center } .lookbook-filter .filter-button img { width: 15px; height: auto } .lb-desktop-filter-options .side-filter-btn { gap: 2rem } .lb-desktop-filter-options .sort-button { font-family: Larsseit, sans-serif; font-weight: 700; line-height: 24px } @media (min-width:1200px) { .lb-desktop-header { display: flex; justify-content: space-between; padding: 18px 30px } .lb-desktop-filter-options { display: flex; align-items: center } .lb-desktop-filter-options a { color: inherit; text-decoration: none } .lb-desktop-filter-options .desktop-filter-items { font-size: 16px; text-align: center; font-family: Larsseit, sans-serif; font-weight: 700; line-height: 24px; padding: 0 39px; cursor: pointer } .lb-desktop-filter-options .desktop-filter-items .underlined { border-bottom: 2px solid } .lb-desktop-filter-options .divider { border-right: 1px solid rgba(25, 25, 25, .1) } .active-category { border-bottom: 2px solid #191919 } .side-filter-options { padding: 0 20px; position: relative; cursor: pointer } .side-filter-options .sort-button { display: flex; align-items: center; font-family: Larsseit, sans-serif; font-weight: 700; line-height: 24px } .side-filter-options span { vertical-align: top; padding: 0 5px; margin-right: 10px } .side-filter-options .filter-sort { position: absolute; top: 3.5rem; right: -2rem; background-color: #fbfcfd; border-radius: 5px; font-size: 16px; line-height: 24px; padding: 1rem 2rem; max-width: 210px; z-index: 1 } .side-filter-options .filter-sort .filter-radio { padding: .5rem 0; border-bottom: 1px solid rgba(25, 25, 25, .1); display: flex } .side-filter-options .filter-sort .filter-radio label { text-transform: capitalize; width: 9.375rem; display: inline-block; padding-right: 1.75rem; cursor: pointer } .side-filter-options .filter-sort .filter-radio:last-child { border-bottom: 0 } } @media (max-width:1200px) { .lb-desktop-header { display: flex; justify-content: space-between } .lb-desktop-filter-options { align-self: center; padding-left: 1rem } } @media (max-width:995px) { .lb-desktop-header { display: flex; padding: 5px } .lb-desktop-filter-options { align-self: center; padding-left: 1rem; font-size: 1.2rem } .fixed-categories { flex-direction: column; align-items: end } .divider, .divider-left { border-right: 0 solid #fff !important; border-left: 0 solid #fff !important } .lb-desktop-header { justify-content: space-around } .side-filters-wrapper { flex-direction: column; gap: 4rem !important } } @media (max-width:820px) { .lb-desktop-filter-options .side-filter-btn { gap: 4rem; flex-direction: column; font-size: 1.2rem } } @media (max-width:495px) { .side-filters-wrapper { flex-direction: column; gap: 3rem !important } .fixed-category-item { text-align: end !important } } .section-lookbook { position: relative; z-index: 90; background: #191919; margin-bottom: 4rem } .section-lookbook .filter-wrapper { margin: 4rem 0 7rem } .divider-left { border-left: 1px solid rgba(25, 25, 25, .1) } .lookbook { display: flex; justify-content: center; flex-direction: column } .lookbook .lookbook-title { display: none } @media (max-width:1400px) { .cards-grid { gap: 1rem } .cards-grid .ui-card { justify-self: center; width: 100%; height: 28rem } .cards-grid .ui-card .ui-card-image { min-height: 12.5rem } .cards-grid .ui-card .item-title { font-size: 1.75rem; line-height: 1.5rem } .cards-grid .ui-card .arrow-container { top: 26rem } } @media (max-width:1200px) { .cards-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem } .cards-grid .ui-card { width: 22.5rem } .cards-grid .ui-card .content-section__first { margin-top: 1rem } } @media (max-width:995px) { .cards-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem } .cards-grid .ui-card { width: 100% } .cards-grid .ui-card .content-section__first { margin-top: 1rem } } @media (min-width:616px) and (max-width:650px) { .cards-grid .ui-card .item-title { font-size: 1.6rem } } @media (max-width:615px) { .cards-grid { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 2rem; justify-items: center } .cards-grid .ui-card { width: 23rem; height: 30rem } .cards-grid .ui-card .content-section__first { margin-top: 3rem } .cards-grid .ui-card .arrow-container { top: 28rem } } @media (min-width:768px) { .lookbook .lookbook-title { display: block; font-size: 40px; margin-bottom: 98px } .lookbook .lookbook-title .filter-selected { padding-left: 1rem } } .work-with-section { position: relative; height: 228px; z-index: 9999 } @media (min-width:0px) and (max-width:767px) { .work-with-section { height: 275px; margin-bottom: -3px } } @media (min-width:768px) and (max-width:1023px) { .work-with-section { position: relative; top: 60px; height: 320px } } @media (min-width:1024px) and (max-width:1399px) { .work-with-section { height: 210px } } .work-with-container { position: relative; z-index: 9999; top: -18px } .workwith-bg { position: absolute; width: 100%; -webkit-clip-path: polygon(0 -30%, 170% 20%, 0 29%, 0 0); clip-path: polygon(0 -30%, 170% 20%, 0 29%, 0 0) } @media (min-width:0px) and (max-width:374px) { .workwith-bg { -webkit-clip-path: polygon(0 9%, 172% 0, 188% 29%, 0 182%); clip-path: polygon(0 9%, 172% 0, 188% 29%, 0 182%); height: 100% } } @media (min-width:375px) and (max-width:424px) { .workwith-bg { -webkit-clip-path: polygon(0 14%, 171% 14%, 188% 29%, 0 182%); clip-path: polygon(0 14%, 171% 14%, 188% 29%, 0 182%); height: 100% } } @media (min-width:425px) and (max-width:670px) { .workwith-bg { -webkit-clip-path: polygon(0 24%, 171% 31%, 188% 29%, 0 182%); clip-path: polygon(0 24%, 171% 31%, 188% 29%, 0 182%); height: 100% } } @media (min-width:671px) and (max-width:767px) { .workwith-bg { -webkit-clip-path: polygon(0 36%, 171% 40%, 188% 29%, 0 182%); clip-path: polygon(0 36%, 171% 40%, 188% 29%, 0 182%); height: 100% } } @media (min-width:768px) and (max-width:1023px) { .workwith-bg { -webkit-clip-path: polygon(0 19%, 171% 20%, 188% 29%, 0 182%); clip-path: polygon(0 19%, 171% 20%, 188% 29%, 0 182%); height: 100% } } .work-with-heading { font-family: WunderBrickText; margin-top: 0; font-size: 46px; font-style: normal; font-weight: 400; line-height: 48px; letter-spacing: 0; text-align: left; color: #fff } @media (min-width:0px) and (max-width:767px) { .work-with-heading { font-size: 31px; line-height: 39px; margin-bottom: 37px; padding-top: 6px } } .work-with-subheading { margin-top: -20px; font-family: Larsseit; font-size: 20px; font-style: normal; font-weight: 400; line-height: 32px; letter-spacing: 0; text-align: left; color: #fff } @media (min-width:0px) and (max-width:767px) { .work-with-subheading { font-size: 16px; line-height: 24px; margin-bottom: -22px } } .compaines-work-with { margin-top: 22px; display: flex; align-items: center; justify-content: space-evenly; padding-left: 0; margin-left: -91px } @media (min-width:0px) and (max-width:767px) { .compaines-work-with { display: flex; justify-content: flex-start; margin-left: 0; margin-right: 0; width: 100%; flex-wrap: wrap } } @media (min-width:768px) and (max-width:1023px) { .compaines-work-with { margin-left: -54px } } @media (min-width:1024px) and (max-width:1399px) { .compaines-work-with { margin-left: -22px } } .compaines-work-with li { list-style-type: none } @media (min-width:0px) and (max-width:767px) { .compaines-work-with li { list-style-type: none; vertical-align: middle; align-self: center; padding-right: 5%; display: flex; margin-top: 18px } } .form-section-get-a-demo { border-radius: 10px; padding: 26px 44px 60px; margin-left: 45px; height: 800px; background-color: #fff; position: relative; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; margin-bottom: 120px } @media (min-width:0px) and (max-width:767px) { .form-section-get-a-demo { margin-bottom: 0; padding-bottom: 120px; height: auto } } @media (min-width:0px) and (max-width:991px) { .form-section-get-a-demo { margin-left: 0 } } @media (min-width:0px) and (max-width:1023px) { .form-section-get-a-demo { padding-right: 22.5px; padding-left: 22.5px; padding-top: 12px } } @media (min-width:0px) and (max-width:1023px) { .section-image-get-a-demo { position: relative; top: -45px } } @media (min-width:768px) and (max-width:1399px) { .simple-resource-image-get-a-demo { width: 340px } } .resources-article-section-get-a-demo { background-color: #f5ebe1; color: #191919; position: relative; z-index: 9999 } @media (min-width:0px) and (max-width:767px) { .resources-article-section-get-a-demo { padding-bottom: 6rem } } @media (min-width:768px) and (max-width:1024px) { .resources-article-section-get-a-demo { padding-bottom: 5rem; padding-top: 1rem } } @media (min-width:1025px) { .resources-article-section-get-a-demo { padding-bottom: 7rem; padding-top: 3.125rem } } .resources-article-section-get-a-demo h4 { font-size: 1.5rem; line-height: 2.25rem } .resources-article-section-get-a-demo .simple-texts>div>h4:first-child { margin-top: 0 } @media (min-width:992px) and (max-width:1200px) { .resources-article-section-get-a-demo .simple-resource video { width: 400px !important; height: 230px !important } } @media (min-width:350px) and (max-width:400px) { .resources-article-section-get-a-demo .simple-resource video { width: 330px !important; height: 200px !important } } @media (min-width:400px) and (max-width:530px) { .resources-article-section-get-a-demo .simple-resource video { width: 370px !important; height: 215px !important } } @media (max-width:350px) { .resources-article-section-get-a-demo .simple-resource video { width: 250px !important; height: 170px !important } } .inner-heading-get-a-demo { position: relative; z-index: 50; background: #191919; margin-top: -2px } @media (min-width:0px) and (max-width:767px) { .inner-heading-get-a-demo { z-index: 92; padding-top: 3.35rem; margin-bottom: -2rem } } @media (min-width:768px) and (max-width:1024px) { .inner-heading-get-a-demo { padding-top: 4.35rem } } @media (min-width:1025px) { .inner-heading-get-a-demo { padding-top: 4.8rem } } .inner-heading-get-a-demo .intro-wrap-get-a-demo { min-width: -webkit-min-content; min-width: min-content } @media (min-width:992px) and (max-width:1199px) { .inner-heading-get-a-demo .intro-wrap-get-a-demo { flex: 0 0 95% !important; max-width: 95% !important } } @media (min-width:770px) and (max-width:1024px) { .inner-heading-get-a-demo .intro-wrap-get-a-demo { padding-right: 0 } } .inner-heading-get-a-demo .intro-wrap_h1 { font-size: 4rem; line-height: 4.5rem } @media (min-width:0px) and (max-width:767px) { .inner-heading-get-a-demo .intro-wrap_h1 { margin-top: 0; margin-bottom: 1.25rem } } @media (min-width:768px) and (max-width:1024px) { .inner-heading-get-a-demo .intro-wrap_h1 { margin-top: 2.5rem; margin-bottom: 1.5rem } } @media (min-width:1025px) { .inner-heading-get-a-demo .intro-wrap_h1 { margin-top: 0; margin-bottom: 0 } } @media (min-width:0px) and (max-width:576px) { .inner-heading-get-a-demo .intro-wrap_h1 { font-size: 40px; line-height: 40px } } @media (min-width:0px) and (max-width:383px) { .inner-heading-get-a-demo .intro-wrap_h1 { max-width: 100% } } @media (min-width:384px) and (max-width:439px) { .inner-heading-get-a-demo .intro-wrap_h1 { max-width: 92% } } @media (min-width:440px) and (max-width:503px) { .inner-heading-get-a-demo .intro-wrap_h1 { max-width: 79% } } @media (min-width:504px) and (max-width:576px) { .inner-heading-get-a-demo .intro-wrap_h1 { max-width: 68% } } @media (min-width:577px) and (max-width:607px) { .inner-heading-get-a-demo .intro-wrap_h1 { font-size: 62px; line-height: 4.5rem } } @media (min-width:608px) and (max-width:769px) { .inner-heading-get-a-demo .intro-wrap_h1 { font-size: 4.5rem; line-height: 4.5rem } } @media (min-width:608px) and (max-width:669px) { .inner-heading-get-a-demo .intro-wrap_h1 { max-width: 100% } } @media (min-width:670px) and (max-width:767px) { .inner-heading-get-a-demo .intro-wrap_h1 { max-width: 90% } } @media (min-width:768px) and (max-width:769px) { .inner-heading-get-a-demo .intro-wrap_h1 { max-width: 95% } } @media (min-width:770px) and (max-width:1399px) { .inner-heading-get-a-demo .intro-wrap_h1 { max-width: 100% } } @media (min-width:1400px) { .inner-heading-get-a-demo .intro-wrap_h1 { max-width: 92% } } .inner-heading-get-a-demo .intro-wrap_h2 { font-size: 1.5rem; line-height: 2.25rem; margin-bottom: 3rem; max-width: 86%; font-family: Larsseit, sans-serif } @media (max-width:576px) { .inner-heading-get-a-demo .intro-wrap_h2 { line-height: 2rem } } @media (min-width:1200px) and (max-width:1399px) { .inner-heading-get-a-demo .intro-wrap_h2 { max-width: 78% } } @media (min-width:992px) and (max-width:1199px) { .inner-heading-get-a-demo .intro-wrap_h2 { max-width: 62% } } @media (min-width:768px) and (max-width:991px) { .inner-heading-get-a-demo .intro-wrap_h2 { max-width: 82% } } @media (min-width:656px) and (max-width:767px) { .inner-heading-get-a-demo .intro-wrap_h2 { max-width: 78% } } @media (min-width:577px) and (max-width:655px) { .inner-heading-get-a-demo .intro-wrap_h2 { max-width: 93% } } @media (min-width:492px) and (max-width:576px) { .inner-heading-get-a-demo .intro-wrap_h2 { max-width: 71% } } @media (min-width:423px) and (max-width:491px) { .inner-heading-get-a-demo .intro-wrap_h2 { max-width: 84% } } @media (min-width:0px) and (max-width:422px) { .inner-heading-get-a-demo .intro-wrap_h2 { max-width: 100% } } @media (max-width:576px) { .inner-heading-get-a-demo .intro-wrap_h2 { font-size: 1rem; line-height: 1.5rem } .inner-heading-get-a-demo .side-heading { letter-spacing: .125rem; text-transform: uppercase; line-height: 1rem; margin-bottom: 1.5rem; font-weight: 700 } } .inner-heading-get-a-demo.general_intro .intro-wrap_h1 { font-size: 3rem; line-height: 3.5rem } @media (min-width:768px) { .inner-heading-get-a-demo.general_intro .intro-wrap_h1 { font-size: 5.5rem; line-height: 5.5rem; margin-bottom: 3.5rem } } .inner-heading-get-a-demo.general_intro p { padding-right: 2rem } @media (min-width:768px) { .inner-heading-get-a-demo.general_intro p { margin-bottom: 2.25rem; padding-right: 0 } } .inner-heading-get-a-demo .back-arrow-get-a-demo { top: 1rem; margin-bottom: 2.2rem } @media (min-width:0px) and (max-width:767px) { .inner-heading-get-a-demo .back-arrow-get-a-demo { margin-top: -1.6rem } } @media (min-width:768px) and (max-width:1024px) { .inner-heading-get-a-demo .back-arrow-get-a-demo { margin-top: -2.5rem } } @media (min-width:1025px) { .inner-heading-get-a-demo .back-arrow-get-a-demo { margin-bottom: 2.8rem; margin-top: -2.5rem } } @media (min-width:1400px) { .inner-heading-get-a-demo .back-arrow-get-a-demo { margin-top: -3.5rem; margin-left: -5rem } } .inner-heading-get-a-demo.single-resource { margin-bottom: -5px } @media (min-width:1400px) { .inner-heading-get-a-demo.single-resource { padding-top: 8.25rem; z-index: 9999 } } @media (min-width:1400px) { .inner-heading-get-a-demo.single-resource .back-arrow-get-a-demo { margin-bottom: 1.2rem } } .inner-heading-get-a-demo .btn-wrap { padding-bottom: 5px } @media (min-width:1025px) { .back-arrow-get-a-demo { left: 18rem } } .brands-slider { background: #191919; padding-top: 3.5rem } @media (min-width:0px) and (max-width:767px) { .brands-slider { padding-bottom: 3rem } } @media (min-width:768px) and (max-width:1024px) { .brands-slider { padding-bottom: 4rem } } @media (min-width:1025px) { .brands-slider { padding-bottom: 5rem } } section.brands-slider.solutions-logo-slider { position: relative; z-index: 91; padding-top: 7.4rem } @media (min-width:0px) and (max-width:767px) { section.brands-slider.solutions-logo-slider { margin-bottom: -5rem; padding-bottom: 0 } } @media (min-width:1025px) { section.brands-slider.solutions-logo-slider { margin-bottom: -8.5rem; padding-top: 10.75rem; padding-bottom: 65px } } .ticker { display: flex; overflow: hidden; width: 100% } @media (min-width:0px) and (max-width:767px) { .ticker { margin-top: -1.5rem; padding: 1rem 0 } } @media (min-width:768px) and (max-width:1024px) { .ticker { padding-top: 1rem; padding-bottom: 1rem } } @media (min-width:1025px) { .ticker { margin-top: -1.2rem; padding-top: 1rem; padding-bottom: 1rem } } .ticker-wrap { display: flex; justify-content: space-between; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden } @media (min-width:0px) and (max-width:767px) { .ticker-wrap { -webkit-animation: ticker 22s linear infinite; animation: ticker 22s linear infinite } } @media (min-width:768px) and (max-width:1024px) { .ticker-wrap { -webkit-animation: ticker 20s linear infinite; animation: ticker 20s linear infinite } } @media (min-width:1025px) { .ticker-wrap { -webkit-animation: ticker 18s linear infinite; animation: ticker 18s linear infinite } } @media (min-width:1450px) { .ticker-wrap { min-width: 100vw; -webkit-animation: ticker 25s linear infinite; animation: ticker 25s linear infinite } .ticker-wrap:first-child { margin-right: 5rem } } .ticker:hover .ticker-wrap { -webkit-animation-play-state: paused; animation-play-state: paused } .ticker-item { margin: 0 30px } .ticker-item .brands-logo { opacity: .3; width: 140px; height: 140px; padding: 10px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden } .ticker-item .brands-logo:hover { opacity: 1 } .ticker-item .brands-logo:after { content: ""; display: table; clear: both } .ticker-item a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent } @-webkit-keyframes ticker { 0% { -webkit-transform: translateX(0); transform: translateX(0) } to { -webkit-transform: translateX(-100%); transform: translateX(-100%) } } @keyframes ticker { 0% { -webkit-transform: translateX(0); transform: translateX(0) } to { -webkit-transform: translateX(-100%); transform: translateX(-100%) } } .video-container { display: flex; flex-direction: column; justify-content: flex-end; min-height: 100vh; max-width: 960px; margin: 0 auto; padding: 0 1em } .video-title { font-size: 2rem } .iframe { margin: 0; width: 100%; min-height: 75vh } .overview { background: #f5ebe1; color: #191919; position: relative; margin-top: -2px; z-index: 90; padding-bottom: 0 } .overview.client-referral-overview { background-color: #3d55cc; padding-top: 0; color: #fff } @media (min-width:0px) and (max-width:767px) { .overview.client-referral-overview .big-title-wrap { padding-top: 0 } } @media (min-width:768px) and (max-width:1024px) { .overview.client-referral-overview .big-title-wrap { padding-top: 5rem } } @media (min-width:1025px) { .overview.client-referral-overview .big-title-wrap { padding-top: 5rem } } @media (min-width:1400px) { .overview.client-referral-overview .big-title-wrap { padding-top: 3rem } } .overview.client-referral-overview .big-title-wrap .big-title { opacity: .2; font-size: 10rem; text-align: center } .overview.client-referral-overview .info a { color: #fff } @media (min-width:0px) and (max-width:545px) { .overview.client-referral-overview { height: 40rem } .overview.client-referral-overview .big-title-wrap .big-title { font-size: 5rem } .overview.client-referral-overview .info { margin-top: 4rem } } @media (min-width:546px) and (max-width:767px) { .overview.client-referral-overview { height: 38rem } .overview.client-referral-overview .big-title-wrap .big-title { font-size: 5rem } .overview.client-referral-overview .info { margin-top: -6rem } } @media (min-width:768px) and (max-width:919px) { .overview.client-referral-overview { height: 45rem } .overview.client-referral-overview .big-title-wrap .big-title { font-size: 6rem } .overview.client-referral-overview .info { margin-top: -4rem } } @media (min-width:920px) and (max-width:1024px) { .overview.client-referral-overview { height: 45rem } .overview.client-referral-overview .big-title-wrap .big-title { font-size: 7rem } .overview.client-referral-overview .info { margin-top: -3rem } } @media (min-width:1025px) { .overview.client-referral-overview { height: 53rem } .overview.client-referral-overview .big-title-wrap .big-title { font-size: 8rem } .overview.client-referral-overview .info { margin-top: 5rem } } @media (min-width:1200px) { .overview.client-referral-overview { height: 48rem } .overview.client-referral-overview .big-title-wrap .big-title { font-size: 9rem } .overview.client-referral-overview .info { margin-top: 7rem } } @media (min-width:1400px) { .overview.client-referral-overview { height: 45rem } .overview.client-referral-overview .big-title-wrap .big-title { font-size: 10rem } .overview.client-referral-overview .info { margin-top: 8rem } } @media (min-width:0px) and (max-width:767px) { .overview, .overview * { -webkit-backface-visibility: hidden } } .overview .big-title-wrap { overflow: hidden; padding-top: 3rem; padding-bottom: 3rem } @media (min-width:0px) and (max-width:767px) { .overview { padding-bottom: 2rem; margin-top: 3rem; padding-top: 3rem } } @media (min-width:768px) and (max-width:1024px) { .overview { padding-bottom: 3.5rem; padding-top: 10rem } } @media (min-width:1025px) { .overview { padding-bottom: 3.5rem; padding-top: 8rem; margin-top: 3rem } } @media (min-width:1400px) { .overview { padding-top: 8rem } } @media (min-width:0px) and (max-width:767px) { .overview .overview-row { margin-bottom: -9rem } } @media (min-width:768px) and (max-width:1024px) { .overview .overview-row { margin-bottom: -11rem } } @media (min-width:768px) and (max-width:991px) { .overview .overview-row { margin-bottom: -9rem } } @media (min-width:1025px) { .overview .overview-row { margin-bottom: -12rem } } @media (min-width:1400px) { .overview .overview-row { margin-bottom: -17rem } } @media (min-width:1025px) and (min-height:850px) { .overview .overview-row { margin-top: -5rem; margin-bottom: -12rem } } @media (min-width:1025px) and (min-height:950px) { .overview .overview-row { margin-top: -7rem; margin-bottom: -8rem } } @media (min-width:1025px) and (min-height:1050px) { .overview .overview-row { margin-top: -8rem; margin-bottom: -2rem } } .overview.dark { background: #191919; color: #fbfcfd } .overview.dark .big-title { opacity: .1 } .overview .big-title { color: #fbfcfd; position: relative; width: 100%; top: -4.2rem; right: 0; margin: 0; opacity: .6 } @media (min-width:0px) and (max-width:767px) { .overview .big-title { left: -22px; top: .8rem } } @media (min-width:768px) { .overview .big-title { left: 0 } } @media (max-width:1024px) and (min-width:768px) { .overview .big-title { font-size: 7rem; line-height: 7rem } } @media (min-width:1200px) { .overview .big-title { font-size: 10rem; line-height: 10rem } } @media (min-width:1400px) { .overview .big-title { font-size: 14.25rem; line-height: 14.25rem } } .overview .img-wrap { position: relative; top: 5rem } @media (min-width:0px) and (max-width:450px) { .overview .img-wrap { margin-top: 0; margin-left: auto; margin-right: 0; top: 2rem } } @media (min-width:451px) and (max-width:767px) { .overview .img-wrap { max-width: 100%; text-align: right; padding-right: 0; margin-bottom: 0 } } @media (min-width:546px) and (max-width:767px) { .overview .img-wrap { margin-top: 5rem } } @media (min-width:768px) and (max-width:1024px) { .overview .img-wrap { margin: 4rem 0 0 .5rem } } @media only screen and (min-width:1024px) and (max-height:1366px) and (-webkit-min-device-pixel-ratio:1.5) { .overview .img-wrap { margin-bottom: 10rem } } @media (min-width:1025px) { .overview .img-wrap { margin-top: 5rem; text-align: right } } @media (min-width:1400px) { .overview .img-wrap { margin-top: 5rem; margin-bottom: 5rem } } @media (min-width:1400px) and (min-height:850px) { .overview .img-wrap { margin-bottom: 0 } } .overview .img-wrap img { width: 100%; height: auto; max-width: 480px } .overview .info { position: relative } @media (min-width:0px) and (max-width:545px) { .overview .info { max-width: 330px; margin-top: 7rem; margin-left: 0; top: 0 } } @media screen and (min-width:0px) and (max-width:545px) and (orientation:landscape) { .overview .info { margin-left: auto } } @media (min-width:0px) and (max-width:545px) { .overview .info p { font-size: 1rem; line-height: 2rem; margin-bottom: 1.5rem } } @media (min-width:0px) and (max-width:767px) { .overview .info p.no-button { margin-bottom: 2.5rem } } @media (min-width:546px) and (max-width:767px) { .overview .info { max-width: 60%; margin-top: 3rem; margin-left: 0; top: 7rem } } @media screen and (min-width:546px) and (max-width:767px) and (orientation:landscape) { .overview .info { margin-left: auto } } @media (min-width:546px) and (max-width:767px) { .overview .info p { font-size: 1rem; line-height: 2rem; margin-bottom: 1.5rem } } @media (min-width:768px) and (max-width:1024px) { .overview .info { max-width: 330px; margin-top: -6rem; margin-left: 2rem } .overview .info p { font-size: 1.125rem; line-height: 2rem; margin-bottom: 2.65rem } } @media (min-width:1025px) { .overview .info { max-width: 566px; margin-top: 0; margin-left: 1em } .overview .info p { font-size: 1.5rem; margin-bottom: 2.85rem; line-height: 2.5rem } .overview .info h4 { margin-bottom: 2.15rem } } @media (min-width:1400px) { .overview .info { margin-top: 0 } } .overview .info .btn { min-width: 100px } @media (min-width:0px) and (max-width:767px) { .overview .info .btn-wrap { margin-top: 2.6rem } } .overview .info .body-html-content h6 { font-family: Larsseit-RegularItalic, sans-serif; font-size: 14px; font-weight: 400 } @media (min-width:0px) and (max-width:767px) { .overview.ovrw-about-us { padding-bottom: 0 } } @media (min-width:768px) and (max-width:1024px) { .overview.ovrw-about-us { padding-bottom: 0 } } @media (min-width:1025px) { .overview.ovrw-about-us { padding-bottom: 1rem } } .overview.secondary { padding-top: 10rem; margin-top: -2px } @media (min-width:0px) and (max-width:767px) { .overview.secondary { padding-bottom: 5rem; padding-top: 5rem } } @media (min-width:768px) and (max-width:1024px) { .overview.secondary { padding-bottom: 5.5rem; margin-bottom: -2.5rem } } @media (min-width:1025px) { .overview.secondary { padding-bottom: 10rem } } @media (min-width:0px) and (max-width:767px) { .overview.secondary .row { margin-top: -6rem } } @media (min-width:768px) { .overview.secondary .row { margin-top: -5rem } } @media (min-width:1025px) { .overview.secondary .row { margin-top: -8rem } } @media (min-width:0px) and (max-width:767px) { .overview.secondary .overview-row { margin-bottom: -9rem } } @media (min-width:768px) and (max-width:1024px) { .overview.secondary .overview-row { margin-bottom: -4rem } } @media (min-width:768px) and (max-width:991px) { .overview.secondary .overview-row { margin-bottom: -6rem } } @media (min-width:1025px) { .overview.secondary .overview-row { margin-bottom: -12rem } } .overview.secondary .info { position: relative } @media (min-width:0px) and (max-width:767px) { .overview.secondary .info { top: 13rem; margin-bottom: 6rem } .overview.secondary .info p { font-size: 2rem; line-height: 2rem } } @media (min-width:768px) and (max-width:1024px) { .overview.secondary .info { top: 12rem; margin-left: 3rem } } @media (min-width:1025px) { .overview.secondary .info { top: 12rem } } @media (min-width:0px) and (max-width:767px) { .overview .row { justify-content: center } } @media (min-width:768px) and (max-width:1024px) { .overview .row { justify-content: center } } @media (min-width:0px) and (max-width:1024px) { .plx-solutions .overview .row { justify-content: flex-end } } @media (min-width:0px) and (max-width:767px) { .plx-solutions .overview { padding-top: 11rem } } @media (min-width:768px) and (max-width:1024px) { .plx-solutions .overview { padding-top: 4.5rem } } @media (min-width:1025px) { .plx-solutions .overview { padding-top: 5rem; padding-bottom: 0 } } @media (min-width:1200px) { .plx-solutions .overview { padding-top: 3rem } } .btn.btn-fill-dark.ovrw-about-us { min-width: 100px; max-width: 100px } .plx-client-referral-participate { width: 100%; color: #191919; position: relative; z-index: 25; padding-top: 2rem } .plx-client-referral-participate.dark { color: #fff } @media (min-width:0px) and (max-width:767px) { .plx-client-referral-participate { padding-bottom: 0 } } @media (min-width:768px) and (max-width:1024px) { .plx-client-referral-participate { padding-bottom: 0 } } @media (min-width:1025px) { .plx-client-referral-participate { padding-bottom: 6rem } } .plx-client-referral-participate .client-referral-participate-wrap { margin-top: -8rem } @media (min-width:0px) and (max-width:767px) { .plx-client-referral-participate .client-referral-participate-wrap { padding-top: 8rem; padding-bottom: 4rem } } @media (min-width:768px) and (max-width:1024px) { .plx-client-referral-participate .client-referral-participate-wrap { padding-top: 4rem; padding-bottom: 4rem; margin-top: -2rem } } @media (min-width:1025px) { .plx-client-referral-participate .client-referral-participate-wrap { padding-top: 7rem } } @media (min-width:1200px) { .plx-client-referral-participate .client-referral-participate-wrap { padding-top: 11rem } } @media (min-width:1800px) { .plx-client-referral-participate .client-referral-participate-wrap { padding-top: 12rem; padding-bottom: 3rem } } .plx-client-referral-participate .section-mask-wrap { margin-top: -.1rem; margin-bottom: 2.2rem; z-index: 5 } .plx-client-referral-participate .container, .plx-client-referral-participate .row { height: 100% } .plx-client-referral-participate .title { line-height: 100% } @media (min-width:0px) and (max-width:767px) { .plx-client-referral-participate .title { font-size: 2.5rem; margin-top: 1.5rem } } @media (min-width:768px) and (max-width:1024px) { .plx-client-referral-participate .title { font-size: 2.5rem; margin-top: 0 } } @media (min-width:1025px) { .plx-client-referral-participate .title { font-size: 3.5rem; margin-top: 3rem } } @media (min-width:1400px) { .plx-client-referral-participate .title { font-size: 4.5rem } } @media (min-width:0px) and (max-width:767px) { .plx-client-referral-participate .subtitle { margin: 1rem 0 1.75rem; font-size: 1rem; line-height: 1.5rem } .plx-client-referral-participate .subtitle br { display: none } } @media (min-width:768px) and (max-width:1024px) { .plx-client-referral-participate .subtitle { margin: 2rem 0 2.85rem; font-size: 1.4rem; line-height: 1.75rem; max-width: 330px } .plx-client-referral-participate .subtitle br { display: none } } @media (min-width:1025px) { .plx-client-referral-participate .subtitle { margin: 2rem 0 2.85rem; font-size: 1.4rem; line-height: 1.75rem } } .plx-client-referral-participate .img { display: block; width: 100%; height: auto } @media (min-width:0px) and (max-width:1024px) { .plx-client-referral-participate .img { margin: 0 auto } } @media (min-width:0px) and (max-width:767px) { .plx-client-referral-participate .img { max-width: 224px; margin-right: 0; margin-bottom: 0; margin-top: 3rem } } @media (min-width:768px) and (max-width:1024px) { .plx-client-referral-participate .img { width: 300px; margin-right: 0; margin-bottom: 0; left: .5rem } } @media (min-width:1025px) { .plx-client-referral-participate .img { max-width: 467px; margin-right: 0; margin-left: auto } } @media (min-width:1400px) { .plx-client-referral-participate .img { max-width: 100% } } @media (max-width:576px) { .plx-client-referral-participate .title { font-size: 3rem; line-height: 3rem } .plx-client-referral-participate .subtitle { font-size: 1rem; line-height: 1.5rem } } @media (min-width:576px) and (max-width:1024px) { .plx-client-referral-participate .title { font-size: 4.5rem; line-height: 4.5rem; margin-top: 1.5rem } } @media screen and (min-width:576px) and (max-width:1024px) and (orientation:portrait) { .plx-client-referral-participate .illu-img { margin-top: -12rem } } @media (min-width:576px) and (max-width:1024px) { .plx-client-referral-participate .img { width: 100%; margin-right: 0; max-width: 400px; margin-top: 0; margin-bottom: 3rem; position: relative } } @media screen and (min-width:576px) and (max-width:1024px) and (orientation:portrait) { .plx-client-referral-participate .img { left: 0; top: 0; margin-top: 11rem } } .home-client-referral-participate svg path { fill: #191919 } .home-client-referral-participate:not(.rq-no-parallax) .client-referral-participate-wrap { padding-bottom: 0; height: 0; width: 100% } @media (min-width:0px) and (max-width:574px) { .home-client-referral-participate:not(.rq-no-parallax) .client-referral-participate-wrap { padding-top: calc(118rem + 10%) } } @media (min-width:574px) and (max-width:575px) { .home-client-referral-participate:not(.rq-no-parallax) .client-referral-participate-wrap { padding-top: calc(115rem + 10%) } } @media (min-width:576px) and (max-width:767px) { .home-client-referral-participate:not(.rq-no-parallax) .client-referral-participate-wrap { padding-top: calc(136rem + 10%) } } @media (min-width:768px) and (max-width:1024px) { .home-client-referral-participate:not(.rq-no-parallax) .client-referral-participate-wrap { padding-top: calc(140rem + 10%) } } @media (min-width:1025px) and (max-width:1199px) { .home-client-referral-participate:not(.rq-no-parallax) .client-referral-participate-wrap { padding-top: calc(135rem + 10%) } } @media (min-width:1200px) { .home-client-referral-participate:not(.rq-no-parallax) .client-referral-participate-wrap { padding-top: calc(110rem + 10%) } } @media (min-width:1800px) { .home-client-referral-participate:not(.rq-no-parallax) .client-referral-participate-wrap { padding-top: calc(115rem + 10%) } } .home-client-referral-participate:not(.rq-no-parallax) .client-referral-participate-wrap .client-referral-participate { margin-top: 2rem; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 50; padding-top: 10% } .home-client-referral-participate:not(.rq-no-parallax) .client-referral-participate-wrap .container { top: 5%; left: 0; height: auto; position: -webkit-sticky; position: sticky } @media (min-width:0px) and (max-width:767px) { .home-client-referral-participate:not(.rq-no-parallax) .client-referral-participate-wrap .container { padding-top: 15% } } @media (min-width:768px) and (max-width:1199px) { .home-client-referral-participate:not(.rq-no-parallax) .client-referral-participate-wrap .container { padding-top: 12% } } @media (min-width:1200px) { .home-client-referral-participate:not(.rq-no-parallax) .client-referral-participate-wrap .container { padding-top: 10% } } @media (min-width:1200px) { .home-client-referral-participate .client-referral-participate-wrap .img { max-width: 100% } } .home-client-referral-participate .section-mask-wrap { border-top: 5px solid #191919; margin-top: -3px } .inner-heading { position: relative; z-index: 50; background: #ffc20e; margin-top: -2px } @media (min-width:0px) and (max-width:767px) { .inner-heading { z-index: 92; padding-top: 3rem; margin-bottom: -2rem } } @media (min-width:768px) and (max-width:1024px) { .inner-heading { padding-top: 4.35rem } } @media (min-width:1025px) { .inner-heading { padding-top: 4.8rem } } .inner-heading .intro-wrap { max-width: 762px } @media (max-width:576px) { .inner-heading .side-heading { letter-spacing: .125rem; text-transform: uppercase; line-height: 1rem; margin-bottom: 1.5rem; font-weight: 700 } } .inner-heading.general_intro h1 { font-size: 3rem; line-height: 3.5rem } @media (min-width:768px) { .inner-heading.general_intro h1 { font-size: 5.5rem; line-height: 5.5rem; margin-bottom: 3.5rem } } .inner-heading.general_intro p { padding-right: 2rem } @media (min-width:768px) { .inner-heading.general_intro p { margin-bottom: 2.25rem; padding-right: 0 } } .inner-heading .back-arrow { top: 1rem; margin-bottom: 2.2rem } @media (min-width:0px) and (max-width:767px) { .inner-heading .back-arrow { margin-top: -1.6rem } } @media (min-width:768px) and (max-width:1024px) { .inner-heading .back-arrow { margin-top: -2.5rem } } @media (min-width:1025px) { .inner-heading .back-arrow { margin-bottom: 2.8rem; margin-top: -2.5rem } } @media (min-width:1400px) { .inner-heading .back-arrow { margin-top: -3.5rem; margin-left: -5rem } } @media (min-width:0px) and (max-width:767px) { .inner-heading.single-resource { margin-bottom: 0 } } @media (min-width:1400px) { .inner-heading.single-resource { padding-top: 8.25rem; z-index: 9999 } } @media (min-width:1400px) { .inner-heading.single-resource .back-arrow { margin-bottom: 1.2rem } } .inner-heading .btn-wrap { padding-bottom: 5px } @media (min-width:1025px) { .back-arrow { left: 18rem } } .section-mask-wrap { position: relative; width: 100%; height: auto; z-index: 60; margin-top: -3px } .section-mask-wrap.top-right { -webkit-transform: scale(-1); transform: scale(-1) } .section-mask-wrap.top-left { -webkit-transform: scaleY(-1); transform: scaleY(-1) } .section-mask-wrap.bottom-right { -webkit-transform: scaleX(-1); transform: scaleX(-1) } .section-mask-wrap.bottom-left { -webkit-transform: scale(1); transform: scale(1) } .section-mask-wrap.bottom-left.invert { top: 6px } .section-mask-wrap .divider { position: relative; width: 100%; height: 100%; left: 0; top: -2px } .section-mask-wrap.home-rq-demo { z-index: 30 } .section-mask-wrap.home-wgb { z-index: 90; margin-top: -45rem } @media (min-height:700px) { .section-mask-wrap.home-wgb { margin-top: -45rem } } @media (min-width:768px) and (max-width:991px) { .section-mask-wrap.home-wgb { margin-top: -55rem } } @media (min-width:992px) and (max-width:1024px) { .section-mask-wrap.home-wgb { margin-top: -55rem } } @media (min-width:1025px) { .section-mask-wrap.home-wgb { margin-top: -45rem } } @media (min-width:1800px) { .section-mask-wrap.home-wgb { margin-top: -65rem } } .section-mask-wrap.logos-tables-divider { z-index: 1; margin-top: -17% } @media (max-width:450px) and (max-height:800px) { .section-mask-wrap.logos-tables-divider { margin-top: -50% } } @media (max-width:450px) and (min-height:800px) and (max-height:1200px) { .section-mask-wrap.logos-tables-divider { margin-top: -40% } } @media (max-width:450px) and (min-height:1200px) { .section-mask-wrap.logos-tables-divider { margin-top: -10% } } @media (min-width:450px) and (max-width:750px) and (max-height:800px) { .section-mask-wrap.logos-tables-divider { margin-top: -15% } } @media (min-width:450px) and (max-width:750px) and (min-height:800px) and (max-height:1200px) { .section-mask-wrap.logos-tables-divider { margin-top: -30% } } @media (min-width:450px) and (max-width:750px) and (min-height:1200px) { .section-mask-wrap.logos-tables-divider { margin-top: -5% } } @media (min-width:750px) and (max-width:900px) and (max-height:800px) { .section-mask-wrap.logos-tables-divider { margin-top: -30% } } @media (min-width:750px) and (max-width:900px) and (min-height:800px) and (max-height:1200px) { .section-mask-wrap.logos-tables-divider { margin-top: -20% } } @media (min-width:750px) and (max-width:900px) and (min-height:1200px) { .section-mask-wrap.logos-tables-divider { margin-top: -5% } } @media (min-width:900px) and (max-width:991px) and (max-height:800px) { .section-mask-wrap.logos-tables-divider { margin-top: -35% } } @media (min-width:900px) and (max-width:991px) and (min-height:800px) and (max-height:1200px) { .section-mask-wrap.logos-tables-divider { margin-top: -30% } } @media (min-width:900px) and (max-width:991px) and (min-height:1200px) { .section-mask-wrap.logos-tables-divider { margin-top: -10% } } @media (min-width:991px) and (max-width:1400px) and (max-height:600px) { .section-mask-wrap.logos-tables-divider { margin-top: -25% } } @media (min-width:991px) and (max-width:1400px) and (min-height:600px) and (max-height:800px) { .section-mask-wrap.logos-tables-divider { margin-top: -15% } } @media (min-width:991px) and (max-width:1400px) and (min-height:800px) and (max-height:1300px) { .section-mask-wrap.logos-tables-divider { margin-top: -10% } } @media (min-width:991px) and (max-width:1400px) and (min-height:1300px) { .section-mask-wrap.logos-tables-divider { margin-top: -5% } } @media (min-width:1400px) and (max-height:600px) { .section-mask-wrap.logos-tables-divider { margin-top: -15% } } @media (min-width:1400px) and (min-height:600px) and (max-height:800px) { .section-mask-wrap.logos-tables-divider { margin-top: -20% } } @media (min-width:1400px) and (min-height:800px) and (max-height:1300px) { .section-mask-wrap.logos-tables-divider { margin-top: -10% } } @media (min-width:1400px) and (min-height:1300px) { .section-mask-wrap.logos-tables-divider { margin-top: -10% } } .main-image { position: absolute; bottom: 30px } .main-image img { width: 500px; display: block; margin-left: 30px } .main-image.main-image-mobile img { width: 160px; margin-left: 90px } .main-image.main-image-mobile.hovered img { width: 190px; margin-left: 180px; transition: all .5s ease-in-out } @media (max-width:48rem) { .main-image { bottom: 15px } .main-image img { width: 80%; margin-left: 10% } .main-image:not(.hovered) { display: none } .main-image.main-image-mobile.hovered { width: 100% } .main-image.main-image-mobile.hovered img { width: 26%; margin-left: 37%; transition: all .5s ease-in-out } } @media (max-width:500px) { .main-image.main-image-mobile.hovered img { width: 46%; margin-left: 27% } } .main-gif { position: absolute; bottom: 60px } .main-gif img { margin-left: 90px; width: 380px; height: 240px } .main-gif.main-gif-mobile { position: absolute; bottom: 35px } .main-gif.main-gif-mobile img { margin-left: 100px; width: 140px; height: auto; visibility: hidden } .main-gif.main-gif-mobile.hovered img { visibility: visible; margin-left: 190px; width: 170px; transition: all .5s ease-in-out } .main-gif.main-gif-mobile:not(.hovered).static { bottom: 32px } .main-gif.main-gif-mobile:not(.hovered).static img { visibility: visible; margin-left: 95px; width: 143px; margin-top: 20px } @media (max-width:48rem) { .main-gif { bottom: 50px; width: 100% } .main-gif img { width: 62%; margin-left: 19%; height: auto } .main-gif:not(.hovered) { display: none } .main-gif.main-gif-mobile.hovered { position: absolute; bottom: 20px } .main-gif.main-gif-mobile.hovered img { width: 23%; margin-left: 38.5%; transition: all .5s ease-in-out } } @media (max-width:460px) { .main-gif { bottom: 6% } } @media (min-width:460px) and (max-width:600px) { .main-gif { bottom: 8% } } @media (min-width:601px) and (max-width:700px) { .main-gif { bottom: 8.5% } } @media (max-width:500px) { .main-gif.main-gif-mobile.hovered img { width: 41%; margin-left: 29.5% } } .client-referral-form { width: 100%; color: #191919 } .client-referral-form .client-referral-form-title { font-weight: 500 } @media (min-width:0px) and (max-width:767px) { .client-referral-form .client-referral-form-title { font-size: 2rem; line-height: 2.5rem } } @media (min-width:768px) { .client-referral-form .client-referral-form-title { font-size: 3rem; line-height: 3.5rem } } .client-referral-form .client-referral-form-subtitle { margin: 12 0 } @media (min-width:0px) and (max-width:767px) { .client-referral-form .client-referral-form-subtitle { font-size: 1rem; line-height: 1.5rem } } @media (min-width:768px) { .client-referral-form .client-referral-form-subtitle { font-size: 1.125rem; line-height: 1.875rem } } .client-referral-form form { width: 100% !important } @media (min-width:0px) and (max-width:767px) { .client-referral-form form { margin-top: 2rem } } @media (min-width:768px) and (max-width:1024px) { .client-referral-form form { margin-top: 3rem } } @media (min-width:1025px) { .client-referral-form form { margin-top: 3rem } } .client-referral-form form .mktoFieldDescriptor.mktoFormCol, .client-referral-form form .mktoFieldWrap { width: 100% !important } @media (min-width:0px) and (max-width:767px) { .client-referral-form form .mktoFieldDescriptor.mktoFormCol:nth-last-child(2), .client-referral-form form .mktoFieldWrap:nth-last-child(2) { margin-top: 1.25rem } } .client-referral-form form .mktoLabel.mktoHasWidth { display: inline-flex; width: 90% !important } @media (min-width:0px) and (max-width:545px) { .client-referral-form form .mktoLabel.mktoHasWidth { width: 80% !important } } .client-referral-form form .mktoLabel.mktoHasWidth>div { width: 100% !important; text-align: left !important } .client-referral-form form .mktoLabel.mktoHasWidth>div>span>strong, .client-referral-form form .mktoLabel.mktoHasWidth>div>strong { width: 100% !important; padding: 0; font-family: Larsseit, Times New Roman, Times, serif !important; font-size: 13px } .client-referral-form form .mktoLabel.mktoHasWidth>div>span>strong>br, .client-referral-form form .mktoLabel.mktoHasWidth>div>strong>br { content: ""; padding: 0 } .client-referral-form form .mktoLabel.mktoHasWidth>div>span>strong>br:after, .client-referral-form form .mktoLabel.mktoHasWidth>div>strong>br:after { content: " " } .client-referral-form form .mktoLabel.mktoHasWidth>div>span>strong>u, .client-referral-form form .mktoLabel.mktoHasWidth>div>strong>u { padding: 0 } .client-referral-form form .mktoLogicalField.mktoCheckboxList.mktoHasWidth { display: inline-flex; float: left; cursor: pointer } .client-referral-form form .mktoLogicalField.mktoCheckboxList.mktoHasWidth input { height: unset !important } .client-referral-form form .mktoError { clear: both } .client-referral-form form input[type=email], .client-referral-form form input[type=text] { font-family: Larsseit, sans-serif !important; background: none; color: #191919; display: block; width: 100% !important; border-radius: 0; border: none; border-bottom: 1px solid #191919; padding: 20px 10px 11px 1px } @media (min-width:0px) and (max-width:767px) { .client-referral-form form input[type=email], .client-referral-form form input[type=text] { font-size: 1rem; height: 50px } } @media (min-width:768px) { .client-referral-form form input[type=email], .client-referral-form form input[type=text] { font-size: 1.5rem } } .client-referral-form form select { font-family: Larsseit, sans-serif !important; background: none; color: #191919; display: block; width: 100% !important; border-radius: 0; border: none; border-bottom: 1px solid #191919; padding: 20px 10px 11px 1px } @media (min-width:0px) and (max-width:767px) { .client-referral-form form select { font-size: 1rem !important; height: 50px } } @media (min-width:768px) { .client-referral-form form select { font-size: 1.5rem !important } } .client-referral-form form.mktoForm input[type=date], .client-referral-form form.mktoForm input[type=email], .client-referral-form form.mktoForm input[type=number], .client-referral-form form.mktoForm input[type=tel], .client-referral-form form.mktoForm input[type=text], .client-referral-form form.mktoForm input[type=url], .client-referral-form form.mktoForm select { outline: none !important } .client-referral-form form.mktoForm .mktoError .mktoErrorMsg { background-color: #191919 !important; color: #fff !important; background-image: none; box-shadow: none; border: 1px solid #191919; text-shadow: unset; border-radius: 35px } .client-referral-form form.mktoForm .mktoError .mktoErrorArrowWrap { left: 10px } .client-referral-form form.mktoForm .mktoError .mktoErrorArrow { background-color: #191919; border: 1px solid #191919 } .client-referral-form form.mktoForm .mktoLabel { float: none; padding: 0 } .client-referral-form form.mktoForm .mktoGutter { display: none } .client-referral-form form input::-webkit-input-placeholder { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: relative; top: 0; color: #191919 } .client-referral-form form input:focus::-webkit-input-placeholder { font-size: 12px !important; position: relative } @media (min-width:768px) { .client-referral-form form input:focus::-webkit-input-placeholder { top: -25px } } .client-referral-form form .mktoButtonWrap { margin-left: 0 !important } .client-referral-form form .mktoButtonWrap button.mktoButton { font-family: Larsseit, sans-serif !important; display: block; border-radius: 35px; border: 1px solid #191919 !important; padding: 0 10px; text-decoration: none; font-size: 1rem; font-weight: 700; min-height: 40px; min-width: 150px; text-align: center; position: relative; overflow: hidden; display: inline-block; cursor: pointer; background: #191919 !important; color: #fff; transition: all .3s ease-in-out; width: inherit; height: auto } @media (min-width:0px) and (max-width:767px) { .client-referral-form form .mktoButtonWrap button.mktoButton { margin-top: 1.25rem } } .client-referral-form form .mktoButtonWrap button.mktoButton:hover { background: #fff !important; color: #191919 !important } .client-referral-form form .mktoTemplateBox { color: #191919 !important } @media (min-width:0px) and (max-width:767px) { .client-referral-form form .mktoTemplateBox { font-size: 1rem; line-height: 1.5rem } } @media (min-width:768px) { .client-referral-form form .mktoTemplateBox { font-size: 1.125rem; line-height: 1.875rem } } .client-referral-form form a.mktoNotYou { color: #191919 !important } @media (min-width:0px) and (max-width:767px) { .client-referral-form form a.mktoNotYou { font-size: 1rem; line-height: 1.5rem } } @media (min-width:768px) { .client-referral-form form a.mktoNotYou { font-size: 1.125rem; line-height: 1.875rem } } .client-referral-form form a { color: #191919 !important; padding: 0 !important } .client-referral-form form .mktoCheckboxList, .client-referral-form form .mktoRadioList { width: auto !important; margin-right: -.5rem; padding-top: .55rem } .client-referral-form>a.policy-link { line-height: 50px; text-decoration: none; font-weight: 100; font-size: 13px; color: #3d55cc } @media (min-width:1025px) { .client-referral-form { max-width: 565px; color: #191919 } } .client-referral-marketo-form-section { background-color: #f5ebe1; color: #191919; padding-bottom: 4rem; padding-top: 1rem } .client-referral-marketo-form-section .mktoForm { margin: 0 auto } .client-referral-marketo-form-section .mktoForm .mktoFormRow input { cursor: text } .client-referral-marketo-form-section .mktoForm .mktoButtonRow { padding-top: 6px } .client-referral-marketo-form-section .title-wrap { margin-bottom: 2rem } .client-referral-marketo-form-section .title-wrap h3 { font-size: 2.5rem; line-height: 2.5rem; padding-top: 2.5rem; font-family: WunderBrickText, Times New Roman, Times, serif; font-weight: 400 } .client-referral-marketo-form-section .links { margin: auto; width: -webkit-max-content; width: max-content } .client-referral-marketo-form-section .links a { padding: 0 1rem; font-family: Helvetica, Arial; font-size: .9rem; text-decoration: none } .carousel.carousel-slider .control-arrow, .carousel .control-arrow { transition: all .25s ease-in; opacity: .4; filter: alpha(opacity=40); position: absolute; z-index: 2; top: 20px; background: none; border: 0; font-size: 32px; cursor: pointer } .carousel .control-arrow:focus, .carousel .control-arrow:hover { opacity: 1; filter: alpha(opacity=100) } .carousel.carousel-slider .control-arrow:before, .carousel .control-arrow:before { margin: 0 5px; display: inline-block; border-top: 8px solid transparent; border-bottom: 8px solid transparent; content: "" } .carousel .control-disabled.control-arrow { opacity: 0; filter: alpha(opacity=0); cursor: inherit; display: none } .carousel .control-prev.control-arrow { left: 0 } .carousel .control-prev.control-arrow:before { border-right: 8px solid #fff } .carousel .control-next.control-arrow { right: 0 } .carousel .control-next.control-arrow:before { border-left: 8px solid #fff } .carousel-root { outline: none } .carousel { position: relative; width: 100% } .carousel * { box-sizing: border-box } .carousel img { width: 100%; display: inline-block; pointer-events: none } .carousel .carousel { position: relative } .carousel .control-arrow { outline: 0; border: 0; background: none; top: 50%; margin-top: -13px; font-size: 18px } .carousel .thumbs-wrapper { margin: 20px; overflow: hidden } .carousel .thumbs { transition: all .15s ease-in; -webkit-transform: translateZ(0); transform: translateZ(0); position: relative; list-style: none; white-space: nowrap } .carousel .thumb { transition: border .15s ease-in; display: inline-block; margin-right: 6px; white-space: nowrap; overflow: hidden; border: 3px solid #fff; padding: 2px } .carousel .thumb:focus { border: 3px solid #ccc; outline: none } .carousel .thumb.selected, .carousel .thumb:hover { border: 3px solid #333 } .carousel .thumb img { vertical-align: top } .carousel.carousel-slider { position: relative; margin: 0; overflow: hidden } .carousel.carousel-slider .control-arrow { top: 0; color: #fff; font-size: 26px; bottom: 0; margin-top: 0; padding: 5px } .carousel.carousel-slider .control-arrow:hover { background: rgba(0, 0, 0, .2) } .carousel .slider-wrapper { overflow: hidden; margin: auto; width: 100%; transition: height .15s ease-in } .carousel .slider-wrapper.axis-horizontal .slider { -ms-box-orient: horizontal; display: -moz-flex; display: flex } .carousel .slider-wrapper.axis-horizontal .slider .slide { flex-direction: column; flex-flow: column } .carousel .slider-wrapper.axis-vertical { -ms-box-orient: horizontal; display: -moz-flex; display: flex } .carousel .slider-wrapper.axis-vertical .slider { flex-direction: column } .carousel .slider { margin: 0; padding: 0; position: relative; list-style: none; width: 100% } .carousel .slider.animated { transition: all .35s ease-in-out } .carousel .slide { min-width: 100%; margin: 0; position: relative; text-align: center } .carousel .slide img { width: 100%; vertical-align: top; border: 0 } .carousel .slide iframe { display: inline-block; width: calc(100% - 80px); margin: 0 40px 40px; border: 0 } .carousel .slide .legend { transition: all .5s ease-in-out; position: absolute; bottom: 40px; left: 50%; margin-left: -45%; width: 90%; border-radius: 10px; background: #000; color: #fff; padding: 10px; font-size: 12px; text-align: center; opacity: .25; transition: opacity .35s ease-in-out } .carousel .control-dots { position: absolute; bottom: 0; margin: 10px 0; padding: 0; text-align: center; width: 100%; z-index: 1 } @media (min-width:960px) { .carousel .control-dots { bottom: 0 } } .carousel .control-dots .dot { transition: opacity .25s ease-in; opacity: .3; filter: alpha(opacity=30); box-shadow: 1px 1px 2px rgba(0, 0, 0, .9); background: #fff; border-radius: 50%; width: 8px; height: 8px; cursor: pointer; display: inline-block; margin: 0 8px } .carousel .control-dots .dot.selected, .carousel .control-dots .dot:hover { opacity: 1; filter: alpha(opacity=100) } .carousel .carousel-status { position: absolute; top: 0; right: 0; padding: 5px; font-size: 10px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .9); color: #fff } .carousel:hover .slide .legend { opacity: 1 } .slider-section { padding-bottom: 10rem; padding-top: 5rem } @media (max-width:600px) { .slider-section { padding-bottom: 5rem } } .slider-section>.container { flex-wrap: wrap } .slider-section h3 { font-family: WunderBrick; font-style: normal; font-weight: 400; font-size: 48px; line-height: 56px; margin: 0 } @media (max-width:600px) { .slider-section h3 { font-size: 24px; line-height: 32px; padding-top: 1rem } } .slider-section h4 { font-family: Larsseit; font-style: normal; font-weight: 400; font-size: 18px; line-height: 26px } .slider-section h4.custom-positioned-text { position: relative; top: -60px } @media (max-width:600px) { .slider-section h4.custom-positioned-text { top: -30px; font-size: 14px; line-height: 22px; padding-right: 3.5rem } } .slider-section>div:first-child { display: flex; align-items: center } .slider-section .number { font-family: WunderBrick; font-style: normal; font-weight: 500; font-size: 140px; line-height: 200px; color: #25b89d; display: flex; align-items: baseline } .slider-section .number div:nth-child(2) { font-size: 60px } @media (max-width:600px) { .slider-section .number { font-size: 90px; line-height: 100px; color: #fff } .slider-section .number div:nth-child(2) { font-size: 45px } } .slider-section .flex { justify-content: space-between; align-items: baseline } .slider-section .carousel-root { max-width: 100% } .slider-section .carousel.carousel-slider { text-align: left; overflow: visible } .slider-section .carousel.carousel-slider .nextButton, .slider-section .carousel.carousel-slider .prevButton { position: absolute; top: 50% } .slider-section .carousel.carousel-slider .nextButton img, .slider-section .carousel.carousel-slider .prevButton img { width: 46px; border-radius: 50%; padding: 5px; background-color: #fff } .slider-section .carousel.carousel-slider .prevButton { left: -5rem; z-index: 1 } .slider-section .carousel.carousel-slider .prevButton img { -webkit-transform: rotate(180deg); transform: rotate(180deg) } @media (max-width:600px) { .slider-section .carousel.carousel-slider .prevButton { left: -1rem } } .slider-section .carousel.carousel-slider .nextButton { right: -5rem } @media (max-width:600px) { .slider-section .carousel.carousel-slider .nextButton { right: -1rem } } .slider-section .carousel.carousel-slider .slide { text-align: left } .slider-section .carousel.carousel-slider .control-dots { bottom: -5rem } .slider-section .carousel.carousel-slider .control-dots .slider-indicator { width: 30.43px; height: 29.97px; font-family: Inter; font-style: normal; font-weight: 700; font-size: 18px; line-height: 26px; text-align: center; color: #3d55cc; background-color: #303d78; border-radius: 100%; display: inline-flex; justify-content: center; align-items: center; margin: 0 17px } .slider-section .carousel.carousel-slider .control-dots .slider-indicator.selected { color: #fff; background-color: #25b89d } .slider-section .card-container { background: #f5ebe0; border-radius: 20px; color: #191919; padding: 60px; height: 775px } .slider-section .card-container .card-col-left { padding-right: 66px } @media (min-width:900px) and (max-width:1200px) { .slider-section .card-container .card-col-left { padding-right: 32px } } .slider-section .card-container>div, .slider-section .card-container>div>div { height: 100% } .slider-section .card-container .flex { align-items: flex-start } .slider-section .card-container .title { font-family: Larsseit; font-style: normal; font-weight: 700; font-size: 18px; line-height: 26px; letter-spacing: 1px; text-transform: uppercase; text-align: left } .slider-section .card-container .numbers-grid { display: flex; flex-wrap: wrap } .slider-section .card-container .numbers-grid .grid-number { font-family: WunderBrick; font-style: normal; font-weight: 500; font-size: 59px; line-height: 73px } .slider-section .card-container .numbers-grid .grid-label { font-family: Larsseit; font-style: normal; font-weight: 700; font-size: 18px; line-height: 26px; padding-right: 1.8rem } .slider-section .card-container .numbers { flex-wrap: wrap; font-family: WunderBrick; font-style: normal; font-weight: 500; font-size: 150px; line-height: 200px; display: flex; align-items: baseline; margin-bottom: -1rem; color: #3d55cc } .slider-section .card-container .numbers>span { font-size: 100px } .slider-section .card-container .subtitle, .slider-section .card-container text { font-family: Larsseit; font-style: normal; font-size: 18px; line-height: 26px; text-align: left } .slider-section .card-container .subtitle { font-weight: 700 } .slider-section .card-container .quote-container { padding-top: 20px; padding-bottom: 20px; padding-right: 0 } .slider-section .card-container .quote-container .quote { font-family: WunderBrick; font-style: normal; font-weight: 400; font-size: 28px; line-height: 36px } .slider-section .gradient-card { margin-top: 25px; width: 100%; position: absolute; bottom: 0 } .slider-section .gradient-card img { width: 208.17px; height: 175px; border-radius: 20px 0 0 20px } .slider-section .solid-bg { display: none } .slider-section .gradient.left { position: absolute; height: 175px; border-radius: 0 20px 20px 0; width: 60%; right: 1rem; display: flex; align-items: center; padding: 0 2rem } .slider-section .gradient.left .arrow { float: right } .slider-section .gradient.left .arrow img { width: 70%; height: auto } .slider-section .gradient.left .arrow.dark { border-color: transparent } .slider-section .gradient.left .text, .slider-section .gradient.left .title { font-family: Larsseit; font-style: normal; font-size: 14px; line-height: 22px; color: #fff } .slider-section .gradient.left .title { font-weight: 700 } .slider-section .secure-collection { margin-top: 10rem } .slider-section .secure-collection h4 { font-family: Larsseit; font-style: normal; font-weight: 700; font-size: 18px; line-height: 26px; letter-spacing: 1px; text-transform: uppercase } .slider-section .secure-collection h1 { font-family: WunderBrick; font-style: normal; font-weight: 500; font-size: 82px; line-height: 86px; display: flex; align-items: center; margin: 0; padding-bottom: 1rem } @media (max-width:550px) { .slider-section .secure-collection h1 { font-size: 60px; line-height: 70px } } .slider-section .secure-collection>div { display: flex } .slider-section .secure-collection>div p { font-family: Larsseit; font-style: normal; font-weight: 400; font-size: 18px; line-height: 26px; padding-right: 6rem } .slider-section .secure-collection>div img { float: right; margin: -3rem -2rem } @media (max-width:990px) { .slider-section .secure-collection>div img { float: unset; margin: 0 } } @media (max-width:600px) { .slider-section .secure-collection h4 { font-size: 14px } .slider-section .secure-collection h1 { font-size: 24px; line-height: 32px } .slider-section .secure-collection .image-container { display: flex; justify-content: center; padding-top: 2rem } } @media (min-width:1200px) and (max-width:1399px) { .slider-section .card-container .numbers { font-size: 115px } .slider-section .card-container .quote-container .quote { font-size: 24px } } @media (min-width:992px) and (max-width:1199px) { .slider-section .card-container { height: auto } .slider-section .card-container .numbers { font-size: 100px } .slider-section .card-container .main-text { padding-right: 0 } .slider-section .card-container .quote-container .quote { font-size: 20px } .slider-section .card-container .gradient-card { position: relative } } @media (max-width:991px) { .slider-section .card-container { height: auto } .slider-section .card-container .gradient-card { position: relative } } @media (max-height:900px) and (min-width:600px) { .slider-section .card-container { padding: 48px; height: 600px } .slider-section .card-container .quote-container .quote { font-size: 22.4px; line-height: 28.8px } } @media (max-width:600px) { .slider-section .card-container { padding: 20px } .slider-section .card-container .card-col-left { height: auto; padding-right: 0 } .slider-section .card-container .numbers { font-size: 50px; line-height: 100px } .slider-section .card-container .numbers>span { font-size: 25px } .slider-section .card-container .main-text { font-size: 15px; line-height: 22px } .slider-section .card-container .quote-container { margin-bottom: 2rem } .slider-section .card-container .quote-container .quote { font-size: 18px; line-height: 24px } .slider-section .card-container .gradient-card { margin-top: 0 } .slider-section .card-container .gradient-card>div:first-child { visibility: hidden } .slider-section .card-container .gradient-card .gradient { background: none !important; width: 100% } .slider-section .card-container .gradient-card .solid-bg { display: block; width: 100%; height: 100%; position: absolute; border-radius: 20px } } .arrow { display: block; text-decoration: none; font-weight: 700; text-align: center; position: relative; overflow: hidden; display: inline-block; cursor: pointer; border-radius: 100%; width: 32px; height: 32px; border: 0; padding: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .arrow img { width: 70%; height: auto } .arrow:before { content: ""; background: #fff; -webkit-transform: translateX(100%); transform: translateX(100%); z-index: 1; transition: all .4s cubic-bezier(.64, -.095, .295, 1.065) } .arrow:before, .arrow span { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50% } .arrow span { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; z-index: 2; line-height: 38px } .arrow span.in { background: #191919; transition: all .6s cubic-bezier(.64, -.095, .295, 1.065) } .arrow span.out { -webkit-transform: scale(1.05) translateX(-100%); transform: scale(1.05) translateX(-100%); color: #191919; transition: all .5s cubic-bezier(.64, -.095, .295, 1.065) } .arrow span.plus img { width: 80% } .arrow.dark { border: 1px solid #191919; transition: all .6s cubic-bezier(.64, -.095, .295, 1.065) } .arrow.dark span.in { background: #fff } .arrow.dark span.out { background: #191919 } @media (min-width:1025px) { .arrow.dark:hover { border: 1px solid #fff } } .arrow.dark:before { background: transparent } .arrow.dark.no-border { border: 0 } @media (min-width:1025px) { .arrow.dark.no-border:hover { border: 0 } } .arrow.dark-fill { border: 1px solid #191919; transition: all .6s cubic-bezier(.64, -.095, .295, 1.065) } .arrow.dark-fill span.in { background: #191919 } .arrow.dark-fill span.out { background: none } @media (min-width:1025px) { .arrow.dark-fill:hover { border: 1px solid #191919 } } @media (min-width:1025px) { .arrow:hover .out, .arrow:hover:before { -webkit-transform: translateX(0); transform: translateX(0) } .arrow:hover .in { -webkit-transform: translateX(100%); transform: translateX(100%) } } .arrow.vertical img { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .arrow.vertical .out, .arrow.vertical:before { -webkit-transform: translateY(-100%); transform: translateY(-100%) } .arrow.vertical .in { -webkit-transform: translateY(0); transform: translateY(0) } @media (min-width:1025px) { .arrow.vertical:hover .out, .arrow.vertical:hover:before { -webkit-transform: translateY(0); transform: translateY(0) } .arrow.vertical:hover .in { -webkit-transform: translateY(100%); transform: translateY(100%) } } .numbers-content { background: #f1f1f1; color: #191919 } @media (min-width:0px) and (max-width:767px) { .numbers-content { padding: 5rem 0 2rem } } @media (min-width:768px) and (max-width:1024px) { .numbers-content { padding: 6rem 0 5rem } } @media (min-width:1025px) { .numbers-content { padding: 7.5rem 0 4.5rem; text-align: center } } @media (min-width:0px) and (max-width:767px) { .numbers-content .number-box { margin-bottom: 2rem } } @media (min-width:0px) and (max-width:1199px) { .numbers-content .number-box { flex: 0 0 70%; width: 70%; margin-right: auto; margin-left: auto } } @media (min-width:1200px) { .numbers-content .number-box { flex: 0 0 30%; width: 30% } } @media (min-width:0px) and (max-width:767px) { .numbers-content .number { margin-top: 0; margin-bottom: .5rem; font-size: 4.5rem; line-height: 4.5rem } .numbers-content .number span { font-size: 2.5rem; line-height: 2.5rem } } @media (min-width:768px) and (max-width:1024px) { .numbers-content .number { margin-top: 2.5rem; margin-bottom: 1.5rem; font-size: 4.5rem; line-height: 4.5rem } .numbers-content .number span { font-size: 2.5rem; line-height: 2.5rem } } @media (min-width:1025px) { .numbers-content .number { margin-top: 0; margin-bottom: 0; font-size: 7rem; line-height: 6.5rem } .numbers-content .number span { font-size: 4rem; line-height: 4rem } } .section-mask-wrap-divider-get-a-demo { position: absolute; width: 100%; height: auto; z-index: 9999; margin-top: -119px } @media (min-width:0px) and (max-width:374px) { .section-mask-wrap-divider-get-a-demo { margin-top: -61px } } @media (min-width:375px) and (max-width:424px) { .section-mask-wrap-divider-get-a-demo { margin-top: -64px } } @media (min-width:425px) and (max-width:767px) { .section-mask-wrap-divider-get-a-demo { margin-top: -49px } } @media (min-width:992px) and (max-width:1023px) { .section-mask-wrap-divider-get-a-demo { margin-top: -126px } } @media (min-width:1024px) and (max-width:1399px) { .section-mask-wrap-divider-get-a-demo { margin-top: -90px } } .section-mask-wrap-divider-get-a-demo.top-right { -webkit-transform: scale(-1); transform: scale(-1) } .section-mask-wrap-divider-get-a-demo.top-left { -webkit-transform: scaleY(-1); transform: scaleY(-1) } .section-mask-wrap-divider-get-a-demo.bottom-right { -webkit-transform: scaleX(-1); transform: scaleX(-1) } .section-mask-wrap-divider-get-a-demo.bottom-left { -webkit-transform: scale(1); transform: scale(1) } .section-mask-wrap-divider-get-a-demo.bottom-left.invert { top: 6px } .section-mask-wrap-divider-get-a-demo .divider { position: relative; width: 100%; height: 100%; left: 0; top: -2px } .section-mask-wrap-divider-get-a-demo.home-rq-demo { z-index: 30 } .section-mask-wrap-divider-get-a-demo.home-wgb { z-index: 90; margin-top: -45rem } @media (min-height:700px) { .section-mask-wrap-divider-get-a-demo.home-wgb { margin-top: -45rem } } @media (min-width:768px) and (max-width:991px) { .section-mask-wrap-divider-get-a-demo.home-wgb { margin-top: -55rem } } @media (min-width:992px) and (max-width:1024px) { .section-mask-wrap-divider-get-a-demo.home-wgb { margin-top: -55rem } } @media (min-width:1025px) { .section-mask-wrap-divider-get-a-demo.home-wgb { margin-top: -45rem } } @media (min-width:1800px) { .section-mask-wrap-divider-get-a-demo.home-wgb { margin-top: -65rem } } .section-mask-wrap-divider-get-a-demo.logos-tables-divider { z-index: 1; margin-top: -17% } @media (max-width:450px) and (max-height:800px) { .section-mask-wrap-divider-get-a-demo.logos-tables-divider { margin-top: -50% } } @media (max-width:450px) and (min-height:800px) and (max-height:1200px) { .section-mask-wrap-divider-get-a-demo.logos-tables-divider { margin-top: -40% } } @media (max-width:450px) and (min-height:1200px) { .section-mask-wrap-divider-get-a-demo.logos-tables-divider { margin-top: -10% } } @media (min-width:450px) and (max-width:750px) and (max-height:800px) { .section-mask-wrap-divider-get-a-demo.logos-tables-divider { margin-top: -15% } } @media (min-width:450px) and (max-width:750px) and (min-height:800px) and (max-height:1200px) { .section-mask-wrap-divider-get-a-demo.logos-tables-divider { margin-top: -30% } } @media (min-width:450px) and (max-width:750px) and (min-height:1200px) { .section-mask-wrap-divider-get-a-demo.logos-tables-divider { margin-top: -5% } } @media (min-width:750px) and (max-width:900px) and (max-height:800px) { .section-mask-wrap-divider-get-a-demo.logos-tables-divider { margin-top: -30% } } @media (min-width:750px) and (max-width:900px) and (min-height:800px) and (max-height:1200px) { .section-mask-wrap-divider-get-a-demo.logos-tables-divider { margin-top: -20% } } @media (min-width:750px) and (max-width:900px) and (min-height:1200px) { .section-mask-wrap-divider-get-a-demo.logos-tables-divider { margin-top: -5% } } @media (min-width:900px) and (max-width:991px) and (max-height:800px) { .section-mask-wrap-divider-get-a-demo.logos-tables-divider { margin-top: -35% } } @media (min-width:900px) and (max-width:991px) and (min-height:800px) and (max-height:1200px) { .section-mask-wrap-divider-get-a-demo.logos-tables-divider { margin-top: -30% } } @media (min-width:900px) and (max-width:991px) and (min-height:1200px) { .section-mask-wrap-divider-get-a-demo.logos-tables-divider { margin-top: -10% } } @media (min-width:991px) and (max-width:1400px) and (max-height:600px) { .section-mask-wrap-divider-get-a-demo.logos-tables-divider { margin-top: -25% } } @media (min-width:991px) and (max-width:1400px) and (min-height:600px) and (max-height:800px) { .section-mask-wrap-divider-get-a-demo.logos-tables-divider { margin-top: -15% } } @media (min-width:991px) and (max-width:1400px) and (min-height:800px) and (max-height:1300px) { .section-mask-wrap-divider-get-a-demo.logos-tables-divider { margin-top: -10% } } @media (min-width:991px) and (max-width:1400px) and (min-height:1300px) { .section-mask-wrap-divider-get-a-demo.logos-tables-divider { margin-top: -5% } } @media (min-width:1400px) and (max-height:600px) { .section-mask-wrap-divider-get-a-demo.logos-tables-divider { margin-top: -15% } } @media (min-width:1400px) and (min-height:600px) and (max-height:800px) { .section-mask-wrap-divider-get-a-demo.logos-tables-divider { margin-top: -20% } } @media (min-width:1400px) and (min-height:800px) and (max-height:1300px) { .section-mask-wrap-divider-get-a-demo.logos-tables-divider { margin-top: -10% } } @media (min-width:1400px) and (min-height:1300px) { .section-mask-wrap-divider-get-a-demo.logos-tables-divider { margin-top: -10% } } .open-roles .section-mask-wrap-divider.bottom-left { display: none } .download-form-get-a-demo { width: 100%; color: #191919; z-index: 0; position: relative } .download-form-get-a-demo .download-form-title { font-weight: 500 } @media (min-width:0px) and (max-width:500px) { .download-form-get-a-demo .download-form-title { font-size: 31px; line-height: 39px } } @media (min-width:501px) { .download-form-get-a-demo .download-form-title { font-size: 46px; line-height: 56px } } @media (min-width:0px) and (max-width:500px) { .download-form-get-a-demo .download-form-subtitle { font-size: 16px; line-height: 24px; width: 265px } } @media (min-width:501px) { .download-form-get-a-demo .download-form-subtitle { font-size: 24px; line-height: 36px } } @media (min-width:1024px) { .download-form-get-a-demo .download-form-subtitle { margin-bottom: 15px } } .download-form-get-a-demo form { width: 100% !important } @media (min-width:0px) and (max-width:767px) { .download-form-get-a-demo form { margin-top: 0 } } @media (min-width:768px) and (max-width:1023px) { .download-form-get-a-demo form { margin-top: 3rem } } @media (min-width:1024px) { .download-form-get-a-demo form { margin-top: 0 } } .download-form-get-a-demo form .mktoFieldDescriptor.mktoFormCol, .download-form-get-a-demo form .mktoFieldWrap { width: 100% !important } @media (min-width:0px) and (max-width:767px) { .download-form-get-a-demo form .mktoFieldDescriptor.mktoFormCol, .download-form-get-a-demo form .mktoFieldWrap { margin-bottom: 5px !important } } .download-form-get-a-demo form .mktoError { clear: both } .download-form-get-a-demo form select { font-family: Larsseit, sans-serif !important; background: none; color: #191919; display: block; width: 100% !important; border-radius: 0; border: none; border-bottom: 2px solid #191919; padding: 17px 10px 12px 1px !important } @media (min-width:0px) and (max-width:600px) { .download-form-get-a-demo form select { font-size: 1rem !important; height: 50px } } @media (min-width:601px) { .download-form-get-a-demo form select { font-size: 16px !important } } .download-form-get-a-demo form.mktoForm input[type=date], .download-form-get-a-demo form.mktoForm input[type=email], .download-form-get-a-demo form.mktoForm input[type=number], .download-form-get-a-demo form.mktoForm input[type=tel], .download-form-get-a-demo form.mktoForm input[type=text], .download-form-get-a-demo form.mktoForm input[type=url], .download-form-get-a-demo form.mktoForm select { outline: none !important } .download-form-get-a-demo form.mktoForm .mktoError .mktoErrorMsg { background-color: #191919 !important; color: #fff !important; background-image: none; box-shadow: none; border: 1px solid #191919; text-shadow: unset; border-radius: 35px } .download-form-get-a-demo form.mktoForm .mktoError .mktoErrorArrowWrap { left: 10px } .download-form-get-a-demo form.mktoForm .mktoError .mktoErrorArrow { background-color: #191919; border: 1px solid #191919 } .download-form-get-a-demo form.mktoForm .mktoLabel { float: none; padding: 0 } .download-form-get-a-demo form.mktoForm .mktoGutter { display: none } .download-form-get-a-demo form input::-webkit-input-placeholder { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: relative; top: 0; color: #191919 } .download-form-get-a-demo form input:focus::-webkit-input-placeholder { font-size: 12px !important; position: relative } @media (min-width:0px) and (max-width:767px) { .download-form-get-a-demo form input:focus::-webkit-input-placeholder { top: -20px } } @media (min-width:768px) { .download-form-get-a-demo form input:focus::-webkit-input-placeholder { top: -30px } } @media (min-width:768px) { .download-form-get-a-demo form .mktoButtonRow { margin-top: 1rem !important } } @media (min-width:0px) and (max-width:767px) { .stats-number { font-size: 32px; line-height: 40px } } @media (min-width:768px) and (max-width:1023px) { .stats-number { margin-top: -40px } } .stats-text { font-family: Larsseit; margin-top: 6px; margin-bottom: -2px; font-size: 18px; font-style: normal; font-weight: 400; line-height: 30px; letter-spacing: 0; text-align: left } @media (min-width:0px) and (max-width:767px) { .stats-text { font-size: 14px; line-height: 24px } } .divider-image { width: 100%; margin-bottom: -1px } @media (min-width:0px) and (max-width:767px) { .divider-image { width: 100%; height: 91px; margin-bottom: -20px; -webkit-clip-path: polygon(0 19%, 171% 20%, 188% 29%, 0 182%); clip-path: polygon(0 19%, 171% 20%, 188% 29%, 0 182%) } } @media (min-width:768px) { .divider-image { margin-bottom: -9px } } .call-to-action-section { background-color: #3d55cc; position: relative; z-index: 9999; padding-top: 2px; padding-bottom: 0 } .call-to-action-container { height: 343px; position: relative; z-index: 999 } @media (min-width:0px) and (max-width:1023px) { .call-to-action-container { height: 599px } } @media (min-width:1024px) and (max-width:1400px) { .call-to-action-container { height: 400px } } .call-to-action-heading { font-family: WunderBrickText; font-size: 40px; font-style: normal; font-weight: 400; line-height: 48px; letter-spacing: 0; text-align: left; max-width: 636px } @media (min-width:0px) and (max-width:767px) { .call-to-action-heading { font-size: 32px; font-weight: 500; line-height: 40px; margin-top: 40px; margin-bottom: 35px } } .call-to-action-button { margin-top: 6px; border-radius: 24px; border: 1px solid #fb0; background-color: #fb0; width: 151px; height: 40px; font-size: 16px; color: #191919; line-height: 20px; padding: 10px 16px; font-weight: 700; font-family: Larsseit; font-style: normal; letter-spacing: 0; text-align: left; text-decoration: none } .call-to-action-image { margin-top: -47px; padding-left: 18px } @media (min-width:0px) and (max-width:1023px) { .call-to-action-image { text-align: center } } @media (min-width:0px) and (max-width:767px) { .call-to-action-image { margin-top: -25px } } .unsubscribe-confirmation { margin-bottom: 3.5rem; padding: 30px 0 } .unsubscribe-confirmation .unsubscribe-success-info { font-size: 30px; line-height: 40px } .unsubscribe-form { width: 100%; padding-bottom: 20px; margin-bottom: 80px } .unsubscribe-form form { width: 100% !important; font-family: Larsseit, sans-serif !important } .unsubscribe-form form .mktoError { clear: both } .unsubscribe-form form .mktoFormRow .mktoHtmlText span { font-family: Larsseit, sans-serif !important } .unsubscribe-form form input[type=email], .unsubscribe-form form input[type=text] { font-family: Larsseit, sans-serif !important; background: none; display: block; width: 100% !important; border-radius: 0; border: none; border-bottom: 1px solid #fff; padding: 20px 10px 11px 1px; color: #fff } @media (min-width:0px) and (max-width:767px) { .unsubscribe-form form input[type=email], .unsubscribe-form form input[type=text] { font-size: 1rem; height: 50px } } @media (min-width:768px) { .unsubscribe-form form input[type=email], .unsubscribe-form form input[type=text] { font-size: 1.5rem } } .unsubscribe-form form select { font-family: Larsseit, sans-serif !important; background: none; color: #191919; display: block; width: 100% !important; border-radius: 0; border: none; border-bottom: 1px solid #191919; padding: 20px 10px 11px 1px } @media (min-width:0px) and (max-width:767px) { .unsubscribe-form form select { font-size: 1rem !important; height: 50px } } @media (min-width:768px) { .unsubscribe-form form select { font-size: 1.5rem !important } } .unsubscribe-form form.mktoForm input[type=date], .unsubscribe-form form.mktoForm input[type=email], .unsubscribe-form form.mktoForm input[type=number], .unsubscribe-form form.mktoForm input[type=tel], .unsubscribe-form form.mktoForm input[type=text], .unsubscribe-form form.mktoForm input[type=url], .unsubscribe-form form.mktoForm select { outline: none !important } .unsubscribe-form form.mktoForm .mktoError .mktoErrorMsg { background-color: #fff !important; color: #191919 !important; background-image: none; box-shadow: none; border: 1px solid #fff; text-shadow: unset; border-radius: 35px } .unsubscribe-form form.mktoForm .mktoError .mktoErrorArrowWrap { left: 10px } .unsubscribe-form form.mktoForm .mktoError .mktoErrorArrow { background-color: #fff; border: 1px solid #fff } .unsubscribe-form form.mktoForm .mktoLabel { float: none; padding: 0 } .unsubscribe-form form.mktoForm .mktoGutter { display: none } .unsubscribe-form form input::-webkit-input-placeholder { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: relative; top: 0; color: #fff } .unsubscribe-form form input:focus::-webkit-input-placeholder { font-size: 12px !important; position: relative } @media (min-width:0px) and (max-width:767px) { .unsubscribe-form form input:focus::-webkit-input-placeholder { top: -20px } } @media (min-width:768px) { .unsubscribe-form form input:focus::-webkit-input-placeholder { top: -30px } } .unsubscribe-form form .mktoButtonWrap.mktoPurpleCandy { margin-left: 0 !important } .unsubscribe-form form .mktoButtonWrap.mktoPurpleCandy .mktoButton { font-family: Larsseit, sans-serif !important; display: block; border-radius: 35px !important; padding: 0 10px; border: 1px solid #191919 !important; text-decoration: none; font-size: 1rem; font-weight: 700; min-height: 40px; min-width: 150px; text-align: center; position: relative; overflow: hidden; display: inline-block; cursor: pointer; background: #fff !important; color: #191919 !important; transition: all .3s ease-in-out; text-transform: none !important; font: 500 18px Arial !important; font-weight: 700 !important; text-shadow: none; letter-spacing: 0 !important } .unsubscribe-form form .mktoButtonWrap.mktoPurpleCandy .mktoButton:hover { background: #191919 !important; color: #fff !important; border: 1px solid #fff !important; top: unset !important } .unsubscribe-form form .mktoButtonWrap.mktoPurpleCandy .mktoButton:active { background: #fff !important; color: #191919 !important } .unsubscribe-form form .mktoTemplateBox { color: #191919 !important } @media (min-width:0px) and (max-width:767px) { .unsubscribe-form form .mktoTemplateBox { font-size: 1rem; line-height: 1.5rem } } @media (min-width:768px) { .unsubscribe-form form .mktoTemplateBox { font-size: 1.125rem; line-height: 1.875rem } } .unsubscribe-form form a.mktoNotYou { color: #191919 !important } @media (min-width:0px) and (max-width:767px) { .unsubscribe-form form a.mktoNotYou { font-size: 1rem; line-height: 1.5rem } } @media (min-width:768px) { .unsubscribe-form form a.mktoNotYou { font-size: 1.125rem; line-height: 1.875rem } } .unsubscribe-form form a { color: #191919 !important; padding: 0 !important } .unsubscribe-form form .mktoCheckboxList, .unsubscribe-form form .mktoRadioList { width: auto !important; padding-top: .5rem } @media (max-width:575px) { .unsubscribe-form form .mktoCheckboxList, .unsubscribe-form form .mktoRadioList { width: 100% !important } } .unsubscribe-form form .mktoCheckboxList input:checked+label:before, .unsubscribe-form form .mktoRadioList input:checked+label:before { background-color: #fff; color: #191919; border: none; padding: 6px } @media (min-width:1025px) { .unsubscribe-form { max-width: 565px; color: #191919 } } .general-two-columns { color: #191919; position: relative; z-index: 50; overflow: hidden; margin-top: -2px } .general-two-columns .section-mask-wrap { position: absolute; bottom: 0 } .general-two-columns .content-container { margin-top: -20.6rem; padding-bottom: 5.5rem } @media (min-width:768px) and (max-width:1024px) { .general-two-columns .content-container { margin-top: -21.6rem } } @media (min-width:1025px) { .general-two-columns .content-container { margin-top: -25.4vw } } @media (min-width:1200px) { .general-two-columns .content-container { margin-top: -22.4vw } } @media (min-width:1400px) { .general-two-columns .content-container { margin-top: -19.4vw } } @media (min-width:1800px) { .general-two-columns .content-container { margin-top: -18.4vw } } .general-two-columns .title { font-size: 3rem; line-height: 3.5rem; margin-top: 2.8rem; margin-bottom: 1rem } .general-two-columns .subtitle { margin-bottom: 1.35rem } .general-two-columns .subtitle.no-button { margin-bottom: 0 !important } .general-two-columns .img-wrap { max-width: 565px } .general-two-columns .img-wrap img { width: 100%; height: auto } .general-two-columns .sec-col { margin-top: 12.6rem } .general-two-columns .tc-bg-ptrn .tc-bg-ptrn-wrap { position: relative; width: 100%; height: 100%; overflow: hidden } .general-illu-content { position: relative; z-index: 60 } @media (min-width:0px) and (max-width:767px) { .general-illu-content { margin-top: 0 } } @media (min-width:768px) and (max-width:1024px) { .general-illu-content { margin-top: 21px } } @media (min-width:1025px) { .general-illu-content { margin-top: 20px } } .general-illu-content .full-color { padding-top: 5rem; margin-top: -1.3rem } @media (min-width:0px) and (max-width:767px) { .general-illu-content .full-color { padding-bottom: 4.8rem } } @media (min-width:768px) and (max-width:1024px) { .general-illu-content .full-color { padding-bottom: 7rem } } @media (min-width:1025px) { .general-illu-content .full-color { padding-bottom: 9rem } } .general-illu-content .mask { margin-bottom: -.85rem } .general-illu-content .col-illu { text-align: right } .general-illu-content .col-illu .img { margin-top: -14rem; height: 100%; width: auto; height: 400px } @media (min-width:768px) { .general-illu-content .col-illu .img { max-width: 350px } } @media (min-width:1200px) { .general-illu-content .col-illu .img { max-width: 420px; margin-top: -16rem } } @media (min-width:1400px) { .general-illu-content .col-illu .img { max-width: 550px; height: 450px; margin-top: -20rem } } .general-illu-content .info { margin-top: -7.5rem } .general-illu-content .info .title { font-size: 4rem; line-height: 4.5rem; color: #191919; position: relative; top: -30px } .general-illu-content .info .btn-wrap { margin-top: 2.3rem } .general-illu-content.about-illu .img { margin-top: -17.5rem; max-height: 455px } @media (min-width:0px) and (max-width:767px) { .general-two-columns .bg-pattern { height: 217px } .general-two-columns .full-color-wrapper { margin-top: 13.5rem } .general-two-columns .sec-col { margin-top: 3.075rem } .general-two-columns .title { font-size: 2rem; line-height: 2.5rem; margin-top: 1.5rem; margin-bottom: .85rem } .general-two-columns .subtitle { font-size: 1rem; line-height: 1.5rem } .general-illu-content .col-illu { text-align: left } .general-illu-content .col-illu img { height: auto !important; width: 245px !important; margin-top: -11rem !important; margin-left: 1.75rem } .general-illu-content .info .title { font-size: 2rem; line-height: 2.5rem; margin-top: 9.25rem; top: 0 } .general-illu-content .full-color { margin-top: 0 !important; padding-bottom: 3.5rem } .open-roles .general-illu-content .col-illu img { max-height: 248px !important } } @media (min-width:768px) and (max-width:1024px) { .general-two-columns .bg-pattern { height: 293px } .general-two-columns .full-color-wrapper { margin-top: 9.5rem } .general-two-columns .sec-col { margin-top: 8rem } .general-two-columns .title { font-size: 2.5rem; line-height: 3rem } .general-illu-content .col-illu { text-align: left } .general-illu-content .col-illu img { width: 100% !important; margin-top: -17.2rem !important } .general-illu-content .info .title { font-size: 3rem; line-height: 3.5rem; top: 50px } .culture .bg-pattern { margin-top: 0 !important } .open-roles .general-illu-content .col-illu img { height: 270px !important } .general-illu-content .info .btn-wrap { position: relative; top: 3rem } } .kpis { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap } @media (min-width:0px) and (max-width:767px) { .kpis { margin-top: 2rem; margin-bottom: 2.5rem } } @media (min-width:768px) and (max-width:1024px) { .kpis { margin-bottom: 4rem; margin-top: 3rem } } .kpis .kpi { color: #191919; padding: 1rem 0 } @media (min-width:0px) and (max-width:1024px) { .kpis .kpi { flex: 0 0 47.5% } } @media (min-width:1025px) { .kpis .kpi { flex: 0 0 100% } } .kpis .kpi .kpi-number { font-size: 2rem; line-height: 40px; font-weight: 400 } .kpis .kpi .kpi-name { font-size: .875rem; line-height: 24px; font-weight: 700 } .brand-quote-box .kpis .kpi { color: #fff; border-bottom: 1px solid hsla(0, 0%, 100%, .3) } @media (min-width:768px) { .kpis .kpi { border-bottom: 1px solid rgba(25, 25, 25, .3) } .kpis .kpi .kpi-number { font-size: 4.5rem; font-weight: 500; line-height: 72px; padding: 1rem 0 } .kpis .kpi .kpi-name { font-size: 1rem; font-weight: 700; line-height: 24px; padding-bottom: .5rem } } @media (min-width:1440px) { .kpis { flex-direction: column } .kpis .kpi { border-bottom: 1px solid rgba(25, 25, 25, .3) } .kpis .kpi .kpi-number { font-size: 5.5rem; line-height: 96px; padding: 1rem 0 } .kpis .kpi .kpi-name { font-size: 1.5rem; line-height: 32px; padding-bottom: .5rem } } .plx-request-demo { width: 100%; color: #191919; position: relative; z-index: 25 } .plx-request-demo.dark { color: #fff } @media (min-width:0px) and (max-width:767px) { .plx-request-demo { padding-bottom: 0 } } @media (min-width:768px) and (max-width:1024px) { .plx-request-demo { padding-bottom: 0 } } @media (min-width:1025px) { .plx-request-demo { padding-bottom: 6rem } } @media (min-width:1200px) { .plx-request-demo { padding-bottom: 10rem } } .plx-request-demo .rq-demo-wrap { margin-top: -8rem } @media (min-width:0px) and (max-width:767px) { .plx-request-demo .rq-demo-wrap { padding-top: 8rem; padding-bottom: 4rem } } @media (min-width:768px) and (max-width:1024px) { .plx-request-demo .rq-demo-wrap { padding-top: 4rem; padding-bottom: 4rem; margin-top: -2rem } } @media (min-width:1025px) { .plx-request-demo .rq-demo-wrap { padding-top: 7rem } } @media (min-width:1200px) { .plx-request-demo .rq-demo-wrap { padding-top: 11rem } } @media (min-width:1800px) { .plx-request-demo .rq-demo-wrap { padding-top: 12rem; padding-bottom: 3rem } } .plx-request-demo .section-mask-wrap { margin-top: -.1rem; margin-bottom: 2.2rem; z-index: 5 } .plx-request-demo .container, .plx-request-demo .row { height: 100% } .plx-request-demo .title { line-height: 100% } @media (min-width:0px) and (max-width:767px) { .plx-request-demo .title { font-size: 3rem; margin-top: 1.5rem } } @media (min-width:768px) and (max-width:1024px) { .plx-request-demo .title { font-size: 3rem; margin-top: 0 } } @media (min-width:1025px) { .plx-request-demo .title { font-size: 4.5rem; margin-top: 3rem } } @media (min-width:1400px) { .plx-request-demo .title { font-size: 5.5rem } } @media (min-width:0px) and (max-width:767px) { .plx-request-demo .subtitle { margin: 1rem 0 1.75rem; font-size: 1rem; line-height: 1.5rem } .plx-request-demo .subtitle br { display: none } } @media (min-width:768px) and (max-width:1024px) { .plx-request-demo .subtitle { margin: 2rem 0 2.85rem; font-size: 1.5rem; line-height: 2.25rem; max-width: 330px } .plx-request-demo .subtitle br { display: none } } @media (min-width:1025px) { .plx-request-demo .subtitle { margin: 1rem 0 2.85rem; font-size: 1.5rem; line-height: 2.25rem } } .plx-request-demo .img { display: block; width: 100%; height: auto } @media (min-width:0px) and (max-width:1024px) { .plx-request-demo .img { margin: 0 auto } } @media (min-width:0px) and (max-width:767px) { .plx-request-demo .img { max-width: 224px; margin-right: 0; margin-bottom: 0; margin-top: 3rem } } @media (min-width:768px) and (max-width:1024px) { .plx-request-demo .img { width: 300px; margin-right: 0; margin-bottom: 0; left: .5rem } } @media (min-width:1025px) { .plx-request-demo .img { max-width: 467px; margin-right: 0; margin-left: auto } } @media (max-width:576px) { .plx-request-demo .title { font-size: 3rem; line-height: 3rem } .plx-request-demo .subtitle { font-size: 1rem; line-height: 1.5rem } } @media (min-width:576px) and (max-width:1024px) { .plx-request-demo .title { font-size: 4.5rem; line-height: 4.5rem; margin-top: 1.5rem } } @media screen and (min-width:576px) and (max-width:1024px) and (orientation:portrait) { .plx-request-demo .illu-img { margin-top: -12rem } } @media (min-width:576px) and (max-width:1024px) { .plx-request-demo .img { width: 100%; margin-right: 0; max-width: 400px; margin-top: 0; margin-bottom: 3rem; position: relative } } @media (min-width:576px) and (max-width:1024px) and (min-width:768px) { .plx-request-demo .img { max-width: 65% } } @media screen and (min-width:576px) and (max-width:1024px) and (orientation:portrait) { .plx-request-demo .img { left: 0; top: 0; margin-top: 11rem } } .home-rq-demo svg path { fill: #191919 } .home-rq-demo:not(.rq-no-parallax) .rq-demo-wrap { padding-bottom: 0; height: 0; width: 100% } @media (min-width:0px) and (max-width:574px) { .home-rq-demo:not(.rq-no-parallax) .rq-demo-wrap { padding-top: calc(100rem + 10%) } } @media (min-width:574px) and (max-width:575px) { .home-rq-demo:not(.rq-no-parallax) .rq-demo-wrap { padding-top: calc(115rem + 10%) } } @media (min-width:576px) and (max-width:766px) { .home-rq-demo:not(.rq-no-parallax) .rq-demo-wrap { padding-top: calc(115rem + 10%) } } @media (min-width:768px) and (max-width:1024px) { .home-rq-demo:not(.rq-no-parallax) .rq-demo-wrap { padding-top: calc(120rem + 10%) } } @media (min-width:1025px) and (max-width:1199px) { .home-rq-demo:not(.rq-no-parallax) .rq-demo-wrap { padding-top: calc(115rem + 10%) } } @media (min-width:1200px) { .home-rq-demo:not(.rq-no-parallax) .rq-demo-wrap { padding-top: calc(110rem + 10%) } } @media (min-width:1800px) { .home-rq-demo:not(.rq-no-parallax) .rq-demo-wrap { padding-top: calc(115rem + 10%) } } .home-rq-demo:not(.rq-no-parallax) .rq-demo-wrap .rq-demo { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 50; padding-top: 10% } .home-rq-demo:not(.rq-no-parallax) .rq-demo-wrap .container { top: 5%; left: 0; height: auto; position: -webkit-sticky; position: sticky } @media (min-width:0px) and (max-width:767px) { .home-rq-demo:not(.rq-no-parallax) .rq-demo-wrap .container { padding-top: 15% } } @media (min-width:768px) and (max-width:1199px) { .home-rq-demo:not(.rq-no-parallax) .rq-demo-wrap .container { padding-top: 12% } } @media (min-width:1200px) { .home-rq-demo:not(.rq-no-parallax) .rq-demo-wrap .container { padding-top: 10% } } @media (min-width:1200px) { .home-rq-demo .rq-demo-wrap .img { max-width: 100% } } .home-rq-demo .section-mask-wrap { border-top: 5px solid #191919; margin-top: -3px } .how-it-works-get-started { background-color: #fb0; padding-bottom: 10rem } .how-it-works-get-started .container { align-items: flex-end } .how-it-works-get-started .container h1 { font-family: WunderBrick; font-style: normal; font-weight: 500; font-size: 82px; line-height: 86px; display: flex; align-items: center; color: #191919; padding-right: 1rem } @media (max-width:600px) { .how-it-works-get-started .container h1 { font-size: 43px; line-height: 53px } } .how-it-works-get-started .container .image-wrapper { display: flex; justify-content: center } .how-it-works-get-started .container img { margin-left: -6rem } @media (max-width:1199px) { .how-it-works-get-started .container img { margin-left: 0; max-width: 100% } } @media (max-width:1399px) { .how-it-works-get-started .container img { height: -webkit-max-content; height: max-content } } .how-it-works-get-started .container .get-started-button { background: #3d55cc; border-color: #3d55cc } .open-roles-jobs { padding: 3.75rem 0 0; position: relative; z-index: 60 } @media (min-width:0px) and (max-width:767px) { .open-roles .inner-heading { padding-top: 3.35rem } } @media (min-width:768px) and (max-width:1024px) { .open-roles .inner-heading { padding-top: 3.75rem } } @media (min-width:1025px) { .open-roles .inner-heading { padding-top: 7.5rem } } @media (min-width:1200px) { .open-roles .inner-heading { padding-top: 8rem } } @media (min-width:1400px) { .open-roles .inner-heading { padding-top: 8.25rem } } @media (min-width:1025px) { .open-roles .inner-heading h1 { margin-top: -1rem } } .btn-arrow { display: block; color: #fff; border: 1px solid #fff; padding: 0 10px; text-decoration: none; font-size: 1rem; font-weight: 700; text-align: center; position: relative; display: inline-block; cursor: pointer; width: 32px; height: 32px; border-radius: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden } @media (min-width:768px) { .btn-arrow { min-height: 40px; min-width: 150px; width: auto; height: auto; border-radius: 35px } } .btn-arrow img { width: 24px; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto } .btn-arrow:before { content: ""; background: #fff; -webkit-transform: translateY(100%); transform: translateY(100%); z-index: 1 } .btn-arrow span { text-align: center; z-index: 2; line-height: 38px; -webkit-backface-visibility: hidden } .btn-arrow span.out { -webkit-transform: translateY(100%); transform: translateY(100%); color: #191919 } .btn-arrow:before, .btn-arrow span { position: absolute; width: 100%; height: 100%; top: 0; left: 0 } .btn-arrow:before { transition: all .4s cubic-bezier(.64, -.095, .295, 1.065) } .btn-arrow .in { transition: all .5s cubic-bezier(.64, -.095, .295, 1.065) } .btn-arrow .out { transition: all .6s cubic-bezier(.64, -.095, .295, 1.065) } .btn-arrow:hover .out, .btn-arrow:hover:before { -webkit-transform: translateY(0); transform: translateY(0) } .btn-arrow:hover .in { -webkit-transform: translateY(-100%); transform: translateY(-100%) } .btn-arrow.btn-fill { color: #191919; background: #fff; border: 0 } .btn-arrow.btn-fill:before { background: #191919 } .btn-arrow.btn-fill span.out { color: #fff } .btn-arrow.btn-dark { color: #fff; border: 0 } .btn-arrow.btn-dark:before { background: #fff } .btn-arrow.btn-dark span.in { background: #191919 } .btn-arrow.btn-dark span.out { color: #191919 } .btn-arrow.btn-fill-dark { color: #191919; background: #fff } .btn-arrow.btn-fill-dark:before { background: #191919 } .btn-arrow.btn-fill-dark span.out { color: #fff } .btn-arrow .mob-arrow { display: flex; align-items: center; justify-content: center } @media (min-width:768px) { .btn-arrow .mob-arrow { display: none } } .btn-arrow .desktop-arrow { display: none } @media (min-width:768px) { .btn-arrow .desktop-arrow { display: block } } .btn-arrow.back-btn { border: none !important; min-width: 32px !important; min-height: 32px !important } .btn-arrow.back-btn .desktop-arrow { display: none !important } .btn-arrow.back-btn .mob-arrow { display: block !important } .btn-arrow.back-btn .mob-arrow img { -webkit-transform: rotate(180deg); transform: rotate(180deg); position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto } .btn-arrow.back-btn .mob-arrow.out { -webkit-transform: none !important; transform: none !important; background: #fff !important } .btn-arrow.back-btn .mob-arrow.in { -webkit-transform: translateY(100%) !important; transform: translateY(100%) !important } .btn-arrow.back-btn:hover .in { -webkit-transform: translateY(0) !important; transform: translateY(0) !important } .btn-arrow.back-btn:hover .out, .btn-arrow.back-btn:hover:before { -webkit-transform: translateY(-100%) !important; transform: translateY(-100%) !important } .fly-out-filter { background-color: #fff; position: fixed; right: 0; top: 0; height: 100%; width: 100%; z-index: 99999; color: #191919; padding: 30px 25px; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; -webkit-transform: translateX(0); transform: translateX(0) } @media (min-width:768px) { .fly-out-filter { width: 489px } } .fly-out-filter.hide-fly-filter { -webkit-transform: translateX(100%); transform: translateX(100%) } .fly-out-filter .fly-out-filter-header { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 22px } .fly-out-filter .fly-out-filter-options { max-height: 70vh; overflow-x: hidden; overflow-y: auto; padding: 0 15px } .fly-out-filter .filter-title { font-size: 1.5rem; line-height: 2rem; margin: 0 } .fly-out-filter .filter-divider { position: relative; left: -25px; right: -25px; width: calc(100% + 50px); border: 0; margin: 0; border-bottom: 1px solid #d6d6d6 } .fly-out-filter .clear-filter { font-size: .75rem; line-height: 1rem; letter-spacing: 1.16px; text-align: center; text-transform: uppercase; position: relative; padding: 1rem 0; margin: 0; cursor: pointer; display: block; text-decoration: none; color: #191919; font-family: Larsseit, sans-serif } .fly-out-filter .filter-name-wrapper { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between } .fly-out-filter .toggle-display { cursor: pointer; display: inline-flex; outline: none } .fly-out-filter .toggle-display img { width: 16px; height: 16px } .fly-out-filter .filter-item-title { font-size: 1rem; padding: 1rem 0; line-height: 1.5rem; display: inline-block; font-weight: 700 } .fly-out-filter .filter-item { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-top: 1px solid #d6d6d6; padding: 1rem 0 1rem 2rem } .fly-out-filter .filter-item .filter-label { font-size: 1rem; line-height: 1.5rem } .fly-out-filter .btn-apply { margin-top: 2rem } .hide-filter { display: none !important } @media (min-width:1400px) { .back-job { left: -5.1rem } } .open-roles-form { padding: 3.75rem 0 0; position: relative; z-index: 60 } @media (min-width:768px) { .open-roles-form { padding: 5.75rem 0 0 } } .open-role-form-apply { font-weight: 500; line-height: 1.4; margin-top: 0; margin-bottom: 1rem; font-size: 2rem } @media (min-width:768px) and (max-width:1024px) { .open-role-form-apply { font-size: 4.5rem } } @media (min-width:1025px) { .open-role-form-apply { font-size: 5.5rem } } .open-role-form-title { font-size: 3rem; font-weight: 500; line-height: 1.1; margin-bottom: 0 } @media (min-width:0px) and (max-width:767px) { .open-role-form-title { margin-top: .5rem; font-size: 1.5rem } } @media (min-width:768px) and (max-width:1024px) { .open-role-form-title { margin-top: 1rem } } .open-role-form-notice { margin-bottom: 0 } @media (min-width:0px) and (max-width:767px) { .open-role-form-notice { font-size: 1rem } } @media (min-width:768px) and (max-width:1024px) { .open-role-form-notice { font-size: 1rem; margin-top: 2.5rem } } @media (min-width:1025px) { .open-role-form-notice { font-size: 1.2rem } } #grnhse_iframe { width: 100% } .card-list-wrapper .card { width: 20.625rem; height: 27.6875rem; border-radius: 5px; color: #191919 } .card-list-wrapper .card .card-header { width: 100%; height: 11.625rem; position: relative; z-index: 1 } .card-list-wrapper .card .card-header .card-header-logo { display: inline-flex; margin: 2.5rem 0 0 2rem; height: 56px; width: 110px; align-items: center } .card-list-wrapper .card .card-header .card-header-img { width: 100%; border-radius: 5px } @media (min-width:1200px) { .card-list-wrapper .card .card-header .card-header-img { height: 100% } } @media (min-width:1440px) { .card-list-wrapper .card .card-header .card-header-img { height: 11.625rem } } .card-list-wrapper .card .card-header .card-header-img.header-top { position: inherit; z-index: 1 } .card-list-wrapper .card .card-header .card-header-img2 { width: 100% } .card-list-wrapper .card .card-header .card-header-brand { width: 100%; height: auto } .card-list-wrapper .card .card-header svg { position: absolute; width: 100%; top: 0; left: 0 } .card-list-wrapper .card .card-body { padding: 20px 32px; position: relative; z-index: 1 } .card-list-wrapper .card .card-body .card-title { font-family: Larsseit, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 2px; line-height: 16px; text-transform: uppercase; margin-bottom: 15px } .card-list-wrapper .card .card-body .card-text { font-size: 24px; font-weight: 400; line-height: 32px; height: 8.625rem } .card-list-wrapper .card .card-footer { display: flex; justify-content: space-between; align-items: center; padding: 0 32px; height: 2.5rem; position: relative; z-index: 15 } .card-list-wrapper .card .card-footer .card-footer-img { height: 100% } .card-list-wrapper .card .card-footer .arrow.dark, .card-list-wrapper .card .card-footer .arrow.dark:hover { border: 0 } .card-list-wrapper .card.dark { color: #fbfcfd } .card-link-inherit { color: inherit; text-decoration: none; font-family: inherit; font-size: inherit } @media (min-width:1440px) { .card-list-wrapper .card { width: 23.0625rem; height: 30rem; border-radius: 5px; color: #191919 } .card-list-wrapper .card .card-header { width: 100%; height: 13rem; position: relative; z-index: 1 } .card-list-wrapper .card .card-header .card-header-img { width: 100%; height: 13rem } .card-list-wrapper .card .card-header .card-header-img2 { width: 100% } .card-list-wrapper .card .card-header svg { position: absolute; width: 100%; top: 0; left: 0 } .card-list-wrapper .card .card-body { padding: 20px 32px; position: relative; z-index: 1 } .card-list-wrapper .card .card-body .card-title { font-size: 12px; line-height: 16px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px } .card-list-wrapper .card .card-body .card-text { font-size: 32px; line-height: 40px; height: 8.625rem } .card-list-wrapper .card .card-footer { display: flex; justify-content: space-between; align-items: center; padding: 0 32px } .card-list-wrapper .card.dark { color: #fbfcfd } } .card-list-wrapper { display: grid; justify-content: center; grid-gap: 1.5rem } .load-more { display: flex; justify-content: center; align-items: center; margin: 9.125rem auto } .load-more button { border: 2px solid #fff !important; width: 157px } @media (min-width:768px) { .card-list-wrapper { grid-template-columns: repeat(2, 20.625rem); grid-gap: 1.9rem; padding: 0 } } @media (min-width:1200px) { .card-list-wrapper { grid-template-columns: repeat(3, minmax(20.625rem, 1fr)); grid-gap: 1rem; padding: 0 } } @media (min-width:1440px) { .card-list-wrapper { display: grid; grid-template-columns: repeat(3, minmax(23rem, 1fr)); grid-gap: 1.5rem; padding: 0 } } .card-list { flex-direction: column; align-items: center } .card-list, .flex { display: flex } @media (min-width:768px) and (max-width:1024px) { .about-us .testimonial-slider .slider-dots { margin-top: 2.5rem } } .about-us .testimonial-slider .main-image img { max-width: 500px } .side-html-text-content { margin-top: 1.5rem; padding-bottom: 6.5rem } @media (min-width:0px) and (max-width:767px) { .side-html-text-content { margin-top: 3rem } } .side-html-text-content h3 { font-size: 16px; font-family: Larsseit, sans-serif; font-weight: 600 } @media (min-width:768px) { .side-html-text-content h3 { font-size: 24px; margin-top: .25rem } } @media (max-width:768px) { .side-html-text-content p { font-size: 16px } } .side-html-text-content ol, .side-html-text-content ul { padding-left: 1rem } .side-html-text-content li { font-family: Larsseit, sans-serif; padding-bottom: .75rem; font-size: 1rem; line-height: 1.5rem } @media (min-width:768px) { .side-html-text-content li { font-size: 1.125rem; line-height: 1.75rem } } .side-html-text-content a { color: #25b89d; text-decoration: none } .side-html-text-content a:visited { color: #25b89d } .side-html-text-content a:hover { color: #3d55cc } .side-html-text-content a span { text-decoration: underline } @media (max-width:576px) { .side-html-text-content h3 { margin-bottom: 1.25rem } } .side-html-text-content .content-size-xl { font-size: 1.5rem; line-height: 2rem; margin-top: 3rem } @media (min-width:1025px) { .side-html-text-content .content-size-xl { font-size: 2rem; line-height: 2.5rem; margin-top: 6rem } } .side-html-text-content.side-no-padding { padding-bottom: 0 } .video { max-width: 1080px; height: 600px; margin: 0 auto } .frame-styles { width: 100%; height: 100% } .img-text-wrap { position: relative; width: 100%; background: #f5ebe1; color: #191919 } @media (min-width:1400px) { .img-text-wrap { padding-bottom: 6rem } } .img-text-wrap .col { padding: 0 } .img-text-wrap .main-image { width: 100%; height: auto; position: relative } @media (min-width:1200px) { .img-text-wrap .main-image { width: 80%; height: auto; display: block; margin: 0 auto } } @media (min-width:768px) and (max-width:1024px) { .img-text-wrap .col.mob-hide { flex: 0 0 100% } } @media (min-width:0px) and (max-width:1024px) { .img-text-wrap .mob-hide { display: none } } @media (min-width:0px) and (max-width:1024px) { .img-text-wrap .mob-only { display: block } } @media (min-width:1025px) { .img-text-wrap .mob-only { display: none } } .img-text-wrap .col-text-content { display: flex; position: relative; flex-direction: column; padding-right: 22px } @media (min-width:768px) and (max-width:1024px) { .img-text-wrap .col-text-content { max-width: 568px } } @media (min-width:1400px) { .img-text-wrap .col-text-content { margin-left: 7rem; margin-top: 0 } } .img-text-wrap img { width: 100%; height: auto } @media (min-width:0px) and (max-width:1399px) { .img-text-wrap img { margin: .5rem 0 } } .img-text-wrap .oval-icon { display: none; align-items: center; justify-content: center } @media (min-width:0px) and (max-width:1399px) { .img-text-wrap .side-heading { display: flex; align-items: center; margin-bottom: 1.25rem } .img-text-wrap .side-heading .oval-icon { display: flex; margin-bottom: 0 } } @media (min-width:1400px) { .img-text-wrap .oval-icon { display: flex } .img-text-wrap .side-heading .oval-icon { display: none } } .img-text-wrap .info { position: relative; top: 30px } .img-text-wrap .info h1 { margin-top: 5px } .img-text-wrap .info h2 { font-size: 4rem; line-height: 4rem; padding-top: 2.5rem } .img-text-wrap .info h3 { font-size: 2.5rem; line-height: 3rem; margin-top: 0; margin-bottom: 2.125rem } @media (min-width:0px) and (max-width:767px) { .img-text-wrap .info h3 { margin-bottom: 1.25rem } } .img-text-wrap .info h4, .img-text-wrap .info h5 { font-size: 1.5rem; line-height: 2.25rem } .img-text-wrap .info h5 { font-weight: 700; margin-bottom: .75rem } .img-text-wrap .info p { margin-top: .75rem; margin-bottom: 1.5rem } @media (min-width:0px) and (max-width:767px) { .img-text-wrap .info p { font-size: 1rem; line-height: 1.5rem } } @media (min-width:768px) { .img-text-wrap .info p { font-size: 1.125rem; line-height: 1.875rem } } @media (min-width:992px) { .img-text-wrap .info p { margin-bottom: 2.125rem } } @media (min-width:0px) and (max-width:545px) { .img-text-wrap { max-width: 100% } } @media (min-width:546px) and (max-width:767px) { .img-text-wrap { max-width: 100% } } @media (min-width:0px) and (max-width:767px) { .img-text-wrap { padding-bottom: 3rem; padding-right: 22px } .img-text-wrap .col-text-content { margin-left: 0; padding-top: 2.5rem; padding-left: 22px; padding-right: 22px } .img-text-wrap .info-title, .img-text-wrap .info .title { font-size: 2rem; line-height: 2.5rem } .img-text-wrap .info .subheading, .img-text-wrap .info .text, .img-text-wrap .info h4 { font-size: 1rem; line-height: 1.5rem } .img-text-wrap .info .text, .img-text-wrap .info h4 { font-weight: 400 } .img-text-wrap .info .subheading { margin-top: 2.5rem; margin-bottom: .75rem } } @media (min-width:768px) and (max-width:1024px) { .img-text-wrap { padding-bottom: 3rem } .img-text-wrap .main-image { max-width: 568px; margin-left: 2.5rem } .img-text-wrap .col-text-content { margin-left: 1.4rem; padding-right: 0; padding-top: 2.75rem } .img-text-wrap .info-title { font-size: 2rem; line-height: 2.5rem } .img-text-wrap .info .subheading, .img-text-wrap .info h4 { font-size: 1.5rem; line-height: 2rem } .img-text-wrap .info h4 { font-weight: 400 } .img-text-wrap .info .subheading { margin-top: 2.2rem; margin-bottom: .75rem } .img-text-wrap .info .text { font-size: 1.125rem; line-height: 1.75rem } } @media (min-width:992px) { .img-text-wrap .order-2.col-text-content { order: 1 !important } } @media (min-width:1025px) { .img-text-wrap { padding-top: 8rem; padding-bottom: 6rem } .img-text-wrap .col-text-content { flex: 0 0 50%; max-width: 50% } } @media (min-width:1200px) { .img-text-wrap .col-text-content { flex: 0 0 487px; max-width: 487px } } @media (min-width:1025px) { .img-text-wrap .col-text-content { margin-left: 2.5rem } } @media (min-width:1280px) { .img-text-wrap .col-text-content { margin-left: 6.5rem } } @media (min-width:1400px) { .img-text-wrap .col-text-content { margin-left: 7rem } } @media (min-width:768px) { .img-text-wrap.img-right { padding-top: 1rem } } .img-text-wrap.img-right .col-text-content { margin-left: 0 } @media (min-width:0px) and (max-width:767px) { .img-text-wrap.img-right .col-text-content { margin-right: 0 } } @media (min-width:768px) and (max-width:1024px) { .img-text-wrap.img-right .col-text-content { margin-right: 7rem; margin-left: 1.4rem } } @media (min-width:1025px) { .img-text-wrap.img-right .col-text-content { margin-right: .1rem; margin-left: .8rem } } @media (min-width:1200px) { .img-text-wrap.img-right .col-text-content { margin-left: 2rem } } @media (min-width:1280px) { .img-text-wrap.img-right .col-text-content { margin-left: 6.5rem } } @media (min-width:1400px) { .img-text-wrap.img-right .col-text-content { margin-right: 6.2rem; margin-left: 7rem } } @media (min-width:768px) and (max-width:1024px) { .img-text-wrap.img-right .main-image { margin-left: 0; margin-right: 2.5rem } .img-text-wrap.img-right .mob-hide { text-align: right } } .img-text-wrap.dark { position: relative; z-index: 60; background: #191919; color: #fff } .back, .card, .front { width: 100% } @media (min-width:0px) and (max-width:767px) { .back, .card, .front { height: 385px } } @media (min-width:768px) and (max-width:1199px) { .back, .card, .front { height: 426px } } @media (min-width:1200px) { .back, .card, .front { height: auto; } } .btn-sign { min-width: 32px; min-height: 32px; background: #fff; padding: 0 10px; border-radius: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden } .btn-sign span { display: flex; align-items: center; justify-content: center; border-radius: 100% } .btn-sign span.out { background: #191919 } .btn-sign img { width: 18px; height: auto } .btn-sign.btn-inv { background: #191919 } .btn-sign.btn-inv span.out { background: #fff } .btn-sign.btn-close img { width: 14px } .logos-wall-static { position: relative; z-index: 60; display: flex; justify-content: center; flex-wrap: wrap; padding-top: .5rem; padding-bottom: .5rem } .logos-wall-static.dark { background: #191919 } .logos-wall-static a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent } @media (min-width:0px) and (max-width:767px) { .logos-wall-static .brands-logo { margin: 0 20px } } @media (min-width:768px) and (max-width:1024px) { .logos-wall-static .brands-logo { margin: 0 24px } } @media (min-width:1025px) { .logos-wall-static .brands-logo { margin: 0 24px } } .logos-wall-static .centered-title-wrap { flex: 100% 1; max-width: 100% } @media (min-width:0px) and (max-width:767px) { .logos-wall-static { flex-wrap: wrap } .logos-wall-static .brands-logo { margin: 0 15px; height: 56px; width: 56px; flex: 0 0 56px } .logos-wall-static .brands-logo img { max-width: 56px } } @media (min-width:768px) and (max-width:1024px) { .logos-wall-static .brands-logo { margin: 0 10px } } .logos-wall-static .logo-wrapper { width: 100%; display: flex; justify-content: center; align-items: center; padding: 0 1rem; box-sizing: border-box; flex-wrap: wrap } @media (max-width:576px) { .logos-wall-static .centered-title-wrap .section-title.centered { padding-bottom: 1rem } .logos-wall-static .brands-logo { margin: 20px 15px } } .logo-table .background-title-wrap .background-title { color: #fbfcfd; position: relative; font-family: WunderBrickText, Times New Roman, Times, serif; width: 100%; top: -4.2rem; right: 0; margin: 0; opacity: .1 } @media (min-width:0px) and (max-width:512px) { .logo-table .background-title-wrap .background-title { left: -22px; top: .8rem; font-size: 5rem } } @media (min-width:513px) and (max-width:767px) { .logo-table .background-title-wrap .background-title { top: 1.2rem; font-size: 7rem } } @media (min-width:768px) { .logo-table .background-title-wrap .background-title { left: 0; font-size: 9rem; top: 1.9rem } } @media (max-width:1024px) and (min-width:768px) { .logo-table .background-title-wrap .background-title { font-size: 7rem; line-height: 7rem } } @media (min-width:1200px) { .logo-table .background-title-wrap .background-title { font-size: 10rem; line-height: 10rem } } @media (min-width:1400px) { .logo-table .background-title-wrap .background-title { font-size: 14.25rem; line-height: 14.25rem } } .logo-table .Plx { z-index: 2 } .logo-table .sub-title-wrap div.container>div>div { padding: 0 3rem } .logo-table .sub-title-wrap div.container>div>div h4 { font-size: 2.5rem; line-height: 3rem; margin-top: 0; margin-bottom: 2.125rem; font-family: WunderBrickText, Times New Roman, Times, serif; padding-right: 1rem } .logo-table .logo-image { display: inline-block; padding: 2.5rem; z-index: 2; vertical-align: middle } .logo-table .logo-image img { width: inherit } .marketo-form-section { background-color: #f5ebe1; color: #191919; padding-bottom: 4rem } .marketo-form-section h3 { font-size: 3.5rem; line-height: 2.5rem; padding-top: 2.5rem; font-family: WunderBrickText, Times New Roman, Times, serif; font-weight: 400; margin-top: 0 } .marketo-form-section p { font-size: 1.5rem } .download-form { width: 100%; color: #191919 } .download-form .download-form-title { font-weight: 500 } @media (min-width:0px) and (max-width:767px) { .download-form .download-form-title { font-size: 2rem; line-height: 2.5rem } } @media (min-width:768px) { .download-form .download-form-title { font-size: 3rem; line-height: 3.5rem } } .download-form .download-form-subtitle { margin: 12 0 } @media (min-width:0px) and (max-width:767px) { .download-form .download-form-subtitle { font-size: 1rem; line-height: 1.5rem } } @media (min-width:768px) { .download-form .download-form-subtitle { font-size: 1.125rem; line-height: 1.875rem } } .download-form form { width: 100% !important } @media (min-width:0px) and (max-width:767px) { .download-form form { margin-top: 2rem } } @media (min-width:768px) and (max-width:1024px) { .download-form form { margin-top: 3rem } } @media (min-width:1025px) { .download-form form { margin-top: 3rem } } .download-form form .mktoFieldDescriptor.mktoFormCol, .download-form form .mktoFieldWrap { width: 100% !important } .download-form form .mktoError { clear: both } .download-form form input[type=email], .download-form form input[type=text] { font-family: Larsseit, sans-serif !important; background: none; color: #191919; display: block; width: 100% !important; border-radius: 0; border: none; border-bottom: 1px solid #191919; padding: 20px 10px 11px 1px } @media (min-width:0px) and (max-width:767px) { .download-form form input[type=email], .download-form form input[type=text] { font-size: 1rem; height: 50px } } @media (min-width:768px) { .download-form form input[type=email], .download-form form input[type=text] { font-size: 1.5rem } } .download-form form select { font-family: Larsseit, sans-serif !important; background: none; color: #191919; display: block; width: 100% !important; border-radius: 0; border: none; border-bottom: 1px solid #191919; padding: 20px 10px 11px 1px } @media (min-width:0px) and (max-width:767px) { .download-form form select { font-size: 1rem !important; height: 50px } } @media (min-width:768px) { .download-form form select { font-size: 1.5rem !important } } .download-form form.mktoForm input[type=date], .download-form form.mktoForm input[type=email], .download-form form.mktoForm input[type=number], .download-form form.mktoForm input[type=tel], .download-form form.mktoForm input[type=text], .download-form form.mktoForm input[type=url], .download-form form.mktoForm select { outline: none !important } .download-form form.mktoForm .mktoError .mktoErrorMsg { background-color: #191919 !important; color: #fff !important; background-image: none; box-shadow: none; border: 1px solid #191919; text-shadow: unset; border-radius: 35px } .download-form form.mktoForm .mktoError .mktoErrorArrowWrap { left: 10px } .download-form form.mktoForm .mktoError .mktoErrorArrow { background-color: #191919; border: 1px solid #191919 } .download-form form.mktoForm .mktoLabel { float: none; padding: 0 } .download-form form.mktoForm .mktoGutter { display: none } .download-form form input::-webkit-input-placeholder { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: relative; top: 0; color: #191919 } .download-form form input:focus::-webkit-input-placeholder { font-size: 12px !important; position: relative } @media (min-width:0px) and (max-width:767px) { .download-form form input:focus::-webkit-input-placeholder { top: -20px } } @media (min-width:768px) { .download-form form input:focus::-webkit-input-placeholder { top: -30px } } @media (min-width:768px) { .download-form form .mktoButtonRow { margin-top: 3.4rem !important } } .download-form form .mktoButtonWrap.mktoSimple { margin-left: 0 !important } .download-form form .mktoButtonWrap.mktoSimple .mktoButton { font-family: Larsseit, sans-serif !important; display: block; border-radius: 35px; border: 1px solid #191919 !important; padding: 0 10px; text-decoration: none; font-size: 1rem; font-weight: 700; min-height: 40px; min-width: 150px; text-align: center; position: relative; overflow: hidden; display: inline-block; cursor: pointer; background: #191919 !important; color: #fff; transition: all .3s ease-in-out } @media (min-width:0px) and (max-width:767px) { .download-form form .mktoButtonWrap.mktoSimple .mktoButton { margin-top: 2.5rem } } .download-form form .mktoButtonWrap.mktoSimple .mktoButton:hover { background: #fff !important; color: #191919 !important } .download-form form .mktoTemplateBox { color: #191919 !important } @media (min-width:0px) and (max-width:767px) { .download-form form .mktoTemplateBox { font-size: 1rem; line-height: 1.5rem } } @media (min-width:768px) { .download-form form .mktoTemplateBox { font-size: 1.125rem; line-height: 1.875rem } } .download-form form a.mktoNotYou { color: #191919 !important } @media (min-width:0px) and (max-width:767px) { .download-form form a.mktoNotYou { font-size: 1rem; line-height: 1.5rem } } @media (min-width:768px) { .download-form form a.mktoNotYou { font-size: 1.125rem; line-height: 1.875rem } } .download-form form a { color: #191919 !important; padding: 0 !important } .download-form form .mktoCheckboxList, .download-form form .mktoRadioList { width: auto !important; padding-top: .5rem } @media (max-width:575px) { .download-form form .mktoCheckboxList, .download-form form .mktoRadioList { width: 100% !important } } @media (min-width:0px) and (max-width:767px) { form { padding: 0 !important } form .mktoButtonRow { display: block !important } form .mktoButtonRow .mktoButton { width: 100% } } @media (min-width:1025px) { .download-form { max-width: 565px; color: #191919 } } .resources-article-section { background-color: #f5ebe1; color: #191919; position: relative } @media (min-width:0px) and (max-width:767px) { .resources-article-section { padding-bottom: 6rem } } @media (min-width:768px) and (max-width:1024px) { .resources-article-section { padding-bottom: 5rem; padding-top: 1rem } } @media (min-width:1025px) { .resources-article-section { padding-bottom: 9.5rem; padding-top: 4.75rem } } .resources-article-section h4 { font-size: 1.5rem; line-height: 2.25rem } .resources-article-section .simple-texts>div>h4:first-child { margin-top: 0 } @media (min-width:992px) and (max-width:1200px) { .resources-article-section .simple-resource video { width: 400px !important; height: 230px !important } } @media (min-width:350px) and (max-width:400px) { .resources-article-section .simple-resource video { width: 330px !important; height: 200px !important } } @media (min-width:400px) and (max-width:530px) { .resources-article-section .simple-resource video { width: 370px !important; height: 215px !important } } @media (max-width:350px) { .resources-article-section .simple-resource video { width: 250px !important; height: 170px !important } } .download-form-get-a-demo { width: 100%; color: #191919; z-index: 0; position: relative } .download-form-get-a-demo .download-form-title { font-weight: 500 } @media (min-width: 0px) and (max-width:500px) { .download-form-get-a-demo .download-form-title { font-size: 31px; line-height: 39px } } @media (min-width: 501px) { .download-form-get-a-demo .download-form-title { font-size: 46px; line-height: 56px } } @media (min-width: 0px) and (max-width:500px) { .download-form-get-a-demo .download-form-subtitle { font-size: 16px; line-height: 24px; width: 265px } } @media (min-width: 501px) { .download-form-get-a-demo .download-form-subtitle { font-size: 24px; line-height: 36px } } @media (min-width: 1024px) { .download-form-get-a-demo .download-form-subtitle { margin-bottom: 15px } } .download-form-get-a-demo form { width: 100% !important } @media (min-width: 0px) and (max-width:767px) { .download-form-get-a-demo form { margin-top: 0 } } @media (min-width: 768px) and (max-width:1023px) { .download-form-get-a-demo form { margin-top: 3rem } } @media (min-width: 1024px) { .download-form-get-a-demo form { margin-top: 0 } } .download-form-get-a-demo form .mktoFieldDescriptor.mktoFormCol, .download-form-get-a-demo form .mktoFieldWrap { width: 100% !important } @media (min-width: 0px) and (max-width:767px) { .download-form-get-a-demo form .mktoFieldDescriptor.mktoFormCol, .download-form-get-a-demo form .mktoFieldWrap { margin-bottom: 5px !important } } .download-form-get-a-demo form .mktoError { clear: both } .download-form-get-a-demo form input[type=email], .download-form-get-a-demo form input[type=text] { font-family: Larsseit, sans-serif !important; background: none; color: #191919; display: block; width: 100% !important; border-radius: 0; border: none; border-bottom: 1px solid #191919; padding: 10px 10px 10px 1px; font-weight: normal; } @media (min-width: 0px) and (max-width:600px) { .download-form-get-a-demo form input[type=email], .download-form-get-a-demo form input[type=text] { font-size: 16px; height: 50px } } @media (min-width: 601px) { .download-form-get-a-demo form input[type=email], .download-form-get-a-demo form input[type=text] { font-size: 16px; font-weight: normal; } } .download-form-get-a-demo form select { font-family: Larsseit, sans-serif !important; background: none; color: #191919; display: block; width: 100% !important; border-radius: 0; border: none; border-bottom: 1px solid #191919; padding: 10px 10px 10px 1px !important } @media (min-width: 0px) and (max-width:600px) { .download-form-get-a-demo form select { font-size: 1rem !important; height: 50px } } .download-form-get-a-demo form.mktoForm input[type=date], .download-form-get-a-demo form.mktoForm input[type=email], .download-form-get-a-demo form.mktoForm input[type=number], .download-form-get-a-demo form.mktoForm input[type=tel], .download-form-get-a-demo form.mktoForm input[type=text], .download-form-get-a-demo form.mktoForm input[type=url], .download-form-get-a-demo form.mktoForm select { outline: none !important } .download-form-get-a-demo form.mktoForm .mktoError .mktoErrorMsg { background-color: #191919 !important; color: #fff !important; background-image: none; box-shadow: none; border: 1px solid #191919; text-shadow: unset; border-radius: 35px } .download-form-get-a-demo form.mktoForm .mktoError .mktoErrorArrowWrap { left: 10px } .download-form-get-a-demo form.mktoForm .mktoError .mktoErrorArrow { background-color: #191919; border: 1px solid #191919 } .download-form-get-a-demo form.mktoForm .mktoLabel { float: none; padding: 0 } .download-form-get-a-demo form.mktoForm .mktoGutter { display: none } .download-form-get-a-demo form input::-webkit-input-placeholder { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: relative; top: 0; color: #191919 } .download-form-get-a-demo form input:focus::-webkit-input-placeholder { font-size: 12px !important; position: relative } @media (min-width: 0px) and (max-width:767px) { .download-form-get-a-demo form input:focus::-webkit-input-placeholder { top: -20px } } @media (min-width: 768px) { .download-form-get-a-demo form input:focus::-webkit-input-placeholder { top: -30px } } @media (min-width: 768px) { .download-form-get-a-demo form .mktoButtonRow { margin-top: 1rem !important } } .download-form-get-a-demo form .mktoButtonWrap.mktoSimple { margin-left: 0 !important } .download-form-get-a-demo form .mktoButtonWrap.mktoSimple .mktoButton { font-family: Larsseit, sans-serif !important; display: block; border-radius: 32px; border: 1px solid #191919 !important; padding: 8px 18px; text-decoration: none; font-size: 1rem; font-weight: 700; min-height: 40px; text-align: center; position: relative; overflow: hidden; display: inline-block; cursor: pointer; background: #191919 !important; color: #ffffff; transition: all .3s ease-in-out } @media (min-width: 0px) and (max-width:767px) { .download-form-get-a-demo form .mktoButtonWrap.mktoSimple .mktoButton { margin-top: 30px } } .download-form-get-a-demo form .mktoButtonWrap.mktoSimple .mktoButton:hover { background: #fff !important; color: #191919 !important } .download-form-get-a-demo form .mktoTemplateBox { color: #191919 !important } @media (min-width: 0px) and (max-width:767px) { .download-form-get-a-demo form .mktoTemplateBox { font-size: 1rem; line-height: 1.5rem } } @media (min-width: 768px) { .download-form-get-a-demo form .mktoTemplateBox { font-size: 1.125rem; line-height: 1.875rem } } .download-form-get-a-demo form a.mktoNotYou { color: #191919 !important } @media (min-width: 0px) and (max-width:767px) { .download-form-get-a-demo form a.mktoNotYou { font-size: 1rem; line-height: 1.5rem } } @media (min-width: 768px) { .download-form-get-a-demo form a.mktoNotYou { font-size: 1.125rem; line-height: 1.875rem } } .download-form-get-a-demo form a { color: #191919 !important; padding: 0 !important } .download-form-get-a-demo form .mktoCheckboxList, .download-form-get-a-demo form .mktoRadioList { width: auto !important; padding-top: .5rem } @media (max-width: 575px) { .download-form-get-a-demo form .mktoCheckboxList, .download-form-get-a-demo form .mktoRadioList { width: 100% !important } } @media (min-width: 1025px) { .download-form-get-a-demo { max-width: 565px; color: #191919; position: relative } } h1, h1 div { font-family: WunderBrickText; font-size: 58px; font-style: normal; font-weight: 500; line-height: 64px; word-wrap: break-word; } </style>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P6SRLXL');</script>  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" > <link rel="icon" href="/favicon.ico" type="image/x-icon" > <style>.mktoGen.mktoImg {display:inline-block; line-height:0;}</style> <script type="text/javascript" src="https://assets.adoberesources.net/loader.js?orgId=BBDE1E55623B5B920A495E8F@AdobeOrg&instanceId=bounceexchange&env=prod&geo=va7"></script> </head> <body id="bodyId"> <div> <div> <div class="App "> <section class="main-header " style="display:block;"> <header class="site-header top-header "> <div class="container"> <div class="row justify-content-between align-items-center"> <div class="col-sm-12 logo"> <a href="https://www.wunderkind.co/"> <img alt="Wunderkind Home" class="img logo" src="https://convert.bouncex.com/rs/445-FJV-353/images/white.svg"> </a> </div> </div> </div> </header> </section> <main style="overflow:hidden" class="about-us"> <section class="inner-heading" style="background-image: url(https://convert.wunderkind.co/rs/445-FJV-353/images/blue-bg-small.png?version=0); display:block;"> <div class="container"> <div class="row"> <div class="col-md-12 bannertitlepadding"> <h1 class="mktoText" id="Title" style="color:#FFFFFF !important;"><div>The Future of Autonomous Marketing with Wunderkind</div></h1> </div> <div class="col-md-6"> <div class="mktoText padding0" id="SubTitleContent" style="color:#FFFFFF !important;"><div><span style="font-size: 22px;"><strong></strong></span></div> <div>Are you ready to be part of the digital marketing revolution? Join us for an eye-opening virtual event where we’ll share Wunderkind’s trailblazing vision that’s set to redefine the industry landscape. Discover how our commitment to adaptability and innovation is paving the way for a new era of customer-centric, data-driven marketing strategies that deliver unparalleled results.<br /></div> <div><br /></div> <div><br />What we will cover in the webinar:<br /><br /> <ul> <li>Addressing key problems in the industry with data-driven insights</li> <li>Unveiling Wunderkind’s groundbreaking vision for the future</li> <li>Showcasing our platform and applications that bring the vision to life</li> <li>Presenting our evolutionary roadmap for the coming months</li> </ul> </div> <div> <div> <div><br /></div> <div><br /></div> <div><br /></div> <div><br /></div> <div><br /></div> <div><br /></div> <div><br /></div> <div><br /></div> <div><br /></div> <div><br /></div> </div> </div> <div> <div><br /></div> </div></div> </div> <div class="col-md-6"> <div class="form-container download-form-get-a-demo"> <div class="mktoForm" id="primaryForm"><div id='lpeCDiv_254869' class='lpeCElement 6-26-24_The_Future_of_Autonomous_Marketing_WebinarForm_Webinar_The_Future_of_Autonomous_Marketin'><span class='lpContentsItem formSpan'> <script src="/js/forms2/js/forms2.min.js"></script> <form class="mktoForm" id="mktoForm_4790"> </form> <script> (function (){ var formDescriptor = {"Id":4790,"Vid":4790,"Status":"approved","Name":"WB: 2024 The Future of Autonomous Marketing Webinar.[Form Webinar]: The Future of Autonomous Marketing Webinar","Description":"","Layout":"left","GutterWidth":10,"OffsetWidth":10,"HasTwoButtons":true,"SubmitLabel":"Watch Now","ResetLabel":"Clear","ButtonLocation":"120","LabelWidth":100,"FieldWidth":150,"ToolTipType":"none","FontFamily":"Helvetica, Arial, sans-serif","FontSize":"13px","FontColor":"#333","FontUrl":null,"LineMargin":10,"ProcessorVersion":2,"CreatedByUserid":128,"ProcessOptions":{"language":"English","locale":"en_US","profiling":{"isEnabled":true,"numberOfProfilingFields":7,"alwaysShowFields":[]},"socialSignOn":{"isEnabled":false,"enabledNetworks":[],"cfId":null,"codeSnippet":null},"knownLead":{"type":"form","template":""}},"EnableDeferredMode":0,"EnableCaptcha":0,"EnableGlobalFormValidationRule":1,"ButtonType":null,"ButtonImageUrl":null,"ButtonText":null,"ButtonSubmissionText":"Please Wait","ButtonStyle":{"id":11,"className":"mktoSimple","css":".mktoForm .mktoButtonWrap.mktoSimple .mktoButton {\ncolor:#fff;\nborder:1px solid #75ae4c;\npadding:0.4em 1em;\nfont-size:1em;\nbackground-color:#99c47c;\nbackground-image: -webkit-gradient(linear, left top, left bottom, from(#99c47c), to(#75ae4c));\nbackground-image: -webkit-linear-gradient(top, #99c47c, #75ae4c);\nbackground-image: -moz-linear-gradient(top, #99c47c, #75ae4c);\nbackground-image: linear-gradient(to bottom, #99c47c, #75ae4c);\n}\n.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {\nborder:1px solid #447f19;\n}\n.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:focus {\noutline:none;\nborder:1px solid #447f19;\n}\n.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:active{\nbackground-color:#75ae4c;\nbackground-image: -webkit-gradient(linear, left top, left bottom, from(#75ae4c), to(#99c47c));\nbackground-image: -webkit-linear-gradient(top, #75ae4c, #99c47c);\nbackground-image: -moz-linear-gradient(top, #75ae4c, #99c47c);\nbackground-image: linear-gradient(to bottom, #75ae4c, #99c47c);\n}\n","buttonColor":null},"ThemeStyle":{"id":2,"displayOrder":1,"name":"Simple","backgroundColor":"#FFF","layout":"left","fontFamily":"Helvetica, Arial, sans-serif","fontSize":"13px","fontColor":"#333","offsetWidth":10,"gutterWidth":10,"labelWidth":100,"fieldWidth":150,"lineMargin":10,"useBackgroundColorOnPreview":false,"css":".mktoForm fieldset.mkt3-formEditorFieldContainer{border: solid 1px gray;}.mktoForm fieldset.mkt3-formEditorFieldContainer legend{padding:0 1em;}","href":"css\/forms2-theme-simple.css","buttonStyleId":11},"ThemeStyleOverride":"\/* Add your custom CSS below *\/\n.mktoAsterix {\n display:none !important;\n}\n\n.mktoForm select.mktoField {\n padding:16px 0 !important;\n}\n","LiveStreamSettings":null,"rows":[[{"Id":48405,"Name":"PPC_Campaign_Name__c","Datatype":"hidden","Maxlength":180,"InputLabel":"PPC Campaign Name:","InputInitialValue":"null","InputSourceChannel":"url","InputSourceSelector":"utm_campaign","ProfilingFieldNumber":0,"DisablePrefill":true}],[{"Id":48406,"Name":"PPC_Medium__c","Datatype":"hidden","Maxlength":180,"InputLabel":"PPC Medium:","InputInitialValue":"null","InputSourceChannel":"url","InputSourceSelector":"utm_medium","ProfilingFieldNumber":0,"DisablePrefill":true}],[{"Id":48407,"Name":"PPC_Source__c","Datatype":"hidden","Maxlength":180,"InputLabel":"PPC Source:","InputInitialValue":"null","InputSourceChannel":"url","InputSourceSelector":"utm_source","ProfilingFieldNumber":0,"DisablePrefill":true}],[{"Id":48411,"Name":"Content_Name__c","Datatype":"hidden","Maxlength":255,"InputLabel":"Content Name:","InputInitialValue":"The Future of Autonomous Marketing with Wunderkind webinar","InputSourceChannel":"constant","InputSourceSelector":"","ProfilingFieldNumber":0}],[{"Id":48401,"Name":"Email","IsRequired":true,"Datatype":"email","Maxlength":255,"InputLabel":"","InputInitialValue":"","InputSourceChannel":"constant","PlaceholderText":"Work Email","ValidationMessage":"Must be valid email. \u003Cspan class='mktoErrorDetail'\u003Eexample@yourdomain.com\u003C\/span\u003E"}],[{"Id":48410,"Name":"Profiling","Datatype":"profiling","InputInitialValue":"","ProfilingFieldNumber":0,"IsLabelToLeft":true}]],"fieldsetRows":{"48410":[[{"Id":48402,"Name":"FirstName","IsRequired":true,"Datatype":"string","Maxlength":255,"InputLabel":"","InputInitialValue":"","InputSourceChannel":"constant","PlaceholderText":"First Name","ValidationMessage":"This field is required.","FieldsetFieldId":48410}],[{"Id":48403,"Name":"LastName","IsRequired":true,"Datatype":"string","Maxlength":255,"InputLabel":"","InputInitialValue":"","InputSourceChannel":"constant","PlaceholderText":"Last Name","ValidationMessage":"This field is required.","FieldsetFieldId":48410}],[{"Id":48415,"Name":"Title","IsRequired":true,"Datatype":"string","Maxlength":255,"InputLabel":"","InputInitialValue":"","InputSourceChannel":"constant","ProfilingFieldNumber":0,"PlaceholderText":"Job Title","ValidationMessage":"This field is required.","FieldsetFieldId":48410}],[{"Id":48404,"Name":"Company","IsRequired":true,"Datatype":"string","Maxlength":255,"InputLabel":"","InputInitialValue":"","InputSourceChannel":"constant","ProfilingFieldNumber":0,"PlaceholderText":"Company Name","ValidationMessage":"This field is required.","FieldsetFieldId":48410}],[{"Id":48408,"Name":"Country","IsRequired":true,"Datatype":"picklist","Maxlength":255,"PicklistValues":[{"label":"Country","value":"","selected":true,"isDefault":true},{"label":"Australia","value":"Australia"},{"label":"Canada","value":"Canada"},{"label":"Netherlands","value":"Netherlands"},{"label":"United Kingdom","value":"United Kingdom"},{"label":"United States","value":"United States"},{"label":"Afghanistan","value":"Afghanistan"},{"label":"Aland Islands","value":"Aland Islands"},{"label":"Albania","value":"Albania"},{"label":"Algeria","value":"Algeria"},{"label":"American Samoa","value":"American Samoa"},{"label":"Andorra","value":"Andorra"},{"label":"Angola","value":"Angola"},{"label":"Anguilla","value":"Anguilla"},{"label":"Antarctica","value":"Antarctica"},{"label":"Antigua and Barbuda","value":"Antigua and Barbuda"},{"label":"Argentina","value":"Argentina"},{"label":"Armenia","value":"Armenia"},{"label":"Aruba","value":"Aruba"},{"label":"Austria","value":"Austria"},{"label":"Azerbaijan","value":"Azerbaijan"},{"label":"Bahamas","value":"Bahamas"},{"label":"Bahrain","value":"Bahrain"},{"label":"Bangladesh","value":"Bangladesh"},{"label":"Barbados","value":"Barbados"},{"label":"Belarus","value":"Belarus"},{"label":"Belgium","value":"Belgium"},{"label":"Belize","value":"Belize"},{"label":"Benin","value":"Benin"},{"label":"Bermuda","value":"Bermuda"},{"label":"Bhutan","value":"Bhutan"},{"label":"Bolivia","value":"Bolivia"},{"label":"Bonaire, Saint Eustatius and Saba","value":"Bonaire, Saint Eustatius and Saba"},{"label":"Bosnia and Herzegovina","value":"Bosnia and Herzegovina"},{"label":"Botswana","value":"Botswana"},{"label":"Bouvet Island","value":"Bouvet Island"},{"label":"Brazil","value":"Brazil"},{"label":"British Indian Ocean Territory","value":"British Indian Ocean Territory"},{"label":"Brunei Darussalam","value":"Brunei Darussalam"},{"label":"Bulgaria","value":"Bulgaria"},{"label":"Burkina Faso","value":"Burkina Faso"},{"label":"Burundi","value":"Burundi"},{"label":"Cambodia","value":"Cambodia"},{"label":"Cameroon","value":"Cameroon"},{"label":"Canary Islands","value":"Canary Islands"},{"label":"Cape Verde","value":"Cape Verde"},{"label":"Cayman Islands","value":"Cayman Islands"},{"label":"Central African Republic","value":"Central African Republic"},{"label":"Ceuta and Melilla","value":"Ceuta and Melilla"},{"label":"Chad","value":"Chad"},{"label":"Chile","value":"Chile"},{"label":"China","value":"China"},{"label":"Christmas Island","value":"Christmas Island"},{"label":"Cocos (Keeling) Islands","value":"Cocos (Keeling) Islands"},{"label":"Colombia","value":"Colombia"},{"label":"Comoros","value":"Comoros"},{"label":"Congo, Democratic Republic of","value":"Congo, Democratic Republic of"},{"label":"Congo, Republic of","value":"Congo, Republic of"},{"label":"Cook Islands","value":"Cook Islands"},{"label":"Costa Rica","value":"Costa Rica"},{"label":"Cote d'Ivoire","value":"Cote d'Ivoire"},{"label":"Croatia\/Hrvatska","value":"Croatia\/Hrvatska"},{"label":"Cuba","value":"Cuba"},{"label":"Cura\u00e7ao","value":"Cura\u00e7ao"},{"label":"Cyprus","value":"Cyprus"},{"label":"Czech Republic","value":"Czech Republic"},{"label":"Denmark","value":"Denmark"},{"label":"Djibouti","value":"Djibouti"},{"label":"Dominica","value":"Dominica"},{"label":"Dominican Republic","value":"Dominican Republic"},{"label":"East Timor","value":"East Timor"},{"label":"Ecuador","value":"Ecuador"},{"label":"Egypt","value":"Egypt"},{"label":"El Salvador","value":"El Salvador"},{"label":"Equatorial Guinea","value":"Equatorial Guinea"},{"label":"Eritrea","value":"Eritrea"},{"label":"Estonia","value":"Estonia"},{"label":"Ethiopia","value":"Ethiopia"},{"label":"Falkland Islands","value":"Falkland Islands"},{"label":"Faroe Islands","value":"Faroe Islands"},{"label":"Fiji","value":"Fiji"},{"label":"Finland","value":"Finland"},{"label":"France","value":"France"},{"label":"French Guiana","value":"French Guiana"},{"label":"French Polynesia","value":"French Polynesia"},{"label":"French Southern Territories","value":"French Southern Territories"},{"label":"Gabon","value":"Gabon"},{"label":"Gambia","value":"Gambia"},{"label":"Georgia","value":"Georgia"},{"label":"Germany","value":"Germany"},{"label":"Ghana","value":"Ghana"},{"label":"Gibraltar","value":"Gibraltar"},{"label":"Greece","value":"Greece"},{"label":"Greenland","value":"Greenland"},{"label":"Grenada","value":"Grenada"},{"label":"Guadeloupe","value":"Guadeloupe"},{"label":"Guam","value":"Guam"},{"label":"Guatemala","value":"Guatemala"},{"label":"Guernsey","value":"Guernsey"},{"label":"Guinea","value":"Guinea"},{"label":"Guinea-Bissau","value":"Guinea-Bissau"},{"label":"Guyana","value":"Guyana"},{"label":"Haiti","value":"Haiti"},{"label":"Heard and McDonald Islands","value":"Heard and McDonald Islands"},{"label":"Holy See (City Vatican State)","value":"Holy See (City Vatican State)"},{"label":"Honduras","value":"Honduras"},{"label":"Hong Kong","value":"Hong Kong"},{"label":"Hungary","value":"Hungary"},{"label":"Iceland","value":"Iceland"},{"label":"India","value":"India"},{"label":"Indonesia","value":"Indonesia"},{"label":"Iran (Islamic Republic of)","value":"Iran (Islamic Republic of)"},{"label":"Iraq","value":"Iraq"},{"label":"Ireland","value":"Ireland"},{"label":"Isle of Man","value":"Isle of Man"},{"label":"Israel","value":"Israel"},{"label":"Italy","value":"Italy"},{"label":"Jamaica","value":"Jamaica"},{"label":"Japan","value":"Japan"},{"label":"Jersey","value":"Jersey"},{"label":"Jordan","value":"Jordan"},{"label":"Kazakhstan","value":"Kazakhstan"},{"label":"Kenya","value":"Kenya"},{"label":"Kiribati","value":"Kiribati"},{"label":"Korea, Democratic People's Republic","value":"Korea, Democratic People's Republic"},{"label":"Korea, Republic of","value":"Korea, Republic of"},{"label":"Kosovo","value":"Kosovo"},{"label":"Kuwait","value":"Kuwait"},{"label":"Kyrgyzstan","value":"Kyrgyzstan"},{"label":"Lao People's Democratic Republic","value":"Lao People's Democratic Republic"},{"label":"Latvia","value":"Latvia"},{"label":"Lebanon","value":"Lebanon"},{"label":"Lesotho","value":"Lesotho"},{"label":"Liberia","value":"Liberia"},{"label":"Libya","value":"Libya"},{"label":"Liechtenstein","value":"Liechtenstein"},{"label":"Lithuania","value":"Lithuania"},{"label":"Luxembourg","value":"Luxembourg"},{"label":"Macau","value":"Macau"},{"label":"Macedonia","value":"Macedonia"},{"label":"Madagascar","value":"Madagascar"},{"label":"Malawi","value":"Malawi"},{"label":"Malaysia","value":"Malaysia"},{"label":"Maldives","value":"Maldives"},{"label":"Mali","value":"Mali"},{"label":"Malta","value":"Malta"},{"label":"Marshall Islands","value":"Marshall Islands"},{"label":"Martinique","value":"Martinique"},{"label":"Mauritania","value":"Mauritania"},{"label":"Mauritius","value":"Mauritius"},{"label":"Mayotte","value":"Mayotte"},{"label":"Mexico","value":"Mexico"},{"label":"Micronesia, Federal State of","value":"Micronesia, Federal State of"},{"label":"Moldova, Republic of","value":"Moldova, Republic of"},{"label":"Monaco","value":"Monaco"},{"label":"Mongolia","value":"Mongolia"},{"label":"Montenegro","value":"Montenegro"},{"label":"Montserrat","value":"Montserrat"},{"label":"Morocco","value":"Morocco"},{"label":"Mozambique","value":"Mozambique"},{"label":"Myanmar (Burma)","value":"Myanmar (Burma)"},{"label":"Namibia","value":"Namibia"},{"label":"Nauru","value":"Nauru"},{"label":"Nepal","value":"Nepal"},{"label":"Netherlands Antilles (Deprecated)","value":"Netherlands Antilles (Deprecated)"},{"label":"New Caledonia","value":"New Caledonia"},{"label":"New Zealand","value":"New Zealand"},{"label":"Nicaragua","value":"Nicaragua"},{"label":"Niger","value":"Niger"},{"label":"Nigeria","value":"Nigeria"},{"label":"Niue","value":"Niue"},{"label":"Norfolk Island","value":"Norfolk Island"},{"label":"Northern Mariana Islands","value":"Northern Mariana Islands"},{"label":"Norway","value":"Norway"},{"label":"Oman","value":"Oman"},{"label":"Pakistan","value":"Pakistan"},{"label":"Palau","value":"Palau"},{"label":"Panama","value":"Panama"},{"label":"Papua New Guinea","value":"Papua New Guinea"},{"label":"Paraguay","value":"Paraguay"},{"label":"Peru","value":"Peru"},{"label":"Philippines","value":"Philippines"},{"label":"Pitcairn Island","value":"Pitcairn Island"},{"label":"Poland","value":"Poland"},{"label":"Portugal","value":"Portugal"},{"label":"Puerto Rico","value":"Puerto Rico"},{"label":"Qatar","value":"Qatar"},{"label":"Reunion Island","value":"Reunion Island"},{"label":"Romania","value":"Romania"},{"label":"Russian Federation","value":"Russian Federation"},{"label":"Rwanda","value":"Rwanda"},{"label":"Saint Barth\u00e9lemy","value":"Saint Barth\u00e9lemy"},{"label":"Saint Helena","value":"Saint Helena"},{"label":"Saint Kitts and Nevis","value":"Saint Kitts and Nevis"},{"label":"Saint Lucia","value":"Saint Lucia"},{"label":"Saint Martin","value":"Saint Martin"},{"label":"Saint Vincent and the Grenadines","value":"Saint Vincent and the Grenadines"},{"label":"Samoa","value":"Samoa"},{"label":"San Marino","value":"San Marino"},{"label":"Sao Tome and Principe","value":"Sao Tome and Principe"},{"label":"Saudi Arabia","value":"Saudi Arabia"},{"label":"Senegal","value":"Senegal"},{"label":"Serbia","value":"Serbia"},{"label":"Serbia and Montenegro (Deprecated)","value":"Serbia and Montenegro (Deprecated)"},{"label":"Seychelles","value":"Seychelles"},{"label":"Sierra Leone","value":"Sierra Leone"},{"label":"Sint Maarten","value":"Sint Maarten"},{"label":"Singapore","value":"Singapore"},{"label":"Slovak Republic","value":"Slovak Republic"},{"label":"Slovenia","value":"Slovenia"},{"label":"Solomon Islands","value":"Solomon Islands"},{"label":"Somalia","value":"Somalia"},{"label":"South Africa","value":"South Africa"},{"label":"South Georgia","value":"South Georgia"},{"label":"South Sudan","value":"South Sudan"},{"label":"Spain","value":"Spain"},{"label":"Sri Lanka","value":"Sri Lanka"},{"label":"St. Pierre and Miquelon","value":"St. Pierre and Miquelon"},{"label":"State of Palestine","value":"State of Palestine"},{"label":"Sudan","value":"Sudan"},{"label":"Suriname","value":"Suriname"},{"label":"Svalbard and Jan Mayen Islands","value":"Svalbard and Jan Mayen Islands"},{"label":"Swaziland","value":"Swaziland"},{"label":"Sweden","value":"Sweden"},{"label":"Switzerland","value":"Switzerland"},{"label":"Syrian Arab Republic","value":"Syrian Arab Republic"},{"label":"Taiwan","value":"Taiwan"},{"label":"Tajikistan","value":"Tajikistan"},{"label":"Tanzania","value":"Tanzania"},{"label":"Thailand","value":"Thailand"},{"label":"Togo","value":"Togo"},{"label":"Tokelau","value":"Tokelau"},{"label":"Tonga","value":"Tonga"},{"label":"Trinidad and Tobago","value":"Trinidad and Tobago"},{"label":"Tunisia","value":"Tunisia"},{"label":"Turkey","value":"Turkey"},{"label":"Turkmenistan","value":"Turkmenistan"},{"label":"Turks and Caicos Islands","value":"Turks and Caicos Islands"},{"label":"Tuvalu","value":"Tuvalu"},{"label":"Uganda","value":"Uganda"},{"label":"Ukraine","value":"Ukraine"},{"label":"United Arab Emirates","value":"United Arab Emirates"},{"label":"Uruguay","value":"Uruguay"},{"label":"US Minor Outlying Islands","value":"US Minor Outlying Islands"},{"label":"Uzbekistan","value":"Uzbekistan"},{"label":"Vanuatu","value":"Vanuatu"},{"label":"Venezuela","value":"Venezuela"},{"label":"Vietnam","value":"Vietnam"},{"label":"Virgin Islands (British)","value":"Virgin Islands (British)"},{"label":"Virgin Islands (USA)","value":"Virgin Islands (USA)"},{"label":"Wallis and Futuna","value":"Wallis and Futuna"},{"label":"Western Sahara","value":"Western Sahara"},{"label":"Yemen","value":"Yemen"},{"label":"Zambia","value":"Zambia"},{"label":"Zimbabwe","value":"Zimbabwe"}],"DefaultValue":[""],"InputLabel":"","InputInitialValue":"","InputSourceChannel":"constant","VisibleRows":4,"ProfilingFieldNumber":0,"ValidationMessage":"This field is required.","FieldsetFieldId":48410}],[{"Id":48409,"Name":"gDPROptInConsent","Datatype":"single_checkbox","PicklistValues":[{"label":"","value":"yes"}],"InputLabel":"\u003Cdiv class=\"c-message_kit__blocks c-message_kit__blocks--rich_text\"\u003E\n\u003Cdiv class=\"c-message__message_blocks c-message__message_blocks--rich_text\" data-qa=\"message-text\"\u003E\n\u003Cdiv class=\"p-block_kit_renderer\" data-qa=\"block-kit-renderer\"\u003E\n\u003Cdiv class=\"p-block_kit_renderer__block_wrapper p-block_kit_renderer__block_wrapper--first\"\u003E\n\u003Cdiv class=\"p-rich_text_block\" dir=\"auto\"\u003E\n\u003Cdiv class=\"p-rich_text_section\"\u003E\u003Cb data-stringify-type=\"bold\"\u003EYes, sign me up for email marketing updates from Wunderkind.\u003Cspan\u003E\u00a0\u003C\/span\u003E\u003C\/b\u003E\u003Cb data-stringify-type=\"bold\"\u003E\u003Ca target=\"_blank\" class=\"c-link\" data-stringify-link=\"https:\/\/www.wunderkind.co\/uk\/privacy\/\" delay=\"150\" data-sk=\"tooltip_parent\" href=\"https:\/\/www.wunderkind.co\/uk\/privacy\/\" rel=\"noopener noreferrer\"\u003EPrivacy Policy\u003C\/a\u003E\u003C\/b\u003E\u003Cb data-stringify-type=\"bold\"\u003E.\u003C\/b\u003E\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cdiv class=\"c-message_kit__attachments\"\u003E\n\u003Cdiv class=\"c-message_attachment\"\u003E\u003C\/div\u003E\n\u003C\/div\u003E","InputInitialValue":"","InputSourceChannel":"constant","ProfilingFieldNumber":0,"ValidationMessage":"This field is required.","VisibilityRule":{"defaultVisibility":"hide","rules":[{"subjectField":"Country","fieldLabel":"","operator":"equal","values":["Netherlands","United Kingdom","Austria","Belgium","Bulgaria","Cyprus","Croatia\/Hrvatska","Czech Republic","Denmark","Estonia","Finland","France","Germany","Greece","Hungary","Ireland","Italy","Latvia","Lithuania","Luxembourg","Malta","Poland","Portugal","Romania","Slovenia","Slovak Republic","Sweden","Spain"],"altLabel":"Yes, sign me up for email marketing updates from Wunderkind. \u003Ca href=\"https:\/\/www.wunderkind.co\/uk\/privacy\/\"\u003EPrivacy Policy\u003C\/a\u003E."}]},"FieldsetFieldId":48410}],[{"Id":48412,"Name":"goals","IsRequired":true,"Datatype":"picklist","Maxlength":2000,"PicklistValues":[{"label":"Select...","value":"","selected":true,"isDefault":true},{"label":"Earn the most bang for my buck ","value":"Earn the most bang for my buck"},{"label":"Keep my customers coming back for more ","value":"Keep my customers coming back for more"},{"label":"Get to know more about my audience ","value":"Get to know more about my audience"},{"label":"Communicate better with my audience ","value":"Communicate better with my audience"},{"label":"Develop a cookie-less strategy ","value":"Develop a cookie-less strategy"},{"label":"Make the most of my owned channels ","value":"Make the most of my owned channels"},{"label":"Improve ad performance ","value":"Improve ad performance"}],"DefaultValue":[""],"InputLabel":"What are you hoping to achieve most in the next 12 months?","InputInitialValue":"","InputSourceChannel":"constant","VisibleRows":4,"ProfilingFieldNumber":0,"ValidationMessage":"This field is required.","FieldsetFieldId":48410}],[{"Id":48413,"Name":"contentInterest","IsRequired":true,"Datatype":"picklist","Maxlength":2000,"PicklistValues":[{"label":"Select...","value":"","selected":true,"isDefault":true},{"label":"Seeing how others are finding success ","value":"Seeing how others are finding success"},{"label":"Reading up on current market trends ","value":"Reading up on current market trends"},{"label":"Digesting what thought leaders are talking about ","value":"Digesting what thought leaders are talking about"},{"label":"Learning the ins and outs of what Wunderkind offers ","value":"Learning the ins and outs of what Wunderkind offers"}],"DefaultValue":[""],"InputLabel":"What would help you achieve your goals?","InputInitialValue":"","InputSourceChannel":"constant","ProfilingFieldNumber":0,"ValidationMessage":"This field is required.","FieldsetFieldId":48410}],[{"Id":48414,"Name":"buyerStage","IsRequired":true,"Datatype":"picklist","Maxlength":2000,"PicklistValues":[{"label":"Select...","value":"","selected":true,"isDefault":true},{"label":"Just consuming content for now ","value":"Just consuming content for now"},{"label":"Beginning to explore what\u2019s out there ","value":"Beginning to explore what\u2019s out there"},{"label":"Comparing vendors and evaluating the options ","value":"Comparing vendors and evaluating the options"},{"label":"Ready to buy ","value":"Ready to buy"}],"DefaultValue":[""],"InputLabel":" Where are you on your journey?","InputInitialValue":"","InputSourceChannel":"constant","VisibleRows":4,"LabelWidth":118,"ProfilingFieldNumber":0,"ValidationMessage":"This field is required.","FieldsetFieldId":48410}]]},"action":"\/index.php\/leadCapture\/save2","munchkinId":"445-FJV-353","dcJsUrl":"","invalidInputMsg":"Invalid Input","formSubmitFailedMsg":"Submission failed, please try again later.","isPreview":null}; MktoForms2.setOptions({baseUrl:"/js/forms2/"}); var isDev = false; if(isDev && window.console && window.JSON){ console.log(JSON.stringify(formDescriptor, null, " ")); } formDescriptor.lpId = 7501; var form = MktoForms2.newForm(formDescriptor, function (form){ var lpFields = {"lpId":7501,"subId":38,"munchkinId":"445-FJV-353","lpurl":"\/\/convert.wunderkind.co\/the-future-of-autonomous-marketing.html?cr={creative}&kw={keyword}"}; var pageFields = MktoForms2.getPageFields(); form.addHiddenFields(lpFields); form.addHiddenFields(pageFields); if(window.mktoPreFillFields){ form.setValuesCoerced(mktoPreFillFields); } if(!form.EnableDeferredMode){ form.render(); } }); })() </script> <noscript> <form class='mktoForm mktoNoJS'> <input type="hidden" name="formid" value="4790" /> </form> <p>Please enable Javascript to view this form.</p> </noscript> </span></div> </div> </div> </div> </div> </div> </section> <section class="testimonial-slider cream-bg" style="display:none;"> <div class="slider-wrap"> <div class="img-text-wrap img-right"> <div class="container"> <div class="row"> <div class="col-xl-6"> <div class="mktoImg mktoGen" id="mkto_gen_LeftImage"><img class="mktoImg" id="LeftImage" mktoname="Image" src="https://convert.bouncex.com/rs/445-FJV-353/images/holiday-gift-guide-mockup-removebg-preview%201.png"></div> </div> <div class="col-xl-6"> <div class="flexcenter"> <div class="info"> <div class="topbottomborder"> <div class="mktoText" id="QuoteDescription"> When I look at the investments in acquisition channels, I can easily say that Wunderkind is the most efficient medium I have. It’s the biggest return of all channels and the best investment I’ve made this year.” </div> <div class="nameandpoistion"> <div class="mktoText" id="QuoteNamePosition"> First Name Last Name <br> Position </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section id="four-speakers-section" class="four-speakers-section section-padding" style="background-color:#f5ebe1;display: none;"> <div class="container"> <div class="row"> <div class="col-12 text-center"> <div class="section-title px-5 whattowatchnext"> <div class="mktoText" id="SpeakerSectionTitle4"> Featured in this Episode:</div> </div> </div> </div> <div class="row justify-content-center"> <div class="card-deck"> <div class="card" style="width: 18rem;"> <div class="relative"> <div class="mktoImg mktoGen" id="mkto_gen_SpeakerImage41"><img class="mktoImg" id="SpeakerImage41" mktoname="Image" src="https://convert.bouncex.com/rs/445-FJV-353/images/speaker-4.png" alt="Speaker"></div> <div class="cardsocial mktoText" id="SpeakerSocial41"> <a href="#"><img src="https://convert.bouncex.com/rs/445-FJV-353/images/linkedin.svg" alt="linkedin"></a> </div> </div> <div class="card-body"> <div class="card-title speaker-title mktoText" id="SpeakerName41"> First Name Last Name </div> <div class="card-text speaker-position mktoText" id="SpeakerPostion41"> Postion at Company </div> </div> </div> <div class="card" style="width: 18rem;"> <div class="relative"> <div class="mktoImg mktoGen" id="mkto_gen_SpeakerImage42"><img class="mktoImg" id="SpeakerImage42" mktoname="Speaker Image" src="https://convert.bouncex.com/rs/445-FJV-353/images/speaker-4.png" alt="Speaker"></div> <div class="cardsocial mktoText" id="SpeakerSocial42"> <a href="#"><img src="https://convert.bouncex.com/rs/445-FJV-353/images/linkedin.svg" alt="linkedin"></a> </div> </div> <div class="card-body"> <div class="card-title speaker-title mktoText" id="SpeakerName42"> First Name Last Name </div> <div class="card-text speaker-position mktoText" id="SpeakerPostion42"> Postion at Company </div> </div> </div> <div class="card" style="width: 18rem;"> <div class="relative"> <div class="mktoImg mktoGen" id="mkto_gen_SpeakerImage43"><img class="mktoImg" id="SpeakerImage43" mktoname="Speaker Image" src="https://convert.bouncex.com/rs/445-FJV-353/images/speaker-4.png" alt="Speaker"></div> <div class="cardsocial mktoText" id="SpeakerSocial43"> <a href="#"><img src="https://convert.bouncex.com/rs/445-FJV-353/images/linkedin.svg" alt="linkedin"></a> </div> </div> <div class="card-body"> <div class="card-title speaker-title mktoText" id="SpeakerName43"> First Name Last Name </div> <div class="card-text speaker-position mktoText" id="SpeakerPostion43"> Postion at Company </div> </div> </div> <div class="card" style="width: 18rem;"> <div class="relative"> <div class="mktoImg mktoGen" id="mkto_gen_SpeakerImage44"><img class="mktoImg" id="SpeakerImage44" mktoname="Speaker Image" src="https://convert.bouncex.com/rs/445-FJV-353/images/speaker-4.png" alt="Speaker"></div> <div class="cardsocial mktoText" id="SpeakerSocial44"> <a href="#"><img src="https://convert.bouncex.com/rs/445-FJV-353/images/linkedin.svg" alt="linkedin"></a> </div> </div> <div class="card-body"> <div class="card-title speaker-title mktoText" id="SpeakerName44"> First Name Last Name </div> <div class="card-text speaker-position mktoText" id="SpeakerPostion44"> Postion at Company </div> </div> </div> </div> </div> </div> </section> <section id="three-speakers-section" class="three-speakers-section section-padding" style="background-color:#f5ebe1;display: block;"> <div class="container"> <div class="row"> <div class="col-12 text-center"> <div class="section-title px-5 whattowatchnext"> <div class="mktoText" id="SpeakerSectionTitle3"><div>Featured in this Webinar:</div></div> </div> </div> </div> <div class="row justify-content-center"> <div class="card-deck"> <div class="card" style="width: 18rem;"> <div class="relative"> <div class="mktoImg mktoGen" id="mkto_gen_SpeakerImage31"><img class="lpimg" id="SpeakerImage31" mktoname="Speaker Image" src="/rs/445-FJV-353/images/Bill-Ingram_HeadshotCard_258x282.png" alt="Speaker"></div> <div class="cardsocial mktoText" id="SpeakerSocial31"><div><a href="https://www.linkedin.com/in/billingram1/" target="_blank"><img src="https://convert.bouncex.com/rs/445-FJV-353/images/linkedin.svg" alt="linkedin" /></a></div></div> </div> <div class="card-body"> <div class="card-title speaker-title mktoText" id="SpeakerName31"><div>Bill Ingram<br /></div></div> <div class="card-text speaker-position mktoText" id="SpeakerPostion31"><div>CEO at Wunderkind<br /></div></div> </div> </div> <div class="card" style="width: 18rem;"> <div class="relative"> <div class="mktoImg mktoGen" id="mkto_gen_SpeakerImage32"><img class="lpimg" id="SpeakerImage32" mktoname="Speaker Image" src="/rs/445-FJV-353/images/Kellie-Simpson_HeadshotCard_258x282.png" alt="Speaker"></div> <div class="cardsocial mktoText" id="SpeakerSocial32"><div><a href="https://www.linkedin.com/in/kelliesimpson/" target="_blank"><img src="https://convert.bouncex.com/rs/445-FJV-353/images/linkedin.svg" alt="linkedin" /></a></div></div> </div> <div class="card-body"> <div class="card-title speaker-title mktoText" id="SpeakerName32"><div>Kellie Simpson<br /></div></div> <div class="card-text speaker-position mktoText" id="SpeakerPostion32"><div>Senior Director of Product Management at Wunderkind</div></div> </div> </div> <div class="card" style="width: 18rem;"> <div class="relative"> <div class="mktoImg mktoGen" id="mkto_gen_SpeakerImage33"><img class="lpimg" id="SpeakerImage33" mktoname="Speaker Image" src="/rs/445-FJV-353/images/John-Bates_HeadshotCard_258x282.png" alt="Speaker"></div> <div class="cardsocial mktoText" id="SpeakerSocial33"><div><a href="https://www.linkedin.com/in/johnbbates/" target="_blank"><img src="https://convert.bouncex.com/rs/445-FJV-353/images/linkedin.svg" alt="linkedin" /></a></div></div> </div> <div class="card-body"> <div class="card-title speaker-title mktoText" id="SpeakerName33"><div>John Bates<br /></div></div> <div class="card-text speaker-position mktoText" id="SpeakerPostion33"><div>Vice President of Product Management at Wunderkind<br /></div></div> </div> </div> </div> </div> </div> </section> <section id="two-speakers-section" class="two-speakers-section section-padding" style="background-color:#f5ebe1;display: none;"> <div class="container"> <div class="row"> <div class="col-12 text-center"> <div class="section-title px-5 whattowatchnext"> <div class="mktoText" id="SpeakerSectionTitle2"><div>Featured in this Webinar:</div></div> </div> </div> </div> <div class="row justify-content-center"> <div class="card-deck"> <div class="card" style="width: 18rem;"> <div class="relative"> <div class="mktoImg mktoGen" id="mkto_gen_SpeakerImage21"><img class="lpimg" id="SpeakerImage21" mktoname="Speaker Image" src="/rs/445-FJV-353/images/Headshot-speaker-template_Gemma%20Waters.png" alt="Speaker"></div> <div class="cardsocial mktoText" id="SpeakerSocial21"><div><a href="https://www.linkedin.com/in/gemmawaters/" target="_blank"><img src="https://convert.bouncex.com/rs/445-FJV-353/images/linkedin.svg" alt="linkedin" /></a></div></div> </div> <div class="card-body"> <div class="card-title speaker-title mktoText" id="SpeakerName21"><div>Gemma Waters</div></div> <div class="card-text speaker-position mktoText" id="SpeakerPostion21"><div>Associate Director of Customer Success, International, Wunderkind</div></div> </div> </div> <div class="card" style="width: 18rem;"> <div class="relative"> <div class="mktoImg mktoGen" id="mkto_gen_SpeakerImage22"><img class="lpimg" id="SpeakerImage22" mktoname="Speaker Image" src="/rs/445-FJV-353/images/Headshot-speaker-template_%20Brian%20Strauss.png" alt="Speaker"></div> <div class="cardsocial mktoText" id="SpeakerSocial22"><div><a href="https://www.linkedin.com/in/brianstrauss/" target="_blank"><img src="https://convert.bouncex.com/rs/445-FJV-353/images/linkedin.svg" alt="linkedin" /></a></div></div> </div> <div class="card-body"> <div class="card-title speaker-title mktoText" id="SpeakerName22"><div>Brian Strauss</div></div> <div class="card-text speaker-position mktoText" id="SpeakerPostion22"><div>Global Vice President, Solution Consulting, Contentsquare</div></div> </div> </div> </div> </div> </div> </section> <section id="one-speakers-section" class="one-speakers-section section-padding" style="background-color:#f5ebe1;display: none;"> <div class="container"> <div class="row"> <div class="col-12 text-center"> <div class="section-title px-5 whattowatchnext"> <div class="mktoText" id="SpeakerSectionTitle1"><div>Featured in this Webinar:</div></div> </div> </div> </div> <div class="row justify-content-center"> <div class="card-deck"> <div class="card" style="width: 18rem;"> <div class="relative"> <div class="mktoImg mktoGen" id="mkto_gen_SpeakerImage11"><img class="lpimg" id="SpeakerImage11" mktoname="Speaker Image" src="/rs/445-FJV-353/images/Patrick%20Lewis.jpeg" alt="Speaker"></div> <div class="cardsocial mktoText" id="SpeakerSocial11"><div><a href="https://www.linkedin.com/in/johnpatricklewis?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app" target="_blank"><img src="https://convert.bouncex.com/rs/445-FJV-353/images/linkedin.svg" alt="linkedin" /></a></div></div> </div> <div class="card-body"> <div class="card-title speaker-title mktoText" id="SpeakerName11"><div>Patrick Lewis</div></div> <div class="card-text speaker-position mktoText" id="SpeakerPostion11"><div>Former CFO of John Lewis<br /></div></div> </div> </div> </div> </div> </div> </section> <section id="pattern-10" style="background-color:#f5ebe1; height: 300px;display: block;"> <img src="https://convert.bouncex.com/rs/445-FJV-353/images/Pattern-10.svg" width="100%"> </section> </main> <footer class="site-footer"> <div class="container"> <div class="row align-items-center footer-row"> <div class="col-lg-4 logofooter"> <img alt="Wunderkind Home" class="img logo-black" src="https://convert.bouncex.com/rs/445-FJV-353/images/white.svg"> </div> <div class="col-lg-8"> <ul class="menu"> <li><a href="https://connect.wunderkind.co/login">Login</a></li> <li><a href="https://www.wunderkind.co/privacy/">Privacy Policy</a></li> <li><a href="https://www.wunderkind.co/terms/">Terms & Conditions</a></li> <li><a href="https://www.wunderkind.co/privacy/your-ad-choices/">Your Ad Choices</a> </li> <li><a href="https://www.wunderkind.co/privacy/data-request-instructions/">Don't Sell My Data</a></li> <li><a href="https://www.wunderkind.co/wunderkind-site-accessibility/">Accessibility </a></li> </ul> </div> </div> </div> </footer> </div> </div> </div> <style> .mktoForm .mktoRequiredField label.mktoLabel { width: 100% !important; } .mktoForm .mktoOffset { height: 0px !important; } .padding0 ul{ padding-left: 20px; } .inner-heading { background-image: url(https://convert.wunderkind.co/rs/445-FJV-353/images/blue-bg-small.png?version=0); background-size: cover; min-height:800px; background-position:bottom; } #SubTitleContent, #SubTitleContent h2, #SubTitleContent p, #SubTitleContent span, #SubTitleContent ul{ color:#FFFFFF !important;; } .mktoForm .mktoFieldWrap { line-height: 0px; } .section-padding { padding: 40px 0px; background: #F5EBE1; } .whattowatchnext{ color: #000; text-align: center; font-family: Larsseit; font-size: 40px; font-style: normal; font-weight: 700; line-height: 45px; padding-bottom: 40px; } .main-header { background-color: #000; } footer .menu { justify-content: end; } footer .menu li { font-size: 14px; padding-left: 20px; } .card { background-color: transparent; background-clip: border-box; border: 0px; border-radius: 0.25rem; text-align: center; } .cardsocial { position: absolute; bottom: 0px; right: 15px; } .btn-wepper { padding-top: 10px; text-align: center; } .single-blog-card { border: 1px solid #EBEDF2; position: relative; margin-top: 40px; background: linear-gradient(180deg, rgba(25, 25, 25, 0.00) 39.06%, rgba(25, 25, 25, 0.90) 100%); } .single-blog-card:hover .blog-featured-img::before { opacity: 0.5; visibility: visible; left: 0; right: auto; width: 100%; } .single-blog-card .blog-featured-img { height: 480px; background-position: center; overflow: hidden; align-items: end; display: flex; background-size: cover; background-position: top; } .single-blog-card .blog-featured-img::before { position: absolute; top: 0; content: ""; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background: linear-gradient(180deg, rgba(25, 25, 25, 0.00) 39.06%, rgba(25, 25, 25, 0.90) 100%); width: 100%; height: 480px; } .single-blog-card .contents { padding: 30px; padding-top: 0; margin-top: -30px; z-index: 999; } .speaker-title { color: #000; text-align: center; font-family: Larsseit; font-size: 22px; font-style: normal; font-weight: 700; line-height: 28px } .speaker-position { color: #000; font-family: Larsseit; font-size: 22px; font-style: normal; font-weight: 400; line-height: 28px; } .padding0 ul li { padding-bottom:7px; } .blogtitle { text-align: center; } .blogtitle a { color: #FFF; text-align: center; font-family: WunderBrickText; font-size: 32px; font-style: normal; font-weight: 500; line-height: 34px; text-decoration: none; text-align: center; } .mktotitle { color: #191919; font-family: WunderBrick; font-size: 65px; font-style: normal; font-weight: 500; line-height: 65px; max-width: 85%; } .mktoh2title { color: #191919; font-family: Larsseit; font-size: 28px; font-style: normal; font-weight: 700; line-height: 21.766px; } .realative { position: relative !important; } .video-container { margin-top: -200px; width: 100%; z-index: 999; padding: 30px 0px; } video-container iframe { width: 100% !important; } .relative { position: relative; } .logo-black { filter: invert(100%); } .bottomsvg { z-index: 10; } .flexcenter { display: flex; align-items: center; height: 100%; } .topbottomborder { border-top: 0.5px solid #000; border-bottom: 0.5px solid #000; padding: 20px 0px; } .h4title { color: #000; font-family: WunderBrick; font-size: 32px; font-style: normal; font-weight: 400; line-height: normal; } .nameandpoistion { color: #191919; font-family: Larsseit; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px; padding-top: 16px; } .minheight240 { min-height: 350px; } .tecnoloy { border-radius: 5px; top: 5%; left: 45%; position: absolute; background: #4E5AFF; color: #fff; } .tecnoloy p{ color: #FFF; text-align: center; font-family: Larsseit; font-size: 9px; font-style: normal; font-weight: 700; line-height: 9px; text-transform: uppercase; margin: 0px; padding: 10px; } .white { color: #fff; } .black, .black p { color: #000; } .green { background: #25B89D; } .blue { background: #3D55CC; } .yellow { background: #FB0; } .yellowbg { background-color: #FB0; } .mktotitle { color: #191919; font-family: WunderBrick; font-size: 65px; font-style: normal; font-weight: 500; line-height: 65px; max-width: 85%; } @media (max-width: 768px) { .mktotitle { font-size: 3rem; line-height: 3rem; max-width: 95%; } .minheight240 { min-height: auto; } } .bannertitlepadding { padding-top: 10px; padding-bottom: 40px; } .mktoh2title { color: #191919; font-family: Larsseit; font-size: 28px; font-style: normal; font-weight: 700; line-height: 33px; } .form-container { padding: 40px; margin: 0px 25px 25px; position: relative; width: 100%; z-index: 999; border-radius: 30px; background: #fff; max-width: 520px; } .relative { position: relative; } .logo-black { filter: invert(100%); } .bottomsvg { z-index: 10; } .flexcenter { display: flex; align-items: center; height: 100%; } .topbottomborder { border-top: 0.5px solid #000; border-bottom: 0.5px solid #000; padding: 20px 0px; } .h4title { color: #000; font-family: WunderBrick; font-size: 32px; font-style: normal; font-weight: 400; line-height: normal; } .nameandpoistion { color: #191919; font-family: Larsseit; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px; padding-top: 16px; } #QuoteDescription { color: #000; font-family: WunderBrickText; font-size: 32px; font-style: normal; font-weight: 400; line-height: normal; } @media (min-width: 576px) { .card-deck .card { margin-left: 0px; margin-right: 0px; } } @media (max-width: 768px) { .mktotitle { font-size: 3rem; line-height: 3rem; } .form-container { position: relative; margin: 0px; } #pattern-10 img { height: 100% !important; } footer .menu { justify-content: center; } .logofooter { justify-content: center; display: flex; } footer .menu li{ margin-top: 20px; } } .mktoButtonRow { position: relative !important; bottom: 0px !important } </style> <script type="text/javascript" src="//munchkin.marketo.net//munchkin.js"></script><script>Munchkin.init('445-FJV-353', {customName: 'the-future-of-autonomous-marketing', wsInfo: 'j1RR'});</script> <script type="text/javascript" src="/js/stripmkttok.js"></script></body> </html>

CINXE.COM

The Future of Autonomous Marketing: Wunderkind’s Vision & Roadmap