/* ========================================= HTML 5 and basics */
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}/* natural box model */
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%;}

/* elements */
body, select, textarea, input, button { font: 16px 'Raleway', sans-serif; color:#242424; }
a, a:after { color:#386684; text-decoration: none; }
a:hover { color:#666; }
h1, h2, h3, h1 a, h2 a, h3 a, legend { color:#386684; }
h1 { margin:0 0 10px; font-size: 2em; font-weight: normal; }
h2 { margin:0 0 10px; font-size: 1.6em; font-weight: normal; }
h3 {margin:0 0 5px; font-size: 1.2em; font-weight: normal; }
p {margin:0 0 1em;line-height:1.4em; font-weight: normal;}
ul,ol{margin:0 0 1em 30px;padding: 0;}
ul li, ol li{line-height:1.7em;margin: 0 0 .3em;padding: 0;}
li ol, li ul{margin-bottom:0;}

/* helpers */
.block { display: block; }
.hide { display: none; }
.inline-block { display: inline-block !important; }
.white { color: #fff; }
.green { color:#78B131; }
.bold { font-weight: bold; }
.fs16 { font-size: 16px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs26 { font-size: 26px; }
.fs38 { font-size: 38px; }
.fs56 { font-size: 56px; }
.img100 { width: 100%; }
.mb0 { margin-bottom: 0; }
.border-bot { border-bottom: 1px solid #ccc; }
.pb5 { padding-bottom: 5px; }
.mb5 { margin-bottom: 10px; }
.ucase { text-transform: uppercase; }

/* structure */
body{margin:0;padding:0;text-align:left;}
#main { min-height: 600px; }
.container { max-width: 1200px; margin: 0 auto; }
@media screen and (max-width: 1199px) {
	.container { padding: 0 10px; }
}

/* header */
header { background-size: cover; padding: 10px 0; border-bottom: 1px #ccc solid; }
header .lcol { width: 30%; float: left; }
header .lcol h1 { font-size: 32px; line-height: 65px; margin-bottom: 0;}
header .lcol img { max-width: 100%; height: auto; max-height: 65px; display: block; }
header .rcol { width: 70%; float: left; padding-top: 7px; }
header #nav-area { float: right; }
header #nav-area-reviews { float: right; top: 22px; width: 65%; float: left; }
header ul#nav-bot { padding-top: 10px; border-top: 1px #ccc solid; margin-top: 5px; clear:both; }
header ul { margin: 0;  float: right; }
header ul li { display: inline-block; margin: 0 0 0 30px; list-style: none; position: relative; }
header ul li a { color: #666; font-size: 18px; }
header ul li a.current { font-weight: bold; }
header ul li a.button { padding: 5px 10px; margin-right: 0; }
header ul ul { position:absolute; opacity:0; float: none; width:170px; z-index: 100; text-align: left; padding: 10px 0 0; border-bottom: 1px solid #ccc; }
header ul ul li { float: none; margin: 0; display: block; }
header ul ul li a, header nav ul li:hover ul li a{ background:#fff; padding: 10px; display: block; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
header ul li:hover ul { opacity:1; top: auto; left: -10px; }
header #nav-area-reviews a.button { padding: 5px 20px;}
header #nav-area-reviews ul ul { padding-top: 32px; }
header ul#nav-top li a { font-weight: bold; }
header .mobile-toggle { display: none; text-align: center; font-size: 2em; z-index: 1000; float: right; line-height: 65px; }
@media screen and (max-width: 1000px) {
	header { height: auto; padding: 5px 0; }
	header .lcol { width: 80%;}
	header .rcol { clear:both; float: none; width: 100%; padding-top: 0;padding-bottom: 30px;  }
	header img { max-width: 200px; }
	header #nav-area { float: none; }
	header ul#nav-top { display: none; }
	header ul#nav-bot { float: none; display: none; border-top: 0;  }
	header ul#nav-bot li, header ul#nav-reviews li { display: block; text-align: center; margin-bottom: 8px; }
	header #nav-area-reviews { clear: both; width: 100%; float: none; display: none; border-top: 0; text-align: center; top: auto; }
	header #nav-area-reviews ul, header ul#nav-bot { float: none; }
	header ul li { margin: 0;}
  header .mobile-toggle { display: block; }
  header ul li.has-submenu > a { display: none; }
  header ul ul { opacity:1; top: auto; left: auto; position: relative; width: 100%; padding: 0; background: none; border: none; text-align: center; }
  header #nav-area-reviews ul ul { padding: 0; }
  header ul ul li a, header nav ul li:hover ul li a { background: none; padding: 0; border: none; }
  header ul li:hover ul { left: 0; }
}
@media screen and (max-width: 1000px) {
	header .lcol { }
}


/* 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 { box-sizing: content-box; border: 1px solid #ccc; border-radius: 50%; padding: 10px; font-size: 20px; width: 20px; height: 20px; text-align: center; display: inline-block; margin: 0 1px 6px;}
#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; }
#footer-reviews { padding: 30px 0; text-align: center; border-top: 1px solid #e5e5e5; }
#footer-reviews ul { margin: 0 0 20px; }
#footer-reviews 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; }
	#footer-reviews ul li { display: block; margin: 0 0 10px 0; }
}

/* home */
#home-1 { padding: 30px 0 30px; background: #d7e0e4; background: -webkit-linear-gradient(#d7e0e4, #fff); background: -o-linear-gradient(#d7e0e4, #fff); background: -moz-linear-gradient(#d7e0e4, #fff); background: linear-gradient(#d7e0e4, #fff); }
#home-1 .lcol { width: 55%; padding: 40px 20px 0; float: left; box-sizing: border-box; }
#home-1 .lcol h1 { font-size: 56px; margin-bottom: 20px; }
#home-1 .lcol ul { margin: 0 0 20px; list-style: none; }
#home-1 .lcol ul li { width: 50%; float: left; }
#home-1 .lcol ul li i { margin-right: 5px; }
#home-1 .rcol { width: 45%; float: left; }
#home-1 .rcol img { max-width: 100%; display: block; }
#home-2 { background: #1a2430; padding: 30px 0; text-align: center; }
#home-2 h2 { margin-bottom: 0; color: #fff; }
#home-2 h2 .button { margin-left: 15px; }
#home-3 { padding: 30px 0; border-bottom: 1px solid #ccc; }
#home-3 .col { width: 25%; padding: 0 10px; float: left; box-sizing: border-box; }
#home-3 .col:nth-child(4n+1) { clear: both; }
#home-3 .col h3 { font-weight: bold; margin-bottom: 2px; color: #242424; }
#home-3 .col .col-img { text-align: center; }
#home-3 .col img { width: 100%; max-width: 200px; }
#home-4 { padding: 50px 0 30px; }
#home-4 .lcol { width: 35%; margin-right: 10%; float: left; padding-top: 20px; }
#home-4 .rcol { width: 55%; float: left; }
#home-4 .rcol img { position: absolute;width:375px; left:50%; margin-left:-200px; top: -20px; }
#home-4 .rcol iframe { width: 100%; max-width: 630px; height: 355px; }
#home-4 .spacecol { width: 15%; margin-right: 10%; float: left; padding-top: 20px; }
@media screen and (max-width: 800px) {
  #home-1 .lcol { width: 100%; padding: 0; float: none; }
  #home-1 .lcol h1 { font-size: 40px; }
  #home-1 .rcol { width: 100%; padding: 0; float: none; }
	#home-2 .button { display: inline-block; margin: 20px auto 0; width: 80%; }
	#home-4 .button { display: inline-block; margin: 20px auto 0; width: 80%; }
}
@media screen and (max-width: 600px) {
	#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; }
}
@media screen and (max-width: 400px) {
  #home-1 .lcol ul li { width: 100%; float: none; }
}

/* resellers */
#reseller-1 { padding: 30px 0 30px; background: #d7e0e4; background: -webkit-linear-gradient(#d7e0e4, #fff); background: -o-linear-gradient(#d7e0e4, #fff); background: -moz-linear-gradient(#d7e0e4, #fff); background: linear-gradient(#d7e0e4, #fff); }
#reseller-1 .lcol { width: 55%; padding: 0 40px; float: left; box-sizing: border-box; }
#reseller-1 .lcol h1 { font-size: 60px; margin-bottom: 20px; }
#reseller-1 .lcol ul { margin: 0 0 20px; list-style: none; }
#reseller-1 .lcol ul li { width: 50%; float: left; }
#reseller-1 .lcol ul li i { margin-right: 5px; }
#reseller-1 .rcol { width: 45%; float: left; }
#reseller-1 .rcol img { max-width: 100%; display: block; }
#reseller-2 { padding: 30px 0; background-color: #386684; }
#reseller-2 h1 { margin-bottom: 10px; }
#reseller-2 form { max-width: 1000px; margin: 0 auto; }
#reseller-2 input.button { padding: .5em 20px; font-size: 16px; border: 1px solid #78b131; width: 100%; }
#reseller-3 { padding: 30px 0; border-bottom: 1px solid #ccc; }
#reseller-3 .col { width: 25%; padding: 0 10px; box-sizing: border-box; float: left; }
#reseller-3 .col:nth-child(4n+1) { clear: both; }
#reseller-3 .col h3 { color: #666; font-weight: bold; }
#reseller-3 .col img { max-width: 150px; }
#reseller-4 { padding-top: 40px; margin-bottom: 30px; }
#reseller-4 .col { width: 25%; padding: 0 10px; text-align: center; float: left; box-sizing: border-box; }
#reseller-4 .col h3 { font-weight: bold; margin-bottom: 2px; }
#reseller-4 .col img { width: 100%; max-width: 200px; }
#reseller-5 { padding: 30px 0; margin-bottom: 40px; }
#reseller-5 h2 { padding-bottom: 2px; border-bottom: 1px solid #ccc; }
#reseller-5 .col { width: 48%; background: #fff; margin: 0 1%; border-radius: 10px; float: left; box-sizing: border-box; margin-bottom: 20px; }
#reseller-5 .col:nth-child(odd) { clear: both; }
#reseller-5 .col .lcol { width: 10%; margin-right: 2%; float: left; }
#reseller-5 .col .lcol img { width: 100%; }
#reseller-5 .col .rcol { width: 88%; float: left; }
#reseller-5 .col .rcol h3 { margin-bottom: 2px; }
@media screen and (max-width: 800px) {
  #reseller-1 .lcol { width: 100%; padding: 0; float: none; }
  #reseller-1 .lcol h1 { font-size: 40px; }
  #reseller-1 .rcol { width: 100%; padding: 0; float: none; }
  #reseller-3 .col { width: 50%; }
  #reseller-3 .col:nth-child(4n+1) { clear: none; }
  #reseller-3 .col:nth-child(2n+1) { clear: both; }
}
@media screen and (max-width: 600px) {
	#reseller-4 { padding-top: 20px; }
	#reseller-4 .opportunity-tag { display: none; }
	#reseller-4 .col { width: 100%; float: none; }
	#reseller-5 { padding: 0; margin-bottom: 20px; }
	#reseller-5 .col { width: 100%; margin: 0; }
}
@media screen and (max-width: 400px) {
  #reseller-1 .lcol ul li { width: 100%; float: none; }
  #reseller-3 .col { width: 100%; }
  #reseller-3 .col:nth-child(2n+1) { clear: none; }
}

/* 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-image img{ width: 100%; }
#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; }
}

/* features */
#features-1 { padding: 30px 0 40px 0; text-align:center;}
#features-1 h1{font-size: 40px;}
#features-1 p{font-size:20px; color:#2091cc;}
#features-2 { padding: 20px 0; }
#features-2 .feat { width: 33.3333%; float: left; box-sizing: border-box; padding: 0 4%; margin-bottom: 30px; text-align: center; }
#features-2 .feat:nth-child(3n+1) { clear: both; }
#features-2 .feat .feat-img img { width: 100%; max-width: 250px; }
#features-2 h1{border-bottom: 1px solid lightgray;padding-bottom: 20px;}
#features-2 h3 { color: #666; font-weight: bold; }
@media screen and (max-width: 600px) {
	#features-2 .feat { width: 100%; float: none; }
	#features-2 .feat img { max-width: 100px; }
}

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

/* pricing */
#pricing { padding: 30px 0; }
.container.plans2 { max-width: 800px; }
.container.plans1 { max-width: 400px; }
.plan { width: 29.33333%; margin: 0 2%; float: left;  }
.plan:nth-child(3n+1) { clear: both; }
.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-details h2 { color: #fff; font-size: 28px; }
.plan-details .plan-price { font-size: 70px; color: #fff; line-height: 70px; margin-bottom: 10px; }
.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; color: #fff; }
.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-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-features ul li { font-size: 18px; }
.plan-features ul li.strike { text-decoration: line-through; }
@media screen and (max-width: 800px) {
	.plan, .plans2 .plan, .plans1 .plan { width: 100%; margin: 0 0 60px; float: left; }
}

/* reviews */
#reviews-1{background:#fff url(/images/marketing/bg-reviews-header.jpg) no-repeat center center;background-size: cover;padding:100px 0 160px;z-index:2;}
#reviews-1 #category-container, #reviews-1 #area-container, #reviews-1 #filter-container, #reviews-1 #search-container { width: 19%; display: inline-block; margin-right: 10px; text-align: left; }
#reviews-1 #search-container input { width: 100%; height: 46px; box-sizing: border-box; padding: 0 10px; font-size: 18px; display: inline-block; }

#reviews-1 .button { padding: 14px 20px; line-height: 18px; font-size: 18px; }
#reviews-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%; }
#reviews-1 #subscribe-overlay h2 { margin-bottom: 0; text-align: center; color: #fff; padding: 20px 0; font-size: 30px; line-height: 1em; font-weight: strong; }
#reviews-1 #subscribe-overlay h2 a { margin-left: 20px; background-color: #800080; font-size: 20px; line-height: 30px; }
#reviews-2 { padding: 50px 0; }

#reviews-2 .location { position: relative; width: 23%; float: left; box-sizing: border-box; border: 1px solid #ccc; margin: 0 1% 30px; }
#reviews-2 .location:nth-child(4n+1) { clear: both; }
#reviews-2 .location .location-logo { border-bottom: 1px solid #ccc; overflow: hidden; }
#reviews-2 .location .location-logo img { width: 100%; display: block; margin: 0 auto; }
#reviews-2 .location .location-logo .featured { width: 200px; position: absolute; top: 25px; left: -60px; text-align: center; line-height: 30px; letter-spacing: 1px; color: #f0f0f0; transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); box-shadow: 0 0 3px rgba(0,0,0,.3); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background: #800080; }
#reviews-2 .location .location-details { padding: 10px; text-align: center; }
#reviews-2 .location .location-details h2 { height: 44px; margin: 0 0 10px; line-height: 22px; font-size: 20px; overflow-y: hidden; color: #23b5e9; }
#reviews-2 .location .location-details p { margin: 0 0 10px; line-height: 18px; font-size: 16px; overflow-y: hidden; }
#reviews-2 .location .location-details p i { color: #FFC500; }
#reviews-2 .location .location-details .btns2 div { width: 49%; float: left; margin: 0 1% 0 0; }
#reviews-2 .location .location-details .btns2 div:nth-child(even) { margin: 0 0 0 1%; }
#reviews-2 .location .location-details a.button { margin-right: 0; width: 100%; display: block; font-size: 14px; padding: 10px 2px; text-align: center; }
@media screen and (max-width: 1100px) {
  #reviews-2 .location { width: 31.333333%; }
  #reviews-2 .location:nth-child(4n+1) { clear: none; }
  #reviews-2 .location:nth-child(3n+1) { clear: both; }
}
@media screen and (max-width: 1000px) {
  #reviews-1 #category-container, #reviews-1 #area-container, #reviews-1 #search-container, #reviews-1 #filter-container { width: 100%; display: block; margin-bottom: 20px; }
}
@media screen and (min-width: 700px) {
	#reviews-2 .location-container {
		display:flex;
		flex-wrap: wrap;
	}
	#reviews-2 .location {
		display: flex;
		flex-direction: column;
	}
	#reviews-2 .location .location-details {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
	}
	#reviews-2 .location .location-details .excerpt {
		margin-bottom: auto;
	}
	#reviews-2 .location .location-details .review-stars {
		margin-top:1rem;
	}
}

@media screen and (max-width: 700px) {
	#reviews-1 { padding-top: 50px; }
	#reviews-1 h1 { font-size: 40px; }
  #reviews-1 #subscribe-overlay h2 { font-size: 24px; padding: 10px 0; }
  #reviews-1 #subscribe-overlay h2 a { display: block; margin-left: 0; max-width: 200px; margin: 0 auto; margin-top: 10px; }
  #reviews-2 .location { width: 48%; }
  #reviews-2 .location:nth-child(3n+1) { clear: none; }
  #reviews-2 .location:nth-child(2n+1) { clear: both; }
}
@media screen and (max-width: 500px) {
	#reviews-1 { padding-top: 20px; }
  #reviews-2 .location { width: 100%; float: none; border: 0; border-bottom: 1px solid #ccc; margin: 0 0 20px; padding-bottom: 20px; }
  #reviews-2 .location:nth-child(2n+1) { clear: none; }
  #reviews-2 .location:last-child { border-bottom: 0; }
  #reviews-2 .location .location-logo { width: 20%; float: left; border: 0; }
  #reviews-2 .location .location-details { width: 80%; float: left; text-align: left; }
  #reviews-2 .location .location-details h2 { height: auto; }
  #reviews-2 .location .location-details p { margin-bottom: 15px; }
  #reviews-2 .location .location-details div { text-align: left; }
  #reviews-2 .location .location-details a.button { }
  #reviews-2 .location .location-logo .featured { font-size: 10px; line-height: 18px; top: 15px; left: -75px;}
}

/* review profiles */
#review-profile-1 {background:#fff url(/images/marketing/bg-reviews-header.jpg) no-repeat center center;background-size: cover;height: 75px;z-index:2;}
#review-profile-2 { padding: 30px 0; }
#review-profile-2 .lcol { width: 25%; padding-right: 30px; float: left; box-sizing: border-box; }
#review-profile-2 .rcol { width: 75%; float: left; box-sizing: border-box; }
#review-profile-2 #review-profile-info { border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 30px; }
#review-profile-2 .lcol .profile-sidebar { border: 1px solid #ccc; padding: 10px; margin-bottom: 30px; }
#review-profile-2 .review-profile-info-img { border: 1px solid #ccc; margin-bottom: 5px; }
#review-profile-2 .review-profile-info-img img { width: 100%; display: block; }
#review-profile-2 #review-profile-map { margin-bottom: 30px; border: 1px solid #ccc; }
#review-profile-2 #review-profile-map #map { height: 200px; width: 100%; }
#review-profile-2 #review-profile-connections { margin-bottom: 30px; }
#review-profile-2 #review-profile-connections-header { padding: 10px; background-color: #386684; color: #fff; font-size: 18px; }
#review-profile-2 #review-profile-connections-content { padding: 10px; border: 1px solid #ccc; }
#review-profile-2 #review-profile-connections-content ul { margin: 0; }
#review-profile-2 #review-profile-connections-content ul li { list-style: none; padding: 10px 0; border-bottom: 1px solid #ccc; margin-bottom: 0; }
#review-profile-2 #review-profile-connections-content ul li:last-child { border-bottom: 0; }
#review-profile-2 #review-profile-connections-content i.fa-star-o, #review-profile-2 #review-profile-connections-content i.fa-star,
  #review-profile-2 #review-profile-connections-content i.fa-star-half-o { color: #FFC500; }
#review-profile-2 #review-profile-reviews-header { padding: 10px; background-color: #386684; color: #fff; font-size: 18px; }
#review-profile-2 #review-profile-reviews-content { padding: 10px; border: 1px solid #ccc; }
#review-profile-2 #review-profile-reviews-list { margin: 0; }
#review-profile-2 #review-profile-reviews-list li { list-style: none; padding: 15px 0; border-bottom: 1px solid #ccc; margin-bottom: 0; }
#review-profile-2 #review-profile-reviews-list li:last-child { border-bottom: 0; }
#review-profile-2 #review-profile-reviews-list li .logo { float: right; }
#review-profile-2 #review-profile-reviews-list li .logo img { max-width: 100px; }

@media screen and (max-width: 800px) {
	#review-profile-2 .lcol { width: 100%; padding: 0; float: none; margin-bottom: 30px; }
	#review-profile-2 .rcol { width: 100%; float: none; }
	#review-profile-2 .review-profile-info-img { max-width: 400px; margin: 0 auto; }
	#review-profile-2 #review-profile-reviews-list li .logo { float: none; }
}

/* payment */
#payments { padding: 30px 0; }
#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%; }
}

/* login */
#login-1 { padding: 30px 0; }
#login-1 .container { max-width: 500px; margin: 0 auto; }

/* standard */
#standard { padding: 30px 0; }

/* forms */
form.css input, form.css select, form.css textarea { color:#222; display: block; width: 100%; background: #fff; border: 2px solid #ccc; padding:.5em; border-radius: 0; box-sizing: border-box; }
form.css input[type="text"], form.css textarea,form.css input[type="email"],form.css input[type="submit"],form.css input[type="button"]{-webkit-appearance: none;}
form.css textarea.tall { height: 10em; }
form.css label.inline {cursor:pointer; line-height:1.2em; display: inline; }
form.css input.inline {width:auto; margin-right:6px; border:none; background:none; display: inline;}
form.css label{display: block;color:#333;clear:both;}
form.css div.field{float:left;width:99%;margin: 0 .5% 10px;}
form.css div.field.f2{float:left;width:49%;}
form.css div.field.f3{float:left;width:32%;}
form.css div.field.f4{float:left;width:24%;}
form.css div.field.expiration select { display: inline; }
form.css div.field.inline label, form.css div.field.inline input { display: inline; width: auto; }
form.css select{width:auto;}
form.css select.field.wauto { width: auto; display: inline-block; }
@media screen and (max-width: 800px) {
  form.css div.field{float:none;width:100%;margin: 0 0 10px;}
  form.css div.field.f2{float:none;width:100%;}
  form.css div.field.f3{float:none;width:100%;}
  form.css div.field.f4{float:none;width:100%;}
}
.StripeElement {
    background-color: white;
    padding: 0.5em;
    border: 2px solid #ccc;
    font-size: 16px;
}

	/* buttons */
form.css .button, a.button { background:#78b131; color:#fff; padding:10px 20px; border: none; cursor: pointer; display:inline; margin-right: 10px; width: auto;}

/* alerts */
ul.alert{padding:5px 5px 5px 30px;color:#222;border: 2px solid #0c0;margin: 0 0 1.8em;background: #cfc;position:relative; list-style: none;}
ul.alert.error{background: #fcc;border-color:#c00;}
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:1.8em;}
ul.alert.success:before{content:'\2713';background:#0c0;padding:0px 8px 0px 6px;}
ul.alert li:last-child { margin-bottom: 0; }

/* paging */
.paging { clear: both; text-align: center; }
.paging a { padding: 5px; border: 1px solid #ccc; margin-right: 5px; }
.paging a.current { font-weight: bold; }

/* 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; }
#simpleselect_search_sort { width: 200px; float: right; height: 30px; }
#simpleselect_search_sort.simpleselect .placeholder { font-size: 14px; line-height: 14px; padding: 7px 10px; }

/* 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; color: #000; }
#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; }
}