* {
	margin:0px;
	padding:0px;
}
:root {
	--gutter: 30px;
	--articleHeight:auto;
	font-size:16px;
}
@font-face {
    font-family: 'product_sansregular';
    src: url('../fonts/productsans-regular-webfont.woff2') format('woff2'),
         url('../fonts/productsans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'product_sansbold';
    src: url('../fonts/productsans-bold-webfont.woff2') format('woff2'),
         url('../fonts/productsans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
h2,h3,h5,h6,p,ul,li,input,button,select {
	font-family: 'product_sansregular';
}
h1,h4,nav a, .ffc-cta {
	font-family: 'product_sansbold';
}
h1 {
	font-size:3rem;
	line-height:3.25rem;
	color:#ffffff;
}
h2 {
	line-height:2.375rem;
}
h3 {
	font-size:1.625rem;
	line-height:2.125rem;
}
h6 {
}
h5 {
	font-size:1.35rem;
	line-height:1.85rem;
	letter-spacing:0.02rem;
}
h6 {
	font-size:1.125rem;
	line-height:1.5rem;
	letter-spacing:0.02rem;
}
p {
	font-size:1rem;
	line-height:1.25rem;
	color:#767676;
}
header {
	
	padding:10px 0px;
	margin:0px 0px 50px 0px;
}
input[type="button"], button {
	cursor:pointer;
}
input[type="button"], button, input, input[type="button"]:focus, button:focus, input:focus {
	outline:none;
}
.brand-logo {
	width:300px;
	float:left;
}
.brand-logo img {
	width:100%;
	height:auto;
	float:left;
}
nav {
	float:right;
}
nav a {
	display:inline-block;
	font-size:0.9375rem;
	color:#ffffff;
	padding:20px 25px;
	border-radius:2.5rem;
}
nav a.cta-a {
	color:#202020;
	background:#ffca05;
}
nav .close-wrapper {
	display:none;
	position:absolute;
	text-align:center;
	left:0px;
	bottom:30px;
}
.close-wrapper .x-cta {
	display:inline-block;
	line-height:2.5rem;
	border:none;
	background:none;
}
.breadcrumb-nav {
	display:none;
	width:36px;
	height:36px;
	float:right;
	background:none;
	margin:0px 0px 0px 10px;
	border:none;
}
.breadcrumb-nav svg {
	width:100%;
	height:auto;
	float:left;
	padding:8px;
}
.language-selection {
	float:right;
	height:60px;
	font-size:0.9375rem;
	color:#ffffff;
	-moz-appearance:none;
	-webkit-appearance:none;
	background:url(../images/ffc/down-arrow-white.svg) no-repeat right center rgba(14, 125, 217,0);
	background-size:12px;
	border:none;
	padding:0px 20px 0px 0px;
	margin:0px 0px 0px 15px;
}
.language-selection:focus {
	color:#202020;
	background:url(../images/ffc/down-arrow-white.svg) no-repeat right center rgba(255, 255, 255,1);
	background-size:12px;
}

.ffc-hero-banner {
	background:url(../images/ffc/ffc-banner-bg.jpg) no-repeat 0% 0%;
	background-size:100%;
}
.access-ffc {
	background:url(../images/ffc/access-finance.jpg) no-repeat right top #ffffff;
	background-size:90% 100%;
}
.banner-app-mockup img {
	width:100%;
	height:auto;
	float:left;
}
.mockup-wrapper {
	position:relative;
	display:inline-block;
	width:300px;
	height:auto;
}
.mockup-wrapper img {
	position:relative;
	width:100%;
	height:auto;
	float:left;
	z-index:2;
}
.slide {
	position: absolute;
	width: 81%;
	height: 95%;
	background: #ffffff;
	border-radius: 1.5rem;
	left: 18px;
	top: 15px;
	z-index: 1;
}
.slider-nav-wrapper {
	position:relative;
	display:inline-block;
}
.slider-nav {
	display:inline-block;
	width:48px;
	height:48px;
	background:url(../images/ffc/white-arrow.svg) no-repeat 50% 50% rgba(0,0,0,0.4);
	background-size:14px;
	border-radius:50%;
	margin:0px 12px;
	border:none;
}
.slider-nav:last-child {
	transform:rotate(180deg);
}
.slider-nav:hover {
	background:url(../images/ffc/white-arrow.svg) no-repeat 50% 50% rgba(0,0,0,0.8);
	background-size:14px;
}
.carousel {
    position: relative;
    height: 600px;
	text-align:center;
    perspective: 1500px;
}
.carousel .carousel-item {
    width: 245px;
	height: auto;
	position: absolute;
	top: 16px;
	left: 0;
}
.carousel .carousel-item img {
	height:auto;
    transform: translateX(-12px) translateY(-40px);
}
.mobile {
	display:inline-block;
	position:relative;
    width:300px;
    height: auto;
    z-index: 2;
}
.ffc-form-a input[type="tel"] {
	width:97%;
	float:left;
	font-size:1rem;
	line-height:3.75rem;
	background:#ffffff;
	padding:0px 25px;
	border-radius:2rem;
	border:none;
}
.download-app-wrapper a {
	display:inline-block;
	margin:0px 15px 0px 0px;
}
.download-app-wrapper a img {
	width:100%;
	height:auto;
	float:left;
}
.download-app-wrapper a:last-child {
	margin:0px;
}
.why-ffc-img {
	width:96%;
	height:auto;
	float:right;
	margin:50px 0px;
}
.why-txt-section {
	margin:130px 0px 0px 0px;
}
.ffc-steps-wrapper {
	position:relative;
}
.ffc-steps {
	background:url(../images/ffc/ffc-steps-bg.jpg) no-repeat left top #f4f4f4;
	background-size: 40%;
}
.ffc-steps-mockup {
	display:inline-block;
	width:65%;
	height:auto;
	float:right;
	margin:45px 0px 0px 0px;
}
.ffc-steps-content {
	margin:120px 0px 0px 0px;
}
.steps {
	position:relative;
	padding:0px 0px 0px 145px;
	margin:0px 0px 40px 0px;
}
.stpes-icons {
	position:absolute;
	width:70px;
	height:70px;
	top:0px;
	left:50px;
	border-radius:50%;
	/*overflow:hidden;*/
}
.step-a {
	background:url(../images/ffc/steps-icons.png) no-repeat #0869d5;
	background-position:-5% 50%;
	box-shadow:0px 3px 18px rgba(8,105,213,0.5);
}
.step-b {
	background:url(../images/ffc/steps-icons.png) no-repeat #ffbd02;
	background-position:50% 50%;
	box-shadow:0px 3px 18px rgba(255,189,2,0.5);
}
.step-c {
	background:url(../images/ffc/steps-icons.png) no-repeat #ffffff;
	background-position:105% 50%;
	box-shadow:0px 3px 18px rgba(8,105,213,0.12);
}
.step-a,.step-b,.step-c {
	background-size:250%;
}
.step-a:before, .step-a::before {
	content:'1';	
}
.step-b:before, .step-b::before {
	content:'2';
}
.step-c:before, .step-c::before {
	content:'3';
}
.step-a:before, .step-a::before, .step-b:before, .step-b::before, .step-c:before, .step-c::before {
	position:absolute;
	font-family: 'product_sansbold';
	font-size:4rem;
	line-height:4.375rem;
	top:0px;
	left:-50px;
	color:#e1e5f0;
}
.ffc-steps-wrapper:before, ffc-steps-wrapper::before {
	content:'';
	position:absolute;
	width:1px;
	height:70%;
	top:0px;
	left:82px;
	border:none;
	border-left:dotted 2px #bebebe;
	
}
.know-imc {
	margin:100px 0px 0px 0px;
}
.circle-info-wrapper {
	text-align:center;
}
.circle-content {
	position:relative;
	display:inline-block;
	width:220px;
	height:220px;
	float:none;
	background:#ffffff;
	padding:85px 40px 40px 40px;
	margin:23px;
	border-radius:50%;
	border:solid 2px #0869d5;
	box-shadow:0px 3px 12px rgba(0,0,0,0.2);
}
.circle-c {
	margin:120px 0px 0px 0px;
	border:solid 2px #ffbe02;
}
.circle-content .circle-icon {
	position:absolute;
	width:80px;
	height:80px;
	top:0px;
	left:0px;
	border-radius:50%;
	overflow:hidden;
}
.circle-c .circle-icon {
	left:auto;
	right:-15px;
}
.circle-b .circle-icon {
	top:auto;
	bottom:-20px;
}
.circle-d .circle-icon {
	top:auto;
	bottom:0px;
	left:auto;
	right:0px;
}
.views-icon, .help-icon, .call-icon, .website-icon {
	background-size:315%;
}
.views-icon {
	background:url(../images/ffc/circle-icons.png) no-repeat #0869d5;
	background-position:-1.5% 50%;
	box-shadow:0px 4px 15px rgba(8,105,213,0.6);
}
.help-icon {
	background:url(../images/ffc/circle-icons.png) no-repeat #ffbe02;
	background-position:32.5% 50%;
	box-shadow:0px 4px 15px rgba(255,190,2,0.4);
}
.call-icon {
	background:url(../images/ffc/circle-icons.png) no-repeat #0869d5;
	background-position:67.5% 50%;
	box-shadow:0px 4px 15px rgba(8,105,213,0.3);
}
.website-icon {
	background:url(../images/ffc/circle-icons.png) no-repeat #0869d5;
	background-position:102.5% 50%;
	box-shadow:0px 4px 15px rgba(8,105,213,0.3);
}
.circle-content h4 {
	font-size:1.5rem;
	margin:0px;
}
.circle-content h5 {
	font-size:1.125rem;
	line-height:1.35rem;
	color:#979797;
	margin:0px;
}
.testimonial-wrapper {
	text-align:center;
}
.testimonial-wrapper .testimonial-content {
	background:#f4f4f4;
	padding:20px 25px 30px 25px;
	border-radius:0.625rem;
}
.person-info {
	margin:-25px 0px 0px 0px;
}
.person-info .profile-pic {
	display:inline-block;
	width:64px;
	height:64px;
	border-radius:50%;
	overflow:hidden;
}
.person-info .profile-pic img {
	width:100%;
	height:auto;
	float:left;
}
.person-info h3 {
	font-size:1.25rem;
}
.person-info h3, .person-info h6 {
	margin:0px;
}
.person-info h6 {
	color:#979797;
}
.thumb-container {
	display:grid;
	width: 100%;
	grid-gap: var(--gutter) 0;
	grid-template-columns: var(--gutter) 1fr var(--gutter);
	align-content: start;
	padding:10px 0px;
}
.thumb-container > * {
	grid-column: 2 / -2;
}
.thumb-container > .thumb-wrapper-full {
	grid-column: 1 / -1;
}
.thumb-wrapper-full {
	padding:0px 80px;
}
.thumb {
	display: grid;
	grid-gap: calc(var(--gutter) / 2);
	grid-template-rows: minmax(120px, 1fr);
	grid-auto-flow: column;
	grid-auto-columns: calc(35% - var(--gutter) * 2);
	overflow-x: scroll;
	scroll-snap-type: x proximity;
	padding-bottom: calc(.75 * var(--gutter));
	margin-bottom: calc(-.25 * var(--gutter));
}
.thumb > .testimonial-wrapper,.testimonial-wrapper {
	scroll-snap-align: center;
	/*padding: calc(var(--gutter) / 2 * 1.5);*/
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	border-radius: 8px;
	text-decoration:none;
}
.no-scrollbar {
	scrollbar-width: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.no-scrollbar::-webkit-scrollbar {
	display: none;
}
ul {
	display:block;
	list-style:none outside;
}
ul li {
	font-size:1.25rem;
	background:url(../images/ffc/tick.png) no-repeat left 13px;
	background-size:18px;
	padding:10px 0px 10px 30px;
}
.txt-a-c {
	text-align:center;
}
.txt-a-l {
	text-align:left;
}
.ffc-cta {
	font-size:1rem;
	line-height:3.75rem;
	padding:0px 20px;
	border-radius:2rem;
}
.ffc-cta-a {
	color:#ffffff;
	background:#0869d5;
	box-shadow:0px 5px 15px rgba(8,105,213,0.5);
}
.ffc-cta-b {
	color:#0f0f0f;
	background:#ffca05;
}
.normal-section {
	padding:60px 0px;
}
.testimonials {
	padding:180px 0px;
}
.no-scroll {
	position:fixed;
	width:100%;
	height:100vh;
	top:0px;
	left:0px;
	overflow:hidden;
}
nav a:hover {
	color:#ffca05;
	text-decoration:none;
}
.cta-a:hover, .ffc-cta-b:hover, .cta-a:focus, .ffc-cta-b:focus {
	color:#0f0f0f;
	background:#f2ab00;
}
.ffc-cta-a:hover, .ffc-cta-a:focus  {
	color:#ffffff !important;
	background:#004b9f;
}
footer {
	background:#979797;
	padding:20px 0px;
}
footer p {
	margin:0px;
}
section, .bx, .space1, .space2, .space3, .space4, .space5, .space6, .space7, .space8 {
	position:relative;
	width:100%;
	float:left;
}
.space1 {
	height:10px;
}
.space2 {
	height:20px;
}
.space3 {
	height:30px;
}
.space4 {
	height:40px;
}
.space5 {
	height:50px;
}
.space6 {
	height:60px;
}
.space7 {
	height:70px;
}
.space8 {
	height:80px;
}
.color-a {
	color:#ffffff;
}
.color-b {
	color:#ffca05;
}
.color-c {
	color:#0869d5;
}
.x-m-p {
	margin:0px;
	padding:0px;
}
@media(min-width:320px) and (max-width:479px){
	nav {
		display:none;
		position:fixed;
		width:100%;
		height:100vh;
		top:0px;
		left:0px;
		background:rgba(255,255,255,1);
		padding:0px 40px;
		z-index:2;
	}
	nav a {
		display:block;
		width:100%;
		font-size:0.8125rem;
		text-align:center;
		color:#063b6f;
	}
	nav .close-wrapper {
		display:block;
	}
	.active-nav {
		display:block;
	}
	.breadcrumb-nav {
		display:block;
	}
	header {
		position:fixed;
		width:100%;
		top:0px;
		left:0px;
		background:#063b6f;
		padding:15px 15px;
		margin:0px;
		z-index:1;
	}
	.brand-logo {
		width:130px;
		margin:4px 0px 0px 0px;
	}
	.language-selection {
		height:36px;
		font-size:0.8125rem;
		padding:0px 15px 0px 0px;
	}
	h1 {
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
	h2 {
		font-size:1.5rem;
		line-height:1.75rem;
	}
	h3 {
		font-size: 1.125rem;
		line-height: 1.35rem;
	}
	h5 {
		font-size: 0.875rem;
		line-height: 1rem;
	}
	h6 {
		font-size: 0.75rem;
		line-height: 1rem;
	}
	.ffc-form-a input[type="tel"] {
		width:100%;
		margin:0px 0px 15px 0px;
	}
	.ffc-hero-banner {
    	background: url(../images/ffc/ffc-banner-bg.jpg) no-repeat 0% 0%;
		background-size: 440%;
		padding:70px 0px 0px 0px;
	}
	.ffc-steps {
		background: url(../images/ffc/ffc-steps-bg.jpg) no-repeat left top #f4f4f4;
		background-size: 100%;
	}
	.download-app-wrapper a {
		width:105px;
		margin:0px 8px 0px 0px;
	}
	.why-txt-section {
		margin:0px;
	}
	.download-app-wrapper, .btn-wrapper {
		text-align:center;
	}
	ul li {
		font-size:1rem;
	}
	.ffc-cta {
		width:auto;
		font-size:0.8125rem;
		line-height:3rem;
	}
	.ffc-steps-mockup {
		width:90%;
	}
	.ffc-steps-content {
		margin:25px 0px 0px 0px;
	}
	.step-a::before, .step-a::before, .step-b::before, .step-b::before, .step-c::before, .step-c::before {
		font-size:1.25rem;
		line-height:1.875rem;
		left:-20px;
	}
	.steps {
		padding:0px 0px 0px 40px;
	}
	.stpes-icons {
		width:30px;
		height:30px;
		left:0px;
	}
	.ffc-steps-wrapper::before, ffc-steps-wrapper::before {
		left:15px;
	}
	.know-imc {
		text-align:center;
		margin:0px 0px 20px 0px;
	}
	.circle-c {
		margin:30px 23px 0px 23px;
	}
	.access-ffc {
		background:#0967d8;
	}
	.mobile {
		width:260px;
	}
	.carousel {
		width:100%;
		height:520px;
		overflow:hidden;
	}
	.carousel .carousel-item {
		width:210px;
		top:0px;
	}
	.carousel .carousel-item img {
		width:100%;
		transform: translateX(-8px) translateY(-22px);
	}
	.thumb-wrapper-full {
		padding:0px 15px;
		overflow:hidden;
	}
	.thumb {
		display: grid;
		grid-gap: calc(var(--gutter) / 2);
		grid-template-rows: minmax(120px, 1fr);
		grid-auto-flow: column;
		grid-auto-columns: calc(100% - var(--gutter) * 2);
		overflow-x: scroll;
		scroll-snap-type: x proximity;
		padding-bottom: calc(.75 * var(--gutter));
		margin-bottom: calc(-.25 * var(--gutter));
	}
	.sm-fw {
		margin:0px;
		padding:0px;
	}
	.testimonials {
		padding:60px 0px;
	}
}
@media(min-width:480px) and (max-width:611px){
	nav {
		display:none;
		position:fixed;
		width:100%;
		height:100vh;
		top:0px;
		left:0px;
		background:rgba(255,255,255,1);
		padding:0px 60px;
		z-index:2;
	}
	nav a {
		display:block;
		width:100%;
		font-size:0.8125rem;
		text-align:center;
		color:#063b6f;
	}
	nav .close-wrapper {
		display:block;
	}
	.active-nav {
		display:block;
	}
	.breadcrumb-nav {
		display:block;
	}
	header {
		position:fixed;
		width:100%;
		top:0px;
		left:0px;
		background:#063b6f;
		padding:15px 20px;
		margin:0px;
		z-index:1;
	}
	.brand-logo {
		width:130px;
		margin:4px 0px 0px 0px;
	}
	.language-selection {
		height:36px;
		font-size:0.8125rem;
		padding:0px 15px 0px 0px;
	}
	h1 {
		font-size: 2rem;
		line-height: 2.25rem;
		text-align:center;
	}
	h2 {
		font-size:1.5rem;
		line-height:2rem;
		text-align:center;
		padding:0px 40px;
	}
	h3 {
		font-size: 1.35rem;
		line-height: 1.75rem;
		text-align:center;
	}
	h4 {
		line-height:1.5rem;
	}
	h5 {
		font-size: 0.9375rem;
		line-height: 1.35rem;
		text-align:center;
	}
	h6 {
		font-size: 0.875rem;
		line-height: 1rem;
		text-align:center;
	}
	.ffc-form-a input[type="tel"] {
		width:100%;
		margin:0px 0px 15px 0px;
	}
	.ffc-hero-banner {
    	background: url(../images/ffc/ffc-banner-bg.jpg) no-repeat 0% 0%;
		background-size: 380%;
		padding:85px 0px 0px 0px;
	}
	.ffc-steps {
		background: url(../images/ffc/ffc-steps-bg.jpg) no-repeat left top #f4f4f4;
		background-size: 100%;
		text-align:center;
	}
	.download-app-wrapper a {
		width:150px;
		margin:0px 8px 0px 0px;
	}
	.why-txt-section {
		margin:0px;
	}
	.download-app-wrapper, .btn-wrapper {
		text-align:center;
	}
	ul li {
		font-size:1rem;
	}
	.ffc-cta {
		width:auto;
		font-size:0.8125rem;
		line-height:3rem;
	}
	.ffc-steps-mockup {
		width:75%;
		float:none;
	}
	.ffc-steps-content {
		margin:25px 0px 0px 0px;
	}
	.step-a::before, .step-a::before, .step-b::before, .step-b::before, .step-c::before, .step-c::before {
		font-size:2rem;
		line-height:3rem;
		left:-25px;
	}
	.steps {
		text-align:left;
		padding:0px 0px 0px 96px;
	}
	.stpes-icons {
		width:48px;
		height:48px;
		left:32px;
	}
	.ffc-steps-wrapper::before, ffc-steps-wrapper::before {
		left:54px;
	}
	.know-imc {
		text-align:center;
		margin:0px 0px 20px 0px;
	}
	.circle-content {
		width:175px;
		height:175px;
		padding:60px 30px 40px 30px;
	}
	.circle-content h4 {
		font-size:1.125rem;
		text-align:center;
	}
	.circle-content h5 {
		font-size:1rem;
		line-height:1.25rem;
	}
	.circle-content .circle-icon {
		width:60px;
		height:60px;
		background-size:350%;
	}
	.circle-c {
		margin:30px 23px 0px 23px;
	}
	.circle-b .circle-icon, .circle-d .circle-icon {
		top:0px;
		bottom:auto;
		left:auto;
		right:0px;		
	}
	.circle-c .circle-icon {
		left:0px;
		right:auto;
	}
	.access-ffc {
		background:#0967d8;
	}
	.mobile {
		width:260px;
	}
	.carousel {
		width:100%;
		height:520px;
		overflow:hidden;
	}
	.carousel .carousel-item {
		width:210px;
		top:0px;
	}
	.carousel .carousel-item img {
		width:100%;
		transform: translateX(-8px) translateY(-22px);
	}
	.thumb-wrapper-full {
		padding:0px 15px;
		overflow:hidden;
	}
	.thumb {
		display: grid;
		grid-gap: calc(var(--gutter) / 2);
		grid-template-rows: minmax(120px, 1fr);
		grid-auto-flow: column;
		grid-auto-columns: calc(100% - var(--gutter) * 2);
		overflow-x: scroll;
		scroll-snap-type: x proximity;
		padding-bottom: calc(.75 * var(--gutter));
		margin-bottom: calc(-.25 * var(--gutter));
	}
	.sm-fw {
		margin:0px;
		padding:0px;
	}
	.testimonials {
		padding:60px 0px;
	}
}
@media(min-width:612px) and (max-width:767px){
	nav {
		display:none;
		position:fixed;
		width:100%;
		height:100vh;
		top:0px;
		left:0px;
		background:rgba(255,255,255,1);
		padding:0px 60px;
		z-index:2;
	}
	nav a {
		display:block;
		width:100%;
		font-size:0.8125rem;
		text-align:center;
		color:#063b6f;
	}
	nav .close-wrapper {
		display:block;
	}
	.active-nav {
		display:block;
	}
	.breadcrumb-nav {
		display:block;
	}
	header {
		position:fixed;
		width:100%;
		top:0px;
		left:0px;
		background:#063b6f;
		padding:15px 20px;
		margin:0px;
		z-index:1;
	}
	.brand-logo {
		width:160px;
	}
	.language-selection {
		height:36px;
		font-size:0.875rem;
		padding:0px 15px 0px 0px;
	}
	h1 {
		font-size: 2rem;
		line-height: 2.25rem;
		text-align:center;
	}
	h2 {
		font-size:1.5rem;
		line-height:2rem;
		text-align:center;
		padding:0px 40px;
	}
	h3 {
		font-size: 1.35rem;
		line-height: 1.75rem;
		text-align:center;
	}
	h4 {
		line-height:1.5rem;
	}
	h5 {
		font-size: 0.9375rem;
		line-height: 1.35rem;
		text-align:center;
	}
	h6 {
		font-size: 0.875rem;
		line-height: 1rem;
		text-align:center;
	}
	.ffc-form-a input[type="tel"] {
		width:100%;
		margin:0px 0px 15px 0px;
	}
	.ffc-hero-banner {
    	background: url(../images/ffc/ffc-banner-bg.jpg) no-repeat 0% 0%;
		background-size: 310%;
		padding:85px 0px 0px 0px;
	}
	.ffc-steps {
		background: url(../images/ffc/ffc-steps-bg.jpg) no-repeat left top #f4f4f4;
		background-size: 100%;
		text-align:center;
	}
	.download-app-wrapper a {
		width:150px;
		margin:0px 8px 0px 0px;
	}
	.why-txt-section {
		margin:0px;
	}
	.download-app-wrapper, .btn-wrapper {
		text-align:center;
	}
	ul li {
		font-size:1rem;
	}
	.ffc-cta {
		width:auto;
		font-size:0.8125rem;
		line-height:3rem;
	}
	.ffc-steps-mockup {
		width:75%;
		float:none;
	}
	.ffc-steps-content {
		margin:25px 0px 0px 0px;
	}
	.step-a::before, .step-a::before, .step-b::before, .step-b::before, .step-c::before, .step-c::before {
		font-size:2rem;
		line-height:3rem;
		left:-25px;
	}
	.steps {
		text-align:left;
		padding:0px 0px 0px 96px;
	}
	.stpes-icons {
		width:48px;
		height:48px;
		left:32px;
	}
	.ffc-steps-wrapper::before, ffc-steps-wrapper::before {
		left:54px;
	}
	.know-imc {
		text-align:center;
		margin:0px 0px 20px 0px;
	}
	.circle-content {
		width:185px;
		height:185px;
		padding:60px 30px 40px 30px;
		margin:28px;
	}
	.circle-content h4 {
		font-size:1.125rem;
		text-align:center;
	}
	.circle-content h5 {
		font-size:1rem;
		line-height:1.25rem;
	}
	.circle-content .circle-icon {
		width:60px;
		height:60px;
		background-size:350%;
	}
	.circle-c {
		margin:0px;
	}
	.circle-b .circle-icon, .circle-d .circle-icon {
		top:0px;
		bottom:auto;
		left:auto;
		right:0px;		
	}
	.circle-c .circle-icon {
		left:0px;
		right:auto;
	}
	.access-ffc {
		background:#0967d8;
	}
	.mobile {
		width:260px;
	}
	.carousel {
		width:100%;
		height:520px;
		overflow:hidden;
	}
	.carousel .carousel-item {
		width:210px;
		top:0px;
	}
	.carousel .carousel-item img {
		width:100%;
		transform: translateX(-8px) translateY(-22px);
	}
	.thumb-wrapper-full {
		padding:0px 15px;
		overflow:hidden;
	}
	.thumb {
		display: grid;
		grid-gap: calc(var(--gutter) / 2);
		grid-template-rows: minmax(120px, 1fr);
		grid-auto-flow: column;
		grid-auto-columns: calc(100% - var(--gutter) * 2);
		overflow-x: scroll;
		scroll-snap-type: x proximity;
		padding-bottom: calc(.75 * var(--gutter));
		margin-bottom: calc(-.25 * var(--gutter));
	}
	.sm-fw {
		width:100%;
		margin:0px;
		padding:0px;
	}
	.testimonials {
		padding:60px 0px;
	}
}
@media(min-width:768px) and (max-width:991px){
	nav {
		display:none;
		position:fixed;
		width:100%;
		height:100vh;
		top:0px;
		left:0px;
		background:rgba(255,255,255,1);
		padding:0% 30%;
		z-index:2;
	}
	nav a {
		display:block;
		width:100%;
		font-size:0.8125rem;
		text-align:center;
		color:#063b6f;
	}
	nav .close-wrapper {
		display:block;
	}
	.active-nav {
		display:block;
	}
	.breadcrumb-nav {
		display:block;
	}
	header {
		position:fixed;
		width:100%;
		top:0px;
		left:0px;
		background:#063b6f;
		padding:15px 20px;
		margin:0px;
		z-index:1;
	}
	.brand-logo {
		width:160px;
	}
	.language-selection {
		height:36px;
		font-size:0.875rem;
		padding:0px 15px 0px 0px;
	}
	h1 {
		font-size: 2.5rem;
		line-height: 2.75rem;
		text-align:center;
	}
	h2 {
		font-size:2rem;
		line-height:2.75rem;
		text-align:center;
		padding:0px 40px;
	}
	h3 {
		font-size: 1.5rem;
		line-height: 2rem;
		text-align:center;
	}
	h4 {
		line-height:1.5rem;
	}
	h5 {
		font-size: 0.9375rem;
		line-height: 1.35rem;
		text-align:center;
	}
	h6 {
		font-size: 0.875rem;
		line-height: 1rem;
		text-align:center;
	}
	.banner-app-mockup {
		display:inline-block;
		width:400px;
	}
	.ffc-form-a input[type="tel"] {
		width:100%;
		margin:0px 0px 15px 0px;
	}
	.ffc-hero-banner {
		text-align:center;
    	background: url(../images/ffc/ffc-banner-bg.jpg) no-repeat 0% 0%;
		background-size: 200%;
		padding:85px 0px 0px 0px;
	}
	.ffc-steps {
		background: url(../images/ffc/ffc-steps-bg.jpg) no-repeat left top #f4f4f4;
		background-size:85%;
		text-align:center;
	}
	.download-app-wrapper a {
		width:150px;
		margin:0px 8px 0px 0px;
	}
	.why-txt-section {
		margin:0px;
	}
	.download-app-wrapper, .btn-wrapper {
		text-align:center;
	}
	ul li {
		font-size:1rem;
	}
	.ffc-cta {
		width:auto;
		font-size:0.8125rem;
		line-height:3.75rem;
	}
	.ffc-steps-mockup {
		width:55%;
		float:none;
		margin:45px 0px 25px 0px;
	}
	.ffc-steps-content {
		margin:25px 0px 0px 0px;
	}
	.step-a::before, .step-a::before, .step-b::before, .step-b::before, .step-c::before, .step-c::before {
		font-size:2rem;
		line-height:3rem;
		left:-25px;
	}
	.steps {
		text-align:left;
		padding:0px 0px 0px 96px;
	}
	.stpes-icons {
		width:48px;
		height:48px;
		left:32px;
	}
	.ffc-steps-wrapper::before, ffc-steps-wrapper::before {
		left:54px;
	}
	.know-imc {
		text-align:center;
		margin:0px 0px 20px 0px;
	}
	.circle-content {
		width:230px;
		height:230px;
		padding:72px 30px 40px 30px;
		margin:28px;
		border:solid 5px #0869d5;
	}
	.circle-c {
		border:solid 5px #ffbe02;
	}
	.circle-content h4 {
		font-size:1.35rem;
		text-align:center;
		margin:0px 0px 5px 0px;
	}
	.circle-content h5 {
		font-size:1.25rem;
		line-height:1.5rem;
	}
	.circle-content .circle-icon {
		width:60px;
		height:60px;
		background-size:350%;
	}
	.circle-b .circle-icon, .circle-d .circle-icon {
		top:0px;
		bottom:auto;
		left:auto;
		right:0px;		
	}
	.circle-c .circle-icon {
		left:0px;
		right:auto;
	}
	.access-ffc {
		background:#0967d8;
	}
	.mobile {
		width:260px;
	}
	.carousel {
		width:100%;
		height:520px;
		overflow:hidden;
	}
	.carousel .carousel-item {
		width:210px;
		top:0px;
	}
	.carousel .carousel-item img {
		width:100%;
		transform: translateX(-8px) translateY(-22px);
	}
	.thumb-wrapper-full {
		padding:0px 15px;
		overflow:hidden;
	}
	.thumb {
		display: grid;
		grid-gap: calc(var(--gutter) / 2);
		grid-template-rows: minmax(120px, 1fr);
		grid-auto-flow: column;
		grid-auto-columns: calc(100% - var(--gutter) * 2);
		overflow-x: scroll;
		scroll-snap-type: x proximity;
		padding-bottom: calc(.75 * var(--gutter));
		margin-bottom: calc(-.25 * var(--gutter));
	}
	.sm-fw {
		width:100%;
		margin:0px;
		padding:0px;
	}
	.testimonials {
		padding:80px 0px;
	}
}
@media(min-width:992px) and (max-width:1199px){
	h1 {
		font-size: 2.125rem;
		line-height: 2.5rem;
	}
	h2 {
		font-size:1.5rem;
		line-height:1.75rem;
	}
	h3 {
		font-size: 1.25rem;
		line-height: 1.75rem;
	}
	h4 {
		font-size:1rem;
		line-height:1.25rem;
	}
	h5 {
		font-size: 1.125rem;
		line-height: 1.5rem;
	}
	h6 {
		font-size: 1rem;
		line-height: 1.25rem;
	}
	.download-app-wrapper a {
		width:150px;
	}
	.brand-logo {
		width: 200px;
		float: left;
	}
	.breadcrumb-nav {
		display:none;
	}
	nav a {
		font-size:0.75rem;
		padding:10px 12px;
	}
	.ffc-hero-banner {
    	background: url(../images/ffc/ffc-banner-bg.jpg) no-repeat 0% 0%;
		background-size: 140%;
		padding:0px 0px 100px 0px;
	}
	.ffc-steps {
		background: url(../images/ffc/ffc-steps-bg.jpg) no-repeat -40% 50% #f4f4f4;
		background-size: 64%;
	}
	.stpes-icons {
		width:36px;
		height:36px;
	}
	.step-a::before, .step-a::before, .step-b::before, .step-b::before, .step-c::before, .step-c::before {
		font-size:2rem;
		line-height:2.25rem;
		left:-30px;
	}
	.ffc-steps-wrapper::before, ffc-steps-wrapper::before {
		left:52px;
	}
	.steps {
		padding:0px 0px 0px 80px;
	}
	.stpes-icons {
		left:35px;
	}
	.language-selection {
		height:38px;
	}
	.why-txt-section {
		margin: 30px 0px 0px 0px;
	}
	.ffc-steps-content {
		margin:0px;
	}
	.circle-content {
		width:200px;
		height:200px;
		padding:54px 40px 40px 40px;
	}
	.circle-content .circle-icon {
		width:55px;
		height:55px;
		background-size:350%;
	}
	.circle-content h4 {
		font-size:1.125rem;
		margin:0px 0px 15px 0px;
	}
	.circle-content h5 {
		font-size:1rem;
	}
	.access-ffc {
		background: #0967d8;
	}
	.sm-fw {
		width:100%;
		margin:0px;
		padding:0px;
	}
	.thumb {
		grid-auto-columns: calc(54% - var(--gutter) * 2);
	}
	.testimonials {
		padding:100px 0px;
	}
}
@media(min-width:1200px) and (max-width:1439px){
	h1 {
		font-size: 2.125rem;
		line-height: 2.5rem;
	}
	h2 {
		font-size:1.5rem;
		line-height:1.75rem;
	}
	h3 {
		font-size: 1.25rem;
		line-height: 1.75rem;
	}
	h4 {
		font-size:1rem;
		line-height:1.25rem;
	}
	h5 {
		font-size: 1.125rem;
		line-height: 1.5rem;
	}
	h6 {
		font-size: 1rem;
		line-height: 1.25rem;
	}
	.download-app-wrapper a {
		width:150px;
	}
	.brand-logo {
		width: 200px;
		float: left;
	}
	.breadcrumb-nav {
		display:none;
	}
	nav a {
		font-size:0.75rem;
		padding:10px 12px;
	}
	.ffc-hero-banner {
    	background: url(../images/ffc/ffc-banner-bg.jpg) no-repeat 0% 0%;
		background-size: 140%;
		padding:0px 0px 100px 0px;
	}
	.ffc-steps {
		background: url(../images/ffc/ffc-steps-bg.jpg) no-repeat -40% 50% #f4f4f4;
		background-size: 64%;
	}
	.stpes-icons {
		width:36px;
		height:36px;
	}
	.step-a::before, .step-a::before, .step-b::before, .step-b::before, .step-c::before, .step-c::before {
		font-size:2rem;
		line-height:2.25rem;
		left:-30px;
	}
	.ffc-steps-wrapper::before, ffc-steps-wrapper::before {
		left:52px;
	}
	.steps {
		padding:0px 0px 0px 80px;
	}
	.stpes-icons {
		left:35px;
	}
	.language-selection {
		height:38px;
	}
	.why-txt-section {
		margin: 30px 0px 0px 0px;
	}
	.ffc-steps-content {
		margin:0px;
	}
	.circle-content {
		width:200px;
		height:200px;
		padding:54px 40px 40px 40px;
	}
	.circle-content .circle-icon {
		width:55px;
		height:55px;
		background-size:350%;
	}
	.circle-content h4 {
		font-size:1.125rem;
		margin:0px 0px 15px 0px;
	}
	.circle-content h5 {
		font-size:1rem;
	}
	.access-ffc {
		background: #0967d8;
	}
	.thumb {
		grid-auto-columns: calc(54% - var(--gutter) * 2);
	}
	.testimonials {
		padding:100px 0px;
	}
}
@media(min-width:1440px) and (max-width:1599px{
	header {
		margin:0px 0px 80px 0px;
	}
	h1 {
		font-size: 2.5rem;
		line-height: 3rem;
	}
	h3 {
		font-size:1.5rem;
	}
	.download-app-wrapper a {
		width:150px;
	}
	.brand-logo {
		width: 200px;
		float: left;
	}
	.breadcrumb-nav {
		display:none;
	}
	nav a {
		font-size:0.9375rem;
		padding:15px 20px;
	}
	.banner-app-mockup {
		margin:80px 0px 0px 0px;
	}
	.ffc-hero-banner {
    	background: url(../images/ffc/ffc-banner-bg.jpg) no-repeat 0% 0%;
		background-size: 115%;
		padding:0px 0px 100px 0px;
	}
	.ffc-steps {
		background: url(../images/ffc/ffc-steps-bg.jpg) no-repeat -40% 50% #f4f4f4;
		background-size: 64%;
	}
	.language-selection {
		height:50px;
	}
	.why-txt-section {
		margin: 30px 0px 0px 0px;
	}
	.ffc-steps-content {
		margin:0px;
	}
	.circle-content {
		width:200px;
		height:200px;
		padding:54px 40px 40px 40px;
	}
	.circle-content .circle-icon {
		width:55px;
		height:55px;
		background-size:350%;
	}
	.circle-content h4 {
		font-size:1.25rem;
		margin:0px 0px 5px 0px;
	}
	.circle-content h5 {
		font-size:1.125rem;
	}
	.access-ffc {
		background: #0967d8;
	}
	.thumb {
		grid-auto-columns: calc(54% - var(--gutter) * 2);
	}
	.testimonials {
		padding:100px 0px;
	}
}