/*--- fonts ---*/
@font-face {
	font-family: 'Silka';
	src: url('/fonts/silka-regular.woff2') format('woff2'), src: url('/fonts/silka-regular.woff2') format('woff2'), url('/fonts/silka-regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Silka';
	src: url('/fonts/silka-semibold.woff2') format('woff2'), url('/fonts/silka-semibold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Archia';
	src: url('/fonts/archia-medium.woff2') format('woff2'), url('/fonts/archia-medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Archia';
	src: url('/fonts/archia-semibold.woff2') format('woff2'), url('/fonts/archia-semibold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}
/*--- sitewide variables ---*/
:root {
	--black:#000000;
	--white:#FFFFFF;
	--blue:#0000FF;
	--light-blue:#014EFD;
	--dark-blue:#020F3B;
	--darker-blue:#020041;
	--medium-purple:#8081E4;
	--dark-purple:#2A206A;
	--yellow:#FCCD2F;
	--grey:#F8F8F8;
	--dark-grey:#171717;
	--light-grey:#E5E5E5;
	--medium-grey:#C6C6C6;
	--line-grey:#767676;
	--cta-grey:#F8F8F8;
	--cs-monavate:#bb0d63;
	--cs-bxx:#9945ff;
	--cs-marqeta-rt:#1cc283;
	--cs-northstandard:#3e2557;
	--cs-encyclis:#29579f;
	--cs-manifest-climate:#271E3C;
	--cs-eunomia:#26b79d;
	--cs-zero-hash:#303133;
}
/*--- used to stop transitions showing on page load ---*/
.preload * {
	transition: none !important;
}
/*--- general ---*/
*{
	margin:0;
	padding:0;
	line-height: 1em;
}
html{
	font-size:10px;
}
body{
	font-family: 'Silka';
	font-size:1.6rem;
	background-color: var(--white);
}
/*--- disallow scrolling ---*/
body.fixed {
	overflow: hidden;
}
h1, h2{
	font-family: Archia;
	font-size:7.6rem;
	font-weight:500;
	line-height: 1.2;
	color:var(--blue);
}
p{
	padding-top:1.5rem;
	font-size:2.6rem;
	color:var(--black);
	line-height: 1.2;
}
p:first-child{
	padding-top:0;
}
a{
	color:var(--black);
	text-decoration: none;
	transition: color 0.25s ease-in-out;
}
a:hover{
	color:var(--blue);
}
button{
	display:block;
	background-color:transparent;
	border:none;
	outline:none;
}
.button{
	display:inline-block;
	padding:0 1.2em;
	font-family: 'Archia';
	font-size:1.6rem;
	font-weight:500;
	line-height:2.6em;
	color:var(--blue);
	background-color:var(--yellow);
	border:1px solid var(--yellow);
	border-radius: 1.4em;
	text-decoration: none !important;
	transition: color 0.15s ease-in-out, background 0.15s ease-in-out;
	cursor:pointer;
}
.button:hover{
	color:var(--yellow);
	background-color:var(--blue);
	border:1px solid var(--blue);
}
.button.v3{
	color:var(--white);
	background-color:var(--blue);
	border:1px solid var(--blue);
}
.button.v4{
	color:var(--blue);
	background-color:var(--white);
	border:1px solid var(--white);
}
.button.v2:hover, .button.v3:hover{
	color:var(--blue);
	background-color:var(--white);
	border:1px solid var(--white);
}
hr{
	width:100%;
	height:1px;
	margin:10.0rem auto -6.5rem auto;
	border:none;
	border-bottom:1px solid var(--line-grey);
}
/*--- hr : insight page ---*/
.insight_page hr {
	margin:0;
	border-bottom:1px solid var(--blue);
}
.insight_page section hr {
	margin:4.0rem 0 3.0rem 0;
}
.nb{
	white-space: nowrap;
}
.mobile {
	display:none;
}
/*--- horizontal nav ---*/
#h_nav{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	background-color:var(--blue);
	z-index: 10;
}
#h_nav div{
	display:flex;
	max-width:120.0rem;
	height:9.0rem;
	margin:0 auto;
	padding:0 4.0rem;
	align-items: center;
	justify-content: space-between;
}
#h_nav > div > a{
	display:block;
	width:26.0rem;
}
#h_nav div ul {
	display: flex;
	gap: 3rem;
	list-style: none;
	align-items: center;
}
#h_nav div ul li a:not(.button){
	font-size:1.6rem;
	color:var(--white);
}
#h_nav div ul li a:not(.button):hover{
	color:var(--yellow);
}
/*--- vertical nav & let's get started ---*/
.popup{
	width: 3.0rem;
	height: 2.0rem;
	position: relative;
	cursor: pointer;
}
.popup span{
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: var(--white);
	opacity: 1;
	left: 0;
	transition: 0.25s ease-in-out;
}
.popup:hover span{
	background-color: var(--yellow);
}
.popup span:nth-child(1){
	top: 0;
}
.popup span:nth-child(2), .popup span:nth-child(3){
	top: calc((2.0rem - 2px) / 2);
}
.popup span:nth-child(4){
	bottom: 0;
	top: auto;
}
.popup.open span:nth-child(1), .popup.open span:nth-child(4){
	top: calc((2.0rem - 2px) / 2);
	width: 0%;
	left: 50%;
}
.popup.open span:nth-child(2){
	transform: rotate(45deg);
}
.popup.open span:nth-child(3){
	transform: rotate(-45deg);
}
#v_nav, #lgs{
	position: fixed;
	display:none;
	top: 0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: var(--yellow);
	z-index: 10;
}
#v_nav > button, #lgs > button{
	position: absolute;
	top: 3.0rem;
	right: 3.0rem;
}
#v_nav > button span, #lgs > button span{
	background-color: var(--blue);
}
#v_nav > button:hover span, #lgs > button:hover span{
	background-color: var(--dark-blue);
}
#v_nav .button{
	margin-bottom:4.5rem;
	font-size:1.5em;
}
#v_nav ul{
	padding-top:3.5rem;
	list-style: none;
}
#v_nav ul:first-of-type{
	padding-top:0;
}
#v_nav ul li{
	padding:0.5rem 0;
	font-size:2.2rem;
}
#v_nav ul li:first-child, #v_nav ul li:first-child a{
	font-size:2.8rem;
	font-weight:600;
	color:var(--blue);
}
/*--- let's get started ---*/
#lgs {
	flex-direction: column;
}
#lgs > form, #lgs > div{
	width: calc(100% - 8.0rem);
	max-width:80.0rem;
	margin:0 auto;
	padding:0 4.0rem;
	text-align: left;
}
#lgs h3{
	font-size:5.5rem;
	font-weight:500;
	color:var(--blue);
}
#lgs form ul{
	display:flex;
	margin-top:4.0rem;
	list-style: none;
	justify-content: space-between;
}
#lgs form ul li, #lgs form label, #lgs form p{
	font-size:1.4rem;
}
#lgs form ul li a{
	margin-top:1.5rem;
	display:block;
	font-size:2.5rem;
	color:var(--blue);
}
#lgs form ul li a.button{
	width: 3.25rem;
	margin-top:0.75rem;
	padding: 0.75rem 2.25rem;
	line-height: 1em;
}
#lgs form ul li a.button svg{
	width:3.25rem;
}
#lgs form ul li a.button svg *{
	transition: 0.25s ease-in-out;
}
#lgs form ul li a.button:hover svg .cls-1{
	fill:var(--blue);
}
#lgs form ul:nth-of-type(2){
	flex-wrap: wrap;
	margin-bottom:1.0rem;
}
#lgs form ul:nth-of-type(2) li input:not([type="checkbox"]), #lgs form textarea{
	display: block;
	width:37.0rem;
	margin:0.75rem 0 2.0rem;
	padding:1.25rem 1.0rem;
	font-family: 'Archia';
	font-size:1.4rem;
	border:none;
}
#lgs form textarea{
	width:calc(100% - 2.0rem);
}
#lgs form input[type="checkbox"]{
	vertical-align: middle;
}
#lgs form ul:nth-of-type(3){
	margin:1.0rem 0 3.0rem;
}
#lgs form ul:nth-of-type(3) .button {
	min-width: 18rem;
}
#lgs form ul:nth-of-type(3) button{
	transition:0.25s ease-in-out;
}
#lgs form ul:nth-of-type(3) button.selected{
	color:var(--white);
	background-color: var(--blue);
	border:1px solid var(--blue);
}
#lgs form ul:nth-of-type(3) button{
	color:var(--blue);
	background-color: var(--yellow);
	border:1px solid var(--white);
}
#lgs form ul:nth-of-type(3) button.selected:hover, #lgs form ul:nth-of-type(3) button:hover{
	color:var(--blue);
	background-color: var(--white);
	border:1px solid var(--white);
}
#lgs form > button{
	display: block;
	margin-top:4.0rem;
	min-width: 18rem;
}
#lgs > div{
	display:none;
}
#lgs > div h3{
	margin-bottom:3.0rem;
	font-size:5.0rem;
}
#lgs > div button{
	margin-top:4.0rem;
}
/*--- HEADER ---*/
header{
	display: flex;
	padding-top:9.0rem;
	background:url("/images/header_bg_animated.svg") top center repeat var(--blue);
}
header > div{
	max-width: 115rem;
	width:100%;
	margin: 0 auto;
	padding: 10rem 6.5rem;
}
header > div.left{
	width: 58.0rem;
	padding: 18rem 65rem 14rem 5rem;
}
header > div.right {
	width: 50rem;
	padding: 10rem 5rem 10rem 65rem;
}
header .embed_video{
	position:relative;
	margin:-5.0rem 0 5.0rem;
	padding:56.25% 0 0 0;
}
header h1{
	color:var(--white);
}
header p{
	color:var(--white);
}
header .button{
	margin-top:6.5rem;
}
/*--- header : about us ---*/
.about_us header div{
	background: url(/images/about_us.png) center left / auto 77.5% no-repeat
}
/*--- header : contact us ---*/
.contact_us header div{
	background: url(/images/contact_us.png) center left / auto 75% no-repeat
}
/*--- header : work for us ---*/
.wfu header > div.right {
	width: 53rem;
}
.wfu header div{
	background: url(/images/home.png) center left / auto 80% no-repeat
}
/*--- header : terms and privacy policy ---*/
.t_and_pp header div{
	background:none;
}
/*--- header : google ads ---*/
.google_ads header div{
	background: url(/images/google_ads.png) center left / auto 80% no-repeat
}
/*--- header : blog ---*/
.blog_list_page header{
	height:30.0rem;
	align-items: center;
	justify-content: center;
}
.blog_list_page header > div.right{
	width:auto;
	padding:0 4.0rem;
	background:none;
}
.blog_content_page header{
	padding:15.0rem 0 6.0rem 0;
}
.blog_content_page header > div.right{
	display:flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	width: 78.0rem;
	padding: 2.0rem 5.0rem 4.0rem 45.0rem;
	text-align: left;
	background-position:center left 4.0rem;
	background-size:30.0rem auto;
	background-repeat:no-repeat;
}
.blog_content_page header > div > div {
	display: flex;
	flex-direction: row;
}
.blog_content_page header > div > div > a{
	margin:0 2.0rem 0 0;
}
.blog_content_page header > div > div > p{
	display:inline;
	padding-top:1.2rem;
	font-size:1.6rem;
	color:var(--yellow);
}
.blog_content_page header div h1{
	flex:0 auto;
	padding-top:5.0rem;
	font-size:6.0rem;
}
/*--- header : case study ---*/
.case_study header > div {
	display:flex;
	min-height:24.0rem;
	align-items: center;
}
.case_study header h1{
	font-size:7.0rem;
}
/*--- header blocks ---*/
.hb{
	display:flex;
	padding:4.0rem;
	align-items: center;
	background-color:var(--yellow);
}
.hb div{
	width:100%;
	max-width:100.0rem;
	margin:0 auto;
}
.hb p{
	font-family: Archia;
	font-weight:500;
	color:var(--black);
	text-align:center;
	line-height:1.3;
}
/*--- section : gray bar ---*/
.grey_bar{
	display: flex;
	flex-direction: row;
	margin:0 auto;
	padding:6.5rem 4.0rem;
	justify-content: center;
	background-color:var(--grey);
}
.grey_bar h2{
	max-width:76.0rem;
	font-size:2.8rem;
	font-weight:600;
	line-height: 1.35;
	color:var(--black);
	text-align: center;
}
/*--- section : grey bar : google ads ---*/
.google_ads .grey_bar {
	padding:4.0rem;
}
.google_ads .grey_bar p{
	font-weight:600;
}
.google_ads .grey_bar img {
	max-width:12.0rem;
}
.google_ads .grey_bar.yellow {
	background-color:var(--yellow);
}
.google_ads .grey_bar .two_column {
	align-items: center;
	gap:4.0rem;
}
.google_ads .grey_bar.yellow .two_column {
	align-items: flex-start;
	justify-content: center;
}
.google_ads .grey_bar .two_column div:first-of-type {
	width: 66rem;
}
.google_ads .grey_bar .two_column div:last-of-type {
	width:auto;
}
.google_ads .grey_bar .two_column div:last-of-type, .google_ads .grey_bar.yellow .two_column div:last-of-type {
	display:flex;
	justify-content: flex-end;
}
.google_ads .grey_bar.yellow p {
	font-size:2.2rem;
}
.google_ads .grey_bar.yellow p:last-of-type {
	font-size:1.8rem;
	font-weight: 500;
}
.google_ads .grey_bar.yellow object {
	width:auto !important;
	max-width:10.0rem
}
/*--- section : grey bar : blog page ---*/
.blog_content_page .grey_bar {
	padding:0;
}
.blog_content_page .grey_bar .one_column {
	max-width:82.0rem;
	padding:4.0rem;
	font-size:2.2rem;
}
.blog_content_page .grey_bar .one_column p {
	padding:0;
	line-height: 1.4;
}
.blog_content_page .grey_bar .one_column a {
	color:var(--black);
	text-decoration: underline;
}
/*--- section : two column ---*/
.two_column{
	display: flex;
	flex-direction: row;
	max-width:120.0rem;
	margin:0 auto;
	padding:6.5rem 4.0rem;
	justify-content: space-between;
	align-items:center;
}
.two_column:nth-child(odd){
	flex-direction: row-reverse;
}
.two_column div, .two_column object{
	width:50.0rem;
}
.two_column img {
	max-width:60.0rem;
	width:100%;
	border-radius:3rem;
}
.two_column .button{
	margin-top: 5.5rem;
}
.two_column .button:nth-of-type(1){
	margin-right: 1.0rem;
}
.two_column div.img img{
	width:100%;
}
.two_column h3{
	padding-top:3.5rem;
	font-size:2.6rem;
	font-weight:600;
}
.two_column ul{
	margin-left:2.3rem;
}
.two_column li{
	padding-top:1.5rem;
	font-size:2.6rem;
	color: var(--black);
	line-height: 1.2;
}
/*--- section : two column : google ads ---*/
.google_ads section > .two_column{
	padding:0;
	max-width:92.0rem;
}
/*--- section : two column : about us ---*/
.about_us .two_column:nth-of-type(5) div.img{
	height:55.0rem;
}
/*--- section : two column : contact us ---*/
.contact_us .two_column{
	flex-direction: row-reverse;
}
.contact_us .two_column p:nth-of-type(2){
	padding-top:5.5rem;
}
.contact_us .two_column a svg{
	width:4.0rem;
	margin:0.5rem 1.5rem 0.5rem 0;
	vertical-align: middle;
}
.contact_us .two_column a svg *{
	transition: 0.25s ease-in-out;
}
.contact_us .two_column a:hover svg .cls-1{
	fill:var(--blue);
}
.contact_us .two_column a:hover svg .cls-3{
	fill:var(--yellow);
}
/*--- section : one column ---*/
.one_column{
	display: flex;
	flex-direction: row;
	max-width:120.0rem;
	margin:0 auto;
	padding:6.5rem 4.0rem;
	justify-content: space-between;
	align-items:center;
	flex-wrap: wrap;
}
.one_column > div {
    width:100%;
}
.one_column h3{
	padding-top:5.0rem;
	font-size:2.2rem;
	line-height: 1.3;
	font-weight:600;
	color:var(--blue);
}
.one_column h3:first-child{
	margin-top:0;
}
.one_column h4{
	margin:3.0rem 0 -1.5rem;
	font-size:1.8rem;
	line-height: 1.3;
	font-weight:600;
	color:var(--dark-grey);
}
.one_column p, .one_column ul, .one_column ol{
	padding-top:2.0rem;
	font-size:1.8rem;
	color:var(--dark-grey);
}
.one_column ul,
.one_column ol{
	list-style-position: inside;
}
.one_column ul li,
.one_column ol li{
	margin-top:1.0rem;
    font-size:2.2rem;
	line-height: 1.5;
}
.one_column ul.bulleted li,
.one_column ol.bulleted li{
    font-size:2.8rem;
}
.one_column a:not(.button){
	font-weight:600;
	text-decoration: underline;
}
.one_column > img,
.one_column > a img {
	max-width:120.0rem;
	width:100%;
	border-radius:3rem;
}
/*--- section : one column : google ads ---*/
.google_ads .one_column > div {
	width:100%;
	margin:0 auto;
	text-align:center;
}
.google_ads .one_column h2 {
	font-size:6.0rem;
}
/*--- section : one column : case study ---*/
.case_study .one_column {
	min-height:22.6rem;
	flex-direction: column;
	justify-content: center;
	padding: 8.0rem 4.0rem;
}
.case_study .one_column h2 {
	width:100%;
	font-size:3.2rem;
	color:var(--dark-grey);
	text-align: left;
	font-weight:700;
}
.case_study .one_column p {
	width:100%;
	font-family: 'Archia';
	padding-top:3.0rem;
	font-size:2.4rem;
	font-weight:600;
	line-height:1.4;
}
.case_study .one_column.deliverables ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	column-gap: 21rem;
	row-gap: 4rem;
	margin:0 auto;
	padding-top: 6.0rem;
	list-style: none;
}
.case_study .one_column.deliverables ul::after {
	content: "";
	flex: auto;
}
.case_study .one_column.deliverables ul li {
	flex: 1 0 calc(33% - 20rem);
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	max-width:25.0rem;
	padding-top:4.0rem;
	border: 0.3rem solid var(--white);
	border-radius: 1rem;
	cursor: default;
	text-align: left;
	transition: border 0.15s ease-in-out;
}
.case_study .one_column.deliverables ul.-ltt li {
	flex: 1 0 calc(50% - 20rem);
}
.case_study .one_column.deliverables ul li div {
	min-height:12rem;
}
.case_study .one_column.deliverables ul li div object {
	max-width:11rem;
	width:100%;
}
.case_study .one_column.deliverables ul li h3 {
	padding-top: 0;
	font-size: 2.2rem;
	font-weight: 600;
	color: var(--black);
}
.case_study .one_column.deliverables ul li p {
	padding-top: 1rem;
	font-size: 1.8rem;
	font-weight: 500;
}
.case_study .one_column.cta {
	max-width: 100%;
	width:100%;
	min-height:auto;
	margin:0;
	text-align:center;
	background-color:var(--cta-grey);
	box-sizing: border-box;
}
.case_study .one_column.cta h2 {
	text-align: center;
}
.case_study .one_column.cta a {
	padding-top:2.6rem;
	font-size:2.5rem;
	color:var(--blue);
}
.case_study .one_column.testimonials {
	width:100%;
	box-sizing: border-box;
}
.case_study .one_column.testimonials a.button {
	margin-top:10.5rem;
	font-size:1.8rem;
	color:var(--white);
	background-color: var(--blue);
}
.case_study .one_column.testimonials a.button.-no-margin {
	margin-top:0;
}
.case_study .one_column.testimonials div {
	max-width: 88.7rem;
	width:100%;
	padding:5.0rem 6.6rem;
	background-color: var(--yellow);
	border-radius:2rem;
}
.case_study .one_column.testimonials div:not(:first-of-type) {
	margin-top:9.0rem;
}
.case_study .one_column.testimonials div h2 {
	font-size:3.4rem;
}
.case_study .one_column.testimonials div h2:not(:first-of-type) {
	padding-top:2.0rem;
}
.case_study .one_column.testimonials div p {
	font-weight:500;
}
/*--- section : insight list ---*/
.insight_list {
	background-color: var(--white);
}
.insight_list > div {
	margin: 0 auto;
	padding: 9.0rem 4.0rem;
	text-align: center;
}
.insight_list > div a {
	font-weight: 600;
}
.insight_list > div > a.button {
	margin-top: 10rem;
}
.insight_list > div > h2 {
	color: var(--blue);
	font-size: 4.2rem;
	text-align: center;
}
.insight_list ul {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 13.6rem;
	max-width:109.9rem;
	margin: 0 auto;
	padding-top: 10rem;
	list-style: none;
	cursor: default;
}
.insight_list ul li {
	flex: 1 calc(50% - 7.4rem);
	display: flex;
	flex-direction: column;
	max-width:calc(50% - 7.4rem);
	margin-top: 0;
	text-align: left;
	box-sizing: border-box;
	overflow: hidden;
}
.insight_list ul li > div:first-of-type {
	max-width:48.2rem;
	width: 100%;
	min-height: 27.0rem;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.insight_list ul li > div:last-of-type {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 3.4rem 3.8rem 0 3.8rem;
}
.insight_list ul li h4 {
	padding-top: 3.8rem;
	font-size: 3.0rem;
	color: var(--blue);
	line-height: 1.4;
}
.insight_list ul li h5 {
	font-size: 1.8rem;
	color: var(--blue);
}
.insight_list ul li p {
	padding-top: 3.8rem;
	font-size: 2.6rem;
	font-weight: 500;
	color: var(--dark-purple);
	line-height: 1.4;
}
.insight_list div ul li a.button {
	align-self: flex-start;
	margin-top: 4.2rem;
}
.insight_list .flickity-insights {
	display:block !important;
}
.insight_list .flickity-insights li {
	display:block !important;
	max-width:calc(50% - 7.4rem) !important;
	width:100% !important;
	margin-right:14.6rem !important;
}
/*--- section : insight list : insight landing ---*/
.insight_landing .insight_list {
	padding-top:9.0rem;
}
.insight_landing .insight_list ul {
	padding-top:0;
}
/*--- section : insight ---*/
.insight {
	max-width:120.0rem;
	margin:0 auto;
	padding:0 4.0rem 10.8rem 4.0rem;
}
.insight:first-of-type {
	padding-top: calc(10.0rem + 9.0rem);
}
.insight h1 {
	width:100%;
	font-size:6.8rem;
}
.insight h2 {
    width:100%;
	padding-top:4.2rem;
	font-size:2.8rem;
}
.insight hr + h2 {
	padding-top:1.0rem;
}
.insight video {
	display:block;
	max-width:120.0rem;
	max-height: 90.0rem;
	margin-top:4.0rem;
}
.insight p {
	width:100%;
	padding-top:2.0rem;
	font-size:2.2rem;
	line-height:1.4;
}
.insight > p:not(hr + p):not(h2 + p) {
	padding-top:2.0rem;
}
.insight blockquote {
	width:calc(100% - 10.0rem);
	margin:2.0rem auto 0 auto;
	padding:2.0rem;
	font-size:2.2rem;
	line-height:1.4;
	color: var(--dark-grey);
	font-style: italic;
	border-left:1.0rem solid var(--blue);
	background-color: var(--light-grey);
}
.insight .button {
	margin-top:4.0rem;
	font-weight:600;
}
.insight:not(.insight:first-of-type) p:first-of-type:not(.insight h2 + p:first-of-type):not(.insight li h2) {
	padding-top:8.2rem;
}
.insight ul,
.insight ol.smaller {
    padding-top:2.0rem;
    padding-left:4.6rem;
    list-style-position: initial;
}
.insight ol {
	padding-top:4.2rem;
	font-size:2.8rem;
}
.insight ol:not(.smaller) li {
    font-size:2.8rem;
}
.insight ol:not(.smaller) > li:not(:first-of-type) {
	margin-top:6.0rem;
}
.insight ul li,
.insight ol.smaller li {
    padding-left:1.0rem;
}
.insight ol li.no_number::marker {
	content:'';
}
.insight ol > li > ul {
	font-size:2.2rem;
}
.insight ol h2 {
	display:inline;
}
.insight > div {
	display: flex;
	align-items: center;
	column-gap:3.0rem;
	padding-top:6.0rem;
}
.insight > div > img {
	width:7.4rem;
	height:9.85rem;
	object-fit: cover;
}
.insight > div > div > p {
	color:var(--blue);
	font-weight:700;
}
.insight > div > div > p:first-of-type {
	padding-top:0;
	font-size:1.7rem;
}
.insight > div > div > p:last-of-type {
	font-size:2.0rem;
}
.insight > img:first-of-type {
	width:100%;
}
/*--- section : google ads offer ---*/
.ga_offer h2 {
	margin:0 auto;
	max-width:80.0rem;
}
.ga_offer ul {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	column-gap:8.0rem;
	list-style: none;
	padding:4.0rem 0;
}
.ga_offer ul li {
	flex:1 0 calc(33% - 8.0rem);
	display:flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.ga_offer ul li div {
	padding:4.0rem;
	border:0.3rem solid var(--white);
	border-radius: 1.0rem;
	cursor:default;
	text-align:left;
	transition:border 0.15s ease-in-out;
}
.ga_offer ul li div:hover {
	border-color:var(--yellow);
}
.ga_offer ul li h3 {
	padding-top:2.0rem;
	font-size:2.2rem;
	font-weight:600;
	color:var(--black);
}
.ga_offer ul li p {
	padding-top:1.0rem;
	font-size:1.8rem;
	font-weight:500;
}
/*--- section : google ads claim ---*/
.ga_claim div h3, .ga_claim div p {
	max-width:71.0rem;
	margin:0 auto;
}
.ga_claim div h3 {
	color:var(--black);
	line-height:1.4;
	padding-top:5.0rem;
}
.ga_claim > div > p {
	padding-top:4.0rem;
}
.ga_claim > div > p:nth-last-of-type(1), .ga_claim > div > p:nth-last-of-type(2){
	max-width:82.0rem;
	font-size:1.2rem;
}
.ga_claim > div > p:nth-last-of-type(1) a, .ga_claim > div > p:nth-last-of-type(2) a{
	color:var(--blue);
	text-decoration: underline;
}
.ga_claim > div > ul {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	gap:4.5rem;
	width:100%;
	padding:6.0rem 0;
	list-style: none;
	cursor:default;
}
.ga_claim > div > ul > li {
	position:relative;
	flex:1 calc(33% - 4.5rem);
	display:flex;
	flex-direction: column;
	padding:4.0rem 4.0rem 0 4.0rem;
	border:0.1rem solid var(--light-grey);
	border-radius:1.0rem;
	box-sizing: border-box;
	overflow:hidden;
}
.ga_claim > div > ul > li > h3 {
	max-width:18.0rem;
	padding-top:0;
	color:var(--blue);
}
.ga_claim > div > ul > li > p {
	max-width:22.0rem;
	font-size:1.4rem;
}
.ga_claim > div > ul > li > p:nth-of-type(2) {
	display: block;
	margin:2.0rem auto;
	padding:1.0rem 2.0rem;
	color:var(--blue);
	font-size:1.8rem;
	font-weight:600;
	background-color:var(--yellow);
	border-radius:1.0rem;
	box-sizing: border-box;
}
.ga_claim > div > ul > li > p:nth-of-type(3) {
	color:var(--medium-grey);
	font-size:1.3rem;
	padding-top:0;
	line-height:1.4;
}
.ga_claim > div > ul > li > ul {
	display: flex;
	flex: 1 0 auto;
	flex-direction: column;
	width: calc(100% - 2rem);
	margin:3.5rem 0 0 -4.0rem;
	padding: 4rem 4rem 4rem 6rem;
	background-color:var(--light-grey);
	list-style:none;
	transition:background 0.15s ease-in-out;
}
.ga_claim > div > ul > li:hover > ul {
	background-color:var(--yellow);
}
.ga_claim > div > ul > li > ul > li {
	position: relative;
	margin-top:2.0rem;
	font-size:1.6rem;
	text-align:left;
	line-height:1.4;
}
.ga_claim > div > ul > li:first-of-type > ul > li:last-of-type {
	margin-left:-2.5rem;
}
.ga_claim > div > ul > li > ul > li:before {
	position: absolute;
	display: block;
	content: '\2022';
	/* for screen readers */
	text-indent: -999999px;
	/* move the bullet point out of sight */
	top: 0.15em;
	left: -1.5em;
	width: 1em;
	height: 1em;
	background-repeat: no-repeat;
	background-image: url('/images/ga_claim_tick.svg');
	background-size: 1em 1em;
	background-position: 0 0;
}
.ga_claim > div > ul > li:first-of-type > ul > li:last-of-type:before {
	display: none;
	background:none;
}
/*--- section : ga_form ---*/
#ga_form > div {
	display: none;
	max-width:50.0rem;
	margin:0 auto;
}
#ga_form > div h3{
	margin:0 auto;
	font-size:7.0rem;
	font-weight:500;
	color:var(--blue);
}
#ga_form > div h3, #ga_form > div p{
	text-align:center;
	line-height:1.4
}
#ga_form > div p {
	padding-top:3.0rem;
	font-size:2.0rem;
}
#ga_form > div button{
	margin:3.0rem auto 0 auto;
}
#ga_form form {
	max-width: 92.0rem;
	width:100%;
	margin:0 auto;
	padding:0;
	text-align: left;
}
#ga_form {
	max-width:100%;
	margin:0 auto;
	padding:8.0rem 4.0rem;
	background-color:var(--grey);
}
#ga_form form ul{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap:2.0rem;
	list-style: none;
	margin-bottom:1.0rem;
	padding-top:0;
}
#ga_form form ul li {
	flex:1 calc(50% - 2.0rem);
}
#ga_form form ul li, #ga_form form label, #ga_form form p{
	font-size:1.8rem;
}
#ga_form form ul li a{
	color:var(--blue);
}
#ga_form form label[for="ga_gdpr"]{
	line-height: 1.5;
}
#ga_form form ul li a.button{
	width: 3.25rem;
	margin-top:0.75rem;
	padding: 0.75rem 2.25rem;
	line-height: 1em;
}
#ga_form form ul li a.button svg{
	width:3.25rem;
}
#ga_form form ul li a.button svg *{
	transition: 0.25s ease-in-out;
}
#ga_form form ul li a.button:hover svg .cls-1{
	fill:var(--blue);
}
#ga_form form ul li input:not([type="checkbox"]), #ga_form form ul li select{
	display: block;
	width:calc(100% - 2.0rem);
	margin:1rem 0 2.0rem;
	padding:1.25rem 1.0rem;
	font-family: 'Archia';
	font-size:1.4rem;
	border:0.1rem solid var(--light-grey);
}
#ga_form form ul li select{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: url(/images/dropdown_arrow.svg) center right 1.5rem / 1.8rem auto no-repeat var(--white);
}
#ga_form form input[type="checkbox"]{
	width:2.0rem;
	height:2.0rem;
	vertical-align: bottom;
	border:0.15rem solid var(--line-grey);
	border-radius: 0.4rem;
	background-color:transparent;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
#ga_form form input[type="checkbox"]:checked{
	background: url(/images/check.svg) center / 1.5rem no-repeat var(--white);
}
#ga_form form div {
	display:flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap:2.0rem;
}
#ga_form form div ul {
	flex:1 40%;
	flex-direction: column;
	flex-wrap: nowrap;
	gap:0;
	margin-bottom:0;
}
#ga_form form div ul .button {
	font-weight:600;
}
#ga_form form div ul:first-of-type .button {
	min-width: 18rem;
}
#ga_form form div ul:first-of-type button{
	padding:0 1.4em;
	font-weight: 600;
	transition:0.25s ease-in-out;
}
#ga_form form div ul:first-of-type button.selected{
	color:var(--blue);
	background-color:var(--yellow);
	border:1px solid var(--blue);
}
#ga_form form div ul:first-of-type button{
	margin-top:1.0rem;
	color:var(--blue);
	background-color:transparent;
	border:1px solid var(--light-grey);
}
#ga_form form div ul:first-of-type button.selected:hover, #ga_form form div ul:first-of-type button:hover{
	color:var(--yellow);
	background-color:var(--blue);
	border:1px solid var(--blue);
}
#ga_form form div ul:nth-of-type(2) li:nth-of-type(3) {
	margin:0.5rem 0 3.0rem 0;
}
#ga_form form div ul:nth-of-type(2) li:nth-of-type(4) button {
	min-width:18.0rem;
}
#ga_form form div ul:nth-of-type(2) li:nth-of-type(4) button:hover {
	color:var(--yellow);
	background-color:var(--blue);
}
#ga_form form div ul li label {
	flex-direction: column;
	flex-wrap: wrap;
}
/*--- section : ga_interested ---*/
.ga_interested{
	display: flex;
	flex-direction: row;
	max-width:120.0rem;
	margin:0 auto;
	padding:6.5rem 4.0rem;
	justify-content: space-between;
	align-items:center;
}
.ga_interested div {
	margin:0 auto;
}
.ga_interested div h2 {
	font-size:2.8rem !important;
	font-weight:600;
	text-align: center;
}
.ga_interested div h3 {
	color:var(--black);
}
.ga_interested div h3, .ga_interested div p {
	max-width:74.0rem;
	margin:0 auto;
}
.ga_interested div h3 a, .ga_interested div p a {
	color:var(--blue);
	text-decoration: underline;
}
.ga_interested div p:nth-last-of-type(2) {
	max-width:62.0rem;
}
.ga_interested > div > p:last-of-type {
	padding-top:8.0rem;
	font-weight:600;
}
/*--- section : blog list ---*/
.blog_list {
	padding:6.5rem 4.0rem;
}
.blog_list div h2 {
	padding-bottom:5.0rem;
	font-size:2.8rem;
	font-weight:600;
	text-align: center;
}
.blog_list div ul {
	display:flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap:8.0rem;
	max-width:92.0rem;
	margin:0 auto;
	padding:0;
	list-style: none;
	cursor:default;
}
.blog_list div ul li {
	flex:0 calc(33% - 6.0rem);
	display:flex;
	flex-direction: column;
	margin-top:0;
	text-align:left;
	box-sizing: border-box;
	overflow:hidden;
}
.blog_list div ul li > div {
	width:100%;
	height:20.0rem;
	border-radius: 1.0rem;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:var(--blue);
	background-size:auto 14.0rem;
}
.blog_list div ul li h4{
	margin-top:3.0rem;
	font-size:1.8rem;
	color:var(--blue);
	line-height:1.4;
}
.blog_list div ul li p{
	padding-top:2.0rem;
	font-size:1.4rem;
	font-weight: 500;
	line-height:1.4;
}
.blog_list div ul li a.button{
	align-self: flex-start;
	margin-top:2.5rem;
}
/*--- section : blog list : google ads ---*/
.google_ads .blog_list {
	padding-top:0;
}
/*--- section : blog content ---*/
.blog_content:first-of-type div {
	max-width:92.0rem;
	margin:0 auto;
}
.blog_content:first-of-type div h2 {
	margin:0 auto;
	font-size:2.8rem;
	color:var(--black);
	line-height:1.4;
}
.blog_content:first-of-type div h2 strong {
	display:block;
}
.blog_content:first-of-type div a {
	color:var(--blue);
	text-decoration: underline;
}
.blog_content:first-of-type div > a:first-of-type {
	display:inline-block;
	color:var(--black);
	margin-top:3.5rem;
}
.blog_content:first-of-type div p, .blog_content:first-of-type div a {
	line-height:1.3;
}
.blog_content:first-of-type div p{
	padding-top:3.5rem;
}
.blog_content div p.sources{
	font-size:1.2rem;
}
.blog_content div p.sources a{
	color:var(--black);
}
.blog_content div ul, .blog_content div ol {
	max-width:92.0rem;
	width:100%;
	padding-top:3.5rem;
	list-style-position: inside;
}
.blog_content div ul{
	list-style-type: none;
}
.blog_content div h2 + ul{
	padding-top:8.0rem;
}
.blog_content div ul.blk li, .blog_content div ol.blk li {
	color:var(--black);
}
.blog_content div ul li, .blog_content div ol li, .blog_content div ul li span, .blog_content div ol li span {
	font-size:1.8rem;
	color:var(--blue);
	font-weight:600;
	line-height:1.3;
}
.blog_content div ul li span, .blog_content div ol li span {
	display:block;
	padding:0.25rem 0 3.5rem;
	color:var(--black);
	font-weight:500;
}
.blog_content div ul li:last-of-type span, .blog_content div ol li:last-of-type span {
	padding-bottom:0;
}
.blog_content div ul li {
	text-indent: 2.0rem;
}
.blog_content div ul li:before {
	content: "\2014";
	position: absolute;
	text-indent: -2.0rem;
}
/*--- section : blog page ---*/
.blog_page .one_column {
	padding-bottom:0;
}
.blog_page .blog_list div ul {
	padding:5.0rem 0;
}
/*--- section : current roles ---*/
.current_roles {
	max-width: 120rem;
	margin: 0 auto;
	padding: 0 4rem 6.5rem;
}
.current_roles h2{
	padding-bottom:11.5rem;
}
.current_roles > p{
	margin-top:-12rem;
}
.current_roles > p a{
	text-decoration: underline;
}
.current_roles > div{
	padding:2.0rem 0;
	border-bottom:0.8rem solid var(--yellow);
}
.current_roles > div > button{
	position: relative;
	width:100%;
	font-family: 'Archia';
	font-size:4.0rem;
	line-height: 1.2;
	font-weight:500;
	color:var(--blue);
	text-align: left;
	cursor: pointer;
	transition: color 0.25s ease-in-out;
}
.current_roles > div > button:hover{
	color:var(--yellow);
}
.current_roles > div > button div{
	position: absolute;
	top:0;
	right:2.0rem;
	width:3.0rem;
	height:4.0rem;
	transition: 0.25s ease-in-out;
}
.current_roles > div > button div span{
	position: absolute;
	top:50%;
	display: block;
	width:3.0rem;
	height:0.5rem;
	background-color:var(--blue);
	transition: background-color 0.25s ease-in-out;
}
.current_roles > div > button div span:last-child{
	transform: rotate3d(0, 0, 1, 90deg);
}
.current_roles > div > button:hover div span{
	background-color:var(--yellow);
}
.current_roles > div > button.selected div{
	transform: rotate3d(0, 0, 1, 45deg);
}
.current_roles > div > div{
	display: none;
	padding:7.5rem 0 9.5rem;
}
.current_roles p {
	padding-top: 2.5rem;
}
.current_roles h3{
	padding-top:3.5rem;
	font-size:2.6rem;
	font-weight:600;
}
.current_roles h3 + p, .current_roles h3 + ul li:first-child{
	padding-top:1.0rem;
}
.current_roles ul{
	margin-left:2.3rem;
}
.current_roles li{
	padding-top:2.5rem;
	font-size:2.6rem;
	color: var(--black);
	line-height: 1.2;
}
.current_roles div div button{
	margin-top:5.0rem;
}
/*--- section : parallax ---*/
.parallax{
	position: relative;
	width:100%;
	height:100vh;
	text-align: center;
	line-height: 25vw;
	overflow: hidden;
}
.parallax div{
	width:100%;
	height:100vh;
	background-size:cover;
	background-position: bottom center;
	opacity:0;
	transition: opacity 1s ease-in-out;
}
.parallax div video{
	height: 100vh;
	width: 240vh;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/*--- footer blocks ---*/
.fb{
	display:flex;
	padding:4.0rem;
	align-items: center;
	background-color:var(--blue);
}
.fb div{
	width:100%;
	max-width:120.0rem;
	margin:0 auto;
}
.fb p{
	font-family: Archia;
	font-size:3.4rem;
	font-weight:500;
	color:var(--white);
}
.fb .button{
	margin-top:4.0rem;
}
.fb + .fb{
	background-color:var(--yellow);
}
.fb + .fb p{
	color:var(--black);
}
/*--- section : footer block : case study ---*/
.case_study .fb h2 {
	font-size:3.2rem;
	color:var(--white);
}
.case_study .fb p {
	padding-top:4.0rem;
	font-size:2.5rem;
	line-height:1.4;
}
.case_study .fb a {
	color:var(--white);
}
.case_study .fb a:last-of-type {
	text-decoration: underline;
}
/*--- footer ---*/
footer{
	max-width:120.0rem;
	margin:0 auto;
	padding:4.0rem;
}
footer img{
	float:left;
	width:25.0rem;
}
footer p{
	padding-top:0;
}
footer ul{
	float:right;
	padding-right:12.5rem;
	list-style: none;
}
footer ul:first-of-type{
	padding-right:0;
}
footer ul li{
	font-size:1.6rem;
	line-height: 1.3;
}
footer p:last-of-type {
	clear:both;
	padding-top:9.0rem;
	font-size:1.2rem;
	text-align: center;
}