html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
main {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,strong {
font-weight: bolder
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button,input,optgroup,select,textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
progress {
vertical-align: baseline
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
template {
display: none
}[hidden] {
display: none
}
@media (min-width:768px) {
html {
font-size: .5208333333vw
}
}
body {
color: #191921;
background: #fff;
font-size: 1.4rem
}
.modal body,.no-scroll body {
overflow: hidden!important
}
* {
box-sizing: border-box
}
:after,:before {
box-sizing: border-box
}
@media print {
:after,:before {
box-shadow: none!important;
text-shadow: none!important
}
}
::-moz-selection {
color: #fff;
background: #91a0f6
}
::selection {
color: #fff;
background: #91a0f6
}
@media print {
* {
box-shadow: none!important;
text-shadow: none!important
}
}
button {
cursor: pointer
}
button:disabled {
cursor: auto
}
audio,canvas,iframe,img,svg,video {
vertical-align: middle
}
figure {
margin: 0
}
button,input,select,textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
blockquote,h1,h2,h3,h4,h5,h6,p {
margin: 0;
padding: 0;
font-weight: inherit;
font-style: inherit;
font-size: inherit;
line-height: inherit;
text-align: inherit;
letter-spacing: inherit
}
.line {
position: relative;
display: block
}
.kz-advantage-content,.kz-breach-content,.kz-brief-content,.kz-cardwheel-content,.kz-content,.kz-definition-content,.kz-diversity-content,.kz-entryfeed-content,.kz-faq-content,.kz-feature-content,.kz-feature.-simple .kz-feature-content,.kz-featured-content,.kz-flow-content,.kz-lead-content,.kz-motivation-content,.kz-outro-content,.kz-preview-content,.kz-profit-content,.kz-resource-content,.kz-review-content,.kz-solution-content,.kz-splash-content,.kz-summary-content,.kz-tophead-content {
padding: 7rem 0
}
@media (min-width:768px) {
.kz-advantage-content,.kz-breach-content,.kz-brief-content,.kz-cardwheel-content,.kz-content,.kz-definition-content,.kz-diversity-content,.kz-entryfeed-content,.kz-faq-content,.kz-feature-content,.kz-feature.-simple .kz-feature-content,.kz-featured-content,.kz-flow-content,.kz-lead-content,.kz-motivation-content,.kz-outro-content,.kz-preview-content,.kz-profit-content,.kz-resource-content,.kz-review-content,.kz-solution-content,.kz-splash-content,.kz-summary-content,.kz-tophead-content {
padding: 12rem 0
}
}
.-ip.kz-advantage-content,.-ip.kz-breach-content,.-ip.kz-brief-content,.-ip.kz-cardwheel-content,.-ip.kz-definition-content,.-ip.kz-diversity-content,.-ip.kz-entryfeed-content,.-ip.kz-faq-content,.-ip.kz-feature-content,.-ip.kz-featured-content,.-ip.kz-flow-content,.-ip.kz-lead-content,.-ip.kz-motivation-content,.-ip.kz-outro-content,.-ip.kz-preview-content,.-ip.kz-profit-content,.-ip.kz-resource-content,.-ip.kz-review-content,.-ip.kz-solution-content,.-ip.kz-splash-content,.-ip.kz-summary-content,.-ip.kz-tophead-content,.-it.kz-advantage-content,.-it.kz-breach-content,.-it.kz-brief-content,.-it.kz-cardwheel-content,.-it.kz-definition-content,.-it.kz-diversity-content,.-it.kz-entryfeed-content,.-it.kz-faq-content,.-it.kz-feature-content,.-it.kz-featured-content,.-it.kz-flow-content,.-it.kz-lead-content,.-it.kz-motivation-content,.-it.kz-outro-content,.-it.kz-preview-content,.-it.kz-profit-content,.-it.kz-resource-content,.-it.kz-review-content,.-it.kz-solution-content,.-it.kz-splash-content,.-it.kz-summary-content,.-it.kz-tophead-content,.kz-content.-ip,.kz-content.-it,.kz-feature.-simple .-ip.kz-feature-content,.kz-feature.-simple .-it.kz-feature-content {
padding-top: 10rem
}
@media (min-width:768px) {
.-ip.kz-advantage-content,.-ip.kz-breach-content,.-ip.kz-brief-content,.-ip.kz-cardwheel-content,.-ip.kz-definition-content,.-ip.kz-diversity-content,.-ip.kz-entryfeed-content,.-ip.kz-faq-content,.-ip.kz-feature-content,.-ip.kz-featured-content,.-ip.kz-flow-content,.-ip.kz-lead-content,.-ip.kz-motivation-content,.-ip.kz-outro-content,.-ip.kz-preview-content,.-ip.kz-profit-content,.-ip.kz-resource-content,.-ip.kz-review-content,.-ip.kz-solution-content,.-ip.kz-splash-content,.-ip.kz-summary-content,.-ip.kz-tophead-content,.-it.kz-advantage-content,.-it.kz-breach-content,.-it.kz-brief-content,.-it.kz-cardwheel-content,.-it.kz-definition-content,.-it.kz-diversity-content,.-it.kz-entryfeed-content,.-it.kz-faq-content,.-it.kz-feature-content,.-it.kz-featured-content,.-it.kz-flow-content,.-it.kz-lead-content,.-it.kz-motivation-content,.-it.kz-outro-content,.-it.kz-preview-content,.-it.kz-profit-content,.-it.kz-resource-content,.-it.kz-review-content,.-it.kz-solution-content,.-it.kz-splash-content,.-it.kz-summary-content,.-it.kz-tophead-content,.kz-content.-ip,.kz-content.-it,.kz-feature.-simple .-ip.kz-feature-content,.kz-feature.-simple .-it.kz-feature-content {
padding-top: 24rem
}
}
.-ib.kz-advantage-content,.-ib.kz-breach-content,.-ib.kz-brief-content,.-ib.kz-cardwheel-content,.-ib.kz-definition-content,.-ib.kz-diversity-content,.-ib.kz-entryfeed-content,.-ib.kz-faq-content,.-ib.kz-feature-content,.-ib.kz-featured-content,.-ib.kz-flow-content,.-ib.kz-lead-content,.-ib.kz-motivation-content,.-ib.kz-outro-content,.-ib.kz-preview-content,.-ib.kz-profit-content,.-ib.kz-resource-content,.-ib.kz-review-content,.-ib.kz-solution-content,.-ib.kz-splash-content,.-ib.kz-summary-content,.-ib.kz-tophead-content,.-ip.kz-advantage-content,.-ip.kz-breach-content,.-ip.kz-brief-content,.-ip.kz-cardwheel-content,.-ip.kz-definition-content,.-ip.kz-diversity-content,.-ip.kz-entryfeed-content,.-ip.kz-faq-content,.-ip.kz-feature-content,.-ip.kz-featured-content,.-ip.kz-flow-content,.-ip.kz-lead-content,.-ip.kz-motivation-content,.-ip.kz-outro-content,.-ip.kz-preview-content,.-ip.kz-profit-content,.-ip.kz-resource-content,.-ip.kz-review-content,.-ip.kz-solution-content,.-ip.kz-splash-content,.-ip.kz-summary-content,.-ip.kz-tophead-content,.kz-content.-ib,.kz-content.-ip,.kz-feature.-simple .-ib.kz-feature-content,.kz-feature.-simple .-ip.kz-feature-content {
padding-bottom: 10rem
}
@media (min-width:768px) {
.-ib.kz-advantage-content,.-ib.kz-breach-content,.-ib.kz-brief-content,.-ib.kz-cardwheel-content,.-ib.kz-definition-content,.-ib.kz-diversity-content,.-ib.kz-entryfeed-content,.-ib.kz-faq-content,.-ib.kz-feature-content,.-ib.kz-featured-content,.-ib.kz-flow-content,.-ib.kz-lead-content,.-ib.kz-motivation-content,.-ib.kz-outro-content,.-ib.kz-preview-content,.-ib.kz-profit-content,.-ib.kz-resource-content,.-ib.kz-review-content,.-ib.kz-solution-content,.-ib.kz-splash-content,.-ib.kz-summary-content,.-ib.kz-tophead-content,.-ip.kz-advantage-content,.-ip.kz-breach-content,.-ip.kz-brief-content,.-ip.kz-cardwheel-content,.-ip.kz-definition-content,.-ip.kz-diversity-content,.-ip.kz-entryfeed-content,.-ip.kz-faq-content,.-ip.kz-feature-content,.-ip.kz-featured-content,.-ip.kz-flow-content,.-ip.kz-lead-content,.-ip.kz-motivation-content,.-ip.kz-outro-content,.-ip.kz-preview-content,.-ip.kz-profit-content,.-ip.kz-resource-content,.-ip.kz-review-content,.-ip.kz-solution-content,.-ip.kz-splash-content,.-ip.kz-summary-content,.-ip.kz-tophead-content,.kz-content.-ib,.kz-content.-ip,.kz-feature.-simple .-ib.kz-feature-content,.kz-feature.-simple .-ip.kz-feature-content {
padding-bottom: 24rem
}
}
.-cp.kz-advantage-content,.-cp.kz-breach-content,.-cp.kz-brief-content,.-cp.kz-cardwheel-content,.-cp.kz-definition-content,.-cp.kz-diversity-content,.-cp.kz-entryfeed-content,.-cp.kz-faq-content,.-cp.kz-feature-content,.-cp.kz-featured-content,.-cp.kz-flow-content,.-cp.kz-lead-content,.-cp.kz-motivation-content,.-cp.kz-outro-content,.-cp.kz-preview-content,.-cp.kz-profit-content,.-cp.kz-resource-content,.-cp.kz-review-content,.-cp.kz-solution-content,.-cp.kz-splash-content,.-cp.kz-summary-content,.-cp.kz-tophead-content,.-ct.kz-advantage-content,.-ct.kz-breach-content,.-ct.kz-brief-content,.-ct.kz-cardwheel-content,.-ct.kz-definition-content,.-ct.kz-diversity-content,.-ct.kz-entryfeed-content,.-ct.kz-faq-content,.-ct.kz-feature-content,.-ct.kz-featured-content,.-ct.kz-flow-content,.-ct.kz-lead-content,.-ct.kz-motivation-content,.-ct.kz-outro-content,.-ct.kz-preview-content,.-ct.kz-profit-content,.-ct.kz-resource-content,.-ct.kz-review-content,.-ct.kz-solution-content,.-ct.kz-splash-content,.-ct.kz-summary-content,.-ct.kz-tophead-content,.kz-content.-cp,.kz-content.-ct,.kz-feature.-simple .-cp.kz-feature-content,.kz-feature.-simple .-ct.kz-feature-content {
padding-top: 0
}
.-cb.kz-advantage-content,.-cb.kz-breach-content,.-cb.kz-brief-content,.-cb.kz-cardwheel-content,.-cb.kz-definition-content,.-cb.kz-diversity-content,.-cb.kz-entryfeed-content,.-cb.kz-faq-content,.-cb.kz-feature-content,.-cb.kz-featured-content,.-cb.kz-flow-content,.-cb.kz-lead-content,.-cb.kz-motivation-content,.-cb.kz-outro-content,.-cb.kz-preview-content,.-cb.kz-profit-content,.-cb.kz-resource-content,.-cb.kz-review-content,.-cb.kz-solution-content,.-cb.kz-splash-content,.-cb.kz-summary-content,.-cb.kz-tophead-content,.-cp.kz-advantage-content,.-cp.kz-breach-content,.-cp.kz-brief-content,.-cp.kz-cardwheel-content,.-cp.kz-definition-content,.-cp.kz-diversity-content,.-cp.kz-entryfeed-content,.-cp.kz-faq-content,.-cp.kz-feature-content,.-cp.kz-featured-content,.-cp.kz-flow-content,.-cp.kz-lead-content,.-cp.kz-motivation-content,.-cp.kz-outro-content,.-cp.kz-preview-content,.-cp.kz-profit-content,.-cp.kz-resource-content,.-cp.kz-review-content,.-cp.kz-solution-content,.-cp.kz-splash-content,.-cp.kz-summary-content,.-cp.kz-tophead-content,.kz-content.-cb,.kz-content.-cp,.kz-feature.-simple .-cb.kz-feature-content,.kz-feature.-simple .-cp.kz-feature-content {
padding-bottom: 0
}
.kz-advantage-container,.kz-book-container,.kz-breach-container,.kz-brief-container,.kz-cardwheel-container,.kz-container,.kz-definition-container,.kz-diversity-container,.kz-enhancement-container,.kz-entryfeed-container,.kz-faq-container,.kz-feature-container,.kz-featured-container,.kz-flow-container,.kz-footer-container,.kz-hero-container,.kz-integration-container,.kz-intro-container,.kz-lead-container,.kz-motivation-container,.kz-navbar-container,.kz-onboarding-container,.kz-outro-container,.kz-overview-container,.kz-presentation-container,.kz-preview-container,.kz-profit-container,.kz-resource-container,.kz-review-container,.kz-solution-container,.kz-splash-container,.kz-summary-container,.kz-textpaper-container,.kz-tophead-container,.kz-usecase-container {
padding: 0 2.4rem
}
@media (min-width:768px) {
.kz-advantage-container,.kz-book-container,.kz-breach-container,.kz-brief-container,.kz-cardwheel-container,.kz-container,.kz-definition-container,.kz-diversity-container,.kz-enhancement-container,.kz-entryfeed-container,.kz-faq-container,.kz-feature-container,.kz-featured-container,.kz-flow-container,.kz-footer-container,.kz-hero-container,.kz-integration-container,.kz-intro-container,.kz-lead-container,.kz-motivation-container,.kz-navbar-container,.kz-onboarding-container,.kz-outro-container,.kz-overview-container,.kz-presentation-container,.kz-preview-container,.kz-profit-container,.kz-resource-container,.kz-review-container,.kz-solution-container,.kz-splash-container,.kz-summary-container,.kz-textpaper-container,.kz-tophead-container,.kz-usecase-container {
padding: 0 20rem
}
}
@media (min-width:1920px) {
.kz-advantage-container,.kz-book-container,.kz-breach-container,.kz-brief-container,.kz-cardwheel-container,.kz-container,.kz-definition-container,.kz-diversity-container,.kz-enhancement-container,.kz-entryfeed-container,.kz-faq-container,.kz-feature-container,.kz-featured-container,.kz-flow-container,.kz-footer-container,.kz-hero-container,.kz-integration-container,.kz-intro-container,.kz-lead-container,.kz-motivation-container,.kz-navbar-container,.kz-onboarding-container,.kz-outro-container,.kz-overview-container,.kz-presentation-container,.kz-preview-container,.kz-profit-container,.kz-resource-container,.kz-review-container,.kz-solution-container,.kz-splash-container,.kz-summary-container,.kz-textpaper-container,.kz-tophead-container,.kz-usecase-container {
max-width: 1920px;
margin: 0 auto
}
}
.kz-cardwheel {
position: relative;
background: #fff;
z-index: 1;
}
.kz-cardwheel::after {
content: '';
display: block;
width: 100%;
height: 500px;
background: url(/css/images/183.jpg) no-repeat center;
background-size: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 1;
}
@media (min-width:768px) {
.kz-cardwheel {
height: 430vh
}@ supports (height:430lvh) {
.kz-cardwheel{height: 430lvh
}
}}
.kz-cardwheel-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
transform: translate(-2rem,0)
}
@media (min-width:768px) {
.kz-cardwheel-bg {
transform: translate(10rem,10rem)
}
}
.kz-cardwheel-bg svg {
position: absolute
}
.kz-cardwheel-content {
position: relative;
z-index: 1;
overflow: hidden
}
@media (min-width:768px) {
.kz-cardwheel-content {
position: -webkit-sticky;
position: sticky;
top: 0;
height: 100vh;
padding: 0;
white-space: nowrap
}@ supports (height:100lvh) {
.kz-cardwheel-content{height: 100lvh
}
}}
@media (max-width:767px) {
.kz-cardwheel-container {
padding: 0 1rem
}
}
.kz-cardwheel-header {
position: relative;
width: 22rem;
margin: 0 auto;
margin-bottom: 6rem;
font-size: 3.2rem;
line-height: 100%;
letter-spacing: -.03em;
text-align: center;
white-space: normal;
z-index: 1
}
.kz-cardwheel-header p {
font-size: 24px;
}
.kz-cardwheel-header h2 {
font-size: 58px;
margin-bottom: 10px;
font-weight: bold;
line-height: 2;
}
@media (min-width:768px) {
.kz-cardwheel-header {
position: absolute;
width: 90%;
margin-bottom: 20rem;
font-size: 30px;
}
.kz-cardwheel-header:lang(fr-CA) {
width: 80%
}
}
@media (min-width:768px) {
.kz-cardwheel-main {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2
}
}
@media (min-width:768px) {
.kz-cardwheel-body {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
z-index: 1;
transform: translateY(65vh)
}
}
.kz-cardwheel-items {
position: relative
}
@media (min-width:768px) {
.kz-cardwheel-items {
display: flex;
justify-content: center;
align-items: center;
transform: translateY(340rem) rotate(30deg)
}
}
@media (min-width:1920px) {
.kz-cardwheel-items {
transform: translateY(378rem) rotate(30deg)
}
}
.kz-cardwheel-item {
height: 47rem;
margin-bottom: 1rem
}
.kz-cardwheel-item:last-child {
margin-bottom: 0
}
@media (min-width:768px) {
.kz-cardwheel-item:first-child {
position: absolute;
transform: translateY(48vh)
}
}
@media (min-width:768px) {
.kz-cardwheel-item {
position: absolute;
flex-shrink: 0;
width: 52.8rem;
height: 58.5rem;
margin-bottom: 0;
border-radius: 5rem;
white-space: normal;
transform: translateY(100vh)
}
}
@media (min-width:1920px) {
.kz-cardwheel-item {
width: 58.7rem;
height: 65rem
}
}
@media (min-width:768px) {
.kz-cardwheel-item:nth-child(1) {
transform: rotate(-30deg) translateY(-340rem) scale(1)
}
}
@media (min-width:1920px) {
.kz-cardwheel-item:nth-child(1) {
transform: rotate(-30deg) translateY(-378rem) scale(1)
}
}
@media (min-width:768px) {
.kz-cardwheel-item:nth-child(2) {
transform: rotate(-20deg) translateY(-340rem) scale(1)
}
}
@media (min-width:1920px) {
.kz-cardwheel-item:nth-child(2) {
transform: rotate(-20deg) translateY(-378rem) scale(1)
}
}
@media (min-width:768px) {
.kz-cardwheel-item:nth-child(3) {
transform: rotate(-10deg) translateY(-340rem) scale(1)
}
}
@media (min-width:1920px) {
.kz-cardwheel-item:nth-child(3) {
transform: rotate(-10deg) translateY(-378rem) scale(1)
}
}
@media (min-width:768px) {
.kz-cardwheel-item:nth-child(4) {
transform: rotate(0deg) translateY(-340rem) scale(1)
}
}
@media (min-width:1920px) {
.kz-cardwheel-item:nth-child(4) {
transform: rotate(0deg) translateY(-378rem) scale(1)
}
}
@media (min-width:768px) {
.kz-cardwheel-item:nth-child(5) {
transform: rotate(10deg) translateY(-340rem) scale(1)
}
}
@media (min-width:1920px) {
.kz-cardwheel-item:nth-child(5) {
transform: rotate(10deg) translateY(-378rem) scale(1)
}
}
.kz-cardwheel-item-body {
height: 100%;
padding: 4rem 3rem;
background: rgba(255,255,255,.62);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-radius: 2.5rem;
background: linear-gradient(149deg, #D4E5FF 0%, #F3F9FF 59.55%, #E9FBFF 97.73%);
}
@media (min-width:768px) {
.kz-cardwheel-item-body {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 6rem;
border-radius: 5rem
}
}
@media (min-width:1920px) {
.kz-cardwheel-item-body {
padding: 7rem
}
}
.kz-cardwheel-number {
margin-bottom: 3.2rem;
font-size: 4rem;
color: #fff
}
@media (min-width:768px) {
.kz-cardwheel-number {
margin-bottom: 0
}
}
.kz-cardwheel-img {
margin-bottom: 3.2rem;
height: 25.6rem;
text-align: center
}
@media (min-width:768px) {
.kz-cardwheel-img {
position: absolute;
top: 20%;
right: 0;
height: 38rem;
margin-bottom: 0;
}
}
@media (min-width:1920px) {
.kz-cardwheel-img {
height: 42.7rem
}
}
.kz-cardwheel-img img {
width: 100%
}
.kz-cardwheel-text {
font-size: 26px !important;
line-height: 120%;
letter-spacing: -.01em;
color: #fff;
position: relative;
transition: all .4s;
}
.kz-cardwheel-item:hover .kz-cardwheel-text {
top:-45%
}
.kz-cardwheel-item:hover .kz-cardwheel-item-body-last .kz-cardwheel-text {
top:0
}
@media (min-width:768px) {
.kz-cardwheel-text {
font-size: 3.87rem
}
}
@media (min-width:1920px) {
.kz-cardwheel-text {
font-size: 4.32rem
}
}
.kz-flow {
position: relative;
background: #f3f4f6;
z-index: 2
}
@media (min-width:768px) {
.kz-flow {
margin-top: -100vh;
background: #fff;
background: url(/css/images/bg.png) no-repeat center;
background-size: cover;
}
}
.kz-flow-fill {
position: absolute;
top: 0;
right: 0;
bottom: -1px;
left: 0;
opacity: 0;
background: #fff;
z-index: 1;
pointer-events: none
}
@media (max-width:767px) {
.kz-flow-content {
padding: 7rem 0 6rem 0!important
}
}
@media (min-width:768px) {
.kz-flow-content {
padding-top: 20rem
}
}
@media (min-width:768px) {
.kz-flow-container {
padding: 0 9.5rem
}
}
.kz-flow-header {
margin: 0 auto;
margin-bottom: 3rem;
font-size: 3.2rem;
line-height: 105%;
letter-spacing: -.03em;
text-align: center
}
@media (min-width:768px) {
.kz-flow-header {
width: 92rem;
margin-bottom: 5rem;
font-size: 10rem;
line-height: 100%
}
.kz-flow-header:lang(fr-CA) {
width: 65%
}
}
.kz-flow-text {
margin-bottom: 12rem
}
@media (min-width:768px) {
.kz-flow-text {
display: flex;
width: 89.2rem;
margin: 0 auto;
margin-bottom: 22rem
}
}
.kz-flow-text p {
font-size: 1.6rem;
line-height: 150%;
letter-spacing: -.01em;
text-align: center
}
@media (min-width:768px) {
.kz-flow-text p {
font-size: 2.6rem;
text-align: left
}
}
.kz-flow-badge {
display: flex;
align-items: center;
max-width: 30rem;
margin: 0 auto;
margin-bottom: 3rem;
padding: 2rem 2.8rem 2rem 4rem;
flex-shrink: 0;
border: 1px solid rgba(25,25,33,.1);
border-radius: 16rem;
mix-blend-mode: multiply
}
@media (min-width:768px) {
.kz-flow-badge {
max-width: 100%;
margin-right: 4rem;
margin-bottom: 0;
padding: 2rem 4rem
}
}
.kz-flow-badge-img {
width: 6.5rem;
height: 4rem;
margin-right: 2.6rem;
flex-shrink: 0
}
.kz-flow-badge-img img {
width: 100%;
height: 100%
}
.kz-flow-badge-text {
width: 13.5rem;
font-size: 1.6rem
}
@media (min-width:768px) {
.kz-flow-badge-text {
width: 14.8rem;
font-size: 1.8rem
}
}
.kz-flow-main {
position: relative
}
.kz-flow-line {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 2px;
background: #e5e6e8
}
@media (min-width:768px) {
.kz-flow-line {
width: 171.3rem;
height: 232.563rem;
bottom: auto;
transform: translateY(-11.8rem);
background: 0 0
}
}
.kz-flow-line-progress {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 2px;
background: linear-gradient(0deg,#e5e6e8 0,#324eef 15%,#324eef 100%);
transform: scaleY(0);
transform-origin: top center
}
@media (min-width:768px) {
.kz-flow-line-progress {
display: none
}
}
.kz-flow-line svg {
display: none;
width: 100%;
height: 100%
}
@media (min-width:768px) {
.kz-flow-line svg {
display: block
}
}
.kz-flow-grid {
padding-left: 4.6rem
}
@media (min-width:768px) {
.kz-flow-grid {
display: flex;
margin-bottom: 43.3rem;
padding-left: 0
}
.kz-flow-grid:last-child {
margin-bottom: 0
}
}
@media (max-width:767px) {
.kz-flow-grid.-lg {
display: flex;
flex-direction: column-reverse
}
}
@media (min-width:768px) {
.kz-flow-grid.-lg {
margin-bottom: 47.4rem
}
}
.kz-flow-grid-col {
position: relative
}
@media (min-width:768px) {
.kz-flow-grid-col {
width: 50%
}
}
@media (min-width:768px) {
.kz-flow-grid-col.-left {
padding-left: 14.8rem
}
}
@media (min-width:768px) {
.kz-flow-grid-col.-right {
padding-left: 9.5rem
}
}
@media (min-width:768px) {
.kz-flow-grid-col.-lg {
padding-bottom: 16rem
}
}
@media (min-width:768px) {
.kz-flow-row {
margin-bottom: 19rem
}
.kz-flow-row:last-child {
margin-bottom: 0
}
}
.kz-flow-item {
position: relative;
margin-bottom: 12rem
}
@media (min-width:768px) {
.kz-flow-item {
margin-bottom: 0
}
}
.kz-flow-item.-cb,.kz-flow-item.-cp.kz-advantage-content,.kz-flow-item.-cp.kz-breach-content,.kz-flow-item.-cp.kz-brief-content,.kz-flow-item.-cp.kz-cardwheel-content,.kz-flow-item.-cp.kz-definition-content,.kz-flow-item.-cp.kz-diversity-content,.kz-flow-item.-cp.kz-entryfeed-content,.kz-flow-item.-cp.kz-faq-content,.kz-flow-item.-cp.kz-feature-content,.kz-flow-item.-cp.kz-featured-content,.kz-flow-item.-cp.kz-flow-content,.kz-flow-item.-cp.kz-lead-content,.kz-flow-item.-cp.kz-motivation-content,.kz-flow-item.-cp.kz-outro-content,.kz-flow-item.-cp.kz-preview-content,.kz-flow-item.-cp.kz-profit-content,.kz-flow-item.-cp.kz-resource-content,.kz-flow-item.-cp.kz-review-content,.kz-flow-item.-cp.kz-solution-content,.kz-flow-item.-cp.kz-splash-content,.kz-flow-item.-cp.kz-summary-content,.kz-flow-item.-cp.kz-tophead-content,.kz-flow-item.kz-content.-cp {
margin-bottom: 0
}
.kz-flow-num {
margin-bottom: 2.4rem;
font-size: 1.4rem
}
@media (min-width:768px) {
.kz-flow-num {
margin-bottom: 4rem;
font-size: 2.4rem
}
}
.kz-flow-title {
position: relative;
font-size: 2.2rem;
line-height: 120%;
letter-spacing: -.01em;
font-weight: 500
}
@media (min-width:768px) {
.kz-flow-title {
font-size: 4.8rem;
font-weight: 400
}
}
.kz-flow-title em {
display: inline;
text-decoration: none;
background-image: linear-gradient(#191921,#191921);
background-repeat: no-repeat;
background-size: 0 1px;
background-position: 0 58%
}
@media (min-width:768px) {
.kz-flow-title em {
background-size: 0 2px;
background-position: 100% 58%
}
}
.kz-flow-title em.-reverse {
background-position: 0 58%
}
.kz-flow-subtitle {
margin-top: 2.4rem;
margin-bottom: 1.2rem;
font-size: 1.6rem;
font-weight: 500;
color: #324eef
}
@media (min-width:768px) {
.kz-flow-subtitle {
margin-top: 4rem;
margin-bottom: 2.5rem;
font-size: 3.2rem;
letter-spacing: -.01em
}
}
.kz-flow-description {
font-size: 1.6rem;
line-height: 150%
}
@media (min-width:768px) {
.kz-flow-description {
max-width: 62rem;
font-size: 2.6rem;
letter-spacing: -.01em;
opacity: .7
}
}
.kz-flow-description p {
margin-bottom: 1rem
}
.kz-flow-description p:last-child {
margin-bottom: 0
}
@media (min-width:768px) {
.kz-flow-description p {
margin-bottom: 1.2rem
}
}
.kz-flow-dot {
position: absolute;
top: -.5rem;
left: -5.7rem;
width: 2.4rem;
height: 2.4rem;
background: rgba(50,78,239,.07);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 50%
}
@media (min-width:768px) {
.kz-flow-dot {
top: auto;
left: auto;
width: 4.2rem;
height: 4.2rem;
bottom: -9.4rem
}
}
.kz-flow-dot:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: .8rem;
height: .8rem;
margin: auto;
background: #324eef;
border-radius: 50%;
z-index: 20
}
@media (min-width:768px) {
.kz-flow-dot:after {
width: 1.4rem;
height: 1.4rem
}
}
@media (min-width:768px) {
.kz-flow-dot.-left {
top: -1rem;
left: -16.7rem;
bottom: auto
}
}
.kz-flow-plane {
position: relative;
display: none;
overflow: hidden
}
@media (min-width:768px) {
.kz-flow-plane {
position: -webkit-sticky;
position: sticky;
top: calc((100vh - 72.2rem)/2);
display: block;
width: 85%;
margin: 0 auto;
border-radius: 5rem
}
}
@media (min-width:1600px) {
.kz-flow-plane {
width: 90%;
top: calc((100vh - 76.5rem)/2)
}
}
@media (min-width:1920px) {
.kz-flow-plane {
width: 100%;
top: calc((100vh - 85rem)/2)
}
}
.kz-flow-plane img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover
}
.kz-flow-plane img:first-child {
position: static;
opacity: 1
}
.kz-flow-plane img:last-child {
opacity: 0
}
.kz-flow-img {
margin-top: 5rem;
width: 28rem;
height: 32rem;
border-radius: 3rem;
overflow: hidden
}
@media (min-width:768px) {
.kz-flow-img {
display: none
}
}
.kz-flow-img img {
width: 100%;
height: 100%;
object-fit: cover
}
@media (min-width:768px) {
.kz-feature.-simple {
height: auto
}
}
.kz-feature-content {
padding: 6rem 0 10rem
}
@media (min-width:768px) {
.kz-feature-content {
padding: 0 0 8rem;
position: -webkit-sticky;
position: sticky;
top: 0;
height: 100vh
}@ supports (height:100lvh) {
.kz-feature-content{height: 100lvh
}
}}
.kz-feature.-simple .kz-feature-content {
padding: 7rem 0
}
@media (min-width:768px) {
.kz-feature.-simple .kz-feature-content {
position: static;
height: auto;
padding: 20rem 0
}
}
.kz-feature-container {
height: 100%
}
@media (max-width:767px) {
.kz-feature-container {
padding: 0 1rem
}
}
.kz-feature-grid {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%
}
@media (min-width:768px) {
.kz-feature-grid {
flex-direction: row;
align-items: center;
justify-content: center
}
}
.kz-feature-grid-col.-left {
display: flex;
justify-content: center
}
@media (min-width:768px) {
.kz-feature-grid-col {
width: 50%
}
}
.kz-feature-items {
position: relative
}
@media (min-width:768px) {
.kz-feature-items {
display: flex;
align-items: center;
height: 100%;
transform: translateY(-4rem)
}
}
.kz-feature-item {
position: relative;
padding: 0 3rem 4rem;
margin: 0 0 1rem;
border-radius: 3rem;
overflow: hidden
}
@media (min-width:768px) {
.kz-feature-item:first-child {
transform: translateY(50vh)
}
}
.kz-feature-item:last-child {
margin: 0
}
@media (min-width:768px) {
.kz-feature-item:last-child {
margin: auto
}
}
@media (min-width:768px) {
.kz-feature-item {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
height: 67rem;
padding: 0;
margin: auto;
border-radius: 5rem;
transform: translateY(100vh)
}
}
.kz-feature-item:first-child {
background: #141414;
color: #eff1f4
}
.kz-feature-item:nth-child(2) {
background: #e1f0fd
}
@media (min-width:768px) {
.kz-feature-item:nth-child(2) {
top: 10rem
}
}
.kz-feature-item:nth-child(3) {
background: #324eef;
color: #eff1f4
}
@media (min-width:768px) {
.kz-feature-item:nth-child(3) {
top: 20rem
}
}
.kz-feature-item:nth-child(4) {
background: #141414;
color: #eff1f4
}
@media (min-width:768px) {
.kz-feature-item:nth-child(4) {
top: 30rem
}
}
.kz-feature-item:nth-child(1) {
z-index: 1
}
.kz-feature-item:nth-child(2) {
z-index: 2
}
.kz-feature-item:nth-child(3) {
z-index: 3
}
.kz-feature-item:nth-child(4) {
z-index: 4
}
.kz-feature.-simple .kz-feature-item {
padding-top: 2.5rem;
overflow: initial
}
@media (min-width:768px) {
.kz-feature.-simple .kz-feature-item {
position: static;
padding: 15.3rem 0;
transform: translateY(0)
}
}
.kz-feature-img {
width: 32rem;
height: 36.188rem;
margin: 0 auto;
flex-shrink: 0;
margin-bottom: -3rem
}
.kz-feature-img img {
width: 100%;
height: 100%;
object-fit: contain
}
.kz-feature-description {
font-size: 1.6rem;
line-height: 150%;
letter-spacing: -.01em
}
@media (min-width:768px) {
.kz-feature-description {
font-size: 2.6rem
}
}
.kz-feature-description p {
margin-bottom: 1rem
}
@media (min-width:768px) {
.kz-feature-description p {
margin-bottom: 2.5rem
}
}
.kz-feature-description p.-op70 {
opacity: .7
}
.kz-advantage-content {
padding-bottom: 7rem
}
@media (min-width:768px) {
.kz-advantage-content {
padding-bottom: 120px
}
}
.kz-advantage-header {
margin-bottom: 60px;
font-size: 38px;
font-weight: bold;
text-align: left;
}
@media (min-width:768px) {
.kz-advantage-content .kz-advantage-header {
margin-bottom: 60px;
font-size: 38px;
font-weight: bold;
text-align: left;
}
}
@media (min-width:768px) {
.kz-advantage-items {
display: grid;
grid-template-columns: repeat(5,1fr);
gap: 2rem
}
}
.kz-advantage-item {
display: flex;
align-items: center;
margin-bottom: 1rem;
padding: 3.1rem 3.2rem;
border: 1px solid rgba(25,25,33,.1);
border-radius: 2rem
}
.kz-advantage-item:last-child {
margin-bottom: 0
}
@media (min-width:768px) {
.kz-advantage-item {
height: 34rem;
margin-bottom: 0;
padding: 5rem 2rem;
flex-direction: column;
justify-content: flex-end;
text-align: center;
border-radius: 5rem
}
.kz-advantage-item:lang(fr-CA) {
padding: 5rem 1.5rem
}
}
.kz-advantage-item-icon {
width: 3rem;
height: 3rem;
margin-right: 2.4rem
}
@media (min-width:768px) {
.kz-advantage-item-icon {
width: 8rem;
height: 8rem;
margin-right: 0;
margin-bottom: 10px
}
}
.kz-advantage-item-icon img {
width: 100%;
height: 100%
}
.kz-advantage-item-text {
font-size: 1.6rem
}
.kz-advantage-item-text p {font-size: 20px;}
.kz-advantage-item-text p span {
display: block;
font-size: 58px;
font-weight: bold;
}
.kz-advantage-item-text p span em {font-size: 18px;}
@media (min-width:768px) {
.kz-advantage-item-text {
font-size: 2.6rem
}
}
.kz-advantage-item-text br {
display: none
}
@media (min-width:768px) {
.kz-advantage-item-text br {
display: block
}
}