html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
input, button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
    font-family: 'Inter', helvetica, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #32325D;
    font-size: 22px;
    line-height: 32px;
	letter-spacing: -0.02em;
}

@media only screen and (max-width: 1080px) {
	
	body {
		font-size: 18px;
		line-height: 26px;
	}
	
}

/* layout */

    .content {
        max-width: 1080px;
        margin: 0 auto;
        padding: 140px 100px;
    }
	
	.content.wide {
		max-width: 1180px;
	}
	
	.content.small {
		max-width: 800px;
	}
	
	.content.noVerticalPadding {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.content.centered {
		text-align: center;
	}
    
	.gapL { height: 140px; }
	.gapM { height: 80px; }
    .gap { height: 40px; }
    .gapS { height: 30px; }
    
    .buttonGap { width: 8px; display: inline-block; }
	
	@media only screen and (max-width: 1080px) {
		
		.content {
			padding: 80px 50px;
		}
		
		.gapL { height: 80px; }
		.gapM { height: 40px; }
		.gap { height: 20px; }
		.gapS { height: 10px; }
		
		.buttonGap { width: 0; }
		
	}
	
	@media only screen and (max-width: 840px) {
	
		.content {
			padding: 40px 20px;
		}
		
		.gapL { height: 40px; }
		.gapM { height: 25px; }
		
	}

	/* Responsive column layout by Jeremy Blaze (www.github.com/jeremyblaze) */

		.test-block {
			background: #DF698D;
			display: block;
			width: 100%;
			height: 60px;
		}

		.cols,
		.columns {
			display: flex;
			justify-content: space-between;
			margin: 0 -20px;
		}

		.col {
			float: left;
			display: block;
			margin: 0 20px;
		}

		/* Columns */

			.span_1_of_1 {
				width: calc(100% - 60px);
			}

			.span_1_of_2 {
				width: calc(50% - 60px);
			}

				.span_2_of_2 {
					width: calc(100% - 60px);
				}

			.span_1_of_3 {
				width: calc(33.3% - 60px);
			}

				.span_2_of_3 {
					width: calc(66.6% - 60px);
				}

				.span_3_of_3 {
					width: calc(100% - 60px);
				}

			.span_1_of_4 {
				width: calc(25% - 60px);
			}

				.span_2_of_4 {
					width: calc(50% - 60px);
				}

				.span_3_of_4 {
					width: calc(75% - 60px);
				}

				.span_4_of_4 {
					width: calc(100% - 60px);
				}

			.span_1_of_5 {
				width: calc(20% - 60px);
			}

				.span_2_of_5 {
					width: calc(40% - 60px);
				}

				.span_3_of_5 {
					width: calc(60% - 60px);
				}

				.span_4_of_5 {
					width: calc(80% - 60px);
				}

				.span_5_of_5 {
					width: calc(100% - 60px);
				}

			.span_1_of_6 {
				width: calc(16.6% - 60px);
			}

				.span_2_of_6 {
					width: calc(33.2% - 60px);
				}

				.span_3_of_6 {
					width: calc(50% - 60px);
				}

				.span_4_of_6 {
					width: calc(66.4% - 60px);
				}

				.span_5_of_6 {
					width: calc(83.3% - 60px);
				}

				.span_6_of_6 {
					width: calc(100% - 60px);
				}

			.span_1_of_7 {
				width: calc(14.3% - 60px);
			}

				.span_2_of_7 {
					width: calc(28.4% - 60px);
				}

				.span_3_of_7 {
					width: calc(42.9% - 60px);
				}

				.span_4_of_7 {
					width: calc(57.2% - 60px);
				}

				.span_5_of_7 {
					width: calc(71.5% - 60px);
				}

				.span_6_of_7 {
					width: calc(85.8% - 60px);
				}

				.span_7_of_7 {
					width: calc(100% - 60px);
				}

			.span_1_of_8 {
				width: calc(12.5% - 60px);
			}

				.span_2_of_8 {
					width: calc(25% - 60px);
				}

				.span_3_of_8 {
					width: calc(37.5% - 60px);
				}

				.span_4_of_8 {
					width: calc(50% - 60px);
				}

				.span_5_of_8 {
					width: calc(62.5% - 60px);
				}

				.span_6_of_8 {
					width: calc(75% - 60px);
				}

				.span_7_of_8 {
					width: calc(87.5% - 60px);
				}

				.span_8_of_8 {
					width: calc(100% - 60px);
				}

		/* Responsive breaks */

			/* Reduce gutter size */

				@media only screen and (max-width: 1080px) {
					
					.cols,
					.columns {
						display: flex;
						justify-content: space-between;
						margin: 0 -10px;
					}

					.col {
						float: left;
						display: block;
						margin: 0 10px;
					}

					.span_1_of_1 {
						width: calc(100% - 20px);
					}

					.span_1_of_2 {
						width: calc(50% - 20px);
					}

						.span_2_of_2 {
							width: calc(100% - 20px);
						}

					.span_1_of_3 {
						width: calc(33.3% - 20px);
					}

						.span_2_of_3 {
							width: calc(66.6% - 20px);
						}

						.span_3_of_3 {
							width: calc(100% - 20px);
						}

					.span_1_of_4 {
						width: calc(25% - 20px);
					}

						.span_2_of_4 {
							width: calc(50% - 20px);
						}

						.span_3_of_4 {
							width: calc(75% - 20px);
						}

						.span_4_of_4 {
							width: calc(100% - 20px);
						}

					.span_1_of_5 {
						width: calc(20% - 20px);
					}

						.span_2_of_5 {
							width: calc(40% - 20px);
						}

						.span_3_of_5 {
							width: calc(60% - 20px);
						}

						.span_4_of_5 {
							width: calc(80% - 20px);
						}

						.span_5_of_5 {
							width: calc(100% - 20px);
						}

					.span_1_of_6 {
						width: calc(16.6% - 20px);
					}

						.span_2_of_6 {
							width: calc(33.2% - 20px);
						}

						.span_3_of_6 {
							width: calc(50% - 20px);
						}

						.span_4_of_6 {
							width: calc(66.4% - 20px);
						}

						.span_5_of_6 {
							width: calc(83.3% - 20px);
						}

						.span_6_of_6 {
							width: calc(100% - 20px);
						}

					.span_1_of_7 {
						width: calc(14.3% - 20px);
					}

						.span_2_of_7 {
							width: calc(28.4% - 20px);
						}

						.span_3_of_7 {
							width: calc(42.9% - 20px);
						}

						.span_4_of_7 {
							width: calc(57.2% - 20px);
						}

						.span_5_of_7 {
							width: calc(71.5% - 20px);
						}

						.span_6_of_7 {
							width: calc(85.8% - 20px);
						}

						.span_7_of_7 {
							width: calc(100% - 20px);
						}

					.span_1_of_8 {
						width: calc(12.5% - 20px);
					}

						.span_2_of_8 {
							width: calc(25% - 20px);
						}

						.span_3_of_8 {
							width: calc(37.5% - 20px);
						}

						.span_4_of_8 {
							width: calc(50% - 20px);
						}

						.span_5_of_8 {
							width: calc(62.5% - 20px);
						}

						.span_6_of_8 {
							width: calc(75% - 20px);
						}

						.span_7_of_8 {
							width: calc(87.5% - 20px);
						}

						.span_8_of_8 {
							width: calc(100% - 20px);
						}
					
				}
				
			/* Break into rows */

				@media only screen and (max-width: 840px) {
					
					.cols:not(.preserveOnMobile),
					.columns:not(.preserveOnMobile) {
						display: block;
						margin: 0;
					}

					.cols:not(.preserveOnMobile) .col,
					.columns:not(.preserveOnMobile) .col {
						width: 100%;
						margin-top: 0;
						margin-left: 0;
						margin-right: 0;
					}

					.cols.spaceOnMobile,
					.columns.spaceOnMobile {
						margin-top: -20px;
					}

					.cols.spaceOnMobile .col,
					.columns.spaceOnMobile .col {
						margin-top: 20px;
					}

				}
	
/* components */

	/* text */

		h1 {
			font-size: 68px;
			line-height: 68px;
			font-weight: bold;
			letter-spacing: -2px;
			max-width: 780px;
			letter-spacing: -0.03em;
		}

		h2 {
			font-size: 40px;
			line-height: 50px;
			font-weight: bold;
			letter-spacing: -1px;
			letter-spacing: -0.02em;
		}

		.light {
			color: #525F7F;
		}
		
		strong {
			font-weight: 600;
		}
		
		.richtext,
		.richtext h3 {
			font-size: 18px;
			line-height: 28px;
		}
		
			.richtext p,
			.richtext ul,
			.richtext ol,
			.richtext h1,
			.richtext h2,
			.richtext h3 {
				margin-bottom: 30px;
			}
		
			.richtext h1 {
				font-size: 30px;
				line-height: 34px;
			}
			
			.richtext h2 {
				font-size: 26px;
				line-height: 30px;
			}
			
			.richtext h3 {
				font-weight: bold;
			}
			
			.richtext ul,
			.richtext ol {
				margin-left: 22px;
			}
			
			.richtext a {
				color: #32325D;
			}
		
		@media only screen and (max-width: 1080px) {
		
			h1 {
				font-size: 42px;
				line-height: 42px;
			}
			
			h2 {
				font-size: 28px;
				line-height: 32px;
			}
			
			.richtext,
			.richtext h3 {
				font-size: 16px;
				line-height: 26px;
			}
			
				.richtext p,
				.richtext ul,
				.richtext ol,
				.richtext h1,
				.richtext h2,
				.richtext h3 {
					margin-bottom: 15px;
				}
			
				.richtext h1 {
					font-size: 24px;
					line-height: 28px;
				}
				
				.richtext h2 {
					font-size: 20px;
					line-height: 24px;
				}
			
		}
		
		@media only screen and (max-width: 840px) {
		
			h1 {
				font-size: 30px;
				line-height: 34px;
			}
			
			h2 {
				font-size: 24px;
				line-height: 28px;
			}
			
		}

	/* button */

		.button {
			display: inline-block;
			-webkit-appearance: none;
			outline: none;
			border: 0;
			-webkit-border-radius: 50px;
			-moz-border-radius: 50px;
			border-radius: 50px;
			background: #32325D;
			color: #fff;
			-webkit-box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.15);
			-moz-box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.15);
			box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.15);
			text-decoration: none;
			font-weight: 600;
			padding: 16px 40px;
			font-size: 18px;
			line-height: 18px;
			cursor: pointer;
			-webkit-transition: 0.2s;
			-moz-transition: 0.2s;
			transition: 0.2s;
		}

		.button.white {
			background: #fff;
			color: #32325D;
		}

		.button.red {
			background: #fff;
			color: #d93a2b;
		}

		.button.small {
			margin-top: -1px;
			padding: 12px 20px;
			padding-bottom: 11px;
		}

		.button:hover {
			-webkit-transform: translateY(-2px);
			-moz-transform: translateY(-2px);
			transform: translateY(-2px);
			-webkit-box-shadow: 0px 10px 36px 0px rgba(0,0,0,0.2);
			-moz-box-shadow: 0px 10px 36px 0px rgba(0,0,0,0.2);
			box-shadow: 0px 10px 36px 0px rgba(0,0,0,0.2);
		}

		.button[disabled] {
			opacity: 0.6;
		}
		
		@media only screen and (max-width: 1080px) {
			
			.button {
				margin-top: -1px;
				padding: 12px 20px;
				padding-bottom: 11px;
			}
			
		}
		
	/* arrow button */
	
		.arrowButton {
			display: inline-block;
			font-size: 18px;
			line-height: 24px;
			font-weight: 600;
			text-decoration: none;
			position: relative;
			color: #32325D;
		}
		
		.arrowButton:after {
			content: '';
			position: absolute;
			top: 50%;
			left: 100%;
			margin-top: -8px;
			margin-left: 10px;
			width: 10px;
			height: 15px;
			background-image: url(https://cdn.aptient.com/images/aptient.com/rightArrow.svg);
			opacity: 0.3;
			-webkit-transition: 0.2s;
			-moz-transition: 0.2s;
			transition: 0.2s;
		}
		
		.arrowButton:hover:after {
			opacity: 1;
			-webkit-transform: translateX(3px);
			-moz-transform: translateX(3px);
			transform: translateX(3px);
		}
		
	/* form elements */
	
		.label {
			font-weight: 600;
			font-size: 18px;
			line-height: 22px;
			display: block;
		}
		
		.field {
			-webkit-apperance: none;
			box-sizing: border-box;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		    font-family: 'NeueHaasGroteskText Pro', helvetica, arial, sans-serif;
		    -webkit-font-smoothing: antialiased;
		    color: #32325D;
			font-size: 18px;
			line-height: 22px;
			border: 0;
			outline: none;
			width: 100%;
			background: #F0F4F7;
			padding: 14px 18px;
			margin-top: 12px;
			resize: none;
		}

	/* header */
    
	    .header {
	        padding-top: 40px;
	        padding-bottom: 0;
			margin-bottom: -10px;
	        display: flex;
	        align-items: center;
	        justify-content: space-between;
	    }

		.header-q-and-a {
			margin-bottom: 0;
			padding-bottom: 30px;			
		}

		@media only screen and (max-width: 840px) {
			.header-q-and-a {
				margin-bottom: 0;
				padding-bottom: 10px;			
			}
		}
	    
	    .nav {
	        display: flex;
	        align-items: center;
	        justify-content: flex-end;
	        margin-top: -10px;
	    }
	    
	        .nav a {
	            display: block;
	            margin-left: 30px;
	            font-size: 18px;
	            line-height: 18px;
	            font-weight: 600;
	            color: #fff;
	            text-decoration: none;
	        }
			
		@-webkit-keyframes hamFade {
		    0% {
		        opacity: 0;
		    }
		    100% {
		        opacity: 1;
		    }
		}

		.hamburger {
		    width: 24px;
		    height: 24px;
		    display: none;
			margin-top: -7px;
		    position: relative;
			z-index: 10;
		    cursor: pointer;

		    -webkit-animation-fill-mode: both;
		    -webkit-animation-delay: 0.5s;
		    -webkit-animation-duration: 1s;
		    -webkit-animation-name: hamFade;
		}

		.hamburger1,
		.hamburger2,
		.hamburger3 {
		    background: #fff;
		    width: 24px;
		    height: 2px;
		    position: absolute;
		    top: 0;
		    left: 0;
		    right: 0;

		    -webkit-animation-duration: 0.25s;
		    -moz-animation-duration: 0.25s;
		    animation-duration: 0.25s;
		    -webkit-animation-fill-mode: both;
		    -moz-animation-fill-mode: both;
		    animation-fill-mode: both;
		    -webkit-transition-timing-function: ease-in-out;
		    -moz-transition-timing-function: ease-in-out;
		    transition-timing-function: ease-in-out;
			-webkit-transition: 0.3s;
		}

		.hamburger1 {
		    top: 4px;
		    -webkit-transform-origin: 0% 0%;
		    -moz-transform-origin: 0% 0%;
		    transform-origin: 0% 0%;
		    -webkit-animation-name: ham1Rev;
		    -moz-animation-name: ham1Rev;
		    animation-name: ham1Rev;
		}

		.hamburger2 {
		    top: 11px;
		    -webkit-transform-origin: 50% 50%;
		    -moz-transform-origin: 50% 50%;
		    transform-origin: 50% 50%;
		    -webkit-animation-name: ham2Rev;
		    -moz-animation-name: ham2Rev;
		    animation-name: ham2Rev;
		}

		.hamburger3 {
		    top: 18px;
		    -webkit-transform-origin: 0% 0%;
		    -moz-transform-origin: 0% 0%;
		    transform-origin: 0% 0%;
		    -webkit-animation-name: ham3Rev;
		    -moz-animation-name: ham3Rev;
		    animation-name: ham3Rev;
		}

		@-webkit-keyframes ham1 {
		    0% {
		        -webkit-transform: rotate(0deg);
		    }
		    100% {
		        -webkit-transform: rotate(45deg) translateY(-4px) translateX(2px);
		    }
		}

		@-webkit-keyframes ham1Rev {
		    0% {
		        -webkit-transform: rotate(45deg) translateY(-4px) translateX(2px);
		    }
		    100% {
		        -webkit-transform: rotate(0deg);
		    }
		}

		@-webkit-keyframes ham2 {
		    0% {
		        -webkit-transform: rotateY(0deg);
		        opacity: 1;
		    }
		    100% {
		        -webkit-transform: rotateY(90deg);
		        opacity: 0;
		    }
		}

		@-webkit-keyframes ham2Rev {
		    0% {
		        -webkit-transform: rotateY(90deg);
		        opacity: 0;
		    }
		    100% {
		        -webkit-transform: rotateY(0deg);
		        opacity: 1;
		    }
		}

		@-webkit-keyframes ham3 {
		    0% {
		        -webkit-transform: rotate(0deg);
		    }
		    100% {
		        -webkit-transform: rotate(-45deg) translateY(3px) translateX(1px);
		    }
		}

		@-webkit-keyframes ham3Rev {
		    0% {
		        -webkit-transform: rotate(-45deg) translateY(3px) translateX(1px);
		    }
		    100% {
		        -webkit-transform: rotate(0deg);
		    }
		}

		.hamburger.clicked .hamburger1 {
			background: #32325D;
		    -webkit-animation-fill-mode: both;
		    -webkit-animation-duration: 0.5s;
		    -webkit-animation-name: ham1;
		}

		.hamburger.clicked .hamburger2 {
			background: #32325D;
		    -webkit-animation-fill-mode: both;
		    -webkit-animation-duration: 0.5s;
		    -webkit-animation-name: ham2;
		}

		.hamburger.clicked .hamburger3 {
			background: #32325D;
		    -webkit-animation-fill-mode: both;
		    -webkit-animation-duration: 0.5s;
		    -webkit-animation-name: ham3;
		}

		@media only screen and (max-width: 1080px) {
			
			.header {
				padding-top: 20px;
			}
			
		}
		
		@media only screen and (max-width: 840px) {
		
			.hamburger {
				display: block;
			}
			
			.nav {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: flex-start;
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				z-index: 4;
				background: #fff;
				margin: 0;
				padding: 40px;
				
				opacity: 0;
				pointer-events: none;
				-webkit-transition: 0.3s;
				-moz-transition: 0.3s;
				transition: 0.3s;
			}
			
				.nav a,
				.nav a.button {
					display: block;
					text-align: left;
					color: #32325D;
					font-size: 32px;
					line-height: 42px;
					font-weight: normal;
					margin: 0;
					margin-bottom: 10px;
					padding: 0;
					-webkit-box-shadow: none;
					-moz-box-shadow: none;
					box-shadow: none;
				}
				
			.nav.visible {
				opacity: 1;
				pointer-events: all;
			}
			
		}
			
	/* divider */
	
		hr {
			border: 0;
			height: 2px;
			background: #EFF2F5;
		}
		
		hr.dark {
			background: #75ADC4;
		}

/* content */
		
	/* hero */

	    .top {
	        background-color: #7DB9D2;
	        background-image: url(https://cdn.aptient.com/images/aptient.com/top.jpg);
	        background-size: cover;
	        background-position: center right;
	        color: #fff;
	    }
	    
	    p.heroDesc {
	        font-size: 26px;
	        line-height: 36px;
	        max-width: 780px;
	    }
		
		@media only screen and (max-width: 1080px) {
		
			p.heroDesc {
				font-size: 22px;
				line-height: 26px;
			}
			
		}
		
	/* clients */
	
		.clients {
			background: #F6F9FC;
		}
		
		.clients .content {
			padding-top: 30px;
			padding-bottom: 30px;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
		}
		
		.clients .content a {
		}

		.clients .content img {
			margin: 14px;
			width: auto;
			height: 62px;
		}
		
		@media only screen and (max-width: 840px) {
			
			.clients .content {
				padding-top: 20px;
				padding-bottom: 20px;
			}
			
			.clients .content img {
				margin: 8px;
				height: 42px;
			}
			
		}
		
	/* features */
	
		.feature {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		
		.feature.reverse {
			flex-direction: row-reverse;
		}
		
			.featureImage {
				width: calc(45% - 50px);
			}
			
				.featureImage img {
					width: 100%;
					height: auto;
				}
			
			.featureText {
				width: calc(55% - 50px);
			}
			
		@media only screen and (max-width: 1080px) {
			
			.featureImage {
				width: calc(45% - 20px);
			}
			
			.featureText {
				width: calc(55% - 20px);
			}
			
		}
		
		@media only screen and (max-width: 840px) {
			
			.feature {
				display: block;
			}
			
			.featureImage {
				width: 100%;
				max-width: 300px;
				margin: 0 auto;
				margin-top: -30px;
			}
			
			.featureText {
				width: 100%;
				margin-top: 20px;
			}
			
		}
			
	/* map */
	
		.map {
			background: linear-gradient(to bottom, #ffffff, #F6F9FC);
		}
	
		.nextLevelText {
			column-count: 2;
			column-gap: 100px;
		}
		
			.nextLevelText p {
				margin-bottom: 32px;
			}
			
			.nextLevelText p:last-child {
				margin-bottom: 0;
			}
			
		#map {
			width: 400px;
			height: 200px;
		}
		        .jvectormap-tip {
                                opacity: 0 !important; 
                        }
			.jvectormap-tip-active {
				opacity: 1 !important;
			}
			
			#map circle {
				box-shadow: 0px 2px 10px 0px red;
			}
			
		@media only screen and (max-width: 1080px) {
		
			.nextLevelText {
				column-gap: 40px;
			}
			
		}

		@media only screen and (max-width: 750px) {
		
			.nextLevelText {
				column-count: 1;
			}

		}
			
	/* testimonials */
	
		.testimonials {
			background: #F0F4F7;
		}
		
		.testim {
			margin-top: -140px;
			background: #fff;
			-webkit-box-shadow: 0 20px 70px 0 rgba(61,85,108,0.08);
			-moz-box-shadow: 0 20px 70px 0 rgba(61,85,108,0.08);
			box-shadow: 0 20px 70px 0 rgba(61,85,108,0.08);
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			padding: 35px;
			font-size: 18px;
			line-height: 22px;
			display: block;
		}
		
		.testim hr {
			margin: 28px 0;
		}
		
		.testimFoot {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		
		.testimImage {
			width: 46px;
			height: 46px;
			background-size: cover;
			background-position: center;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			-webkit-box-shadow: 0 4px 14px 0 rgba(61,85,108,0.25);
			-moz-box-shadow: 0 4px 14px 0 rgba(61,85,108,0.25);
			box-shadow: 0 4px 14px 0 rgba(61,85,108,0.25);
		}
		
		@media only screen and (max-width: 1080px) {
		
			.testim {
				margin-top: -40px;
			}
			
		}
		
		@media only screen and (max-width: 840px) {
			
			.testimonials {
				padding-top: 20px;
				padding-bottom: 40px;
				overflow: hidden;
				margin-top: -40px;
			}
		
			.testim {
				margin-top: 20px;
				padding: 20px;
				padding-bottom: 15px;
				font-size: 16px;
				line-height: 22px;
			}
			
			.testim hr {
				margin: 14px 0;
			}
			
			.testimImage {
				width: 36px;
				height: 36px;
			}
			
		}
			
	/* contact */
	
		.contact {
			color: #fff;
			background-color: #7DB9D2;
		}
		
		.contact .cols {
			overflow: hidden;
			align-items: center;
		}

		.contact a {
			color: #fff;
			text-decoration: none;
		}
		
		.contactForm {
			background: #fff;
			-webkit-box-shadow: 0 20px 70px 0 rgba(61,85,108,0.29);
			-moz-box-shadow: 0 20px 70px 0 rgba(61,85,108,0.29);
			box-shadow: 0 20px 70px 0 rgba(61,85,108,0.29);
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			padding: 50px;
		    color: #32325D;
		}
		
		#formSuccess {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 10;
		}
		
		#formError {
			display: none;
			margin-bottom: 1em;
			font-size: 18px;
			color: red;
			text-align: right;
		}

			.fsOverlay {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				z-index: 1;
				background: rgba(22, 22, 41, 0.8);
			}
			
			.fsBlock {
				position: fixed;
				top: 50%;
				left: 50%;
				width: 340px;
				height: 160px;
				text-align: center;
				margin-top: -130px;
				margin-left: -170px;
				display: flex;
				align-items: center;
				box-sizing: border-box;
				font-size: 18px;
				line-height: 24px;
				z-index: 2;
				background: #fff;
				-webkit-box-shadow: 0 20px 70px 0 rgba(61,85,108,0.29);
				-moz-box-shadow: 0 20px 70px 0 rgba(61,85,108,0.29);
				box-shadow: 0 20px 70px 0 rgba(61,85,108,0.29);
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				padding: 50px;
			}
			
			.fsClose {
				position: absolute;
				top: 20px;
				right: 20px;
				width: 14px;
				height: 14px;
				background-color: transparent;
				background-image: url(https://cdn.aptient.com/images/aptient.com/close.svg);
				background-position: center;
				background-repeat: no-repeat;
				cursor: pointer;
				opacity: 0.5;
				-webkit-transition: 0.2s;
				-moz-transition: 0.2s;
				transition: 0.2s;
			}

			.fsClose:focus {
				outline: none;
			}
			
			.fsClose:hover {
				opacity: 1;
			}
		
		@media only screen and (max-width: 840px) {
			
			.contactForm {
				margin-top: 40px;
				padding: 20px;
			}
			
		}
		
	/* footer */
	
		.footer {
			color: #fff;
			background: #161629;
			font-size: 18px;
			line-height: 22px;
			font-weight: 600;
		}
		
		.footer .content {
			padding-top: 80px;
			padding-bottom: 80px;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		
		.footerLeft {
			display: flex;
			align-items: center;
		}
		
			.social {
				display: block;
				width: 25px;
				height: 25px;
				background-size: 100% 100%;
				margin-right: 20px;
			}
			
			.social.twitter { background-image:url(https://cdn.aptient.com/images/aptient.com/twitter.svg); }
			.social.linkedin { background-image:url(https://cdn.aptient.com/images/aptient.com/linkedin.svg); }
			.social.facebook { background-image:url(https://cdn.aptient.com/images/aptient.com/facebook.svg); }
			.social.instagram { background-image:url(https://cdn.aptient.com/images/aptient.com/instagram.svg); }
			
		.footerRight {
			display: flex;
			align-items: center;
			justify-content: flex-end;
		}
		
			.footerDivider {
				height: 40px;
				width: 1px;
				background: #27273D;
				margin: 0 25px;
			}
			
			.footer a {
				text-decoration: none;
				color: #fff;
			}
			
		@media only screen and (max-width: 840px) {
			
			.footer .content {
				padding-top: 30px;
				padding-bottom: 30px;
				display: block;
			}
			
			.footerRight {
				display: block;
				margin-top: 30px;
			}
			
			.footerDivider {
				display: block;
				width: 0;
				height: 10px;
				opacity: 0;
			}
			
		}

	/* Q and A */

		.q-and-a-prefix {
			font-size: 30px;
			line-height: 50px;
			font-weight: bold;
			letter-spacing: -1px;
			letter-spacing: -0.02em;
		}

		.q-and-a-heading {
			margin-bottom: 120px;
			text-align: center;
			max-width: unset;
		}

		
		@media only screen and (max-width: 840px) {
			.q-and-a-heading {
				margin-bottom: 40px;
				line-height: 100%;
				font-size: 42px;
			}
		}

		.q-and-a-container {
			display: flex;
			justify-content: space-between;
			gap: 40px;
		}

		.q-and-a-content {
			max-width: calc(75% - 40px);
		}


		@media only screen and (max-width: 840px) {
			.q-and-a-content {
				max-width: 100%;
			}
		}
		
		.q-and-a-category-nav {
			display: flex;
			flex-direction: column;
			align-self: flex-start;
			gap: 20px;
			max-width: calc(25% - 40px);
			position: -webkit-sticky; /* Safari */
  			position: sticky;
  			top: 20px;
			padding-top: 5px;
			/* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); */
		}


		@media only screen and (max-width: 840px) {

			.q-and-a-category-nav {
				display: none;
			}
		}

		.q-and-a-category-nav .content {
			display: flex;
			justify-content: space-between;
			padding: 20px 0;
		}

		.q-and-a-link {
			/* text-decoration: none; */
			transition: color .3s linear;
		}

		.q-and-a-link:link, .q-and-a-link:visited  {
			color: #32325D;
		}

		.q-and-a-link:hover, .q-and-a-link:active {
			color: #32325D;
		}

		#back-to-top {
			position: fixed;
			bottom: 100px;
			right: 20px;
			display: none;
		}