/*
https://fonts.google.com/?sidebar.open=true&selection.family=Major+Mono+Display|Roboto:wght@400;700;900
*/
@import url('https://fonts.googleapis.com/css2?family=Major+Mono+Display&family=Roboto:wght@400;700;900&display=swap');



/* Basic Reset */
* {
	margin:0; padding:0; line-height:1; font-size:100%; border:0 none; 
	-webkit-box-sizing:border-box; box-sizing:border-box; min-height:0; min-width:0; font-weight:normal;
}

small {font-size:50%; vertical-align:super;}

::-webkit-input-placeholder {color:inherit; opacity:0.85;}
:-ms-input-placeholder {color:inherit; opacity:0.85;}
::-ms-input-placeholder {color:inherit; opacity:0.85;}
::placeholder {color:inherit; opacity:0.85;}

a {color:inherit;}

strong, b {font-weight:bold;}

input, textarea, button {font-family:inherit;}

button {cursor:pointer; background:none;}

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

p {letter-spacing:.05em; line-height:1.2;}

.text-center {text-align:center;}


/* Custom Properties */
:root {

	--font-major : 'Major Mono Display', monospace;

	--blue : #121B69;
	--dark-blue : #060A32;
	--light-blue : #E7E8F0;
	--purple : #B5008D;
	--purple-hover : #A30480;
	--gold : #FFEEB5;

}


/* Main Styles */
html {background:var(--blue); scroll-behavior:smooth;}
body {font-family:'Roboto', sans-serif; font-size:18px; color:var(--dark-blue); background:#fff;}



/* Form Elements */
form input, form select, form textarea {
	font-size:16px; padding:16px 18px; border:1px solid var(--purple); border-radius:10px;
	color:var(--dark-blue); background:#fff; min-height:56px;
}
form select {
	-moz-appearance:none; -webkit-appearance:none; appearance:none;
	background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23121B69%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat:no-repeat; background-position:right .7em top 50%; background-size:.65em auto;
}
form fieldset {margin-bottom:30px;}
form fieldset label {display:block; text-transform:uppercase; font-size:14px; letter-spacing:.1em; margin-bottom:10px;}
form.search-form input, form.search-form select {text-transform:uppercase;}





/* Buttons */
.small-btn {
	display:inline-block; text-decoration:none; font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:.1em; color:#fff;
	background:var(--purple); padding:5px 10px; border-radius:20px; text-decoration:none;
}
.btn {
	display:inline-block; text-decoration:none; font-size:18px; font-weight:bold; text-transform:uppercase; letter-spacing:.1em; color:#fff;
	background:var(--purple); padding:15px 40px; border-radius:10px;
}
.btn:hover, .small-btn:hover {background:var(--purple-hover);}
.small-btn.hollow, .btn.hollow {background:none; color:var(--purple); border:1px solid;}
.btn.hollow:hover, .small-btn.hollow:hover {background:none;}
@media (max-width:600px) {
	.btn {font-size:16px;}
}


.main-header {background:var(--blue); display:flex; justify-content:space-between; padding:20px;}
.main-header .logo {font-family:var(--font-major); color:#fff; text-decoration:none; font-size:24px;}
@media (max-width:700px) {
	.main-header {display:block;}
	.main-header .logo {margin-bottom:10px; display:block; font-size:28px;}
}



.checkout-header {text-align:center; font-family:var(--font-major); padding:30px 0 60px; font-size:24px;}


.keyword-ideas {padding:50px; background:var(--dark-blue); color:#fff; text-align:center;}
.keyword-ideas h2 {font-family:var(--font-major); font-size:24px; margin-bottom:20px;}
.keyword-ideas ul {list-style:none;}
.keyword-ideas ul li {display:inline-block;}
.keyword-ideas ul li a {
	display:block; padding:10px; margin:10px; border:1px solid #fff; opacity:.7; border-radius:5px; text-decoration:none;
	text-transform:uppercase; font-size:12px; letter-spacing:.2em;
}


.main-footer {padding:50px; text-align:center; background:var(--blue); color:#fff;}
.main-footer p {margin-bottom:32px;}
.main-footer p.illustration-credits {font-size:12px; opacity:.5;}
.main-footer .disclaimer {opacity:.5; max-width:500px; margin:0 auto;}
.main-footer .disclaimer p {font-size:12px;}


.search-form-standalone {padding:50px 10px; background:var(--light-blue);}
.search-form-standalone img {margin:0 auto 15px; display:block;}
.search-form-standalone h2 {
	font-family:var(--font-major); color:var(--blue); text-align:center; max-width:600px; margin:0 auto 30px; font-size:36px; padding:0 20px;
}


.search-form {display:flex; flex-wrap:wrap; justify-content:center;}
.search-form > * {margin:0 10px 10px 0;}
.search-form .state select {width:90px;}


.homepage-hero {padding:20px 0; display:flex; align-items:center; justify-content:center;}
.homepage-hero .pic {padding:10px; max-width:500px;}
.homepage-hero .content {padding:30px; max-width:700px;}
.homepage-hero .content h1 {font-family:var(--font-major); font-size:42px; color:var(--blue); margin-bottom:20px;}
.homepage-hero .content p {margin-bottom:30px; font-size:24px; opacity:.8;}
.homepage-hero .content .search-form {justify-content:left;}
@media (max-width:768px) {
	.homepage-hero {padding:30px; display:block; text-align:center;}	
	.homepage-hero .content h1, .homepage-hero .content .search-form {max-width:100%;}
	.homepage-hero .content .search-form {justify-content:center;}
}
.homepage-hero.style-2020-11-20 {}


.homepage-123 {border-top:15px solid var(--purple); padding:50px 0;}
.homepage-123.marketing-benefits {border-top:0 none; padding:100px 0;}
.homepage-123 h1 {
	font-family:var(--font-major); font-size:36px; text-align:center; margin:0 auto 80px; color:var(--blue); padding:0 20px;
}
.homepage-123 .steps .step {display:flex; margin-bottom:80px; align-items:center;}
.homepage-123 .steps .step .pic, .homepage-123 .steps .step .content {flex:0 0 50%; padding:0 20px;}
.homepage-123 .steps .step .pic {text-align:right;}
.homepage-123 .steps .step .content h2 {
	font-family:var(--font-major); font-size:48px; color:var(--blue); border-bottom:1px solid var(--purple); padding-bottom:15px; margin-bottom:15px;
}
.homepage-123 .steps .step .content .small-btn {margin:0 10px 10px 0;}
.homepage-123 .steps .step .content p {margin-bottom:10px; max-width:500px;}
.homepage-123 .steps .step:nth-child(odd) {flex-direction:row-reverse;}
.homepage-123 .steps .step:nth-child(odd) .pic {text-align:left;}
.homepage-123 .steps .step:nth-child(odd) .content {text-align:right;}
.homepage-123 .steps .step:nth-child(odd) .content p {float:right; clear:both;}
.homepage-123 .steps .step:nth-child(odd) .content .buttons {clear:right;}
.homepage-123 .steps .step:last-child {margin-bottom:0;}
@media (max-width:600px) {
	.homepage-123.marketing-benefits {padding:20px 0;}
	.homepage-123 .steps .step {display:block;}
	.homepage-123 .steps .step .pic, .homepage-123 .steps .step .content {text-align:center !important; padding:20px;}
	.homepage-123 .steps .step .content h2 {font-size:38px;}
	.homepage-123 .steps .step .content p {float:none !important;}
}




.search-header {padding:30px 20px 0; text-align:center; border-bottom:5px solid var(--blue);}
.search-header h1 {font-family:var(--font-major); font-size:36px; max-width:500px; margin:0 auto 20px; color:var(--blue);}
.search-header img {display:block; margin:0 auto; max-height:150px; width:auto;}


.search-results {padding:70px 0 50px; text-align:center;}
.search-results .overlay {display:none;}
.search-results.expand {position:relative; height:120vh; overflow:hidden;}
.search-results.expand .overlay {
	position:absolute; bottom:0; left:0; width:100%; height:50vh; background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
	display:flex; flex-direction:column; justify-content:flex-end; cursor:pointer;
}
.search-results.expand .overlay > div {padding:50px;}
.search-results.expand .overlay > div > div {
	display:inline-block; padding:10px; border:1px solid var(--blue); border-radius:5px; text-decoration:none;
	text-transform:uppercase; font-size:12px; letter-spacing:.2em; color:var(--blue); background:#fff;
}
.search-results .number {margin-bottom:80px;}
.search-results .number.toll-free-number {padding:30px; max-width:700px; margin:0 auto 80px; border-radius:10px; background:var(--gold);}
.search-results .number h2 {
	font-size:72px; font-weight:900; text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25); margin-bottom:10px; color:var(--blue);
}
.search-results .number p {font-size:12px; text-transform:uppercase; margin-bottom:10px;}
@media (max-width:767px) {
	.search-results .number h2 {font-size:60px;}
}
@media (max-width:500px) {
	.search-results .number.toll-free-number {padding:20px 10px; border-radius:0;}
	.search-results .number h2 {font-size:42px;}
	.search-results .number p {font-size:11px; padding:0 20px;}
}





.basic-content {padding:50px 20px; max-width:700px; margin:0 auto;}
.basic-content h1 {font-family:var(--font-major); font-size:36px; color:var(--blue); margin-bottom:20px;}
.basic-content h3 {font-family:var(--font-major); font-size:24px; margin-bottom:10px;}
.basic-content p {margin-bottom:10px;}
.basic-content ol, .basic-content ul {margin:10px 0; padding-left:20px;}
.basic-content ol li, .basic-content ul li {margin-bottom:10px;}



.faqs {padding:50px 20px; max-width:700px; margin:0 auto;}
.faqs h1 {font-family:var(--font-major); font-size:36px; color:var(--blue); margin-bottom:20px;}
.faqs .faq h2 {font-size:24px; color:var(--blue); margin:20px 0 10px; font-weight:bold; border-bottom:1px solid var(--blue); padding:10px 0;}
.faqs .faq .answer p {line-height:1.4; margin-bottom:10px;}


.blog {padding:50px 20px; max-width:700px; margin:0 auto;}
.blog h1 {font-family:var(--font-major); font-size:36px; color:var(--blue); margin-bottom:50px;}
.blog article.list {margin-bottom:50px; display:flex;}
.blog article.list .pic {flex:0 0 40%; margin-right:20px; position:relative; display:block;}
.blog article.list .pic img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.blog article.list .content {padding:10px 0;}
.blog article.list .content h2 {font-size:26px; font-weight:bold; margin-bottom:20px;}
.blog article.list .content h2 a {font-weight:inherit; text-decoration:none;}
.blog article.list .content h3 {margin-bottom:20px; border:1px solid var(--blue); border-width:1px 0; padding:10px 0; font-size:12px; text-transform:uppercase; letter-spacing:.08em;}
.blog article.list .content p {margin-bottom:10px;}
@media (max-width:600px) {
	.blog article.list {display:block;}
	.blog article.list .pic {padding-bottom:40%; margin-bottom:10px;}
}

.blog-post {padding:50px 20px; max-width:700px; margin:0 auto;}
.blog-post .back {text-transform:uppercase; font-size:14px; letter-spacing:.1em; display:block; margin-bottom:50px;}
.blog-post img {margin-bottom:30px;}
.blog-post h1 {font-family:var(--font-major); font-size:36px; color:var(--blue); margin-bottom:30px;}
.blog-post h3.posted {padding:10px 0; border:1px solid var(--blue); border-width:1px 0; text-transform:uppercase; font-size:14px; letter-spacing:.08em; margin-bottom:30px;}
.blog-post h2 {font-family:var(--font-major); font-size:22px; color:var(--blue); margin:30px 0; text-transform:lowercase;}
.blog-post p {line-height:1.4; margin-bottom:30px;}




.admin {display:flex; flex-direction:row-reverse;}
.admin .sidebar {background:var(--dark-blue);}
.admin .sidebar ul {list-style:none;}
.admin .sidebar ul li {display:block;}
.admin .sidebar ul li a {
	display:block; padding:30px 50px; background:var(--dark-blue); color:rgba(255,255,255,.7); 
	text-decoration:none; text-transform:uppercase; letter-spacing:.1em; font-size:14px;
	border-bottom:1px solid rgba(255,255,255,.15);
}
.admin .sidebar ul li a:hover, .admin .sidebar ul li a.active {color:#fff;}
.admin .content {flex:1 0 60%; padding:100px;}
.admin .content h1 {
	font-family:var(--font-major); font-size:48px; color:var(--blue); border-bottom:1px solid var(--purple); padding-bottom:10px; margin-bottom:50px;
}
.admin .content .basic-form {max-width:500px;}
.admin .content .basic-form input {width:100%;}
.admin .content .basic-form p {margin-bottom:50px; font-size:24px;}
.admin .content .your-numbers {width:100%; border-collapse:collapse;}
.admin .content .your-numbers tr th {
	padding:10px; background:var(--light-blue); text-align:left; color:var(--blue); text-transform:uppercase; font-size:11px;
}
.admin .content .your-numbers tr td {padding:10px;}
.admin .content .your-numbers tr td .status {font-weight:900; text-transform:uppercase; letter-spacing:.1em; font-size:14px;}
.admin .content .your-numbers tr td .status-active {color:green;}
.admin .content .your-numbers h3 a {
	font-size:36px; font-weight:900; margin-bottom:10px; color:var(--blue);
}
.admin .content .your-numbers .small-btn {margin-right:5px;}

@media (max-width:1250px) {
	.admin .content {padding:50px;}
	.admin .content .your-numbers h3 a {font-size:24px;}
}

@media (max-width:768px) {
	.admin {display:block;}	
}

@media (max-width:700px) {
	
	.admin .content {padding:20px;}
	.admin .content h1 {font-size:36px;}
	.admin .content .your-numbers {display:block;}
	.admin .content .your-numbers thead {display:none;}
	.admin .content .your-numbers tbody {display:block; width:100%;}
	.admin .content .your-numbers tbody tr {display:block; margin-bottom:50px; border:1px solid var(--light-blue); padding:20px;}
	.admin .content .your-numbers tbody tr td {display:block; padding:0;}
	.admin .content .your-numbers tbody tr td .status {margin-bottom:10px;}
	.admin .content .your-numbers h3 {margin-bottom:10px;}
	.admin .content .your-numbers h3 a {font-size:36px;}

	.basic-form p strong {display:block;}

}



.alert {padding:20px; font-size:14px; text-align:center; text-transform:uppercase; letter-spacing:.1em;}
.alert.alert-success {background:green; color:#fff;}
.alert.alert-error {background:red; color:#fff;}



.external-form {padding:50px 20px; max-width:500px; margin:0 auto;}
.external-form h1 {font-family:var(--font-major); font-size:36px; margin:0 auto 50px; color:var(--blue);}
.external-form form {margin-bottom:50px;}
.external-form form input {width:100%;}



.marketing-hero {border-bottom:5px solid var(--blue);}
.marketing-hero .content {padding:100px; margin:0 auto; max-width:1200px;}
.marketing-hero .content h1 {font-family:var(--font-major); color:var(--blue); font-size:48px; margin-bottom:20px;}
.marketing-hero .content h2 {font-size:72px; font-weight:900; text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25); margin-bottom:20px; color:var(--blue);}
@media (max-width:768px) {
	.marketing-hero {text-align:center;}
	.marketing-hero .content {padding:50px;}
}
@media (max-width:600px) {
	.marketing-hero .content {padding:50px 20px;}
	.marketing-hero .content h1 {font-size:32px;}
	.marketing-hero .content h2 {font-size:38px;}
}



.marketing-hero-2 {border-bottom:5px solid var(--blue); display:flex;}
.marketing-hero-2 .pic {position:relative; flex:0 0 35%; /*border-style:solid;*/ border-color:var(--purple); border-width:0 10px 10px 0;}
.marketing-hero-2 .pic img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.marketing-hero-2 .content {margin:0 auto; padding:50px;}
.marketing-hero-2 .content h1 {font-family:var(--font-major); color:var(--blue); font-size:48px; margin-bottom:20px; text-transform:lowercase;}
.marketing-hero-2 .content h2 {font-size:48px; font-weight:900; text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25); margin-bottom:50px; color:var(--blue);}
.marketing-hero-2 .content h3 {margin-bottom:20px; font-size:36px; font-weight:900; color:var(--purple); text-decoration:none;}
.marketing-hero-2 .content h3 .btn {vertical-align:middle; position:relative; top:-5px; margin-left:15px;}
@media (max-width:1024px) {
	.marketing-hero-2 .pic {flex-basis:50%;}
	.marketing-hero-2 .content h3 .btn {top:auto; margin:auto;}
}
@media (max-width:768px) {
	.marketing-hero-2 {display:block;}
	.marketing-hero-2 .pic {padding-bottom:56%;}
}
@media (max-width:600px) {
	.marketing-hero-2 .content h1 {font-size:32px;}
	.marketing-hero-2 .content h2 {font-size:38px;}
}


.more-keyword-ideas {display:flex; justify-content:center; padding:100px 0; align-items:center; max-width:650px; margin:0 auto;}
.more-keyword-ideas .pic img {display:block; width:auto;}
.more-keyword-ideas .content {padding-left:50px;}
.more-keyword-ideas .content h2 {font-family:var(--font-major); color:var(--blue); font-size:48px; margin-bottom:20px;}
.more-keyword-ideas .content .btn {margin:0 20px 20px 0;}
@media (max-width:768px) {
	.more-keyword-ideas {display:block; text-align:center;}
	.more-keyword-ideas .pic img {margin:0 auto; max-width:300px;}
	.more-keyword-ideas .content {padding:50px 20px;}
}
@media (max-width:600px) {
	.more-keyword-ideas .content h1 {font-size:42px;}
	.more-keyword-ideas .content h2 {font-size:42px;}
	.more-keyword-ideas .content .btn {margin:0 0 20px;}
}


.location {background:var(--blue); color:#fff; padding:30px; text-align:center;}
.location .small-btn {background:none; border:1px solid #fff;}
.location form {margin-top:10px; display:none;}
.location form.show {display:block;}


.checkout-body {text-align:center;}
.checkout-body h1 {margin-bottom:30px;}
.checkout-body h1 .text {text-transform:uppercase; letter-spacing:.1em; display:block; margin-bottom:5px;}
.checkout-body h1 .number {font-size:52px; font-weight:900; text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25); margin-bottom:10px; color:var(--blue); display:block;}
.checkout-body .plans {max-width:800px; margin:0 auto 100px; display:flex; justify-content:center;}
.checkout-body .plans .plan {margin:15px; background:var(--light-blue); border-radius:5px; overflow:hidden;}
.checkout-body .plans .plan h3 {padding:10px; text-transform:uppercase; background:var(--purple-hover); color:#fff; font-size:14px; letter-spacing:.2em;}
.checkout-body .plans .plan .plan-content {padding:50px;}
.checkout-body .plans .plan .plan-content h2.price-normal {font-size:24px; margin-bottom:10px; opacity:.6; font-weight:900; position:relative; display:inline-block;}
.checkout-body .plans .plan .plan-content h2.price-normal span {font-weight:normal; font-size:.5em; text-transform:uppercase; letter-spacing:.1em;}
.checkout-body .plans .plan .plan-content h2.price-normal:after {position:absolute; content:''; width:100%; height:2px; background:red; top:13px; left:0; transform:rotateZ(7deg);}
.checkout-body .plans .plan .plan-content h2.price-discounted {font-size:48px; font-weight:900; text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25); margin-bottom:10px; color:var(--blue);}
.checkout-body .plans .plan .plan-content h2.price-discounted span {font-weight:normal; font-size:.3em; text-transform:uppercase; letter-spacing:.1em;}
.checkout-body .plans .plan .plan-content ul {list-style:none; margin-bottom:30px;}
.checkout-body .plans .plan .plan-content ul li span:before {display:inline-block; content:url('/img/check.svg'); position:relative; top:3px; margin-right:3px;}
.checkout-body .plans .plan .plan-content ul li span {display:inline-block; font-size:14px;}
.checkout-body .plans .plan .plan-content .btn {margin-bottom:10px;}
.checkout-body .plans .plan .plan-content .tagline {letter-spacing:0; font-size:14px; color:var(--purple);}
@media (max-width:600px) {
	.checkout-body .plans {display:block;}
	.checkout-body h1 .text {font-size:14px;}
	.checkout-body h1 .number {font-size:38px;}
	.checkout-body .plans .plan .plan-content {padding:30px;}
}