@import url("https://use.typekit.net/fzw3ffh.css");

html
{
background: rgb(255,255,255);
font-size: 100%;
-webkit-text-size-adjust: 100%;
}

body
{
color: rgb(98,116,121);
font: normal normal normal 1rem/normal sans-serif;
margin: 0;
padding: 0;
}

abbr
{
cursor: help;
}

abbr[title]
{
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}

audio:not([controls])
{
display: none;
height: 0;
}

a:focus
{
outline: thin dotted;
}

blockquote, q
{
quotes: none;
}

details
{
display: block;
}

dl, form, h1, h2, h3, h4, h5, h6, ol, p, ul
{
margin: 0;
padding: 0;
}

form label
{
cursor: pointer;
}

form button, form input[type="button"], form input[type="submit"], form input[type="reset"]
{
-webkit-appearance: button;
cursor: pointer;
margin: 0;
overflow: visible;
padding: 0;
text-transform: none;
}

form button[disabled], form input[disabled]
{
cursor: default;
}

form button::-moz-focus-inner, form input:not([type="checkbox"]):not([type="radio"])::-moz-focus-inner
{
border: 0;
padding: 0;
}

form button:-moz-focusring, form [type="button"]:-moz-focusring, form [type="reset"]:-moz-focusring, form [type="submit"]:-moz-focusring
{
outline: 1px dotted;
}

form input:not([type="checkbox"]):not([type="radio"]), form select
{
margin: 0;
}

form input[type="number"]::-webkit-inner-spin-button, form input[type="number"]::-webkit-outer-spin-button
{
height: auto;
}

form input[type="search"]
{
-webkit-appearance: textfield;
outline-offset: -2px;
}

form input[type="search"]::-webkit-search-cancel-button, form input[type="search"]::-webkit-search-decoration
{
-webkit-appearance: none;
}

form [type="search"]::-webkit-search-decoration
{
-webkit-appearance: none;
}

::-webkit-file-upload-button
{
-webkit-appearance: button;
font: inherit;
}

form textarea
{
margin: 0;
resize: vertical;
vertical-align: top;
}

hr
{
border: none;
box-sizing: content-box;
margin: 0;
overflow: visible;
}

ol li
{
list-style-type: decimal;
}

ul li
{
list-style-type: square;
}

pre
{
white-space: pre-wrap;
}

progress
{
vertical-align: baseline;
}

summary
{
display: list-item;
}

svg:not(:root)
{
overflow: hidden;
}

table
{
margin: 0;
}

div.homepage, div.page
{
overflow: hidden;
position: relative;
}

header[role="banner"]
{
align-items: center;
display: flex;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
min-height: 2.8125rem;
padding: 3.125rem 1.25rem 4.0625rem 1.25rem;
position: relative;
width: 77.5rem;
z-index: 101;
}

body.menu-active header[role="banner"]
{
background: rgb(255,255,255);
}

header[role="banner"] p.logo a
{
display: flex;
}

header[role="banner"] nav > a
{
border: 1px solid rgba(29,67,80,0.25);
border-radius: 3px;
color: rgb(29,67,80);
display: none;
font-family: canada-type-gibson, sans-serif;
font-size: 1.125rem;
font-weight: 600;
margin-bottom: 3px;
margin-top: 3px;
padding: 9px 5px 5px 40px;
position: relative;
text-decoration: none;
text-transform: uppercase;
}

header[role="banner"] nav > a::before
{
background-image: linear-gradient(to right, rgb(29,67,80) 0%,rgb(29,67,80) 100%), linear-gradient(to right, rgb(29,67,80) 0%,rgb(29,67,80) 100%), linear-gradient(to right, rgb(29,67,80) 0%,rgb(29,67,80) 100%);
background-position: left 3px, left center, left 15px;
background-repeat: no-repeat;
background-size: 100% 2px;
content: "";
height: 20px;
left: 10px;
margin-top: -10px;
position: absolute;
top: 50%;
width: 20px;
}

body.menu-active header[role="banner"] nav > a::before
{
background-image: linear-gradient(to right, rgb(29,67,80) 0%,rgb(29,67,80) 100%), linear-gradient(to bottom, rgb(29,67,80) 0%,rgb(29,67,80) 100%);
background-position: left center, center top;
background-size: 100% 2px, 2px 100%;
transform: rotate(-45deg);
}

header[role="banner"] nav ol
{
display: flex;
width: 43.75rem;
}

header[role="banner"] nav li
{
font-family: canada-type-gibson, sans-serif;
font-size: 1.125rem;
font-weight: 500;
list-style: none;
}

header[role="banner"] nav li:not(:first-child)
{
margin-left: 2.5rem;
}

header[role="banner"] nav li a
{
color: rgb(29,67,80);
text-decoration: none;
}

header[role="banner"] nav li a:hover, header[role="banner"] nav li a:focus
{
animation: animation3 0.4s forwards;
}

header[role="banner"] nav li a.active
{
color: #69C0AC;
}

main
{
font-family: canada-type-gibson, sans-serif;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.6875rem;
}

main address, main blockquote, main p, main pre, main ol, main ul, main dl, main table
{
margin-bottom: 2.0625rem;
}

main h1
{
color: rgb(0,41,54);
font-family: Merriweather, serif;
font-size: 3rem;
font-weight: 700;
line-height: 3.3125rem;
margin-bottom: 0.875rem;
}

main h1 span
{
color: #69C0AC;
}

main h2
{
color: rgb(0,41,54);
font-family: canada-type-gibson, sans-serif;
font-size: 1.375rem;
font-weight: 600;
line-height: normal;
margin-bottom: 0.875rem;
}

main h3
{
color: rgb(0,41,54);
font-family: canada-type-gibson, sans-serif;
font-size: 1.25rem;
font-weight: 600;
line-height: normal;
margin-bottom: 0.875rem;
}

main h4
{
color: rgb(0,41,54);
font-family: canada-type-gibson, sans-serif;
font-size: 1.125rem;
font-weight: 600;
line-height: normal;
margin-bottom: 0.875rem;
}

main h5
{
color: rgb(0,41,54);
font-family: canada-type-gibson, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: normal;
margin-bottom: 0.875rem;
}

main h6
{
color: rgb(0,41,54);
font-family: canada-type-gibson, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: normal;
margin-bottom: 0.875rem;
}

main hr
{
display: block;
height: 1px;
}

main pre
{
font-family: monospace;
overflow: auto;
}

main abbr
{
text-decoration: underline;
text-decoration: underline dotted;
}

main b, main strong
{
color: rgb(0,41,54);
font-weight: 600;
}

main cite, main q
{
font-style: italic;
}

main code
{
font-family: monospace;
}

main kbd, main samp
{
font-family: sans-serif;
}

main i, main em
{
font-style: italic;
}

main ins
{
text-decoration: none;
}

main small
{
font-size: 80%;
}

main sub
{
bottom: -0.25em;
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

main sup
{
font-size: 75%;
line-height: 0;
position: relative;
top: -0.5em;
vertical-align: baseline;
}

main ol:not([class])
{
counter-reset: item;
}

main ol:not([class]) li
{
list-style: none;
padding-left: 2.25rem;
position: relative;
}

main ol:not([class]) > li::before
{
color: rgb(114,83,164);
content: counters(item,".") ".";
counter-increment: item;
display: block;
font-weight: 600;
left: 0;
position: absolute;
top: 0;
width: 2.25rem;
}

main ul:not([class]) li
{
list-style: none;
padding-left: 2.25rem;
position: relative;
}

main ul:not([class]) li::before
{
background: rgb(114,83,164);
border: 4px solid rgb(255,255,255);
border-radius: 50%;
box-shadow: 0 0 0 2px rgb(173,148,211);
content: "";
display: block;
height: 8px;
left: 0;
position: absolute;
top: 5px;
width: 8px;
}

main li ol, main li ul
{
margin-bottom: 0;
}

main a
{
color: rgb(237,169,0);
-webkit-text-decoration-skip: objects;
text-decoration: none;
}

main a:link
{
color: rgb(237,169,0);
text-decoration: none;
}

main a:visited
{
color: rgb(237,169,0);
text-decoration: none;
}

main a:active
{
color: rgb(237,169,0);
text-decoration: none;
}

main a:hover
{
color: rgb(237,169,0);
text-decoration: underline;
}

main figure
{
margin: 0 0 2.0625rem 0;
}

main img
{
height: auto;
max-width: 100%;
}

main table
{
border-collapse: collapse;
border-spacing: 0;
}

main table caption
{
color: rgb(0,41,54);
font-weight: 600;
margin-bottom: 0;
text-align: left;
}

main table thead
{
border-bottom: 1px solid rgb(244,248,250);
}

main table tbody tr:nth-child(even)
{
background: rgb(244,248,250);
}

main table thead th, main table tfoot td, main table tbody th, main table tbody td
{
padding: 0 0.75rem 0 0.75rem;
}

main table thead th, main table tbody th
{
color: rgb(0,41,54);
font-weight: 600;
}

main iframe, main object, main video
{
border: none;
display: block;
height: auto;
max-width: 100%;
}

main form fieldset
{
border: none;
margin: 0;
padding: 0;
}

main form legend
{
box-sizing: border-box;
padding-left: 0;
padding-right: 0;
max-width: 100%;
}

main form input[type="button"], main form button[type="button"]
{
background-color: rgb(237,169,0);
background-image: linear-gradient(to bottom, rgb(244,177,11) 0%,rgb(255,205,133) 100%);
background-position: left 3.125rem;
background-repeat: no-repeat;
background-size: 100% 100%;
border: none;
border-radius: 5px;
color: rgb(255,255,255);
font-family: canada-type-gibson, sans-serif;
font-size: 0.875rem;
font-weight: 600;
line-height: normal;
padding: 1.0625rem 1.5rem 1rem 1.5rem;
text-align: center;
}

main form input[type="date"], main form input[type="datetime-local"], main form input[type="email"], main form input[type="file"], main form input[type="month"], main form input[type="number"], main form input[type="password"], main form input[type="search"], main form input[type="tel"], main form input[type="text"], main form input[type="time"], main form input[type="url"], main form input[type="week"]
{
background: rgb(255,255,255);
border: none;
border-radius: 5px;
color: rgb(0,41,54);
box-sizing: border-box;
font-family: canada-type-gibson, sans-serif;
font-size: 0.875rem;
line-height: normal;
max-width: 100%;
overflow: visible;
padding: 1.0625rem 0.625rem 1rem 0.625rem;
}

main form input[type="date"]:focus, main form input[type="datetime-local"]:focus, main form input[type="email"]:focus, main form input[type="file"]:focus, main form input[type="month"]:focus, main form input[type="number"]:focus, main form input[type="password"]:focus, main form input[type="search"]:focus, main form input[type="tel"]:focus, main form input[type="text"]:focus, main form input[type="time"]:focus, main form input[type="url"]:focus, main form input[type="week"]:focus
{
outline: none;
}

main form input[type="date"]:invalid:focus, main form input[type="datetime-local"]:invalid:focus, main form input[type="email"]:invalid:focus, main form input[type="file"]:invalid:focus, main form input[type="month"]:invalid:focus, main form input[type="number"]:invalid:focus, main form input[type="password"]:invalid:focus, main form input[type="search"]:invalid:focus, main form input[type="tel"]:invalid:focus, main form input[type="text"]:invalid:focus, main form input[type="time"]:invalid:focus, main form input[type="url"]:invalid:focus, main form input[type="week"]:invalid:focus
{
box-shadow: 0 0 0 1px red inset;
}

main form input[type="date"]::placeholder, main form input[type="datetime-local"]::placeholder, main form input[type="email"]::placeholder, main form input[type="file"]::placeholder, main form input[type="month"]::placeholder, main form input[type="number"]::placeholder, main form input[type="password"]::placeholder, main form input[type="search"]::placeholder, main form input[type="tel"]::placeholder, main form input[type="text"]::placeholder, main form input[type="time"]::placeholder, main form input[type="url"]::placeholder, main form input[type="week"]::placeholder
{
color: rgb(98,116,121);
opacity: 1;
}

main form input[type="checkbox"], main form input[type="radio"]
{
box-sizing: border-box;
padding: 0;
}

main form input[type="reset"], main form button[type="reset"]
{
background: grey;
border: none;
border-radius: 5px;
color: rgb(255,255,255);
font-family: canada-type-gibson, sans-serif;
font-size: 0.875rem;
font-weight: 600;
line-height: normal;
padding: 1.0625rem 1.5rem 1rem 1.5rem;
text-align: center;
}

main form input[type="submit"], main form button[type="submit"]
{
background-color: rgb(237,169,0);
background-image: linear-gradient(to bottom, rgb(244,177,11) 0%,rgb(255,205,133) 100%);
background-position: left bottom;
background-repeat: repeat-x;
background-size: 0% 0%;
border: none;
border-radius: 5px;
color: rgb(255,255,255);
font-family: canada-type-gibson, sans-serif;
font-size: 0.875rem;
font-weight: 600;
line-height: normal;
padding: 1.0625rem 1.5rem 1rem 1.5rem;
text-align: center;
}

main form input[type="submit"]:hover, main form button[type="submit"]:hover, main form input[type="submit"]:focus, main form button[type="submit"]:focus
{
animation: animation7 0.4s forwards;
background-size: 100% 100%;
transition: background-size 0.4s;
}

main form textarea
{
background: rgb(255,255,255);
border: none;
border-radius: 5px;
color: rgb(0,41,54);
box-sizing: border-box;
font-family: canada-type-gibson, sans-serif;
font-size: 0.875rem;
line-height: normal;
max-width: 100%;
overflow: auto;
padding: 1.0625rem 0.625rem 1rem 0.625rem;
}

main form textarea:focus
{
outline: none;
}

main form select
{
background: rgb(255,255,255);
border: none;
border-radius: 5px;
color: rgb(0,41,54);
box-sizing: border-box;
font-family: canada-type-gibson, sans-serif;
font-size: 0.875rem;
line-height: normal;
max-width: 100%;
padding: 1.0625rem 0.625rem 1rem 0.625rem;
}

main form select option
{
padding: 1.0625rem 0.625rem 1rem 0.625rem;
line-height: 2rem;
}

main form select:focus
{
outline: none;
}

main
{
position: relative;
}

main:not([class])
{
padding-bottom: 6.25rem;
}

main::after
{
background: rgba(42,47,52,0.5);
content: "";
display: none;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 100;
}

body.menu-active main::after
{
animation: animation1 0.4s forwards;
display: block;
}

main p.more
{
font-size: 0.875rem;
font-weight: 600;
line-height: normal;
}

main p.more a
{
background-image: linear-gradient(to bottom, rgb(244,177,11) 0%,rgb(255,205,133) 100%);
background-position: left bottom;
background-repeat: repeat-x;
background-size: 0% 0%;
border-radius: 5px;
color:rgb(237,169,0);
display: inline-block;
padding: 1.0625rem 1.5rem 1rem 1.5rem;
text-align: center;
text-decoration: none;
transition: background-size 0s;
}

main p.more a:hover, main p.more a:focus
{
animation: animation7 0.4s forwards;
background-size: 100% 100%;
transition: background-size 0.4s;
}

main[class*="case-stud"]
{
margin-top: -10rem;
}

main div.header
{
font-size: 1.125rem;
line-height: 1.8125rem;
margin-left: auto;
margin-right: auto;
padding-left: 1.25rem;
padding-right: 1.25rem;
width: 77.5rem;
}

main[class*="case-stud"] div.header
{
background: url("header.webp") no-repeat right bottom;
min-height: 263px;
overflow: hidden;
padding-top: 164px;
}

main.articles div.header
{
padding-bottom: 3rem;
padding-top: 0.625rem;
text-align: center;
}

main div.header h1, main div.header p.title
{
color: rgb(0,41,54);
font-family: Merriweather, serif;
font-size: 3rem;
line-height: normal;
margin-bottom: 0;
}

main div.header p.title span
{
color: #69C0AC;
}

main div.header h1 + *, main div.header p.title + *
{
margin-top: 2.6875rem;
}

main nav
{
box-shadow: 0 4px 20px 0 rgba(33,103,107,0.08), 0 2px 3px 0 rgba(33,103,107,0.06);
}

main nav ol
{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-left: 1.25rem;
padding-right: 1.25rem;
width: 69.375rem;
}

main nav li:not(.back)::before
{
display: none;
}

main nav li:not([class])
{
font-size: 1.125rem;
margin-left: 0.9375rem;
margin-right: 0.9375rem;
padding-left: 0;
text-align: center;
}

main nav li
{
padding-left: 0;
}

main nav li:not([class]) a
{
align-items: center;
box-sizing: border-box;
color: rgb(237,169,0);
display: flex;
height: 100%;
padding: 1rem 14px 0.8125rem 14px;
position: relative;
}

main nav li:not([class]) a::after
{
background: rgb(237,169,0);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
bottom: 0;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
width: 0;
}

main nav li:not([class]) a:hover, main nav li:not([class]) a:focus
{
text-decoration: none;
}

main nav li:not([class]) a:not(.active):hover::after, main nav li:not([class]) a:not(.active):focus::after
{
animation: animation4 0.4s forwards;
}

main nav li:not([class]) a.active::after
{
width: 100%;
}

main.case-study nav li.back
{
align-items: center;
display: flex;
margin-left: 0;
margin-right: auto;
padding-left: 25px;
position: relative;
white-space: nowrap;
}

main.case-study nav li.back::before
{
border-bottom: 2px solid #69C0AC;
border-left: 2px solid #69C0AC;
content: "";
height: 4px;
left: 0;
margin-top: -2px;
position: absolute;
top: 50%;
transform: rotate(45deg);
width: 4px;
}

main.case-study nav li.back a
{
color: #69C0AC;
padding-bottom: 0.8125rem;
padding-top: 1rem;
}

main.case-study nav li:last-child
{
margin-right: auto;
}

main div.case-studies
{
display: flex;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
padding-bottom: 2.5rem;
padding-top: 3.75rem;
width: 71.25rem;
}

main div.case-studies article
{
margin-bottom: 3.75rem;
margin-left: 1.5625rem;
margin-right: 1.5625rem;
text-align: center;
width: 20.625rem;
}

main div.case-studies article.inactive
{
display: none;
}

main div.case-studies article.active
{
animation: animation1 0.4s forwards;
display: block;
}

main div.case-studies article a
{
display: block;
}

main div.case-studies article a:hover, main div.case-studies article a:focus
{
animation: animation5 0.4s forwards;
text-decoration: none;
}

main div.case-studies article div:nth-of-type(1)
{
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-sizing: border-box;
color: rgb(255,255,255);
min-height: 7.5rem;
padding: 1.75rem 1.25rem 1.75rem 1.25rem;
}

main div.case-studies article.employee div:nth-of-type(1)
{
background: linear-gradient(219deg, rgb(244,177,11) 0%,rgb(232,145,19) 100%);
}

main div.case-studies article.self-employed div:nth-of-type(1)
{
background: linear-gradient(219deg, #69C0AC 0%,rgb(106,177,228) 100%);
}

main div.case-studies article.company-owner div:nth-of-type(1)
{
background: linear-gradient(219deg, rgb(120,151,231) 0%,rgb(114,83,164) 100%);
}

main div.case-studies article div:nth-of-type(1) h2
{
color: rgb(255,255,255);
font-family: canada-type-gibson, sans-serif;
font-size: 1.125rem;
font-weight: 400;
margin-bottom: 0.3125rem;
}

main div.case-studies article div:nth-of-type(1) p
{
align-items: center;
display: flex;
font-family: Merriweather, serif;
font-size: 1.875rem;
justify-content: center;
line-height: 1.875rem;
margin-bottom: 0;
}

main div.case-studies article div:nth-of-type(1) p span
{
background: rgb(255,255,255);
border-radius: 50%;
color: #69C0AC;
display: inline-block;
height: 36px;
line-height: 36px;
margin-right: 0.625rem;
overflow: hidden;
position: relative;
text-align: center;
width: 36px;
}

main div.case-studies article div:nth-of-type(1) p span::after
{
background-color: rgb(255,255,255);
background-image: linear-gradient(to right, #69C0AC 0%,#69C0AC 100%), linear-gradient(to bottom, #69C0AC 0%,#69C0AC 100%);;
background-position: 10px center, center 10px;
background-repeat: no-repeat;
background-size: 16px 4px, 4px 16px;
border-radius: 50%;
content: "";
height: 36px;
left: 0;
position: absolute;
top: 0;
width: 36px;
}

main div.case-studies article div:nth-of-type(2)
{
background: rgb(244,248,250);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
color: rgb(98,116,121);
padding: 1.125rem 1.25rem 58px 1.25rem;
position: relative;
}

main div.case-studies article div:nth-of-type(2)::before
{
background: #69C0AC;
border-radius: 50%;
bottom: 20px;
content: "";
height: 24px;
left: 50%;
margin-left: -12px;
position: absolute;
width: 24px;
}

main div.case-studies article div:nth-of-type(2)::after
{
border-bottom: 2px solid rgb(255,255,255);
border-right: 2px solid rgb(255,255,255);
bottom: 20px;
content: "";
height: 4px;
left: 50%;
margin-bottom: 9px;
margin-left: -3px;
position: absolute;
transform: rotate(-45deg);
width: 4px;
}

main div.case-studies article div:nth-of-type(2) p
{
margin-bottom: 0;
}

main div.case-study
{
align-items: flex-start;
display: flex;
margin-left: auto;
margin-right: auto;
padding: 3.75rem 1.25rem 6.25rem 1.25rem;
width: 69.375rem;
}

main div.case-study div.client
{
border-radius: 5px;
box-sizing: border-box;
color: rgb(255,255,255);
flex: 0 1 25rem;
padding: 1.625rem 2.5rem 0 2.5rem;
}

main div.case-study.employee div.client
{
background: linear-gradient(219deg, rgb(244,177,11) 0%,rgb(232,145,19) 100%);
}

main div.case-study.self-employed div.client
{
background: linear-gradient(219deg, #69C0AC 0%,rgb(106,177,228) 100%);
}

main div.case-study.company-owner div.client
{
background: linear-gradient(219deg, rgb(120,151,231) 0%,rgb(114,83,164) 100%);
}

main div.case-study div.client h1
{
color: rgb(255,255,255);
font-size: 1.875rem;
margin-bottom: 0.125rem;
}

main div.case-study div.client h1 + p
{
align-items: center;
display: flex;
font-family: Merriweather, serif;
font-size: 1.875rem;
margin-bottom: 1.875rem;
}

main div.case-study div.client h1 + p span
{
background: rgb(255,255,255);
border-radius: 50%;
color: #69C0AC;
display: inline-block;
height: 36px;
line-height: 36px;
margin-right: 0.625rem;
overflow: hidden;
position: relative;
text-align: center;
width: 36px;
}

main div.case-study div.client h1 + p span::after
{
background-color: rgb(255,255,255);
background-image: linear-gradient(to right, #69C0AC 0%,#69C0AC 100%), linear-gradient(to bottom, #69C0AC 0%,#69C0AC 100%);;
background-position: 10px center, center 10px;
background-repeat: no-repeat;
background-size: 16px 4px, 4px 16px;
border-radius: 50%;
content: "";
height: 36px;
left: 0;
position: absolute;
top: 0;
width: 36px;
}

main div.case-study div.client p.about
{
font-size: 1.125rem;
line-height: 1.8125rem;
}

main div.case-study div.client ul.results
{
margin-bottom: 2.625rem;
}

main div.case-study div.client ul.results li
{
list-style: none;
padding-left: 16px;
position: relative;
}

main div.case-study div.client ul.results li::before
{
background: rgba(68,39,114,0.4);
border-radius: 2px;
content: "";
height: 95%;
left: 0;
position: absolute;
top: 0;
width: 3px;
}

main div.case-study div.client ul.results li:not(:last-child)
{
margin-bottom: 1.25rem;
}

main div.case-study div.client p.more a
{
background-color: rgb(255,255,255);
}

main div.case-study div.client p.more a:hover, main div.case-study div.client p.more a:focus
{
animation: animation7 0.4s forwards;
}

main div.case-study > div:nth-of-type(2)
{
flex: 1;
padding-left: 3.4375rem;
}

main div[class*="how-it-works"]
{
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-left: auto;
margin-right: auto;
padding: 3.5625rem 1.25rem 3.5625rem 1.25rem;
width: 77.5rem;
}

main div[class*="how-it-works"] h2
{
font-family: Merriweather, serif;
font-size: 1.875rem;
font-weight: 700;
text-align: center;
width: 100%;
}

main div.how-it-works-a h2
{
margin-bottom: 1.5625rem;
}

main div.how-it-works-b h2
{
margin-bottom: 4.3125rem;
}

main div[class*="how-it-works"] h2 span
{
color: #69C0AC;
}

main div.how-it-works-a ol
{
align-items: flex-end;
display: flex;
justify-content: space-between;
margin-bottom: 3.75rem;
width: 100%;
}

main div.how-it-works-a li
{
flex: 0 1 25%;
padding-left: 0;
}

main div.how-it-works-a li::before
{
display: none;
}

main div.how-it-works-a li:not(:last-child)::after
{
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjIwLjE1MiIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzEuNzQ5IDUuMzMxOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzgxXzI0NTYiPjxyZWN0IHRyYW5zZm9ybT0ibWF0cml4KC0uODA5MTMgLjU4NzYyIC41ODc2MiAuODA5MTMgOTMuODYgLTYuMTAzNWUtNSkiIHdpZHRoPSIxMTYiIGhlaWdodD0iODkiIGZpbGw9IiNmZmYiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAzIC0xOTMuNDEpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCguMjI0NDggMCAwIC4yMjQ0OCAxMDIuOSAxNzkuMTkpIiBmaWxsPSJub25lIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfODFfMjQ1NikiIGZpbGw9IiNiNGM5Y2YiPjxwYXRoIGQ9Im0xNDAuNTEgNjguMTYyLTEuMDUtMS43NTUxYy0xLjMyNyAwLjc4OTEtMi42OTMgMS41NTc0LTQuMDU2IDIuMjk3NWwwLjk3MyAxLjc4NjRjMS4zNzgtMC43NTIxIDIuNzYyLTEuNTMyMyA0LjEyMS0yLjM0NTF6bS04LjMxNyA0LjUxOTUtMC45MDctMS44MzM5Yy0xLjM5OCAwLjY5MTItMi43OTEgMS4zNTQyLTQuMjI0IDEuOTk2NGwwLjg0NSAxLjg1MzJjMS40MzQtMC42NDIyIDIuODYtMS4zMjg5IDQuMjc0LTIuMDMyem0tOC42MjEgMy44OTM0LTAuNzY5LTEuODg0NGMtMS40NDEgMC41OTc3LTIuODg5IDEuMTUwOC00LjMzNyAxLjcwNGwwLjcwOCAxLjkwMzhjMS40NzYtMC41NDg3IDIuOTU3LTEuMTI1NyA0LjM5OC0xLjcyMzR6bS04Ljg4NyAzLjI4OC0wLjYzLTEuOTM1Yy0xLjQ2NyAwLjQ5MjQtMi45NTggMC45NTIxLTQuNDQ1IDEuMzgzNWwwLjU3IDEuOTU0NGMxLjUwMy0wLjQ0MzQgMy4wMS0wLjkxNSA0LjUyMi0xLjQxNDd6bS05LjA3OCAyLjY3OTYtMC41MDgtMS45NzM3Yy0xLjQ5NCAwLjM4Ny0zLjAxMSAwLjc0MTQtNC41MjkgMS4wOTU3bDAuNDQ4IDEuOTkzYzEuNTI5LTAuMzM4IDMuMDYzLTAuNzA0MiA0LjYwMS0xLjA5ODZ6bS05LjIzNjggMi4wNDc1LTAuMzc0Ny0xLjk5NjFjLTEuNTIwNCAwLjI4MTYtMy4wNTI2IDAuNTQ2OS00LjU5NjYgMC43OTU5bDAuMzEzNyAyLjAxNTRjMS41NTU5LTAuMjMyNyAzLjEwNDUtMC41MDk5IDQuNjY5NC0wLjc5ODl6bS05LjM1NjMgMS40MzYtMC4yNDEtMi4wMTg0Yy0xLjUzNSAwLjE5MjUtMy4wOTM3IDAuMzUyNC00LjYzMTUgMC40NzIzbDAuMTY4MSAyLjAyMTRjMS41NzA2LTAuMTQzNiAzLjEyOTMtMC4zMDM1IDQuNzA0NC0wLjQ3NTN6bS05LjQzMDggMC44MTcxLTAuMTA3Mi0yLjA0MDhjLTEuNTYxNSAwLjA4NzItMy4xMDIyIDAuMTM0My00LjY1NDcgMC4xNjUxbDAuMDM0NCAyLjA0MzhjMS41ODA4LTAuMDI2NCAzLjE1NDItMC4wOTcyIDQuNzE1Ny0wLjE4NDR6bS05LjQ0ODggMC4yMDcxIDAuMDIyMS0yLjAzNDljLTEuNTU5OS0wLjAxMzgtMy4xMTUyLTAuMDU1Ny00LjY2Ni0wLjEyNTlsLTAuMDk0OSAyLjAzOGMxLjU3OTEgMC4wNzQ2IDMuMTUwOCAwLjEwNDYgNC43MjI1IDAuMTM0N3ptLTkuNDUwNS0wLjQxNDggMC4xNTEzLTIuMDI5MWMtMS41NDE4LTAuMTI2NS0zLjA5NTQtMC4yNjk0LTQuNjQ0NS0wLjQ0MDVsLTAuMjI0MSAyLjAzMjFjMS41NjU1IDAuMTU5MiAzLjEzMSAwLjMxODQgNC43MTczIDAuNDM3NXptLTkuMzk1Ny0xLjAyNzkgMC4zMDg3LTIuMDE4OGMtMS41NDAxLTAuMjI3NC0zLjA2MzgtMC40NjY4LTQuNjExMi0wLjczODhsLTAuMzY1MiAyLjAwOTljMS41NDc1IDAuMjcyIDMuMDk5NCAwLjUxNTggNC42Njc3IDAuNzQ3N3ptLTkuMjk2NC0xLjY0ODMgMC40MjE2LTIuMDAxMWMtMS41MTAyLTAuMzIzOS0zLjAzMjItMC42NjQyLTQuNTMzNC0xLjA0NDZsLTAuNDg5OCAxLjk3NTljMS41MjkzIDAuMzg0OCAzLjA2MzIgMC43NDE0IDQuNjAxNiAxLjA2OTh6bS05LjE4MDctMi4yODA3IDAuNTc0NS0xLjk2MjZjLTEuNDkyMS0wLjQzNjgtMi45ODQyLTAuODczNi00LjQ1NTUtMS4zNTA0bC0wLjY0MjggMS45Mzc0YzEuNDk5NSAwLjQ4MTMgMy4wMDM1IDAuOTM0NCA0LjUyMzggMS4zNzU2em0tOC45OTY3LTIuODg3OSAwLjY5OTItMS45Mjg1Yy0xLjQ2MjItMC41MzMzLTIuOTA4LTEuMDc4NS00LjM0OTQtMS42NTE5bC0wLjc2NzUgMS45MDM0YzEuNDUzMiAwLjU4OTcgMi45MjcyIDEuMTM5MyA0LjQxNzcgMS42Nzd6bS04Ljc2MzctMy41MzA3IDAuODE5NS0xLjg2NjNjLTEuNDA0MS0wLjYyNTQtMi44MzE5LTEuMjgzNC00LjIxNTEtMS45NDg4bC0wLjg5OTU5IDEuODI0OGMxLjQyMzMgMC42ODYyIDIuODM0NyAxLjM1NjEgNC4yNzg4IDIuMDAyMnptLTguNDc4Ni00LjEzNjUgMC45Njc4Ni0xLjc5OTZjLTEuMzU3OC0wLjczMzgtMi43Mjc0LTEuNDgzOC00LjA2NDQtMi4yNTc3bC0xLjAxOTggMS43NjI2YzEuMzQ4OCAwLjc5MDEgMi43MzAzIDEuNTU2NSA0LjExNjMgMi4yOTQ3eiIvPjxwYXRoIGQ9Im0xMzguMTcgNzcuODEzLTEuOTQyLTAuNjA4NyAzLjA1NS05LjU5NjQtOS43ODMtMi4zMTczIDAuNDYyLTEuOTgwNCAxMS45MjggMi44Mjc5eiIvPjwvZz48L2c+PC9nPjwvc3ZnPgo=") no-repeat center center;
content: "";
height: 20px;
position: absolute;
right: -50%;
width: 100%;
}

main div.how-it-works-a li:nth-child(odd)::after
{
bottom: -4px;
}

main div.how-it-works-a li:nth-child(even)::after
{
bottom: 10px;
transform: scaleY(-1);
}

main div.how-it-works-a li a
{
align-items: center;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 270px;
position: relative;
z-index: 2;
}

main div.how-it-works-a li a:hover
{
text-decoration: none;
}

main div.how-it-works-a li a:not(.active) img
{
transform: scale(0.6);
transform-origin: bottom;
}

main div.how-it-works-a li a.active img
{
animation: animation11 0.4s forwards;
}

main div.how-it-works-a li a span
{
border: 2px solid #69C0AC;
border-radius: 50%;
color: #69C0AC;
display: inline-block;
font-size: 1rem;
font-weight: 600;
line-height: 2rem;
margin-top: 0.75rem;
text-align: center;
width: 2rem;
}

main div.how-it-works-a li a.active span
{
animation: animation10 0.4s forwards;
}

main div.how-it-works-a > div
{
width: 100%;
}

main div.how-it-works-a div[id*="step"]
{
text-align: center;
}

main div.how-it-works-a div[id*="step"].inactive
{
display: none;
}

main div.how-it-works-a div[id*="step"].active
{
display: block;
}

main div.how-it-works-a div[id*="step"] > *:last-child
{
margin-bottom: 0;
}

main div.how-it-works-a div[id*="step"] h3
{
font-family: Merriweather, serif;
margin-bottom: 1.875rem;
}

main div.how-it-works-b ol
{
display: flex;
}

main div.how-it-works-b li
{
display: flex;
flex-direction: column;
flex-grow: 0;
flex-shrink: 1;
padding-left: 0;
}

main div.how-it-works-b li.step1
{
flex-basis: 262px;
}

main div.how-it-works-b li.step2
{
flex-basis: 258px;
}

main div.how-it-works-b li.step3
{
flex-basis: 255px;
}

main div.how-it-works-b li.step4
{
flex-basis: 255px;
}

main div.how-it-works-b li.step5
{
flex-basis: 241px;
}

main div.how-it-works-b li:not(:last-child)
{
margin-right: -8px;
}

main div.how-it-works-b li::before
{
display: none;
}

main div.how-it-works-b li span
{
background: rgb(154,226,219);
border-radius: 50%;
box-shadow: 0 0 0 8px rgb(211,249,245);
color: rgb(5,158,168);
display: block;
font-family: canada-type-gibson, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 3.125rem;
margin-left: auto;
margin-right: 10%;
margin-top: -1.75rem;
position: relative;
text-align: center;
width: 3.125rem;
}

main div.how-it-works-b li.step5 span
{
background: rgb(255,229,191);
box-shadow: 0 0 0 8px rgb(255,245,230);
color: rgb(237,169,0);
margin-right: 0;
}

main div.how-it-works-b li > div:nth-of-type(2)
{
margin-right: 2.5rem;
position: relative;
z-index: 2;
}

main div.how-it-works-b h3
{
font-family: Merriweather, serif;
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 0.6875rem;
min-height: 3.875rem;
}

main div.how-it-works-b li.step5 h3
{
color: rgb(237,169,0);
}

main div.faq
{
background: rgb(244,248,250);
padding-bottom: 4.0625rem;
padding-top: 3.5rem;
}

main div.faq > div
{
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
padding-left: 1.25rem;
padding-right: 1.25rem;
width: 75rem;
}

main div.faq h2
{
font-family: Merriweather, serif;
font-size: 1.875rem;
font-weight: 700;
margin-bottom: 0.75rem;
width: 100%;
}

main div.faq h2 span
{
color: #69C0AC;
}

main div.faq ul
{
flex: 0 1 58%;
margin-bottom: 0;
margin-left: -10px;
max-width: 43.4375rem;
}

main div.faq ul li
{
font-size: 1.125rem;
line-height: normal;
padding-left: 0;
}

main div.faq ul li::before
{
display: none;
}

main div.faq ul li a
{
color: rgb(29,67,80);
display: block;
padding: 1.25rem 2.5rem 1.1875rem 50px;
position: relative;
}

main div.faq ul li a::before
{
border-radius:50%;
content: "";
height: 24px;
left: 10px;
margin-top: -12px;
position: absolute;
top: 50%;
width: 24px;
}

main div.faq ul li a::after
{
border-right: 2px solid rgb(255,255,255);
border-top: 2px solid rgb(255,255,255);
content: "";
height: 4px;
left: 18px;
margin-top: -3px;
position: absolute;
top: 50%;
transform: rotate(45deg);
width: 4px;
}

main div.faq ul li a:not(.active)::before
{
background: #69C0AC;
}

main div.faq ul li a.active
{
background: #69C0AC;
border-radius: 5px;
color: rgb(255,255,255);
filter: drop-shadow(0 1px 10px rgba(33,103,107,0.20));
}

main div.faq ul li a.active::before
{
background: rgb(255,255,255);
}

main div.faq ul li a.active::after
{
border-right-color: #69C0AC;
border-top-color: #69C0AC;
content: "";
height: 4px;
left: 18px;
margin-top: -3px;
position: absolute;
top: 50%;
transform: rotate(45deg);
width: 4px;
}

main div.faq > div > div
{
flex: 0 1 40%;
margin-top: 0.8125rem;
max-width: 29.6875rem;
}

main div.faq div[id].inactive
{
display: none;
}

main div.faq div[id].active
{
display: block;
}

main div.articles
{
display: flex;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
padding-bottom: 6.25rem;
padding-top: 3.75rem;
width: 71.25rem;
}

main div.articles article
{
display: flex;
flex-direction: column;
margin-bottom: 3.75rem;
margin-left: 1.5625rem;
margin-right: 1.5625rem;
width: 20.625rem;
}

main div.articles article figure
{
border-radius: 5px;
display: flex;
margin-bottom: 0;
overflow: hidden;
}

main div.articles article a
{
background: rgba(244,248,250);
border-radius: 5px;
display: flex;
flex: 1;
flex-direction: column;
margin-left: 0.9375rem;
margin-right: 0.9375rem;
margin-top: -0.9375rem;
padding: 0.8125rem 1.25rem 56px 1.25rem;
position: relative;
z-index: 2;
}

main div.articles article a:hover, main div.articles article a:focus
{
animation: animation6 0.4s forwards;
text-decoration: none;
}

main div.articles article a::before
{
background: #69C0AC;
border-radius: 50%;
bottom: 20px;
content: "";
height: 24px;
left: 20px;
position: absolute;
width: 24px;
}

main div.articles article a::after
{
border-bottom: 2px solid rgb(255,255,255);
border-right: 2px solid rgb(255,255,255);
bottom: 29px;
content: "";
height: 4px;
left: 28px;
position: absolute;
transform: rotate(-45deg);
width: 4px;
}

main div.articles article time
{
color: rgb(98,116,121);
display: inline-block;
margin-bottom: 0.3125rem;
}

main div.articles article h2
{
font-size: 0.875rem;
line-height: 1.3125rem;
}

main div.articles p.more
{
margin-bottom: 0;
text-align: center;
width: 100%;
}

main div.articles p.more a
{
background-color: rgb(237,169,0);
color: rgb(255,255,255);
}

main div.articles p.more a:hover, main div.articles p.more a:focus
{
animation: none;
}

main div.article
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
padding-bottom: 6.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
width: 64.375rem;
}

main div.article > p
{
margin-bottom: 1.25rem;
}

main div.article p.back
{
padding-left: 25px;
position: relative;
}

main div.article p.back::before
{
border-bottom: 2px solid #69C0AC;
border-left: 2px solid #69C0AC;
content: "";
height: 4px;
left: 2px;
margin-top: -4px;
position: absolute;
top: 50%;
transform: rotate(45deg);
width: 4px;
}

main div.article > p > a
{
color: #69C0AC;
}

main div.article time
{
color: rgb(98,116,121);
}

main div.article h1
{
margin-bottom: 1.625rem;
width: 100%;
}

main div.article img
{
border-radius: 5px;
}

main div.article div.content
{
background: rgb(255,255,255);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-sizing: border-box;
margin-left: 10%;
margin-right: 10%;
margin-top: -1.875rem;
padding-left: 1.875rem;
padding-right: 1.875rem;
padding-top: 2.0625rem;
}

main div.article div.perex
{
color: rgb(0,41,54);
font-size: 1.125rem;
}

main div.article ul.pagination
{
display: flex;
justify-content: space-between;
margin-bottom: 0;
width: 100%;
}

main div.article ul.pagination li
{
list-style: none;
position: relative;
}

main div.article ul.pagination li.previous
{
padding-left: 25px;
}

main div.article ul.pagination li.previous::before
{
border-bottom: 2px solid #69C0AC;
border-left: 2px solid #69C0AC;
content: "";
height: 4px;
left: 2px;
margin-top: -4px;
position: absolute;
top: 50%;
transform: rotate(45deg);
width: 4px;
}

main div.article ul.pagination li.next
{
padding-left: 0;
padding-right: 25px;
}

main div.article ul.pagination li.next::before
{
display: none;
}

main div.article ul.pagination li.next::after
{
border-right: 2px solid #69C0AC;
border-top: 2px solid #69C0AC;
content: "";
height: 4px;
margin-top: -4px;
position: absolute;
right: 2px;
top: 50%;
transform: rotate(45deg);
width: 4px;
}

main div.article ul.pagination a
{
color: #69C0AC;
}

main div.about
{
margin-left: auto;
margin-right: auto;
padding-bottom: 6.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
width: 77.5rem;
}

main div.about article
{
align-items: flex-start;
display: flex;
justify-content: space-between;
}

main div.about article:not(:last-of-type)
{
margin-bottom: 10rem;
}

main div.about article figure
{
align-items: flex-end;
display: flex;
flex: 0 1 504px;
justify-content: center;
margin-bottom: 0;
position: relative;
}

main div.about article figure::before
{
animation: animation8 30s linear infinite;
display: block;
content: "";
height: 560px;
position: absolute;

width: 560px;
z-index: 1;
}

main div.about article:nth-of-type(odd) figure::before
{
background-position: left top;
background-repeat: no-repeat;
right: 15%;
top: 15%;
}

main div.about article:nth-of-type(even) figure::before
{
background-position: left top;
background-repeat: no-repeat;
left: 10%;
top: 10%;
}

main div.about article:nth-of-type(odd) figure
{
margin-right: 70px;
order: 1;
}

main div.about article:nth-of-type(even) figure
{
margin-left: 70px;
}

main div.about article figure img
{
position: relative;
z-index: 3;
}

main div.about article figure blockquote
{
border-radius: 20px;
box-shadow: 0 0 20px 2px rgba(10,20,30,0.15), 0 0 10px 1px rgba(10,20,30,0.08);
box-sizing: border-box;
color: rgb(255,255,255);
margin: 0;
max-width: 75%;
padding: 1.875rem 1.5625rem 0 2.5rem;
position: absolute;
width: 18.125rem;
z-index: 3;
}

main div.about article:nth-of-type(odd) figure blockquote
{
background: rgb(114,83,164);
right: -70px;
top: 35%;
}

main div.about article:nth-of-type(odd) figure blockquote::before
{
border-bottom: 16px solid rgb(114,83,164);
border-right: 24px solid transparent;
content: "";
height: 0;
left: 50px;
position: absolute;
top: -16px;
width: 0;
}

main div.about article:nth-of-type(even) figure blockquote
{
background: #69C0AC;
left: -70px;
top: 35%;
}

main div.about article:nth-of-type(even) figure blockquote::before
{
border-bottom: 16px solid #69C0AC;
border-left: 24px solid transparent;
content: "";
height: 0;
position: absolute;
right: 50px;
top: -16px;
width: 0;
}

main div.about article:nth-of-type(odd) figure blockquote > *
{
margin-bottom: 1.75rem;
}

main div.about article figure q
{
display: inline-block;
font-family: Merriweather, serif;
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: 2.25rem;
margin-bottom: 1.0625rem;
}

main div.about article figure q::before
{
content: "\201E";
}

main div.about article figure q::after
{
content: "\201D";
}

main div.about article:nth-of-type(odd) figure q::before, main div.about article:nth-of-type(odd) figure q::after
{
color: rgb(173,148,211);
}

main div.about article:nth-of-type(even) figure q::before, main div.about article:nth-of-type(even) figure q::after
{
color: rgb(164,239,232);
}

main div.about article > div
{
flex: 0 1 38.125rem;
}

main div.about article:nth-of-type(odd) > div
{
margin-left: 2.5rem;
order: 2;
}

main div.about article:nth-of-type(even) > div
{
margin-right: 2.5rem;
}

main div.about h2
{
font-family: Merriweather, serif;
font-size: 3rem;
font-weight: 700;
}

main div.about h2 span
{
color: #69C0AC;
}

main div.about h3
{
font-size: 1rem;
}

main.analysis > article
{
align-items: flex-start;
display: flex;
justify-content: space-between;
margin-bottom: 2.5rem;
margin-left: auto;
margin-right: auto;
padding-left: 1.25rem;
padding-right: 1.25rem;
width: 77.5rem;
}

main.analysis > article > div
{
flex: 0 1 29.375rem;
margin-right: 2.5rem;
}

main.analysis h1
{
margin-bottom: 2.0625rem;
}

main.analysis > article figure
{
flex: 0 1 725px;
margin-bottom: 73px;
margin-top: 110px;
max-width: 725px;
position: relative;
top: -4.1875rem;
}

main.analysis > article figure::before
{
animation: animation8 30s linear infinite;
background-position: left top;
background-repeat: no-repeat;
background-size: 100% auto;
content: "";
display: block;
height: 560px;
left: -20px;
position: absolute;
top: -80px;
width: 560px;
z-index: 1;
}

main.analysis > article figure video
{
border-radius: 25px;
position: relative;
z-index: 2;
}

main.analysis > article figure figcaption
{
background: rgba(114,83,164,0.7);
border-bottom-left-radius: 25px;
border-top-left-radius: 25px;
box-sizing: border-box;
height: 100%;
left: 0;
padding: 7% 2.5rem 7% 2.5rem;
position: absolute;
top: 0;
width: 15rem;
z-index: 3;
}

main.analysis > article figure.play figcaption
{
display: none;
}

main.analysis > article figure figcaption h2
{
color: rgb(255,255,255);
font-family: Merriweather, serif;
font-size: 1.875rem;
font-weight: 700;
margin-bottom: 0;
}

main.analysis > article figure button
{
background: rgb(237,169,0);
border: 21px solid rgb(255,205,133);
border-radius: 50%;
bottom: -76px;
cursor: pointer;
height: 152px;
padding: 0;
position: absolute;
right: -21px;
width: 152px;
z-index: 3;
}

main.analysis > article figure button::before
{
border: 3px solid rgb(255,234,204);
border-radius: 50%;
content: "";
height: 28px;
left: 50%;
margin-left: -19px;
margin-top: -17px;
position: absolute;
top: 50%;
width: 28px;
}

main.analysis > article figure.stop video ~ button::after, main.analysis > article figure.pause video ~ button::after
{
border-bottom: 7px solid transparent;
border-left: 10px solid rgb(255,234,204);
border-top: 7px solid transparent;
content: "";
height: 0;
left: 50%;
margin-left: -5px;
margin-top: -7px;
position: absolute;
top: 50%;
width: 0;
}

main.analysis > article figure.play video ~ button::after
{
background-image: linear-gradient(to bottom, rgb(255,234,204) 0%,rgb(255,234,204) 100%), linear-gradient(to bottom, rgb(255,234,204) 0%,rgb(255,234,204) 100%);
background-position: left 2px, right 2px;
background-repeat: no-repeat;
background-size: 3px 10px;
content: "";
height: 14px;
left: 50%;
margin-left: -7px;
margin-top: -7px;
position: absolute;
top: 50%;
width: 10px;
}

main div.order-form
{
background: linear-gradient(219deg, #69C0AC 0%,rgb(106,177,228) 100%);
overflow: hidden;
padding-top: 4.1875rem;
position: relative;
z-index: 2;
}

main div.order-form > div
{
margin-left: auto;
margin-right: auto;
min-height: 746px;
padding-bottom: 4.375rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
position: relative;
width: 67.5rem;
}

main div.order-form > div::before
{
background: url('order-form.webp');
bottom: 0;
content: "";
height: 746px;
left: 740px;
position: absolute;
width: 724px;
z-index: 1;
}

main div.order-form > div > *
{
position: relative;
z-index: 2;
}

main div.order-form h2
{
color: rgb(255,255,255);
font-family: Merriweather, serif;
font-size: 1.875rem;
margin-bottom: 3.6875rem;
text-align: center;
}

main div.order-form h2 span
{
color: rgb(0,41,54);
}

main div.order-form fieldset:not([class])
{
border-bottom: 2px dotted rgb(86,150,191);
box-sizing: border-box;
padding-bottom: 2.1875rem;
padding-top: 2.375rem;
position: relative;
}

main div.order-form fieldset.personal-data
{
display: flex;
flex-wrap: wrap;
margin-right: -3.75rem;
}

main div.order-form fieldset:not(:first-of-type)
{
max-width: 41.25rem;
}

main div.order-form fieldset p
{
margin-bottom: 0;
position: relative;
}

main div.order-form fieldset:not([class]) p
{
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}

main div.order-form fieldset.personal-data p
{
flex: 0 1 18.75rem;
margin-bottom: 1.75rem;
margin-right: 3.75rem;
}

main div.order-form fieldset.personal-data input, main div.order-form fieldset.personal-data select
{
width: 100%;
}

main div.order-form label
{
color: rgb(255,255,255);
font-size: 0.875rem;
font-weight: 500;
}

main div.order-form label span
{
color: rgb(255,234,204);
font-weight: 400;
}

main div.order-form fieldset:not([class]) label
{
font-size: 1rem;
font-weight: 600;
margin-left: 0;
margin-right: auto;
}

main div.order-form fieldset:not([class]) label span
{
font-size: 0.875rem;
font-weight: 400;
}

main div.order-form fieldset:not([class]) input
{
width: 18.75rem;
}

main div.order-form fieldset:not([class]) span.input
{
background-color: rgb(255,255,255);
border-radius: 5px;
display: block;
box-sizing: border-box;
line-height: normal;
overflow: hidden;
padding: 1.0625rem 0.625rem 1rem 0.625rem;
position: relative;
width: 18.75rem;
}

main div.order-form fieldset:not([class]) span.input.disabled
{
cursor: not-allowed;
    display: none;
}

main div.order-form fieldset:not([class]) span.input.disabled::after
{
background: rgba(244,248,250,0.5);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

main div.order-form fieldset:not([class]) span.input input
{
background: none;
padding: 0;
width: auto;
}

main div.order-form fieldset:not([class]) span.switch
{
border-radius: 40px;
display: flex;
height: 40px;
margin-right: 2.5rem;
overflow: hidden;
position: relative;
width: 80px;
}

main div.order-form fieldset:not([class]) span.switch input[type="radio"]
{
display: none;
}

main div.order-form fieldset:not([class]) span.switch label
{
align-items: center;
border-radius: 40px;
box-sizing: border-box;
display: flex;
flex-shrink: 0;
height: 40px;
justify-content: space-between;
margin-right: 0;
padding: 5px;
position: relative;
text-align: center;
text-transform: uppercase;
width: 80px;
}

main div.order-form fieldset:not([class]) span.switch label span
{
display: block;
font-size: 0.75rem;
font-weight: 600;
text-align: center;
width: 100%;
}

main div.order-form fieldset:not([class]) span.switch input[value="1"] + label
{
background: rgb(255,255,255);
color: rgb(237,169,0);
}

main div.order-form fieldset:not([class]) span.switch input[value="1"] + label::after
{
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOS41MzMzIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzLjQzOTYgMi41MjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1Ni40OCAtMzkuNTYpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCguMjY0NTggMCAwIC4yNjQ1OCAtMjU2LjQ4IDM5LjU2KSIgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTExLjI2NyAwIDEuNzMzMyAxLjczMzMtNy44IDcuOC01LjItNS4yIDEuNzMzMy0xLjczMzQgMy40NjU4IDMuNDY1OXoiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPgo=") no-repeat center center rgb(237,169,0);
border-radius: 50%;
content: "";
flex-shrink: 0;
height: 30px;
width: 30px;
}

main div.order-form fieldset:not([class]) span.switch input[value="1"] + label span
{
color: rgb(237,169,0);
}

main div.order-form fieldset:not([class]) span.switch input[value="0"] + label
{
background: rgb(55,125,147);
color: rgb(255,255,255);
}

main div.order-form fieldset:not([class]) span.switch input[value="0"] + label::before
{
background: rgb(255,255,255);
border-radius: 50%;
content: "";
flex-shrink: 0;
height: 30px;
width: 30px;
}

main div.order-form fieldset:not([class]) span.switch input[value="0"] + label::after
{
background-image: linear-gradient(to right, rgb(98,116,121) 0%,rgb(98,116,121) 100%), linear-gradient(to bottom, rgb(98,116,121) 0%,rgb(98,116,121) 100%);
background-position: left center, center top;
background-repeat: no-repeat;
background-size: 100% 2px, 2px 100%;
content: "";
height: 12px;
left: 14px;
margin-top: -6px;
position: absolute;
transform: rotate(-45deg);
top: 50%;
width: 12px;
}

main div.order-form fieldset:not([class]) span.switch input[value="0"] + label span
{
color: rgb(255,255,255);
}

main div.order-form fieldset:not([class]) span.switch input:not(:checked) + label
{
opacity: 0;
position: absolute;
z-index: 2;
}

main div.order-form fieldset:not([class]) span.switch input:checked + label
{
position: relative;
z-index: 1;
}

main div.order-form fieldset.notice
{
padding-bottom: 1.625rem;
padding-top: 1.375rem;
}

main div.order-form fieldset.notice input
{
width: 100%;
}

main div.order-form fieldset.attachments span.drop-area
{
border: 2px dotted rgb(86,150,191);
border-radius: 5px;
display: block;
font-size: 0.875rem;
line-height: 1.4375rem;
padding: 3px;
}

main div.order-form fieldset.attachments span.drop-area > span
{
align-items: center;
background: rgb(255,255,255);
border-radius: 5px;
display: flex;
flex-direction: column;
min-height: 120px;
justify-content: center;
text-align: center;
}

main div.order-form fieldset.attachments span.drop-area > span::before
{
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTkuNDI5IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA0LjQ5NzkgNS4xNDA1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTkuNDYgLTEzMy41KSI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLjI2NDU4IDAgMCAuMjY0NTggMTE5LjMzIDEzMy4yOSkiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Im0xMi4wMzggNi41OTk4LTUuNDYyIDUuNzYzYy0wLjM3NzA4IDAuMzk3OC0wLjM3NzA4IDEuMDQyOCAwIDEuNDQwNyAwLjM3NzA2IDAuMzk3OCAwLjk4ODQzIDAuMzk3OCAxLjM2NTUgMGw1LjQ2Mi01Ljc2MjljMS4xMzExLTEuMTkzNSAxLjEzMTEtMy4xMjg2IDAtNC4zMjIyLTEuMTMxMy0xLjE5MzUtMi45NjUzLTEuMTkzNS00LjA5NjYgMGwtNS40NjE5IDUuNzYyOWMtMS44ODUzIDEuOTg5Mi0xLjg4NTMgNS4yMTQ0IDAgNy4yMDM2IDEuODg1NCAxLjk4OTIgNC45NDIxIDEuOTg5MiA2LjgyNzQgMGw1LjQ2Mi01Ljc2MjkgMS4zNjU1IDEuNDQwOC01LjQ2MTkgNS43NjI4Yy0yLjYzOTUgMi43ODUtNi45MTkgMi43ODUtOS41NTg1IDAtMi42Mzk1LTIuNzg0OS0yLjYzOTUtNy4zMDAxIDAtMTAuMDg1bDUuNDYxOS01Ljc2MjljMS44ODUzLTEuOTg5MiA0Ljk0MjEtMS45ODkyIDYuODI3NCAwIDEuODg1NCAxLjk4OTIgMS44ODU0IDUuMjE0NCAwIDcuMjAzNmwtNS40NjIgNS43NjI5Yy0xLjEzMTEgMS4xOTM2LTIuOTY1MiAxLjE5MzYtNC4wOTY0IDAtMS4xMzEyLTEuMTkzNi0xLjEzMTItMy4xMjg3IDAtNC4zMjIybDUuNDYxOS01Ljc2Mjl6IiBmaWxsPSIjZWRhOTAwIi8+PC9nPjwvZz48L3N2Zz4K");
content: "";
height: 19px;
margin-bottom: 8px;
width: 17px;
}

main div.order-form fieldset.attachments span.drop-area span span
{
color: rgb(237,169,0);
font-size: 1rem;
font-weight: 600;
}

main div.order-form fieldset.attachments input[type="file"]
{
bottom: 0;
height: 100%;
left: 0;
opacity: 0;
overflow: hidden;
position: absolute;
width: 100%;
}

main div.order-form fieldset.submit
{
padding-top: 3.125rem;
text-align: center;
}

main div.order-form input.has-datepicker, main div.order-form span.datepicker:not(.disabled)
{
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTUuNiIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMy40Mzk2IDQuMTI3NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDUuOTA1IC0xNjIuNzMpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCguMjY0NTggMCAwIC4yNjQ1OCA0NS45MDUgMTYyLjczKSIgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTQuNjQyOSAwLjk3NXYwLjk3NWgzLjcxNDN2LTAuOTc1YzAtMC41MzgzOCAwLjQxNDk2LTAuOTc1IDAuOTI4NTctMC45NzUgMC41MTM2MiAwIDAuOTI4NTkgMC40MzY2MiAwLjkyODU5IDAuOTc1djAuOTc1aDEuMzkyOGMwLjc2OSAwIDEuMzkyOSAwLjY1NDc3IDEuMzkyOSAxLjQ2MjV2MS40NjI1aC0xM3YtMS40NjI1YzAtMC44MDc3MyAwLjYyMzU5LTEuNDYyNSAxLjM5MjktMS40NjI1aDEuMzkyOHYtMC45NzVjMC0wLjUzODM4IDAuNDE0OTYtMC45NzUgMC45Mjg1OC0wLjk3NSAwLjUxMzYxIDAgMC45Mjg1NyAwLjQzNjYyIDAuOTI4NTcgMC45NzV6bS00LjY0MjkgNC44NzVoMTN2OC4yODc1YzAgMC44MDc0LTAuNjIzOSAxLjQ2MjUtMS4zOTI5IDEuNDYyNWgtMTAuMjE0Yy0wLjc2OTI3IDAtMS4zOTI5LTAuNjU1MS0xLjM5MjktMS40NjI1em0xLjg1NzEgMy40MTI1YzAgMC4yNjgxMiAwLjIwNzc3IDAuNDg3NSAwLjQ2NDI5IDAuNDg3NWgwLjkyODU3YzAuMjU1MzYgMCAwLjQ2NDI5LTAuMjE5MzggMC40NjQyOS0wLjQ4NzV2LTAuOTc1YzAtMC4yNjgxMy0wLjIwODkzLTAuNDg3NS0wLjQ2NDI5LTAuNDg3NWgtMC45Mjg1N2MtMC4yNTY1MiAwLTAuNDY0MjkgMC4yMTkzNy0wLjQ2NDI5IDAuNDg3NXptMy43MTQzIDBjMCAwLjI2ODEyIDAuMjA4OTMgMC40ODc1IDAuNDY0MjggMC40ODc1aDAuOTI4NThjMC4yNTUzNSAwIDAuNDY0MjgtMC4yMTkzOCAwLjQ2NDI4LTAuNDg3NXYtMC45NzVjMC0wLjI2ODEzLTAuMjA4OTMtMC40ODc1LTAuNDY0MjgtMC40ODc1aC0wLjkyODU4Yy0wLjI1NTM1IDAtMC40NjQyOCAwLjIxOTM3LTAuNDY0MjggMC40ODc1em00LjE3ODYtMS40NjI1Yy0wLjI1NTM2IDAtMC40NjQyOSAwLjIxOTM3LTAuNDY0MjkgMC40ODc1djAuOTc1YzAgMC4yNjgxMiAwLjIwODkzIDAuNDg3NSAwLjQ2NDI5IDAuNDg3NWgwLjkyODZjMC4yNTUzIDAgMC40NjQzLTAuMjE5MzggMC40NjQzLTAuNDg3NXYtMC45NzVjMC0wLjI2ODEzLTAuMjA5LTAuNDg3NS0wLjQ2NDMtMC40ODc1em0tNy44OTI5IDUuMzYyNWMwIDAuMjY4MSAwLjIwNzc3IDAuNDg3NSAwLjQ2NDI5IDAuNDg3NWgwLjkyODU3YzAuMjU1MzYgMCAwLjQ2NDI5LTAuMjE5NCAwLjQ2NDI5LTAuNDg3NXYtMC45NzVjMC0wLjI2ODEtMC4yMDg5My0wLjQ4NzUtMC40NjQyOS0wLjQ4NzVoLTAuOTI4NTdjLTAuMjU2NTIgMC0wLjQ2NDI5IDAuMjE5NC0wLjQ2NDI5IDAuNDg3NXptNC4xNzg2LTEuNDYyNWMtMC4yNTUzNSAwLTAuNDY0MjggMC4yMTk0LTAuNDY0MjggMC40ODc1djAuOTc1YzAgMC4yNjgxIDAuMjA4OTMgMC40ODc1IDAuNDY0MjggMC40ODc1aDAuOTI4NThjMC4yNTUzNSAwIDAuNDY0MjgtMC4yMTk0IDAuNDY0MjgtMC40ODc1di0wLjk3NWMwLTAuMjY4MS0wLjIwODkzLTAuNDg3NS0wLjQ2NDI4LTAuNDg3NXptMy4yNSAxLjQ2MjVjMCAwLjI2ODEgMC4yMDg5MyAwLjQ4NzUgMC40NjQyOSAwLjQ4NzVoMC45Mjg2YzAuMjU1MyAwIDAuNDY0My0wLjIxOTQgMC40NjQzLTAuNDg3NXYtMC45NzVjMC0wLjI2ODEtMC4yMDktMC40ODc1LTAuNDY0My0wLjQ4NzVoLTAuOTI4NmMtMC4yNTUzNiAwLTAuNDY0MjkgMC4yMTk0LTAuNDY0MjkgMC40ODc1eiIgZmlsbD0iI2VkYTkwMCIvPjwvZz48L2c+PC9zdmc+Cg==");
background-position: 270px center;
background-repeat: no-repeat;
}

div.ui-datepicker
{
background: rgb(244,248,250);
border-radius: 5px;
font-family: canada-type-gibson, sans-serif;
font-size: 0.9375rem;
font-weight: 400;
padding: 1.25rem;
}

div.ui-datepicker div.ui-datepicker-header
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

div.ui-datepicker div.ui-datepicker-header a
{
display: none;
}

div.ui-datepicker div.ui-datepicker-title
{
align-items: flex-end;
color: rgb(0,41,54);
display: flex;
font-weight: 500;
justify-content: space-between;
text-align: center;
width: 100%;
}

div.ui-datepicker div.ui-datepicker-title select
{
background: rgb(255,255,255);
border: none;
border-radius: 5px;
font-family: canada-type-gibson, sans-serif;
font-size: 0.9375rem;
padding: 5px;
}

div.ui-datepicker table
{
width: 100%;
}

div.ui-datepicker th
{
color: rgb(0,41,54);
font-weight: 500;
}

div.ui-datepicker td
{
text-align: center;
}

div.ui-datepicker a
{
color: #69C0AC;
text-decoration: none;
}

div.ui-datepicker a:hover, div.ui-datepicker a:focus
{
text-decoration: underline;
}

main.index > article
{
align-items: flex-start;
display: flex;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
padding-left: 1.25rem;
padding-right: 1.25rem;
position: relative;
width: 77.5rem;
}

main.index > article + *
{
position: relative;
z-index: 2;
}

main.index > article > div
{
flex: 0 1 27.5rem;
margin-right: 2.5rem;
}

main.index > article figure
{
flex: 0 1 583px;
margin-bottom: -35px;
position: relative;
}

main.index > article figure::before
{
animation: animation8 30s linear infinite;
background-position: left top;
background-repeat: no-repeat;
background-size: 100% auto;
display: block;
content: "";
height: 560px;
position: absolute;
left: -20%;
top: -6px;
width: 560px;
z-index: 1;
}

main.index > article figure::after
{
background: rgb(255,205,133);
bottom: 0;
border-radius: 150px;
content: "";
height: 196px;
position: absolute;
right: -118px;
width: 196px;
z-index: 4;
}

main.index > article figure img
{
display: flex;
position: relative;
z-index: 3;
}

main.index > article p.more a
{
background-color: rgb(237,169,0);
color: rgb(255,255,255);
}

main p.more a:hover, main p.more a:focus
{
animation: none;
}

div.cta
{
background: linear-gradient(to bottom, #69C0AC 0%,rgb(106,177,228) 100%);
font-family: canada-type-gibson, sans-serif;
padding-left: 1.25rem;
padding-right: 1.25rem;
position: relative;
z-index: 2;
}

body.menu-active div.cta::after
{
background: rgba(42,47,52,0.5);
content: "";
display: none;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 100;
}

body.menu-active div.cta::after
{
animation: animation1 0.4s forwards;
display: block;
}

div.cta > div
{
align-items: center;
display: flex;
justify-content: center;
margin-left: auto;
margin-right: auto;
padding-left: 1.25rem;
padding-right: 1.25rem;
width: 71.25rem;
}

div.cta > div > div:nth-of-type(1)
{
flex: 0 1 auto;
margin: -119px -100px -139px -76px;
}

div.cta > div > div:nth-of-type(1) img
{
height: auto;
max-width: 100%;
}

div.cta > div > div:nth-of-type(2)
{
color: rgb(255,255,255);
flex: 0 1 auto;
font-size: 1.125rem;
line-height: 1.8125rem;
padding-bottom: 5rem;
padding-top: 5rem;
}

div.cta > div > div:nth-of-type(2) > *
{
max-width: 30rem;
}

div.cta > div > div:nth-of-type(2) > *:not(h2):not([class])
{
margin-bottom: 2.0625rem;
}

div.cta h2
{
color: rgb(255,255,255);
font-family: Merriweather, serif;
font-size: 1.875rem;
font-weight: 700;
line-height: normal;
margin-bottom: 2.0625rem;
}

div.cta p.more
{
font-size: 0.875rem;
font-weight: 600;
line-height: normal;
}

div.cta p.more a
{
background-color: rgb(255,255,255);
background-image: linear-gradient(to bottom, rgb(244,177,11) 0%,rgb(255,205,133) 100%);
background-position: left bottom;
background-repeat: repeat-x;
background-size: 0% 0%;
border-radius: 5px;
box-shadow: 0 0 10px rgba(33,103,107,0.2);
color: rgb(237,169,0);
display: inline-block;
padding: 1.0625rem 1.5rem 1rem 1.5rem;
text-align: center;
text-decoration: none;
transition: background-size 0s;
}

div.cta p.more a:hover, div.cta p.more a:focus
{
animation: animation7 0.4s forwards;
background-size: 100% 100%;
transition: background-size 0.4s;
}

div.infobox
{
background: rgb(244,248,250);
color: rgb(98,116,121);
font-family: canada-type-gibson, sans-serif;
padding-top: 1.875rem;
}

body.menu-active div.infobox::after
{
background: rgba(42,47,52,0.5);
content: "";
display: none;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0
}

body.menu-active div.infobox::after
{
animation: animation1 0.4s forwards;
display: block;
}

div.infobox p:not(:last-child)
{
margin-bottom: 0.75rem;
}

div.infobox b
{
color: rgb(176,193,199);
font-weight: 600;
}

div.infobox a
{
color: #69C0AC;
text-decoration: none;
}

div.infobox a:hover, div.infobox a:focus
{
text-decoration: underline;
}

div.infobox > div
{
align-items: flex-start;
display: flex;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
padding-left: 1.25rem;
padding-right: 1.25rem;
width: 77.5rem;
}

div.infobox > div > div:not([class])
{
box-sizing: border-box;
flex: 1;
line-height: 1.6875rem;
padding: 3.125rem 3.4375rem 3.125rem 3.4375rem;
position: relative;
}

div.infobox > div > div:not([class])::before
{
background: rgb(255,255,255);
background-clip: content-box;
box-sizing: border-box;
content: "";
height: 100%;
left: 0;
padding-bottom: 3.125rem;
padding-top: 3.125rem;
position: absolute;
top: 0;
width: 1px;
}

div.infobox > div > div:not(.advantages) > p:first-of-type
{
align-items: center;
color: rgb(176,193,199);
display: flex;
height: 100px;
}

div.infobox > div > div.contact
{
box-sizing: border-box;
flex: 0 0 15.3125rem;
line-height: 2.5rem;
padding-bottom: 3.125rem;
padding-right: 1.875rem;
padding-top: 3.125rem;
}

div.infobox > div > div.contact img
{
filter: brightness(0) saturate(100%) invert(79%) sepia(10%) saturate(297%) hue-rotate(150deg) brightness(95%) contrast(91%);
}

div.infobox > div > div.contact b
{
display: block;
margin-bottom: -3.125rem;
}

div.infobox > div > div.advantages
{
background: rgb(255,255,255);
border-radius: 50px;
box-shadow: 0 1px 15px 0 rgba(33,103,107,0.15);
box-sizing: border-box;
color: rgb(0,41,54);
display: flex;
flex: 0 0 20rem;
flex-direction: column;
font-size: 1.0625rem;
line-height: 1.3125rem;
justify-content: center;
margin-bottom: 1.875rem;
margin-top: -4.625rem;
padding: 2.25rem 3.125rem 2.125rem 3.125rem;
position: relative;
text-align: center;
z-index: 2;
}

div.infobox > div > div.advantages p:not(:last-of-type)
{
margin-bottom: 1.25rem;
}

div.infobox > div > div.advantages img
{
margin-bottom: 4px;
}

div.popups.active
{
align-items: flex-start;
background: rgba(42,47,52,0.5);
display: flex;
height: 100%;
justify-content: center;
left: 0;
padding-top: 15%;
position: absolute;
top: 0;
width: 100%;
z-index: 101;
}

div.popups.inactive
{
display: none;
}

div.popups > div
{
position: relative;
width: 62.5rem;
}

div.popups > div button[type="button"]
{
background: none;
border: none;
cursor: pointer;
height: 12px;
padding: 0;
position: absolute;
right: 20px;
top: 20px;
width: 12px;
z-index: 3;
}

div.popups > div button[type="button"]::before, div.popups > div button[type="button"]::after
{
background-position: left center, center top;
background-repeat: no-repeat;
background-size: 100% 2px, 2px 100%;
content: "";
height: 12px;
left: 0;
position: absolute;
top: 0;
transform: rotate(-45deg);
width: 12px;
}

div.popups > div button[type="button"]::before
{
background-image: linear-gradient(to right, rgb(145,157,185) 0%,rgb(145,157,185) 100%), linear-gradient(to bottom, rgb(145,157,185) 0%,rgb(145,157,185) 100%);
opacity: 1;
}

div.popups > div button[type="button"]::after
{
background-image: linear-gradient(to right, rgb(0,41,54) 0%,rgb(0,41,54) 100%), linear-gradient(to bottom, rgb(0,41,54) 0%,rgb(0,41,54) 100%);
opacity: 0;
}

div.popups > div button[type="button"]:hover::before, div.popups > div button[type="button"]:focus::before
{
animation: animation9 0.4s forwards;
}

div.popups > div button[type="button"]:hover::after, div.popups > div button[type="button"]:focus::after
{
animation: animation1 0.4s forwards;
}

div.popups div[id].inactive
{
display: none;
}

div.popups div[id].active
{
display: flex;
}

div.popups div.e-book > div:nth-of-type(1)
{
align-items: center;
display: flex;
flex: 0 1 50%;
max-width: 31.25rem;
position: relative;
}

div.popups div.e-book > div:nth-of-type(1)::before
{
background: linear-gradient(219deg, #69C0AC 0%,rgb(106,177,228) 100%);
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
content: "";
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 300px;
z-index: 1;
}

div.popups div.e-book > div:nth-of-type(1) > div
{
margin: -119px -57% -139px -11%;
position: relative;
z-index: 2;
}

div.popups div.e-book > div:nth-of-type(1) > div img
{
height: auto;
max-width: 100%;
}

div.popups div.e-book > div:nth-of-type(2)
{
background: rgb(255,255,255);
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
box-sizing: border-box;
display: flex;
flex-direction: column;
flex: 0 1 50%;
font-family: canada-type-gibson, sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.8125rem;
max-width: 31.25rem;
justify-content: center;
padding: 3.75rem;
position: relative;
z-index: 2;
}

div.popups div.e-book h3
{
color: #69C0AC;
font-family: Merriweather, serif;
font-size: 1.875rem;
font-weight: 700;
margin-bottom: 2.25rem;
}

div.popups div.e-book form
{
margin-top: 1.375rem;
}

div.popups div.e-book fieldset
{
border: none;
margin: 0;
padding: 0;
}

div.popups div.e-book fieldset.submit
{
padding-top: 0.4375rem;
}

div.popups div.e-book label
{
color: rgb(0,41,54);
font-size: 0.875rem;
font-weight: 500;
}

div.popups div.e-book fieldset p
{
margin-bottom: 2.3125rem;
}

div.popups div.e-book input
{
border: 1px solid rgb(176,193,199);
border-radius: 5px;
box-sizing: border-box;
font-family: canada-type-gibson, sans-serif;
font-size: 0.875rem;
line-height: normal;
overflow: visible;
padding: 1.0625rem 0.625rem 1rem 0.625rem;
width: 100%;
}

div.popups div.e-book input:focus
{
outline: none;
}

div.popups div.e-book input::placeholder
{
color: rgb(98,116,121);
opacity: 1;
}

div.popups div.e-book button[type="submit"]
{
background-color: rgb(237,169,0);
background-image: linear-gradient(to bottom, rgb(244,177,11) 0%,rgb(255,205,133) 100%);
background-position: left bottom;
background-repeat: repeat-x;
background-size: 0% 0%;
border: none;
border-radius: 5px;
color: rgb(255,255,255);
font-family: canada-type-gibson, sans-serif;
font-size: 0.875rem;
font-weight: 600;
line-height: normal;
padding: 1.0625rem 1.5rem 1rem 1.5rem;
text-align: center;
transition: background-size 0s;
}

div.popups div.e-book button[type="submit"]:hover, div.popups div.e-book button[type="submit"]:focus
{
animation: animation7 0.4s forwards;
background-size: 100% 100%;
transition: background-size 0.4s;
}

main.index > article figure::before, main div.about article:nth-of-type(odd) figure::before, main.analysis > article figure::before
{
background-image: url("data:image/webp;base64,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");
}

main div.about article:nth-of-type(even) figure::before
{
background-image: url("data:image/webp;base64,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");
}

main fieldset.notice, main .subscription-form div p {
    max-width: 43.25rem;
}

main form button[type="button"].btn-default {
    background-color: grey;
}

main div.order-form #frm-subscriptionOrderForm-subscriptionForm select {
    width: 320px !important;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}

@media (min-width: 768px) {
    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
}
.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%;
}
.col {
    flex: 1 0 0%;
}
.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}

.rounded-3 {
    border-radius: .3rem !important;
}
.mb-4 {
    margin-bottom: 1.5rem !important;
}
.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    text-align: center;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid white;
    border-radius: .25rem;
}
.card .card-header, .card .card-body{
    padding: 20px;
}
.card .card-header h4 {
    margin-bottom: 0px;
}
.card .card-header {
    border-bottom: 1px solid white;
}
.card ul li{
    list-style: none;
}

@font-face
{
font-display: swap;
font-family: Merriweather;
font-style: normal;
font-weight: 700;
src: url('merriweather-bold-webfont.woff2') format('woff2');
}

@font-face
{
font-display: swap;
font-family: Merriweather;
font-style: italic;
font-weight: 700;
src: url('merriweather-boldit-webfont.woff2') format('woff2');
}

@keyframes animation1
{
	0%
	{
	opacity: 0;
	}
	100%
	{
	opacity: 1;
	}
}

@keyframes animation2
{
	0%
	{
	max-height: 0;
	}
	100%
	{
	max-height: 300px;
	}
}

@keyframes animation3
{
	0%
	{
	color: rgb(29,67,80);
	}
	100%
	{
	color: #69C0AC;
	}
}

@keyframes animation4
{
	0%
	{
	width: 0;
	}
	100%
	{
	width: 100%;
	}
}

@keyframes animation5
{
	100%
	{
	box-shadow: 0 0 20px 2px rgba(25,78,126,0.12);
	}
}

@keyframes animation6
{
	100%
	{
	background: rgb(255,255,255);
	box-shadow: 0 0 20px 2px rgba(25,78,126,0.12);
	}
}

@keyframes animation7
{
	100%
	{
	color: rgb(255,255,255);
	}
}

@keyframes animation8
{
	100%
	{
	transform: rotate(360deg);
	}
}

@keyframes animation9
{
	0%
	{
	opacity: 1;
	}
	100%
	{
	opacity: 0;
	}
}

@keyframes animation10
{
	100%
	{
	background: rgb(237,169,0);
	border-color: rgb(237,169,0);
	color: rgb(255,255,255);
	}
}

@keyframes animation11
{
	0%
	{
	transform: scale(0.6);
	transform-origin: bottom;
	}
	100%
	{
	transform: none;
	}
}

@media only screen and (max-width: 1280px)
{
	header[role="banner"], div.infobox > div, main div.about, main.analysis > article, main.index > article, main div[class*="how-it-works"]
	{
	box-sizing: border-box;
	width: 100%;
	}
	main div.header
	{
	box-sizing: border-box;
	width: 100%;
	}
	main[class*="case-stud"] div.header
	{
	min-height: 427px;
	}
	div.infobox > div
	{
	flex-wrap: wrap;
	}
	div.infobox > div > div.contact
	{
	flex-basis: 100%;
	order: 2;
	padding-left: 3.4375rem;
	padding-right: 3.4375rem;
	}
	div.infobox > div > div:not([class]):nth-of-type(2)::before
	{
	display: none;
	}
}

@media only screen and (max-width: 1240px)
{
	main div.faq > div
	{
	box-sizing: border-box;
	width: 100%;
	}
}

@media only screen and (max-width: 1180px)
{
	div.cta > div
	{
	box-sizing: border-box;
	width: 100%;
	}
}

@media only screen and (max-width: 1150px)
{
	main div.case-study
	{
	box-sizing: border-box;
	width: 100%;
	}
}

@media only screen and (max-width: 1140px)
{
	main div.case-studies, main div.articles, main div.cta > div
	{
	box-sizing: border-box;
	width: 100%;
	}
}

@media only screen and (max-width: 1110px)
{
	main nav ol
	{
	box-sizing: border-box;
	width: 100%;
	}
}

@media only screen and (max-width: 1080px)
{
	main div.order-form > div
	{
	box-sizing: border-box;
	width: 100%;
	}
}

@media only screen and (max-width: 1070px)
{
	main div.article
	{
	box-sizing: border-box;
	width: 100%;
	}
}

@media only screen and (max-width: 1000px)
{
	header[role="banner"] nav > a
	{
	display: block;
	}
	header[role="banner"] nav ol
	{
	display: none;
	max-height: 0;
	overflow: hidden;
	}
	body.menu-active header[role="banner"] nav ol
	{
	align-items: flex-end;
	animation: animation2 0.4s forwards;
	background: rgb(255,255,255);
	display: flex;
	flex-direction: column;
	margin-top: 0.625rem;
	position: absolute;
	right: 0;
	text-align: right;
	width: 100%;
	}
	body.menu-active header[role="banner"] nav li
	{
	margin: 1.25rem 1.25rem 0 1.25rem;
	}
	body.menu-active header[role="banner"] nav li:last-child
	{
	margin-bottom: 1.25rem;
	}
	main h1, main div.article h1
	{
	font-size: calc(0.8*3rem);
	line-height: calc(0.8*3.3125rem);
	}
	main.analysis > article figure figcaption h2
	{
	font-size: calc(0.8*1.875rem);
	}
	main div.case-study
	{
	flex-direction: column;
	}
	main div.case-study div.client
	{
	flex-basis: 100%;
	}
	main div.case-study > div:nth-of-type(2)
	{
	padding-left: 0;
	margin-top: 2.5rem;
	}
	main div.about h2
	{
	font-size: calc(0.8*3rem);
	}
	main.analysis > article
	{
	flex-direction: column;
	}
	main.analysis > article > div
	{
	flex-basis: auto;
	margin-right: 0;
	}
	main.analysis > article > figure
	{
	flex-basis: auto;
	}
	main.analysis > article figure::before
	{
	display: none;
	}
	main div.how-it-works-b ol
	{
	align-items: flex-start;
	flex-direction: column;
	}
	main div.how-it-works-b li[class*="step"]
	{
	align-items: center;
	flex-basis: auto;
	flex-direction: row;
	}
	main div.how-it-works-b li:not(:last-child)
	{
	margin-right: 0;
	}
	main div.how-it-works-b li > div:nth-of-type(1)
	{
	flex: 0 0 270px;
	}
	main div.how-it-works-b li > div:nth-of-type(2)
	{
	flex: 1 1 auto;
	margin-left: 2.5rem;
	margin-right: 0;
	}
	main div.how-it-works-b h3
	{
	min-height: initial;
	}
	div.infobox > div > div.advantages
	{
	display: none;
	}
	div.popups > div
	{
	width: 100%;
	}
}

@media only screen and (max-width: 900px)
{
	main div.how-it-works-a ol
	{
	align-items: center;
	flex-direction: column;
	margin-bottom: 0;
	width: 40%;
	}
	main div.how-it-works-a li:not(:last-child)::after
	{
	transform: rotate(90deg) scaleY(-1);
	}
	main div.how-it-works-a li:nth-child(2n)::after, main div.how-it-works-a li:nth-child(2n+1)::after
	{
	bottom: -30px;
	right: -60px;
	}
	main div.how-it-works-a > div
	{
	width: 60%;
	}
	main div.how-it-works-a div[id*="step"]
	{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 270px;
	}
	div.infobox > div > div:not([class])
	{
	flex-basis: 50%;
	}
	div.infobox > div > div:not([class]):nth-of-type(2)::before
	{
	display: none;
	}
	div.infobox > div > div.contact
	{
	flex-basis: 100%;
	order: 4;
	}
}

@media only screen and (max-width: 800px)
{
	main h1, main div.article h1
	{
	font-size: calc(0.6*3rem);
	line-height: calc(0.6*3.3125rem);
	}
	main.analysis > article figure figcaption h2
	{
	font-size: calc(0.6*1.875rem);
	}
	main div.about article
	{
	flex-direction: column;
	}
	main div.about article:nth-of-type(2n+1) > div
	{
	flex-basis: auto;
	margin-left: 0;
	order: 1;
	}
	main div.about article:nth-of-type(2n) > div
	{
	flex-basis: auto;
	margin-right: 0;
	}
	main div.about article figure
	{
	flex-basis: auto;
	}
	main.index > article
	{
	flex-direction: column;
	}
	main.index > article > div, main.index > article figure
	{
	flex-basis: auto;
	}
	main div.faq > div
	{
	flex-direction: column;
	}
	main div.faq ul
	{
	flex-basis: 100%;
	}
	main div.faq > div > div
	{
	flex-basis: 100%;
	max-width: initial;
	}
	main div.article div.content
	{
	margin-left: 0;
	margin-right: 0;
	}
}

@media only screen and (max-width: 700px)
{
	main nav ol
	{
	flex-direction: column;
	position: relative;
	}
	main nav li:not([class])
	{
	align-self: flex-end;
	}
	main.case-study nav li.back
	{
	position: absolute;
	top: 0;
	}
	main.case-study nav li:last-child
	{
	margin-right: 0.9375rem;
	}
	div.cta > div
	{
	flex-direction: column;
	}
	div.infobox > div > div:not([class])
	{
	flex-basis: 100%;
	}
	div.popups div.e-book
	{
	flex-direction: column;
	}
	div.popups div.e-book > div:nth-of-type(1)
	{
	flex-basis: 100%;
	max-width: initial;
	order: 2;
	}
	div.popups div.e-book > div:nth-of-type(1)::before
	{
	border-bottom-right-radius: 5px;
	border-top-left-radius: 0;
	width: 100%;
	}
	div.popups div.e-book > div:nth-of-type(1) > div
	{
	margin: -80px -100px -139px -76px;
	}
	div.popups div.e-book > div:nth-of-type(2)
	{
	border-bottom-right-radius: 0;
	border-top-left-radius: 5px;
	flex-basis: 100%;
	max-width: initial;
	order: 1;
	}
}

@media only screen and (max-width: 600px)
{
	main.analysis > article figure figcaption
	{
	border-bottom-right-radius: 25px;
	border-top-right-radius: 25px;
	width: 100%;
	}
	main div.order-form fieldset:not([class]) p
	{
	align-items: flex-start;
	flex-direction: column;
	}
	main div.order-form fieldset:not([class]) span.switch
	{
	margin-bottom: 0.625rem;
	margin-right: 0;
	}
	main div.article p.back
	{
	width: 100%;
	}
	main div.how-it-works-b li[class*="step"]
	{
	align-items: flex-start;
	flex-direction: column;
	margin-bottom: 1.25rem;
	}
	main div.how-it-works-b li > div:nth-of-type(1)
	{
	flex-basis: auto;
	}
	main div.how-it-works-b li > div:nth-of-type(2)
	{
	margin-left: 0;
	margin-top: 1.25rem;
	}
}

@media only screen and (max-width: 500px)
{
	main div.about article:nth-of-type(2n+1) figure
	{
	flex-wrap: wrap;
	margin-right: 0;
	}
	main div.about article:nth-of-type(2n) figure
	{
	flex-wrap: wrap;
	margin-left: auto;
	}
	main div.about article:nth-of-type(2n+1) figure blockquote
	{
	margin-top: -35%;
	position: relative;
	right: auto;
	top: auto;
	}
	main div.about article:nth-of-type(2n+1) figure blockquote::before
	{
	border-bottom: 24px solid rgb(114,83,164);
	border-left: 24px solid transparent;
	border-right: 24px solid transparent;
	left: 50%;
	margin-left: -12px;
	}
	main div.about article:nth-of-type(2n) figure blockquote::before
	{
	border-bottom: 24px solid #69C0AC;
	border-left: 24px solid transparent;
	border-right: 24px solid transparent;
	right: 50%;
	margin-right: -12px;
	}
	main div.about article:nth-of-type(2n) figure blockquote
	{
	left: auto;
	margin-top: -45%;
	position: relative;
	top: auto;
	}
}