/* basics */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div{display:block;position:relative;padding:0;margin:0;}.left {float:left;}.right {float:right;}.txtl{text-align:left;}.txtc{text-align:center;}.txtr{text-align:right;}.clear{clear:both;}img{border:0;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}.clearfix{min-height:0;display:block;}* html .clearfix{height:1%;}

/* elemeents */
html, body { margin: 0; }
body, td, div, select, textarea, input { font: 16px 'Raleway', sans-serif; color:#242424; }
a { color:#33a9e0; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font-size: 26px; margin: 0 0 10px; font-weight: normal; }
h2 { font-size: 20px; margin: 0 0 10px; font-weight: normal; }
h3 { font-size: 18px; margin: 0 0 10px; font-weight: normal; }
p { font-size: 16px; margin: 0 0 10px; line-height:1.4em; }
ul,ol{margin:0 0 10px 30px;padding: 0; }
ul li, ol li{line-height:1.3em;margin: 0 0 5px;padding: 0; }
li ol, li ul{margin-bottom:0; }

/* helpers */
.hide { display: none; }
.sniper { display: none; }
.block { display: block; }
.inline-block { display: inline-block !important; }
.img100 { width: 100%; }
.white { color: #fff !important; }
.blue { color: #23b5e9; }
.ucase { text-transform: uppercase; }
.bold { font-weight: bold; }
.border-bot { border-bottom: 1px solid #ccc; }
.pb5 { padding-bottom: 5px; }
.mb5 { margin-bottom: 10px; }
.note { font-size: 18px !important; font-weight: bold !important; color: #f50a0a !important; }

/* fontsize */
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px !important; }
.fs22 { font-size: 22px !important; }
.fs24 { font-size: 24px !important; }
.fs28 { font-size: 28px !important; }
.fs32 { font-size: 32px !important; }
.fs36 { font-size: 36px; }
.fs40 { font-size: 40px; }
.fs50 { font-size: 50px; }
.fs56 { font-size: 56px; }
.fs60 { font-size: 60px; }

/* structure */
body{margin:0;padding:0;text-align:left;}
.container { margin: 0 auto; padding: 0; position: relative; max-width: 1200px; width: 100%; box-sizing: border-box; }
#main { background-color: #fff; min-height: 650px; margin-bottom: 50px; }
@media screen and (max-width: 1199px) {
	.container { padding: 0 10px; }
}

/* header */
header { height: 65px; background-size: cover; padding: 10px 0; border-bottom: 1px #ccc solid; margin-bottom: 30px; }
header.phome, header.pfeatures, header.presellers, header.pconsumer { margin-bottom: 0; }
header #heady .lcol { width: 35%; float: left; }
header #heady .lcol a.generic { font-size: 40px; line-height: 65px; height: 65px; display: block; }
header #heady .lcol a.generic.long span { font-size: 24px; line-height: 32px; }
header #heady .lcol a.generic img { vertical-align: top; }
header #heady .lcol a.generic:hover { text-decoration: none; }
header #heady .rcol { width: 65%; float: left; padding-top: 7px; }
header #heady img { height: 65px; }
header #heady ul#nav-bot { padding-top: 10px; border-top: 1px #ccc solid; margin-top: 5px; }
header #heady ul#nav-bot.error { border-top: 0; }
header #heady ul { margin: 0;  float: right; }
header #heady ul li { display: inline; margin: 0 0 0 15px; list-style: none; position: relative; }
header #heady ul li a { color: #242424; font-size: 15px; }
header #heady ul li a.forconsumers { background-color: #43ad5f; color: #fff; padding: 5px 20px; }
header #heady ul li a.forbusinesses { background-color: #33A9E0; color: #fff; padding: 5px 20px; }
header #heady ul li a.current { font-weight: bold; }
header #heady ul ul { position:absolute; opacity:0; width:170px; z-index: 100; text-align: left; padding: 12px 0 0; border-bottom: 1px solid #ccc; }
header #heady ul ul li { float: none; margin: 0; display: block; }
header #heady ul ul li a, header nav ul li:hover ul li a{ background:#fff; padding: 7px 10px; display: block; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
header #heady ul li:hover ul { opacity:1; top: auto; left: -10px; }
header #heady ul#nav-top li a { font-weight: bold; }
header #heady ul#nav-consumer { padding-top: 15px; }
header #heady ul#nav-consumer li a { font-size: 18px; }
header #heady ul#nav-consumer ul { padding-top: 32px; }
header #heady .mobile-toggle { display: none; float: right; font-size: 2em; z-index: 1000; }
@media screen and (max-width: 1000px) {
	header { height: auto; padding: 5px 0; }
	header #heady .lcol { width: 80%;}
	header #heady .lcol a.generic { font-size: 20px; }
	header #heady .rcol { clear:both; float: none; width: 100%; padding-top: 0;  }
	header #heady img { height: auto; max-width: 200px; }
	header #heady #nav-area { float: none; }
	header #heady ul#nav-top { display: none; }
	header #heady ul#nav-bot { float: none; display: none; border-top: 0;  }
	header #heady ul#nav-bot li, header #heady ul#nav-consumer li { display: block; text-align: center; margin-bottom: 8px; }
	header #heady ul#nav-consumer { float: none; display: none; border-top: 0;  }
	header #heady ul li { margin: 0;}
	header #heady li.has-submenu > a { display: none; }
	header #heady ul ul { opacity:1; top: auto; left: auto; position: relative; width: 100%; padding: 0; background: none; border: none; text-align: center; }
	header #heady ul ul li a, header nav ul li:hover ul li a { background: none; padding: 0; border: none; }
	header #heady ul li:hover ul { left: 0; }
	header #heady ul#nav-consumer ul { padding-top: 0; }
	header #heady .mobile-toggle { display: block; }
}

/* footer */
#footer-1 { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;  }
#footer-1 .col { width: 33.33333%; float: left; padding: 20px 20px; box-sizing: border-box; }
#footer-1 .col.col2 { border-right: 1px solid #e5e5e5; }
#footer-1 .col a.icon i { border: 1px solid #ccc; border-radius: 50%; padding: 10px; font-size: 20px; width: 20px; height: 20px; text-align: center; display: inline-block; }
#footer-2 { text-align: center; padding: 30px 0; }
#footer-2 ul { margin:0 0 20px; }
#footer-2 ul li { display: inline; list-style: none; margin: 0 15px; }
@media screen and (max-width: 1000px) {
	#footer-1 { display: none; }
	#footer-2 { border-top: 1px solid #e5e5e5; }
	#footer-2 ul li { display: block; margin: 0 0 10px 0; }
}

/* home */
#home-1 { background: #ffffff; padding-top: 20px; }
#home-1 .lcol { width: 40%; float: left; min-height: 406px; box-sizing: border-box; padding-top: 20px; }
#home-1 .lcol h1 { margin-top: 10px; font-size: 54px; color: #000; }
#home-1 .lcol h2 { font-size: 18px; margin-top: 20px; }
#home-1 .rcol { width: 60%; float: left; box-sizing: border-box; padding-left: 60px; }
#home-1 .rcol video { display: block; }
#home-1 .rcol img { max-width: 100%; }
#home-1 .rcol iframe { width: 80%; height: 350px; }
#home-2 { background: #23b5e9; padding: 30px 0; margin-bottom: 30px; }
#home-2 form.cssform { max-width: 1000px; margin: 0 auto;  }
#home-2 form.cssform div.fc { width: 25%; padding: 0 5px;  }
#home-2 form.cssform div.fc input.field { border-radius: 5px; }
#home-2 form.cssform .btn { margin-top: 15px; padding: 7px 20px; font-size: 18px; border: 1px solid #fff; border-radius: 5px; }
#home-3 { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #e5e5e5; }
#home-3 .col { width: 20%; float: left; text-align: center; padding: 0 5px; box-sizing: border-box; }
#home-3 .col img { width: 100%; max-width: 105px; }
#home-3 .col h3 { font-weight: bold; margin-bottom: 2px; }
#home-4 { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #e5e5e5; }
#home-4 .container { max-width: 1050px; }
#home-4 .lcol { width: 35%; margin-right: 5%; float: left; padding-top: 30px; }
#home-4 .rcol { width: 60%; float: left; }
#home-4 .rcol iframe { width: 100%; max-width: 630px; height: 338px; }
#home-4 .rcol video { width: 100%; max-width: 630px; height: 338px; }
#home-4 .rcol img { left:50%; margin-left:-187px; position:absolute; top:-20px; width:375px; }
#home-5 { margin-bottom: 40px; }
@media screen and (max-width: 1199px) {

	#home-5 a { display: block; max-width: 300px; margin: 10px auto 0; }
}
@media screen and (max-width: 1000px) {
  #home-1 .lcol h1 { font-size: 36px; }
}
@media screen and (max-width: 600px) {
	#home-1 { padding-top: 10px; }
	#home-1 .lcol { width: 100%; float: none; padding-top: 0; min-height: 0; margin-bottom: 30px; }
	#home-1 .lcol h1 { font-size: 36px; }
	#home-1 .rcol { width: 100%; float: none; margin-bottom: 30px; }
	#home-1 .rcol video { width: 100%; height: 200px; }
	#home-1 .rcol iframe { width: 100%; height: 200px; }
	#home-2 form.cssform div.fc { width: 100%; padding: 0; }
	#home-3 .col { width: 100%; float: none; }
	#home-4 .lcol { display: none; }
	#home-4 .rcol { width: 100%; float: none; }
	#home-4 .rcol img { display: none; }
	#home-4 .rcol iframe { height: auto; }
	#centered-video  iframe { width: 80%; }
}


/* features */
#features-1 { background: #fdfcfe; padding-top: 40px; margin-bottom: 40px; border-bottom: 1px solid #e5e5e5; }
#features-1 .features-tag { position: absolute; top: -40px; left: 0;  background-color: #23b5e9; padding: 10px 50px; color: #fff; }
#features-1 .lcol { width: 40%; float: left; padding-top: 100px; }
#features-1 .rcol { width: 60%; float: left; }
#features-1 .rcol video { display: block; }
#features-1 .rcol img { max-width: 100%; }
#features-2 { margin-bottom: 60px; }
#features-2 .lcol { width: 46%; margin-right: 8%; float: left; padding: 0 1%; box-sizing: border-box; }
#features-2 .rcol { width: 46%; float: left;  padding: 0 1%; box-sizing: border-box; }
#features-2 .lcol img, #features-2 .rcol img { max-height: 300px; max-width: 100%; }
#features-2 h2 { margin-bottom: 2px; font-weight: bold; }
#features-3 .col { width: 25%; padding: 0 10px; float: left; box-sizing: border-box; }
#features-3 .col img { width: 100%; max-width: 150px; margin-bottom: 5px; }
#features-3 .col h3 { margin-bottom: 2px; font-weight: bold; font-size: 22px; }
@media screen and (max-width: 600px) {
	#features-1 .features-tag { display: none; }
	#features-1 .lcol { width: 100%; float: none; padding-top: 0; }
	#features-1 .rcol { width: 100%; float: none; }
	#features-1 .rcol video { width: 100%; height: 200px; }
	#features-2 .lcol { width: 100%; margin-right: 0; float:none; }
	#features-2 .rcol { width: 100%; float: none; }
	#features-3 .col { width: 100%; float: none; }
	#features-3 .col img { max-width: 100px; }
}

/* blog */
#blog { padding: 30px 0; min-height: 600px; }
#blog .lcol { width: 75%; padding-right: 5%; float: left; box-sizing: border-box; }
#blog .lcol.full { width: 100%; padding-right: 0%; float: none; box-sizing: border-box; }
#blog .rcol { width: 25%; float: left; box-sizing: border-box; }
#blog #blog-categories { margin-left: 20px; }
#blog #blog-categories li { list-style: disc; }
#blog .posts-list .posts { margin-bottom: 25px; }
#blog .posts-list .posts p { margin-bottom: 10px; }
#blog .posts-list .posts .posts-image { margin-bottom: 10px; }
#blog .posts-list .posts .posts-title { margin-bottom: 5px; }
#blog .posts-list .posts .posts-title a { font-size: 22px; color: #6896b3; }
#blog .post .post-content p { margin-bottom: 15px; }
#blog .post .post-content ul { margin-bottom: 15px; margin-left: 30px; }
#blog .post .post-content ul li { list-style: disc; }
#blog .post .post-content ol { margin-bottom: 15px; margin-left: 30px; }
#blog .post .post-content ol li { list-style: decimal; }
#blog .post img { max-width: 100%; }
#blog .post-paging { margin: 0; }
#blog .post-paging li { list-style: none; }
@media screen and (max-width: 600px) {
  #blog .lcol { width: 100%; padding-right: 0; float: none; margin-bottom: 30px; }
  #blog .rcol { width: 100%; float: none; }
}

/* pricing */
.container.plans2 { max-width: 800px; }
.container.plans1 { max-width: 400px; }
.plan { width: 29.33333%; margin: 0 2%; float: left;  }
.plans5 .plan:nth-child(3n+1) { clear: both; }
.plans6 .plan:nth-child(3n+1) { clear: both; }
.plans4 .plan { width: 21%; margin: 0 2%; float: left;  }
.plans2 .plan { width: 46%; margin: 0 2%; float: left;  }
.plans1 .plan { width: 96%; margin: 0 2%; float: left;  }
.plan-details { text-align: center; padding: 20px 20px 40px; box-sizing: border-box; border-radius: 20px; background-color: #23B5E9; }
.plan.p1 .plan-details { background-color: #8a72bb; }
.plan.p2 .plan-details { background-color: #46ba91; }
.plan.p4 .plan-details { background-color: #ffa104; }
.plan.p5 .plan-details { background-color: #f44177; }
.plan.p6 .plan-details { background-color: #1f590c; }
.plan-details h2 { color: #fff; font-size: 28px; }
.plan-details .plan-price { font-size: 70px; color: #fff; line-height: 70px; }
.plan-details .plan-price span { font-size: 20px; }
.plan-details .plan-price span.price-text { font-size: 30px; }
.plan-details .plan-setup { font-size: 20px; color: #fff; margin-bottom: 40px; }
.plan-details .btn, .plan-details .btn:hover { background: #137dc6; padding: 10px 40px; border-radius: 5px; }
.plan.p1 .plan-details .btn, .plan.p1 .plan .plan-details .btn:hover { background: #6e51a8; }
.plan.p2 .plan-details .btn, .plan.p2 .plan .plan-details .btn:hover { background: #369875; }
.plan.p4 .plan-details .btn, .plan.p4 .plan .plan-details .btn:hover { background: #ff8c04; }
.plan.p5 .plan-details .btn, .plan.p5 .plan .plan-details .btn:hover { background: #f44141; }
.plan.p6 .plan-details .btn, .plan.p6 .plan .plan-details .btn:hover { background: #0d2d03; }
.plan-features { margin-top: 20px; }
.plan-features h3 { color: #23B5E9; border-bottom: 1px solid #23B5E9; font-size: 22px; font-weight: bold; margin-bottom: 15px; }
.plan.p1 .plan-features h3 { color: #6e51a8; border-bottom-color: #6e51a8; }
.plan.p2 .plan-features h3 { color: #369875; border-bottom-color: #369875; }
.plan.p4 .plan-features h3 { color: #ffa104; border-bottom-color: #ff8c04; }
.plan.p5 .plan-features h3 { color: #f44177; border-bottom-color: #f44177; }
.plan.p6 .plan-features h3 { color: #1f590c; border-bottom-color: #1f590c; }
.plan-features ul li { font-size: 18px; }
.plan-features ul li.strike { text-decoration: line-through; }
@media screen and (max-width: 1199px) {
	.plans3 .plan { width: 46%; margin: 0 2% 60px; float: left; }
	.plans4 .plan { width: 46%; margin: 0 2% 60px; float: left; }
	.plans5 .plan { width: 46%; margin: 0 2% 60px; float: left; }
	.plans6 .plan { width: 46%; margin: 0 2% 60px; float: left; }
	.plan:nth-child(3n+1) { clear:none !important; }
	.plan:nth-child(2n+1) { clear:both; }
}
@media screen and (max-width: 800px) {
	.plan, .plans2 .plan, .plans1 .plan, .plans4 .plan, .plans5 .plan, .plans6 .plan, .plans3 .plan { width: 100%; margin: 0 0 60px; float: left; }
}

.frequency_2 { display: none; }
.plans_toggle_container {
	margin-bottom: 1em;
}
a.plans_toggle {
	font-size: 1.25em;
	text-decoration: none;
}
a.plans_toggle.active{
	background: #137dc6;
	color: white;
	padding: 0.5em 1em;
	display: inline-block;
	border-radius: 20px;
	margin: 0 0.5em;
}

/* contact */
#contact-1 .lcol { width: 75%; float: left; margin-right: 5%; }
#contact-1 .lcol img { max-width: 100%; }
#contact-1 .rcol { width: 20%; float: left; }
@media screen and (max-width: 600px) {
	#contact-1 .lcol { width: 100%; float: none; margin-right: 0; margin-bottom: 30px; }
	#contact-1 .rcol { width: 100%; float: none; }
}

/* payment */
#payments .payment { float: left; width: 33.33333%; margin-bottom: 30px; }
#payments .payment:nth-child(3n+1) { clear: both; }
@media screen and (max-width: 600px) {
	#payments .payment { float: none; width: 100%; }
}

/* page */
#page img { max-width: 100%; }
@media screen and (max-width: 800px) {
  #page img { height: auto !important; }
}

/* reseller */
#reseller-1 { background: #fdfcfe; padding-top: 20px; }
#reseller-1 .lcol { width: 40%; float: left; min-height: 406px; box-sizing: border-box; padding-top: 40px; }
#reseller-1 .lcol h1 { margin-top: 10px; font-size: 58px; color: #000; }
#reseller-1 .lcol h2 { font-size: 26px; margin-top: 20px; }
#reseller-1 .rcol { width: 60%; float: left; box-sizing: border-box; }
#reseller-1 .rcol video { display: block; }
#reseller-1 .rcol img { max-width: 100%; }
#reseller-2 { background: #23b5e9; padding: 30px 0; margin-bottom: 30px; }
#reseller-2 form.cssform { max-width: 1000px; margin: 0 auto;  }
#reseller-2 form.cssform div.fc { width: 33.33333%; padding: 0 5px;  }
#reseller-2 form.cssform div.fc input.field { border-radius: 5px; }
#reseller-2 form.cssform .btn { padding: 7px 20px; font-size: 18px; border: 1px solid #fff; border-radius: 5px; margin-top: 2px; }
#reseller-3 { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #e5e5e5; }
#reseller-3 .col { width: 20%; float: left; text-align: center; padding: 0 5px; box-sizing: border-box; }
#reseller-3 .col img { width: 100%; max-width: 105px; }
#reseller-3 .col h3 { font-weight: bold; margin-bottom: 2px; }
#reseller-4 { padding-bottom: 40px; }
#reseller-4 .container { max-width: 1050px; }
#reseller-4 .lcol { width: 35%; margin-right: 5%; float: left; padding-top: 20px; }
#reseller-4 .rcol { width: 60%; float: left; }
#reseller-4 .rcol iframe { width: 100%; max-width: 660px; height: 338px; }
#reseller-4 .rcol img { left:50%; margin-left:-187px; position:absolute; top:-20px; width:375px; }
@media screen and (max-width: 1199px) {
	#reseller-1 .lcol { padding-top: 0; }
	#reseller-1 .rcol video { width: 100%; }
}
@media screen and (max-width: 600px) {
	#reseller-1 { padding-top: 10px; }
	#reseller-1 .lcol { width: 100%; float: none; padding-top: 0; min-height: auto; margin-bottom: 30px; }
	#reseller-1 .lcol h1 { font-size: 36px; }
	#reseller-1 .rcol { width: 100%; float: none; margin-bottom: 30px; }
	#reseller-1 .rcol video { width: 100%; height: 200px; }
	#reseller-2 form.cssform div.fc { width: 100%; padding: 0; }
	#reseller-3 .col { width: 100%; float: none; }
	#reseller-4 .lcol { display: none; }
	#reseller-4 .rcol { width: 100%; float: none; }
	#reseller-4 .rcol img { display: none; }
	#reseller-4 .rcol iframe { height: auto; }
}

/* deals */
#deals-1{background:#fff url(/images/marketing/bg-deals-header.jpg) no-repeat center center;background-size: cover;padding:100px 0 160px;z-index:2;}
#deals-1 #category-container, #deals-1 #area-container, #deals-1 #search-container, #deals-1 #filter-container { width: 20%; display: inline-block; margin-right: 10px; text-align: left; }
#deals-1 #search-container input { width: 100%; height: 46px; box-sizing: border-box; padding: 0 10px; font-size: 18px; }
#deals-1 .btn { padding: 14px 20px; line-height: 18px; font-size: 18px; }
#deals-1 #subscribe-overlay { background: #33A9E0; background: rgb(51, 169, 224); background: rgba(51, 169, 224, 0.7); position: absolute; bottom: 0; left: 0; width:100%; }
#deals-1 #subscribe-overlay h2 { margin-bottom: 0; text-align: center; color: #fff; padding: 20px 0; font-size: 30px; line-height: 1em; font-weight: strong; }
#deals-1 #subscribe-overlay h2 a { margin-left: 20px; background-color: #800080; font-size: 20px; line-height: 30px; }
#deals-2 { padding: 50px 0; }
#deals-2 .deal { width: 23%; float: left; box-sizing: border-box; border: 1px solid #ccc; margin: 0 1% 30px; }
#deals-2 .deal:nth-child(4n+1) { clear: both; }
#deals-2 .deal .deal-logo { border-bottom: 1px solid #ccc; }
#deals-2 .deal .deal-logo img { width: 100%; display: block; margin: 0 auto; }
#deals-2 .deal .deal-details { padding: 10px; }
#deals-2 .deal .deal-details h2 { height: 44px; margin: 0 0 10px; line-height: 22px; font-size: 20px; overflow-y: hidden; color: #23b5e9; }
#deals-2 .deal .deal-details p { height: 36px; margin: 0 0 10px; line-height: 18px; font-size: 16px; overflow-y: hidden; }
@media screen and (max-width: 1100px) {
  #deals-2 .deal { width: 31.333333%; }
  #deals-2 .deal:nth-child(4n+1) { clear: none; }
  #deals-2 .deal:nth-child(3n+1) { clear: both; }
}
@media screen and (max-width: 800px) {
  #deals-1 #category-container, #deals-1 #area-container, #deals-1 #search-container, #deals-1 #filter-container { width: 100%; display: block; margin-bottom: 20px; }
  #deals-1 #subscribe-overlay h2 { font-size: 24px; }
  #deals-1 #subscribe-overlay h2 a { display: block; margin-left: 0; max-width: 100px; margin: 0 auto; margin-top: 10px; }
  #deals-2 .deal { width: 48%; }
  #deals-2 .deal:nth-child(3n+1) { clear: none; }
  #deals-2 .deal:nth-child(2n+1) { clear: both; }
}
@media screen and (max-width: 600px) {
  #deals-1 { padding-top: 10px; margin-bottom: 30px; }
  #deals-1 h1 { font-size: 32px; margin-bottom: 0; }
  #deals-2 .container { padding: 0; }
  #deals-2 { padding: 0 0 50px; }
  #deals-2-title { display: none; }
  #deals-2 .deal { width: 100%; float: none; margin: 0; padding-bottom: 20px; margin-bottom: 20px; border: none; border-bottom: 1px solid #ccc; }
  #deals-2 .deal-logo { width: 25%; float: left; border: none !important; }
  #deals-2 .deal-details { width: 75%; float: left; box-sizing: border-box; padding: 0 10px !important; }
  #deals-2 .deal .deal-details h2 { height: auto; }
  #deals-2 .deal .deal-details p { height: auto; }
  #deals-2 .deal .deal-details .btn { width: auto; display: inline-block; }
}

/* business directory */
#business-directory-1 {background:#fff url(/images/marketing/bg-deals-header.jpg) no-repeat center center;background-size: cover;padding:100px 0 160px;z-index:2;}
#business-directory-1 #category-container, #business-directory-1 #area-container, #business-directory-1 #search-container, #business-directory-1 #filter-container { width: 20%; display: inline-block; margin-right: 10px; text-align: left; }
#business-directory-1 #search-container input { width: 100%; height: 46px; box-sizing: border-box; padding: 0 10px; font-size: 18px; }
#business-directory-1 .btn { padding: 14px 20px; line-height: 18px; font-size: 18px; }
#business-directory-2 { padding: 50px 0; }
#business-directory-2 .business { width: 23%; float: left; box-sizing: border-box; border: 1px solid #ccc; margin: 0 1% 30px; }
#business-directory-2 .business:nth-child(4n+1) { clear: both; }
#business-directory-2 .business .business-logo { border-bottom: 1px solid #ccc; }
#business-directory-2 .business .business-logo img { width: 100%; display: block; margin: 0 auto; }
#business-directory-2 .business .business-details { padding: 10px; }
#business-directory-2 .business .business-details h2 { height: 44px; margin: 0 0 10px; line-height: 22px; font-size: 20px; overflow-y: hidden; color: #23b5e9; }
#business-directory-2 .business .business-details p { height: 36px; margin: 0 0 10px; line-height: 18px; font-size: 16px; overflow-y: hidden; }
@media screen and (max-width: 800px) {
  #business-directory-1 #category-container, #business-directory-1 #area-container, #business-directory-1 #search-container, #business-directory-1 #filter-container { width: 100%; display: block; margin-bottom: 20px; }
  #business-directory-2 .business { width: 48%; }
  #business-directory-2 .business:nth-child(4n+1) { clear: none; }
  #business-directory-2 .business:nth-child(2n+1) { clear: both; }
}
@media screen and (max-width: 600px) {
  #business-directory-1 { padding-top: 10px; margin-bottom: 30px; }
  #business-directory-1 h1 { font-size: 32px; margin-bottom: 0; }
  #business-directory-2 .container { padding: 0; }
  #business-directory-2 { padding: 0 0 50px; }
  #business-directory-2 .business { width: 100%; float: none; margin: 0; padding-bottom: 20px; margin-bottom: 20px; border: none; border-bottom: 1px solid #ccc; }
  #business-directory-2 .business .business-logo { width: 25%; float: left; border: none;}
  #business-directory-2 .business .business-details { width: 75%; float: left; box-sizing: border-box; padding: 0 10px !important; }
  #business-directory-2 .business .business-details h2 { height: auto; }
  #business-directory-2 .business .business-details p { height: auto; }
  #business-directory-2 .business .business-details .btn { width: auto; display: inline-block; }
}

/* business subscribe */
#business-subscribe-container { border: 1px solid #ccc; box-sizing: border-box; background: #FFF; width: 98%; margin: 0 auto; max-width: 1000px; position: relative; padding: 40px 20px 20px; }
#business-subscribe-container .business-detail-lcol { width: 20%; float: left; }
#business-subscribe-container .business-detail-lcol img { width: 100%; border: 1px solid #ccc; }
#business-subscribe-container .business-detail-rcol { width: 80%; float: left; padding-left: 20px; box-sizing: border-box; }
#business-subscribe-container .business-detail-rcol img { max-width: 100%; }
#business-subscribe-container .business-detail-rcol .business-detail-location { width: 50%; padding: 0 10px; box-sizing: border-box; float: left; }
#business-subscribe-container .business-detail-rcol .business-detail-location h4 { margin-bottom: 5px; }
@media screen and (max-width: 800px) {
  #business-subscribe-container .business-detail-rcol .business-detail-location { width: 100%; float: none; padding: 0; margin-bottom: 30px; }
}
@media screen and (max-width: 400px) {
  #business-subscribe-container .business-detail-lcol { float: none; width: 100%; }
  #business-subscribe-container .business-detail-rcol { float: none; width: 100%; padding: 0; }
}
#business-subscribe-container-full { padding: 30px 10px; }
#business-subscribe-container-full .business-detail img { max-width: 300px; width: 100%; float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #ccc; }
@media screen and (max-width: 400px) {
  #business-subscribe-container-full .business-detail img { float: none; width: 100%; max-width: 400px; margin-right: 0; }
}

/* login */
#login .container { max-width: 500px; }

/* form styles */
form.cssform { padding: 0; border: 0; margin-bottom: 10px; }
form.cssform div.fc { margin: 0 0 8px 0; float: left; box-sizing: border-box; width: 100%; }
form.cssform input.field, form.cssform select.field, form.cssform textarea.field { width: 100%; display: block; border:1px solid #e5e5e5; padding: 8px; box-sizing: border-box; -webkit-appearance: none; box-sizing: border-box;  }
form.cssform .field.auto { width: auto; }
form.cssform .field.inline { display: inline; }
form.cssform .field.cvv { width: 100px; }
form.cssform textarea.field.tall { height: 300px; }
form.cssform textarea.field.medium { height: 150px; }
form.cssform label { font-size: 1em; }
form.cssform div.fc.wauto { width: auto; margin-right: 15px; margin-bottom: 10px; display: inline; }
form.cssform div.fc.wauto label { margin-left: 5px; }
form.cssform select.field.wauto { width: auto; display: inline-block; }
.StripeElement {
  background-color: #fff;
  padding: 8px;
  border: 1px solid #e5e5e5;
	-moz-box-sizing: border-box;
	-webkit-appearance: none;
	box-sizing: border-box;
}

/* buttons */
.btn { color: #ffffff; background: #33a9e0; padding: 10px 20px; text-decoration: none; border: 0; cursor: pointer; -webkit-appearance: none; }
.btn.w100 { display: block; }
.btn:hover { background: #1c9fdb; text-decoration: none; }
.btn.green { background: #43ad5f; }
.btn.orange { background: #ff9900; }
.btn.rounded { border-radius: 10px; }

/* alerts */
ul.alert {margin: 0 0 15px; font-size:12px;line-height:16px;padding:5px 5px 5px 30px;color:#000;border: 2px solid #c00;font-weight: bold;background: #fcc;border-radius:5px;-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);box-shadow:0 10px 5px -5px rgba(0,0,0,.3);position:relative;}
ul.alert li { margin-bottom: 0; list-style: none; }
ul.alert.success{background: #cfc;border-color:#0c0;}
ul.alert.warn{background: #ffc;border-color:#ff3;}
ul.alert:before{content:'!';position:absolute;left:0px;top:0px;background:#c00;text-align:center;padding:0px 10px 0px 8px;color:#fff;height:100%;line-height:2em;}
ul.alert.success:before{content:'\2713';background:#0c0;padding:0px 8px 0px 6px;}
ul.alert.warn:before{content:'i';background:#ff3;color:#000;}

/* deal subscribe */
#deal-subscribe-container { border: 1px solid #ccc; box-sizing: border-box; background: #FFF; width: 98%; margin: 0 auto; max-width: 1000px; position: relative; padding: 40px 20px 20px; }
#deal-subscribe-container .deal-detail img { max-width: 150px; width: 100%; float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #ccc; }
@media screen and (max-width: 400px) {
  #deal-subscribe-container .deal-detail img { float: none; width: 100%; max-width: 400px; margin-right: 0; }
}
#deal-subscribe-container-full { padding: 30px 10px; }
#deal-subscribe-container-full .deal-detail img { max-width: 300px; width: 100%; float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #ccc; }
@media screen and (max-width: 400px) {
  #deal-subscribe-container-full .deal-detail img { float: none; width: 100%; max-width: 400px; margin-right: 0; }
}

/* site subscribe */
#site-subscribe-container { border: 1px solid #ccc; box-sizing: border-box; background: #FFF; width: 98%; margin: 0 auto; max-width: 500px; position: relative; padding: 40px 20px 20px; }

/* simple select */
.hidden_select_container { width: 0; height: 0; overflow: hidden; }
.simpleselect, .simpleselect * { box-sizing: content-box; }
.simpleselect { position: relative; width: 100%; height: 38px; color: #242424; font-size: 13px; }
.simpleselect .options { width: 100%; }
.simpleselect .placeholder, .simpleselect .options .option, .simpleselect .options .optgroup .optgroup-label { padding: 12px 10px; line-height: 20px; font-size: 18px; cursor: pointer; }
.simpleselect .options .optgroup .optgroup-label { cursor: default; font-weight: bold; }
.simpleselect .options .optgroup .option { padding-left: 20px; }
.simpleselect .placeholder, .simpleselect .options { background: #fff; border: 1px solid #ddd; }
.simpleselect .placeholder { position: relative; }
.simpleselect .placeholder:after { content: ""; position: absolute; top: 0; bottom: 0; right: 10px; width: 8px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA0Q0FGMUI4RTU1MTFFMzhGMThCQzUzMTMxMzdBN0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA0Q0FGMUM4RTU1MTFFMzhGMThCQzUzMTMxMzdBN0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MDRDQUYxOThFNTUxMUUzOEYxOEJDNTMxMzEzN0E3RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDRDQUYxQThFNTUxMUUzOEYxOEJDNTMxMzEzN0E3RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq8U8ZgAAAClSURBVHjaYpw7dw4DEggEYh4gXgwTYEGS5AfiyVD6FBDfBAkyISloB2JpqAlLgZgNWYENEGciKTYG4haYFSCVKA6BglIg3gdSIAHEfQzYASfj////GfABJgYCgGXevLlyQNoDh/xrkBteAHEREKtjUeAJsuIXEKdgkewG4h0wNxwB4ulIkmeBuAbdkZVA/BSIvwBxNNRklLj4CMS50KC+CRMECDAA5ogdqmResXgAAAAASUVORK5CYII=") 0 center no-repeat; }
.simpleselect .placeholder:hover { background: #fafafa; }
.simpleselect .options { display: none; position: absolute; top: 0; left: 0; z-index: 1000; }
.simpleselect .options .option.active { background: #666; color: #fff; }
.simpleselect.disabled .placeholder, .simpleselect.disabled .placeholder:hover { background: #fafafa; color: #aaa; border-color: #eee; cursor: default; }
.simpleselect.disabled .placeholder:after { opacity: .5; }

/* income potential */
.income-potential { padding: 20px; background: #125e82; border-radius: 5px; }
.income-potential h2, .income-potential p { color: #fff; }
.income-potential .lcol { width: 44%; float: left; padding-right: 20px; box-sizing: border-box; }
.income-potential .mcol { width: 28%; float: left; }
.income-potential .rcol { width: 28%; float: left; }
@media screen and (max-width: 800px) {
	.income-potential .lcol { width: 100%; float: none; padding-right: 0; }
	.income-potential .mcol { width: 100%; float: none; }
	.income-potential .rcol { width: 100%; float: none; }
}

/* oppotunity */
#opportunity-3 { padding: 30px 0; margin-bottom: 40px; }
#opportunity-3 h2 { padding-bottom: 2px; border-bottom: 1px solid #ccc; }
#opportunity-3 .col { width: 48%; background: #fff; margin: 0 1%; border-radius: 10px; float: left; box-sizing: border-box; margin-bottom: 20px; }
#opportunity-3 .col:nth-child(odd) { clear: both; }
#opportunity-3 .col .lcol { width: 10%; margin-right: 2%; float: left; }
#opportunity-3 .col .lcol img { width: 100%; }
#opportunity-3 .col .rcol { width: 88%; float: left; }
#opportunity-3 .col .rcol h3 { margin-bottom: 2px; }
@media screen and (max-width: 1199px) {
	#opportunity-4 a { display: block; max-width: 300px; margin: 10px auto 0; }
}
@media screen and (max-width: 600px) {
	#opportunity-1 { padding-top: 20px; }
	#opportunity-1 .opportunity-tag { display: none; }
	#opportunity-1 .col { width: 100%; float: none; }
	#opportunity-2 form.cssform div.fc { width: 100%; }
	#opportunity-3 { padding: 0; margin-bottom: 20px; }
	#opportunity-3 .col { width: 100%; margin: 0; }
}

/* signup */
#signup { min-height: 600px; padding: 30px 0; max-width: 1000px; margin: 0 auto; }
#signup .lcol { width: 65%; padding: 0 2%; float: left; box-sizing: border-box; margin-top: 30px;  }
#signup .rcol { width: 35%; padding: 0 2%; float: left; box-sizing: border-box; margin-top: 30px;  }
#signup .rcol ul li img { vertical-align: middle; margin-right: 15px; }
#signup .box.green { background: #ECFCCE; margin-bottom: 20px; border: 2px solid #BFE37B; border-radius: 4px; }
#signup .box h5 { margin: 0; border-bottom: 2px solid #BFE37B; font-size: 14px; font-weight: 600; padding: 3%; }
#signup .box .body { line-height: 18px; padding: 3%; }
#signup .box .body, #signup .box .body p, #signup .box .body a { font-size: 14px; }

@media screen and (max-width: 850px) {
  #signup .lcol, #signup .rcol { width: 100%; float: none; clear: both; }
  #signup .button.fs26 { font-size: 18px; }
}

/* beacons */
#beacons-1 { background: #6a767c; padding-bottom: 60px; margin-top: -30px; }
#beacons-1 .top { background: #f1f1f4; text-align: center; padding-top: 40px; height: 586px; }
#beacons-1 .top h1 { font-size: 50px; }
#beacons-1 .top img { display: inline-block; margin-top: 72px; max-width: 700px; width: 100%; }
#beacons-1 #nav { float: left; padding-top: 50px; width: 55%; margin: 0; text-align: right; }
#beacons-1 #nav li { display: inline-block; list-style: none; margin: 0 0 0 20px; }
#beacons-1 #nav li a { color: #fff; font-weight: bold; text-decoration: none; font-size: 20px; }
#beacons-2 { padding: 40px 0 50px; border-bottom: 1px solid #ccc; background: #f1f1f4; }
#beacons-2 h2 { margin-bottom: 15px; }
#beacons-2 .w100 { width: 33.3333%; padding: 0 1%; box-sizing: border-box; float: left; margin: 0; }
#beacons-2 .button { padding: 10px 50px; }
#beacons-3 { padding: 40px 0; }
#beacons-3 .col { width: 33.333333%; float: left; padding: 0 30px; box-sizing: border-box; text-align: center; }
#beacons-3 .col img { display: block; margin: 0 auto 30px; max-width: 200px; width: 100%; }
#beacons-3 .col h3 { color: #01010d; font-weight: bold; font-size: 20px; margin-bottom: 20px; }
#beacons-4 { padding: 80px 0 60px; }
#beacons-4 .col { width: 33.333333%; float: left; padding: 0 40px; box-sizing: border-box; }
#beacons-4 .col img { display: block; max-width: 350px; width: 100%; margin-bottom: 30px; }
#beacons-4 .col h3 { font-weight: bold; }
#beacons-5 { padding: 40px 0; background-color: #2c76bd; }
#beacons-5 .button { margin-left: 50px; }
@media screen and (max-width: 1199px) {
  #beacons-1 .top h1 { font-size: 40px; }
  #beacons-1 { padding-bottom: 0; }
  #beacons-1 .top { height: auto; }
}
@media screen and (max-width: 800px) {
  #beacons-2 .w100 { width: 100%; margin-bottom: 10px; }
  #beacons-5 .button { display: block; margin-left: 0; margin-top: 10px;}

}
@media screen and (max-width: 600px) {
  #beacons-3 .col { width: 100%; float: none; margin-bottom: 30px; }
  #beacons-4 .col { width: 100%; float: none; margin-bottom: 30px; }
}

.fa.fa-twitter{
	font-family:sans-serif;
}
.fa.fa-twitter::before{
	content:"𝕏";
	font-size:1.2em;
}