/* CSS Document */

/*******************
TABLE OF CONTENTS
********************
- 01 GENERAL STYLES
- 02 SECTION STYLES
- 03 FORM STYLES
- 04 HEADER STYLES
- 05 NAVIGATION STYLES
- 06 HERO BANNER STYLES
- 07 TOP CTA STYLES
- 08 SEO PLANS STYLES
- 09 TESTIMONIALS STYLES
- 10 CUSTOMER SUCCESS STORIES STYLES
- 11 FAQs STYLES
- 12 SEO PROCESS STYLES
- 13 ABOUT STYLES
- 14 BOTTOM CTA STYLES
- 15 FOOTER STYLES
- 16 STICKY CTA STYLES
- 17 MODAL STYLES
********************/

/*********************
01 GENERAL STYLES
*********************/

* {
	box-sizing:border-box;
}

html, body {
	font:100%;
}

body {
	-webkit-font-smoothing:antialiased; 
	-moz-osx-font-smoothing:grayscale;
	font-family:"Roboto", sans-serif;
	color:#253746;
}

h1, h2, h3, h4, h5 {
	font-family:"Bitter", serif;
  	font-optical-sizing:auto;
	font-variant-ligatures:none;
	font-weight:800;
	margin:0;
	line-height:1;
}

h1 {
	/*font-size:4.5rem;*/
	font-size:clamp(3rem, 2.478rem + 2.609vw, 4.5rem)
}

h2 {
	margin:0 0 3rem;
	/*font-size:3rem;*/
	font-size:clamp(2rem, 1.5455rem + 2.2727vw, 3rem);
	text-align:center;
}

h3 {
	/*font-size:2rem;*/
	font-size:clamp(1.333rem, 1.0298rem + 1.5159vw, 2rem);
}

h4 {
	font-size:1.25rem;
}

h5 {}

p {
	margin:1rem 0;
	line-height:1.5;
}

p.bold-text {
	font-weight:700;
}

a {
	color:#0073E6;
}

a:hover {
	color:#ee3937;
	cursor:pointer;
}

.button,
.hs-button {
	padding:1rem 1.5rem;
	background:#0073E6;
	color:#fff;
	font-weight:500;
	display:inline-block;
	text-align:center;
	border-radius:.35rem;
	min-width:160px;
}

.button:hover,
.hs-button:hover {
	color:#fff;
	background:#ee3937;
	cursor:pointer;
}

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

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.skip-link {
	position: absolute;
	top: -40px;
	left: 0;
	background: #000;
	color: #fff;
	padding: 8px;
	z-index: 100;
}

.skip-link:focus {
	top: 0;
}

/*********************
02 SECTION STYLES
*********************/

.section {
	width:100%;
	padding:6rem 0;
}

.inner-section {
	width:92%;
	max-width:1200px;
	margin:0 auto;
}

/*********************
03 FORM STYLES
*********************/

.hs-form {
	width:100%;
	max-width:500px;
	margin:2rem auto 0;
    padding:0 1.5rem;
}

.hs-form .hs-form-field {
	margin-top:1.5rem;
    position:relative;
}

.hs-form .hs-form-field label {
	font-size:.875rem;
}

.hs-form .hs-form-field label span {}

.hs-form .hs-form-field label .hs-form-required {
	margin-left:.25rem;
}

.hs-form .hs-form-field .input {
	width:100%;
}

.hs-form .hs-form-field .input .hs-input {}

.hs-form .hs-form-field .input input.hs-input[type="text"],
.hs-form .hs-form-field .input input.hs-input[type="email"],
.hs-form .hs-form-field .input input.hs-input[type="tel"] {
	width:100%;
	max-width:99999px;
	border:2px solid transparent;
	padding:.5rem!important;
}



.hs-form .hs-input.error,
.hs-form .hs-form-field .input input.hs-input.invalid.error[type="text"],
.hs-form .hs-form-field .input input.hs-input.invalid.error[type="email"],
.hs-form .hs-form-field .input input.hs-input.invalid.error[type="tel"] {
	border:2px solid #f9423a;
}

.hs-form .hs-form-field .input .inputs-list {
	list-style:none;
	padding:0;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}

.hs-form .hs-form-field .input .inputs-list[role="radiogroup"] {
	margin-bottom:0;
}

.hs-form .hs-form-field .input .inputs-list .hs-form-radio {
	margin-left:1.5rem;
}

.hs-form .hs-form-field .input .inputs-list .hs-form-radio:first-of-type {
	margin-left:0;
}

.hs-form .hs-form-field .input .inputs-list .hs-form-radio .hs-form-radio-display {
	display:flex;
	align-items:center;
	justify-content:flex-start;
}

.hs-form .hs-form-field .input .inputs-list .hs-form-radio .hs-form-radio-display .hs-input {}

.hs-form .hs-form-field .input .inputs-list .hs-form-radio .hs-form-radio-display span {margin-left:.5rem;}

.hs-form .hs-website_form_email_opt_in {
	width:100%;
}

.hs-form div .hs-richtext {
	width:100%;
	border:1px solid rgba(255, 255, 255, .5);
    padding:1rem;
    margin-top:2rem;
    color:#fff;
}

.hs-form div .hs-richtext p {
font-size:.75rem;
text-align:left;
margin:0;
}

.hs-form div .hs-richtext p a {
	color:#fff;
}

.hs-form div .hs-richtext p a {
	color:#fff;
}

.hs-form div .hs-richtext p a:hover {
	color:#ee3937;
}

.hs-form .hs-submit {
	width:100%; 
	text-align:center;
}

.hs-form .hs-submit .actions {}

.hs-form .hs-submit .actions .hs-button {
	border:none;
	margin:1rem auto 0
}

.hs-form .hs-error-msgs {
	position:absolute;
	bottom:-16px;
	margin:0;
	padding:0;
	list-style:none;
	font-size:.75rem;
}

.hs-form .hs-error-msgs li {}

.hs-form .hs-error-msgs li label {
	font-size:.75rem;
	color:#f9423a;
}

.hs-form .hs_error_rollup {display:none;}

/* SMS/Text Messaging Field  */

.hs-form .hs-fieldtype-booleancheckbox.hs-form-field {}

.hs-form .hs-fieldtype-booleancheckbox.hs-form-field .input {}

.hs-form .hs-fieldtype-booleancheckbox.hs-form-field .input ul.inputs-list {
	margin-top: 0;
}

.hs-form .hs-fieldtype-booleancheckbox.hs-form-field .input ul.inputs-list li.hs-form-booleancheckbox {}

.hs-form .hs-fieldtype-booleancheckbox.hs-form-field .input ul.inputs-list li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display {
	display:flex;
	align-items: flex-start;
}

.hs-form .hs-fieldtype-booleancheckbox.hs-form-field .input ul.inputs-list li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display .hs-input {
	width: auto;
	margin-top: 4px;
	margin-right: 12px;
	line-height: 1.5;
}

.hs-form .hs-fieldtype-booleancheckbox.hs-form-field .input ul.inputs-list li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display span {
	line-height: 1.5;
}

@media(min-width:768px) {
	
	.hs-form {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		max-width:700px;
	}
	
	.hs-form .hs-form-field.hs-firstname {
		width:48%;
	}

	.hs-form .hs-form-field.hs-email {
		width:48%;
	}

	.hs-form .hs-form-field.hs-phone {
		width:48%;
	}

	.hs-form .hs-form-field.hs-website {
		width:48%;
	}

}

/*********************
04 HEADER STYLES
*********************/

#header {}

#header #inner-header {
	width:92%;
	max-width:1200px;
	margin:0 auto;
	padding:1rem 0;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

#header #inner-header #header-logo {
	order:2;
	margin:0 1.5rem;
}

#header #inner-header #header-logo a {
	display:inline-block;
	vertical-align:middle;
}

#header #inner-header #header-logo a img {
	display:block;
	vertical-align:middle;
}

#header #inner-header #header-phone {
	order:3;
}

#header #inner-header #header-phone a {
	text-decoration:none;
	color:#253746;
}

#header #inner-header #header-phone a #header-phone-icon {
	font-size:1.75rem;
}

#header #inner-header #header-phone a #header-phone-number {
	display:none;
}

#header #inner-header #header-navigation-toggle {
	order:1;
}

#header #inner-header #header-navigation-toggle #header-navigation-toggle-icon {
	background-color:transparent;
    box-sizing:content-box;
    position:relative;
    overflow:hidden;
    padding:0;
    width:32px;
    height:32px;
    box-shadow:none;
    background-clip:padding-box;
	border:none;
    cursor:pointer;
}

#header #inner-header #header-navigation-toggle #header-navigation-toggle-icon span {
    display:block;
    position:absolute;
    top:calc(50% - 2.5px);
    left:0;
    right:0;
    height:5px;
    background:#253746;
    transition:background 0s 0.3s;
    border-radius:4px;
    background-clip:padding-box;
}

#header #inner-header #header-navigation-toggle #header-navigation-toggle-icon span:before,
#header #inner-header #header-navigation-toggle #header-navigation-toggle-icon span:after {
	position:absolute;
    display:block;
    left:0;
    width:100%;
    height:5px;
    background-color:#253746;
    transition-duration:0.3s, 0.3s;
    transition-delay:0.3s, 0s;
    content:"";
    border-radius:4px;
    background-clip:padding-box;
}

#header #inner-header #header-navigation-toggle #header-navigation-toggle-icon span:before {
	top:10px;
    transition-property:top, transform;
}
	
#header #inner-header #header-navigation-toggle #header-navigation-toggle-icon span:after {
	bottom:10px;
    transition-property:bottom, transform;
}

#header #inner-header #header-navigation-toggle #header-navigation-toggle-icon.activated {}

#header #inner-header #header-navigation-toggle #header-navigation-toggle-icon.activated span {
	background:none;
}

#header #inner-header #header-navigation-toggle #header-navigation-toggle-icon.activated span:before,
#header #inner-header #header-navigation-toggle #header-navigation-toggle-icon.activated span:after {
	transition-delay:0s, 0.3s;
}

#header #inner-header #header-navigation-toggle #header-navigation-toggle-icon.activated span:before {
	top:0;
	transform:rotate(45deg);
}

#header #inner-header #header-navigation-toggle #header-navigation-toggle-icon.activated span:after {
	bottom:0;
	transform:rotate(-45deg);
}


@media(min-width:768px) {

	#header #inner-header #header-phone a #header-phone-icon {
		font-size:1rem;
		margin-right:.5rem;
	}

	#header #inner-header #header-phone a #header-phone-number {
		display:inline-block;
		font-family:"Bitter", serif;
		font-optical-sizing:auto;
		font-variant-ligatures:none;
		font-weight:800;
		font-size:1.25rem;
	}
	
	#header #inner-header #header-navigation-toggle {
		display:none;
	}
	
}

/*********************
05 NAVIGATION STYLES
*********************/

#navigation {
	width:100%;
	max-width:100vw;
	background:#253746;
	position:relative;
}

#navigation #inner-navigation {
	width:100%;
	background:#253746;
	display:none;
	position:absolute;
	top:100%;
	left:0;
	overflow-y:auto;
	box-sizing:border-box;
}

#navigation #inner-navigation.show {
	display:block;
	max-width:100%;
     height:calc(100vh - 64px); 

}

#navigation #inner-navigation #navigation-menu {
	list-style:none;
	margin:0;
	padding:0;
}

#navigation #inner-navigation #navigation-menu li {
	border-top:1px solid rgba(255,255,255,.2);
}

#navigation #inner-navigation #navigation-menu li:last-of-type {
	border-bottom:1px solid rgba(255,255,255,.2);
}

#navigation #inner-navigation #navigation-menu li a {
	display:block;
	text-decoration:none;
	color:#fff;
	padding:1rem;
	font-weight:500;
	text-align:center;
}

#navigation #inner-navigation #navigation-menu li a:hover,
#navigation #inner-navigation #navigation-menu li a:focus {
	background:#0073E6;
}

@media(min-width:768px) {
	
	#navigation {}

	#navigation #inner-navigation {
		width:92%;
		max-width:1200px;
		margin:0 auto;
		position:static;
		overflow:auto;
		height:auto;
		max-height:inherit;
		display:block;
	}

	#navigation #inner-navigation #navigation-menu {
		display:flex;
		align-items:center;
		justify-content:center;
	}

	#navigation #inner-navigation #navigation-menu li {
		border-top:none;
	}
	
	#navigation #inner-navigation #navigation-menu li:last-of-type {
		border-bottom:none;
	}

	#navigation #inner-navigation #navigation-menu li a {
		display:inline-block;
		font-size:.9rem;
		padding:1rem;
	}

	#navigation #inner-navigation #navigation-menu li a:hover,
	#navigation #inner-navigation #navigation-menu li a:focus {}
	
}
	
@media(min-width:1024px) {
	
	#navigation #inner-navigation #navigation-menu li a {
		font-size:1rem;
		padding:1rem 1.5rem;
	}
	
}

/*********************
06 MOBILE CTA
*********************/

#mobile-cta {
	display: block;
	width: 100%;
}

#mobile-cta a {
	display: flex;
	align-content: center;
	justify-content: center;
	padding: 1rem;
	background: #00bfb3;
	color: #253746;
	font-weight: 900;
	text-decoration: none;
}

#mobile-cta a:hover {
	background:#0073E6;
	color:#fff;
}

#mobile-cta a .cta-link-icon {
	display:inline-block;
	margin-right: .5rem;
}

@media(min-width:768px) {

	#mobile-cta {
		display:none;
	}
	
}

/*********************
06 HERO BANNER STYLES
*********************/

#hero-banner {
	padding:4rem 0;
}

#hero-banner .inner-section {}

#hero-banner .inner-section #hero-banner-left {
	text-align:center;
	margin-bottom:2rem;
}

#hero-banner .inner-section #hero-banner-left img {}

#hero-banner .inner-section #hero-banner-right {
	text-align:center;
}

#hero-banner .inner-section #hero-banner-right h1 {}

#hero-banner .inner-section #hero-banner-right p {
	margin:2rem 0;
	padding-bottom:2rem;
	border-bottom:1px solid #d1d5d8;
}

#hero-banner .inner-section #hero-banner-right #hero-banner-featured-in {
	width:100%;
	text-align:center;
}

#hero-banner .inner-section #hero-banner-right #hero-banner-featured-in span {
	display:block;
}

#hero-banner .inner-section #hero-banner-right #hero-banner-featured-in img {
	display:block;
	margin:1rem auto 0;
}


@media(min-width:768px) {
	
	#hero-banner .inner-section #hero-banner-right #hero-banner-featured-in {
		display:flex;
		align-items:flex-start;
		justify-content:space-between;
		max-width:540px;
		margin:0 auto;
	}

	#hero-banner .inner-section #hero-banner-right #hero-banner-featured-in span {
		display:inline-block;
		align-self:center;
	}

	#hero-banner .inner-section #hero-banner-right #hero-banner-featured-in img {
		display:inline-block;
		margin:0;
	}
	
}

@media(min-width:1024px) {
	
	#hero-banner {
		padding:8rem 0;
	}
	
	#hero-banner .inner-section {
		display:flex;
		align-items:center;
		justify-content:space-between;
	}
	
	#hero-banner .inner-section #hero-banner-left {
		text-align:left;
		margin-bottom:0;
		width:39.33%;
	}
	
	#hero-banner .inner-section #hero-banner-right {
		width:55.33%;
		text-align:left;
	}
	
	#hero-banner .inner-section #hero-banner-right #hero-banner-featured-in {
		margin:0;
	}

}

@media(min-width:1240px) {
	
	#hero-banner .inner-section #hero-banner-left {
		width:47.33%;
	}
	
	#hero-banner .inner-section #hero-banner-right {
		width:47.33%;
	}

}

/*********************
07 TOP CTA STYLES
*********************/

#top-cta {
	background:#253746;
	color:#fff;
	padding-top:0;
}

#top-cta #top-cta-top {
	/*background:#d1d5d8;*/
	/*background:#d2dfee;*/
	background:#eceeef;
	text-align:center;
	padding:1rem;
}

#top-cta #top-cta-top p {
	margin:0;
	font-family:"Bitter", serif;
	font-optical-sizing:auto;
	font-variant-ligatures:none;
	/*font-size:1.125rem;*/
	font-size:clamp(0.5rem, 0.216rem + 1.42vw, 1.125rem);
	font-weight:700;
	color:#253746;
	text-transform:uppercase;
}

#top-cta .inner-section {}

#top-cta .inner-section h2 {
	margin:3rem 0 1rem;
	/*font-size:2rem;*/
	font-size:clamp(1.65rem, 1.528rem + 0.609vw, 2rem);
	font-weight:700;
}

#top-cta .inner-section .hubspot-form-wrapper-1 {}

/*********************
08 SEO PLANS STYLES
*********************/

#seo-pricing {}

#seo-pricing .inner-section {}

#seo-pricing .inner-section h2 {}

#seo-pricing .inner-section h2 + p {
	margin-bottom:5rem;
}

#seo-pricing .inner-section #seo-pricing-tables {}

#seo-pricing .inner-section #seo-pricing-tables .seo-pricing-table {
	/*background:#f3f4f5;*/
	/*background:#eaeff8;*/
	background:#eceeef;
	display:block;
	max-width:320px;
	margin:3rem auto 0;
	/*overflow:hidden;*/
}

#seo-pricing .inner-section #seo-pricing-tables .seo-pricing-table:first-of-type {
	margin-top:0;
}

#seo-pricing .inner-section #seo-pricing-tables .seo-pricing-table:nth-of-type(2) {
	position:relative;
}

#seo-pricing .inner-section #seo-pricing-tables .seo-pricing-table:nth-of-type(2) .most-popular {
	background:#FFB27D;
	color:#253746;
	text-align:center;
	font-size:.7rem;
	padding:.5rem;
	text-transform:uppercase;
	font-weight:700;
	position:absolute;
	width:130px;
	margin:0 auto;
	top:-30px;
	left:0;
	right:0;
}

.most-popular:after {
	left:calc(50% - 10px);
	top:100%;
	content:'';
	position:absolute;
	width: 0; 
	height: 0; 
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:10px solid #FFB27D;
}

#seo-pricing .inner-section #seo-pricing-tables .seo-pricing-table:nth-of-type(2) #most-popular span {
	display:block;
}

#seo-pricing .inner-section #seo-pricing-tables .seo-pricing-table .seo-pricing-table-top {
	background:#243746;
	color:#fff;
	text-align:center;
	padding:2rem 1.5rem 1.5rem 1.5rem;
}

#seo-pricing .inner-section #seo-pricing-tables .seo-pricing-table .seo-pricing-table-top h3 {
	font-weight:700;
}

#seo-pricing .inner-section #seo-pricing-tables .seo-pricing-table .seo-pricing-table-top h3 span.cursive {
	font-family:"Yellowtail", cursive;
	font-weight:400;
	font-style:normal;
	color:#00bfb3;
}

#seo-pricing .inner-section #seo-pricing-tables .seo-pricing-table .seo-pricing-table-top p {
	font-size:.875rem;
	color:#adb4ba;
}

#seo-pricing .inner-section #seo-pricing-tables .seo-pricing-table .seo-pricing-table-top-bottom-triangle {
	display:block;
	background:url("../images/triangle-navy.svg") no-repeat;
	background-size:contain;
	width:100%;
	height:14px;
}

#seo-pricing .inner-section #seo-pricing-tables .seo-pricing-table .seo-pricing-table-price-group {
	margin-top:1.5rem;
	text-align: center;
}

#seo-pricing .inner-section #seo-pricing-tables .seo-pricing-table .seo-pricing-table-price-group .seo-pricing-table-price {
	font-family:"Bitter", serif;
  	font-optical-sizing:auto;
	font-variant-ligatures:none;
	font-size:3rem;
	font-weight:700;
	display:block;
	line-height:1;
}

#seo-pricing .inner-section #seo-pricing-tables .seo-pricing-table .seo-pricing-table-price-group .seo-pricing-table-price span {
	font-size:1.5rem;
}

#seo-pricing .inner-section #seo-pricing-tables .seo-pricing-table .seo-pricing-table-price-group .seo-pricing-table-disclaimer {
	font-size:.75rem;
	font-style:italic;
}

#seo-pricing .inner-section #seo-pricing-tables .seo-pricing-table .button {
	display:block;    
	margin:.5rem 1.5rem 2rem;
}

#seo-pricing .inner-section #seo-pricing-tables .seo-pricing-table .button:hover {}

@-webkit-keyframes float {
	0% {
		-webkit-transform: translateY(.5rem);
		transform: translateY(.5rem);
	}
	
	50% {
		-webkit-transform: translateY(.25rem);
		transform: translateY(.25rem);
	}
	
	100% {
		-webkit-transform: translateY(.5rem);
		transform: translateY(.5rem);
	}
}

@keyframes float {
	0% {transform: translateY(.5rem);}
	50% {transform: translateY(.25rem);}
	100% {transform: translateY(.5rem);}
}

.float {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-animation-name:float;
	animation-name:float;
	-webkit-animation-duration:1.25s;
	animation-duration:1.25s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}

@media(min-width:1024px) {
	
	#seo-pricing .inner-section #seo-pricing-tables {
		display:flex;
		justify-content:center;
	}

	#seo-pricing .inner-section #seo-pricing-tables .seo-pricing-table {
		width:31%;
		max-width:320px;
		margin:0;
	}
	
	#seo-pricing .inner-section #seo-pricing-tables .seo-pricing-table:nth-of-type(2) {
		margin:0 2rem 0;
	}
	
	#seo-pricing .inner-section #seo-pricing-tables .seo-pricing-table .seo-pricing-table-top h3 {
		font-size:1.75rem;
	}
	
	#seo-pricing .inner-section #seo-pricing-tables .seo-pricing-table .plan-features ul li {
		font-size:.75rem;
	}
	
}

@media(min-width:1280px) {
	
	#seo-pricing .inner-section #seo-pricing-tables .seo-pricing-table .seo-pricing-table-top h3 {
		font-size:2rem;
	}
	
	#seo-pricing .inner-section #seo-pricing-tables .seo-pricing-table .plan-features ul li {
		font-size:.875rem;
	}
	
}

/***********************
09 TESTIMONIALS STYLES
***********************/

#testimonials {
	/*background:#f3f4f5;*/
	/*background:#eaeff8;*/
	background:#f6f7f7;
}

#testimonials .inner-section {
	width:100%;
	max-width:999999px;
}

#testimonials .inner-section h2 {
	font-size:2rem;
}

#testimonials .inner-section #testimonial-slides {}

#testimonials .inner-section #testimonial-slides .testimonial-slide {
	background:#fff;
	box-shadow:rgba(0, 0, 0, 0.06) 0px 1px 8px 0px, rgba(0, 0, 0, 0.16) 0px 31px 30px -18px;
	padding:1.5rem;
	width:100%;
	max-width:378px;
	margin:2rem 1rem 3rem;
}

#testimonials .inner-section #testimonial-slides .testimonial-slide .inner-testimonial-slide {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}

#testimonials .inner-section #testimonial-slides .testimonial-slide .inner-testimonial-slide img {
	width:54px;
	height:54px;
	border-radius:100%;
	border:6px solid #00bfb3;
}

#testimonials .inner-section #testimonial-slides .testimonial-slide .inner-testimonial-slide .testimonial-slide-credits {
	width:calc(100% - 66px);
	padding-left:.75rem;
}

#testimonials .inner-section #testimonial-slides .testimonial-slide .inner-testimonial-slide .testimonial-slide-credits .testimonial-slide-credits-name {
	display:block;
	font-style:italic;
}

#testimonials .inner-section #testimonial-slides .testimonial-slide .inner-testimonial-slide .testimonial-slide-credits .testimonial-slide-credits-company {
	display:block;
	font-weight:700;
	margin-top:.25rem;
}

#testimonials .inner-section #testimonial-slides .testimonial-slide .inner-testimonial-slide p {
	margin:1rem 0 0;
}

/***********************************
10 AEO FOR SMALL BUSINESSES
***********************************/

#aeo-for-small-biz {}

#aeo-for-small-biz .inner-section {}

#aeo-for-small-biz .inner-section img {
	display: block;
	margin: 0 auto 2rem;
	width: 100%;
	max-width: 566px;
}

#aeo-for-small-biz .inner-section #aeo-for-small-biz-title {}

#aeo-for-small-biz .inner-section #aeo-for-small-biz-title + p {}

#aeo-for-small-biz .inner-section .cards {}

#aeo-for-small-biz .inner-section .cards .card {
	margin-top: 2rem;
}

#aeo-for-small-biz .inner-section .cards .card .card-title {
	font-size: clamp(1.333rem, 1.0298rem + 1.5159vw, 1.75rem);
}

#aeo-for-small-biz .inner-section .cards .card .card-text {}

@media(min-width:1024px) {
	
	#aeo-for-small-biz .inner-section .cards {
		display: flex;
		flex-wrap: wrap;
		gap: 32px;
	}

	#aeo-for-small-biz .inner-section .cards .card {
		flex: 1 1 calc((100% - 64px) / 3);
	}

	#aeo-for-small-biz .inner-section .cards .card .card-text {}
	
}

/*********************
11 FAQs STYLES
*********************/

#frequently-asked-seo-questions {
	/*background:#f3f4f5;*/
	/*background:#eaeff8;*/
	background:#eceeef;
}

#frequently-asked-seo-questions .inner-section {}

#frequently-asked-seo-questions .inner-section h2 {}

#frequently-asked-seo-questions .inner-section .faqs {
	max-width:862px;
	margin:0 auto;
}

#frequently-asked-seo-questions .inner-section .faqs .faq {
	padding:2rem 0;
	border-bottom:1px solid #d1d5d8;
}

#frequently-asked-seo-questions .inner-section .faqs .faq:first-of-type {
	border-top:1px solid #d1d5d8;
	margin-top:3rem;
}

#frequently-asked-seo-questions .inner-section .faqs .faq h3 {}

#frequently-asked-seo-questions .inner-section .faqs .faq h3 .faq-question {
	background:transparent;
	border:none;
	display:block;
	width:100%;
	font-family:"Bitter", serif;
  	font-optical-sizing:auto;
	font-variant-ligatures:none;
	font-weight:800;
	font-size:1.25rem;
	position:relative;
	cursor:pointer;
	padding-right:14.39%;
	line-height:1.2;
	text-align:left;
}

#frequently-asked-seo-questions .inner-section .faqs .faq .faq-question .faq-toggle {
	display:block;
	justify-content:center;
	align-items:center;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	margin: auto 0;
	cursor:pointer;
	width:2rem;
	height:2rem;
	border:3px solid #253746;
	border-radius:100%;
	opacity:.5;
}

#frequently-asked-seo-questions .inner-section .faqs .faq .faq-question .faq-toggle:hover,
#frequently-asked-seo-questions .inner-section .faqs .faq .faq-question .faq-toggle:active,
#frequently-asked-seo-questions .inner-section .faqs .faq .faq-question .faq-toggle.active {
	opacity:1;
}

#frequently-asked-seo-questions .inner-section .faqs .faq .faq-question .faq-toggle .faq-toggle-icon {
	display:block;
	position:relative;
	width:calc(2rem - 6px);
	height:calc(2rem - 6px);
	border-radius:100%;
}

#frequently-asked-seo-questions .inner-section .faqs .faq .faq-question .faq-toggle .faq-toggle-icon:before,
#frequently-asked-seo-questions .inner-section .faqs .faq .faq-question .faq-toggle .faq-toggle-icon:after {
	content:"";
	display:block;
	background-color:#253746;
	position:absolute;
	transition:0.35s;
	top:0;
    left:0;
	width:1rem;
	height:3px;
	margin-top:50%;
	margin-left:calc(50% - .5rem);
}

#frequently-asked-seo-questions .inner-section .faqs .faq .faq-question .faq-toggle .faq-toggle-icon:before {
	transform:translatey(-50%);
}

#frequently-asked-seo-questions .inner-section .faqs .faq .faq-question .faq-toggle .faq-toggle-icon:after {
	transform:translatey(-50%) rotate(90deg);
}

#frequently-asked-seo-questions .inner-section .faqs .faq .faq-question .faq-toggle.active .faq-toggle-icon:before {
	transform:translatey(-50%) rotate(-90deg);
	opacity:0;
}

#frequently-asked-seo-questions .inner-section .faqs .faq .faq-question .faq-toggle.active .faq-toggle-icon:after {
	transform:translatey(-50%) rotate(0);
}

#frequently-asked-seo-questions .inner-section .faqs .faq .faq-answer {
	padding-right:14.39%;
	margin:1.5rem 0 0;
}

@keyframes fadeInDown {
	
	from {
		opacity:0;
		transform:translate3d(0, -100%, 0);
	}

	to {
		opacity:1;
		transform:translate3d(0, 0, 0);
	}
	
}

.fadeInDown {
	animation-name:fadeInDown;
	animation-duration:.125s;
}

@keyframes fadeOutUp {
	
	from {
		opacity:1;
	}

	to {
		opacity:0;
		transform:translate3d(0, -100%, 0);
	}
	
}

.fadeOutUp {
	animation-name:fadeOutUp;
	animation-duration:.125s;
}

@media(min-width:1024px) {
	
	#frequently-asked-seo-questions .inner-section .faqs .faq .faq-question .faq-toggle {
		width:1.25rem;
		height:1.25rem;
		border:2px solid #253746;
	}
	
	#frequently-asked-seo-questions .inner-section .faqs .faq .faq-question .faq-toggle .faq-toggle-icon {
		width:calc(1.25rem - 4px);
		height:calc(1.25rem - 4px);
	}

	#frequently-asked-seo-questions .inner-section .faqs .faq .faq-question .faq-toggle .faq-toggle-icon:before,
	#frequently-asked-seo-questions .inner-section .faqs .faq .faq-question .faq-toggle .faq-toggle-icon:after {
		width:.625rem;
		height:2px;
		margin-left:calc(50% - .3125rem);
	}
		
}

/**********************
12 SEO PROCESS STYLES
**********************/

#aeo-services {}

#aeo-services .inner-section {}

#aeo-services .inner-section #aeo-services-title {}

#aeo-services .inner-section #aeo-services-title + p {}

#aeo-services .inner-section .cards {}

#aeo-services .inner-section .cards .card {
	margin-top: 2rem;
}

#aeo-services .inner-section .cards .card .card-title {
	font-size: clamp(1.333rem, 1.0298rem + 1.5159vw, 1.75rem);
	/*background: #eceeef;*/
	background: #253746;
	color: #fff;
	padding: 1.5rem;
	padding-left: calc(2rem + 42px);
	position: relative;
}

#aeo-services .inner-section .cards .card .card-title img {
	position: absolute;
	left: 1.5rem;
	top: calc(50% - 21px);
	margin-right: .5rem;
	
}

#aeo-services .inner-section .cards .card .card-component {
	margin: 0 1.5rem;
	padding: 2rem 0;
}

#aeo-services .inner-section .cards .card .card-component p {
	margin-bottom: 0;
}

#aeo-services .inner-section .cards .card .card-component:first-of-type {
    border-bottom: 1px solid #d1d5d8;
}

#aeo-services .inner-section .cards .card .card-component:last-of-type {
	padding: 2rem 0 0;
}

@media(min-width:768px) {
	
	#aeo-services .inner-section .cards {
		display: flex;
		flex-wrap: wrap;
		gap: 32px;
		justify-content: space-around;
	}

	#aeo-services .inner-section .cards .card {
		flex: 1 1 calc((100% - 32px) / 2);
		max-width: 500px;
	}

	#aeo-services .inner-section .cards .card .card-text {}
	
}

/***********************
13 ABOUT STYLES
***********************/

#about-us {
	/*background:#f3f4f5;*/
	/*background:#d2dfee;*/
	background:#f6f7f7;
}

#about-us .inner-section {}

#about-us .inner-section #about-us-left {}

#about-us .inner-section #about-us-left img {
	display:block;
	width:100%;
	height:auto;
	max-width:500px;
	margin:0 auto 2rem;
}

#about-us .inner-section #about-us-right {}

#about-us .inner-section #about-us-right p {
	margin-top:0;
}

@media(min-width:1024px) {
	
	#about-us .inner-section {
		display:flex;
		align-items:center;
		justify-content:space-between;
	}     

	#about-us .inner-section #about-us-left {
		width:48.5%;
	}
	
	#about-us .inner-section #about-us-left img {
		margin:0;
		max-width:100%;
	}

	#about-us .inner-section #about-us-right {
		width:48.5%;
	}
	
	#about-us .inner-section #about-us-right h2 {
		text-align:left;
	}
	
}

@media(min-width:1240px) {

	#about-us .inner-section #about-us-left {
		width:58%;
	}

	#about-us .inner-section #about-us-right {
		width:38%;
	}
	
}

/*********************
14 BOTTOM CTA STYLES
*********************/

#bottom-cta {
	background:#253746;
	color:#fff;
}

#bottom-cta .inner-section p {
	max-width:720px;
	margin-left:auto;
	margin-right:auto;
}

/***********************
15 FOOTER STYLES
***********************/

#footer {
	background:#253746;
	color:#fff;
	padding:0 0 2rem;
	font-size:.875rem;
}

#footer #inner-footer {
	width:92%;
	max-width:1200px;
	padding-top:2rem;
	margin:0 auto;
	text-align:center;
	border-top:1px solid rgba(255,255,255,.4);
}

#footer #inner-footer a {
	color:#fff;
}

#footer #inner-footer a:hover {
	color:#ee3937;
}

#footer #inner-footer #footer-social-links {
	max-width:260px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:0 auto 2rem;
}

#footer #inner-footer #footer-social-links .footer-social-link {
	text-decoration:none;
	font-size:1.75rem;
}

#footer #inner-footer #footer-social-links .footer-social-link .footer-social-link-icon {
	display:inline-block;
	font-size:1.75rem;
}

#footer #inner-footer #footer-social-links .footer-social-link .footer-social-link-icon.fa-facebook {}

#footer #inner-footer #footer-social-links .footer-social-link .footer-social-link-icon.fa-facebook:hover {
	color:#3d5a98;
}

#footer #inner-footer #footer-social-links .footer-social-link .footer-social-link-icon.fa-x-twitter {}

#footer #inner-footer #footer-social-links .footer-social-link .footer-social-link-icon.fa-x-twitter:hover {
	color:#1da1f2
}

#footer #inner-footer #footer-social-links .footer-social-link .footer-social-link-icon.fa-linkedin {}

#footer #inner-footer #footer-social-links .footer-social-link .footer-social-link-icon.fa-linkedin:hover {
	color:#0077b5;
}

#footer #inner-footer #footer-social-links .footer-social-link .footer-social-link-icon.fa-pinterest {}

#footer #inner-footer #footer-social-links .footer-social-link .footer-social-link-icon.fa-pinterest:hover {
	color:#bd081c;
}

#footer #inner-footer #footer-social-links .footer-social-link .footer-social-link-icon.fa-instagram {}

#footer #inner-footer #footer-social-links .footer-social-link .footer-social-link-icon.fa-instagram:hover {
	color:#db3075
}

#footer #inner-footer #footer-site-links {}

#footer #inner-footer #footer-site-links .footer-site-link {}

#footer #inner-footer #footer-site-links span {margin:0 .5rem;}

#footer #inner-footer #footer-copyright-address {}

#footer #inner-footer #footer-copyright-address #footer-copyright {}

#footer #inner-footer #footer-copyright-address #footer-address {
	margin-bottom:0;
}

#footer #inner-footer #footer-copyright-address #footer-address a {
	text-decoration:none
}

@media(min-width:1024px) {
	
	#footer #inner-footer {
		display:flex;
		align-items:center;
		justify-content:flex-start;
		font-size:.75rem;
	}	
	
	#footer #inner-footer #footer-social-links {
		max-width:auto;
		margin:0 0 0 auto;
		order:3;
	}
	
	#footer #inner-footer #footer-social-links .footer-social-link {
		margin-left:1.25rem;
	}
	
	#footer #inner-footer #footer-social-links .footer-social-link .footer-social-link-icon {
		font-size:1.35rem;
	}
	
	#footer #inner-footer #footer-social-links .footer-social-link:first-of-type {
		margin-left:0;
	}
	
	#footer #inner-footer #footer-site-links {
		margin-left:1rem;
		order:2;
	}
	
	#footer #inner-footer #footer-copyright-address #footer-copyright {
		order:1;
	}
	
	#footer #inner-footer #footer-copyright-address #footer-copyright {
		display:inline-block;
	}

	#footer #inner-footer #footer-copyright-address #footer-address {
		display:inline-block;
		margin-left:1rem;
	}
}


/***********************
16 STICKY CTA STYLES
***********************/

#sticky-cta {
	display:none;
}

@media(min-width:768px) {

	#sticky-cta {
		display:block;
		position:fixed;
		z-index:2147483646;
		top:200px;
		right:50px;
		background:#00bfb3;
		transform-origin:top right;
		transform:rotate(-90deg);
		cursor:pointer;
	}

	#sticky-cta a {
		color:#253746;
		font-weight:900;
		display:flex;
		padding:1rem;
		transform:none;
		text-decoration:none;
	}
	
	#sticky-cta:hover {
		background: #0073E6;
	}
	
	#sticky-cta:hover > a {
		color: #fff;
	}
	
}

/***********************
17 MODAL STYLES
***********************/

.modal {
    display:none;
    position:fixed;
    inset:0;
    z-index:2147483647;
    background-color:rgba(0, 0, 0, .85);
    padding:40px;
    overflow:auto;
}

.modal.open {
    display:block;
}

.modal .modal-body {
    padding:4rem 2rem;
    background:#253746;
	color:#fff;
	width:80%;
	max-width:800px;
	margin:0 auto;
	position:relative;
}

.modal .modal-body h3,
.modal .modal-body p {
	text-align:center;
}

.modal .modal-body h3 + p {
	max-width:500px;
	margin:1rem auto;
}

.modal .modal-body .modal-close {
	position:absolute;
	top:1rem;
	right:1rem;
	color:#fff;
	font-size:1.25rem;
}

.modal .modal-body .modal-close {
	position:absolute;
	top:1rem;
	right:1rem;
	color:#fff;
	font-size:1.25rem;
}

body.modal-open {
    /*overflow:hidden;*/
}

.fade-in {
    animation:fadeInModal 0.5s forwards;
}

@keyframes fadeInModal {
	
    from {
		opacity:0;
	}
	
    to {
		opacity:1;
	}
	
}

.fade-in-body {
    animation:fadeInModalBody 0.7s forwards;
}

@keyframes fadeInModalBody {
	
    from {
		opacity:0;
	}
	
    to {
		opacity:1;
	}
	
}

.fade-out {
    animation:fadeOutModal 0.5s forwards;
}

@keyframes fadeOutModal {
	
    from {
		opacity:1;
	}
	
    to {
		opacity:0;
	}
	
}

.fade-out-body {
    animation:fadeOutModalBody 0.3s forwards;
}

@keyframes fadeOutModalBody {
	
    from {
		opacity:1;
	}
	
    to {
		opacity:0;
	}
	
}