/*  Stuff from Bungalow2.css */
.dropshadow {
box-shadow:   5px 10px 30px gray;
margin:20px;
	
}



/* ---- Expander --from BungaloSoftawre.com used with expander.js--*/
.hidden {
  display: none;
}

a.expander {
  font-weight: 600;
  font-size: 0.9em;
  border-bottom: 1px dashed;
  text-decoration: none;
}
a.expander:after {
  font-family: sans-serif;
  content: ">";
  display: inline-block;
  padding-left: 4px;
  vertical-align: middle;  
}

/*--- end of Expander*/


/* ---- CTA  button---- from Bungalow software */
/*
CTA

.cta-primary - primary CTA
.cta-full.cta-primary - 100% width CTA
.cta-mid.cta-primary - .
.cta-small.cta-primary - .

Markup:
<a class="cta  {{modifier_class}}">Click Me</a>

styleguide 3
*/
.cta {
  background-position: 0% 0%;
	padding: 1em 2em;
	display: inline-block;
  font-weight: 700;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  font-size: 1em;
  color: #af4600;  
  border: 1px solid #d35400;
  box-shadow: 0 0 5px 0 #d35400;
	background-image: linear-gradient(0, #fee1cd 20%, #fff);
	background-color: #fee1cd;
	background-repeat: repeat;
	background-attachment: scroll;
}

.cta:hover {
  background-color: #fee1cd;
  background-image: none;
 }

.cta-primary, 
.cta-primary:link, 
.cta-primary:visited, 
.cta-primary:focus {
  border: 1px solid #d35400;
  background-color: #f16000;
  color: #fff;
  background-image: linear-gradient(0, #d35400 20%, #f16000);
  box-shadow: 0 0 5px 0 #d35400;
}

.cta-primary:hover {
  background-color: #d35400;
  background-image: none;
  }

.cta-full {
  text-align: center;
  width: 100%;
}

.cta-small {
  padding: 0.25em 0.5em;
  font-size: 0.75em;
  font-weight: 600;
}

.cta-mid {
  padding: 0.45em 1.25em;
  font-size: 0.9em;
  font-weight: 600;
}


/* end of CTA */




.group:after {
	clear: both;
	display: table;
	content: "";
}

.relative {
	position: relative;
}

ol.list-spaced>li {
	
	margin-top:1em;

}

body {
	background-color: #e5e5e5;
	margin: 0;
	padding: 0 10px 10px;
	font-family: 'Source Sans Pro', Tahoma, Helvetica, sans-serif, serif;
	color: #333;
}

a, a:hover, a:active {
	color: #8536ad;
	text-decoration: underline;
}

input.radio {
	display: inline-block;
	/*margin-left: 1em;*/
}

img.float-left {
	display: inline-block;
	float: left;
	margin: 0 .5em .2em 0;
}

img.float-right {
	display: inline-block;
	float: right;
	margin: 0 0 .2em .5em;
}

a:hover {
	color: #a757cf;
}

	.page-message {
		width: 100%;
		max-width: 940px;
		margin: 20px auto;
		padding: 10px;
		text-align: center;
		font-weight: bold;
		font-size: 20px;
	}

	.page-message.error {
		background-color: #FFBDBD;
		color: #530000;
		border: 1px solid #530000;
	}

	.page-message.success {
		background-color: #C2FFBD;
		color: #065300;
		border: 1px solid #065300;
	}

	.main_wrapper {
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
		position: relative;
		background-color: #fff;
		-webkit-box-shadow: 0px 0px 10px 0px #787878;
      			box-shadow: 0px 0px 10px 0px #787878;
	}
		img.portrait {
			position: absolute;
			top: 15px;
			left: 0;
			z-index: 2;
	right: 915px;
}
		
		#header,
		#content,
		#footer {
			padding: 20px;
		}
		
		#header {
			background-color: #e3e3e3;
			position: relative;
			text-align: right;
		}
		
			#header > img#logo {
				position: absolute;
				left: 50%;
				top: 5px;
				margin-left: -78px;
	float: left;
}
		
			#header > span.sign-in-up {
				display: inline-block;
				white-space: nowrap;
			}
		
				#header > span.sign-in-up > a.sign-up, 
				#header > span.sign-in-up > a.sign-in {
					display: inline-block;
					margin: 0;
					font-size: 16px;
				}
			
				#header > span.sign-in-up > a.sign-up {
					margin-left: 50px;
				}
			
				#header > span.sign-in-up > a.sign-in.previously_registered {
					background-color: #5cb85c;
					color: #fff;
					padding: 5px 15px;
					text-decoration: none;
					-webkit-border-radius: 5px;
					   -moz-border-radius: 5px;
							border-radius: 5px;
				}
			
				#header > span.sign-in-up > a.sign-in.previously_registered:hover {
					background-color: #7dd87d;
				}
		
			#header > span.phone {
				display: inline-block;
				font-weight: normal;
				font-size: 20px;
				white-space: nowrap;
			}
		
		#content {
			padding-bottom: 0;
			position: relative;
			min-height: 480px;
		}
			
			#content .testimonials-container {
				position: absolute;
				bottom: 0;
				left: 20px;
			}
			
				#content .testimonial-container {
					position: absolute;
					bottom: 90px;
					left: 0;
					z-index: 2;
					display: none;
				}
			
					#content .testimonial-container .bubble {
						position: relative;
						width: 270px;
						min-height: 50px;
						padding: 10px;
						background: #ffffca;
						border: #712e93 solid 3px;
						font-family: 'Merienda', Georgia, "Times New Roman", Times, 'Source Sans Pro', Tahoma, Helvetica, sans-serif, serif;
						font-size: 20px;
						font-style: normal;
						cursor: pointer;
						-webkit-border-radius: 20px;
						   -moz-border-radius: 20px;
								border-radius: 20px;
					}
			
						#content .testimonial-container .bubble .quote-sign {
							font-family: 'Source Sans Pro', Tahoma, Helvetica, sans-serif, serif;
							font-size: 100px;
							font-style: normal;
							float: left;
							line-height: 0.8;
							height: .4em;
							margin: 0 5px 5px 0;
						}

					#content .testimonial-container .bubble:after {
						content: '';
						position: absolute;
						border-style: solid;
						border-width: 15px 15px 0;
						border-color: #ffffca transparent;
						display: block;
						width: 0;
						z-index: 1;
						bottom: -15px;
						left: 37px;
					}

					#content .testimonial-container .bubble:before {
						content: '';
						position: absolute;
						border-style: solid;
						border-width: 17px 17px 0;
						border-color: #712e93 transparent;
						display: block;
						width: 0;
						z-index: 0;
						bottom: -20px;
						left: 35px;
					}
			
					#content .testimonial-container .author-container {
						margin: 20px 0 10px;
					}
			
						#content .testimonial-container .author-container .thumbnail {
							width: 110px;
							height: 110px;
							float: left;
							border: 1px solid #333;
							overflow: hidden;
							cursor: pointer;
							-webkit-border-radius: 55px;
							   -moz-border-radius: 55px;
									border-radius: 55px;
						}
			
							#content .testimonial-container .author-container .thumbnail > img {
								width: 110px;
								height: 110px;
								margin: 0;
								padding: 0;
							}
			
						#content .testimonial-container .author-container .author {
							float: left;
							font-size: 24px;
							margin: 0 0 0 10px;
							line-height: 1.1;
						}
			
						#content .testimonial-container .author-container .thumbnail ~ .author {
							margin-top: 30px;
						}
			
					#content .testimonial-navigation {
						width: 310px;
						position: absolute;
						left: 0;
						bottom: 10px;
						display: none;
						text-align: center;
					}
			
						#content .testimonial-navigation > a,
						#content .testimonial-navigation > a > i {
							font-size: 60px;
							height: 60px;
							line-height: 60px;
							text-decoration: none;
							color: #8536ad;
							display: inline-block;
							margin: 0 6px;
							vertical-align: middle;
						}
			
						#content .testimonial-navigation > a:hover,
						#content .testimonial-navigation > a:hover > i {
							color: #a757cf;
						}
			
						#content .testimonial-navigation > a.active,
						#content .testimonial-navigation > a.active > i {
							color: #333;
						}
			
						#content .testimonial-navigation > a.play > i,
						#content .testimonial-navigation > a.pause > i {
							font-size: 50px;
						}
			
						#content .testimonial-navigation > a.play {
							display: none;
						}
			
			#content > h1 {
				margin: 20px 0 0 330px;
				padding: 0;
				font-weight: bold;
				font-size: 42px;
				line-height: 1.1;
			}
		
			#content > h2 {
				margin: 5px 0 0 330px;
				font-size: 32px;
				font-weight: normal;
				font-style: italic;
				line-height: 1.2;
			}
		
			#content > .calltoaction-container {
				margin: 50px 0 0 420px;
	text-align: center;
}
				
				#content > .calltoaction-container > a.start-now {
					display: inline-block;
					cursor: pointer;
					color: #333333;
					font-family: 'Source Sans Pro', Tahoma, Helvetica, sans-serif, serif;
					font-size: 40px;
					font-weight: bold;
					padding: 6px 24px;
					text-decoration: none;
					text-shadow: 0px 1px 0px #ffee66;
					border: 1px solid #ffaa22;
					background-color: #ffec64;
					background:  -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
					background: 	-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
					background: 	 -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
					background: 	  -o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
					background: 		-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
					background: 		 linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
					 -webkit-border-radius: 6px;
						-moz-border-radius: 6px;
							 border-radius: 6px;
					 -webkit-box-shadow: 0px 1px 0px 0px #fff6af;
						-moz-box-shadow: 0px 1px 0px 0px #fff6af;
							 box-shadow: 0px 1px 0px 0px #fff6af;
				}
				
				#content > .calltoaction-container > a.start-now:hover {
					background-color:#ffab23;
					background:	 -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
					background:		-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
					background:		 -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
					background:		  -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
					background:			-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
					background:			 linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
					filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
				}
				
				#content > .calltoaction-container > a.start-now.purple {
					color: #fff;
					/* background: #8536ad;
					background:  -webkit-linear-gradient(top, #8536ad 0%, #8536ad 50%, #712e93 50%, #712e93 100%);
					background: 	-moz-linear-gradient(top, #8536ad 0%, #8536ad 50%, #712e93 50%, #712e93 100%);
					background: 	 -ms-linear-gradient(top, #8536ad 0%, #8536ad 50%, #712e93 50%, #712e93 100%);
					background: 	  -o-linear-gradient(top, #8536ad 0%, #8536ad 50%, #712e93 50%, #712e93 100%);
					background: 		-webkit-gradient(left top, left bottom, color-stop(0%, #8536ad), color-stop(50%, #8536ad), color-stop(50%, #712e93), color-stop(100%, #712e93));
					background: 		 linear-gradient(to bottom, #8536ad 0%, #8536ad 50%, #712e93 50%, #712e93 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8536ad', endColorstr='#712e93', GradientType=0 ); */
					
					text-shadow: 0px 1px 0px #712e93;
					border: 1px solid #712e93;
					background-color: #712e93;
					background:  -webkit-linear-gradient(top, #b977da 5%, #712e93 100%);
					background: 	-moz-linear-gradient(top, #b977da 5%, #712e93 100%);
					background: 	 -ms-linear-gradient(top, #b977da 5%, #712e93 100%);
					background: 	  -o-linear-gradient(top, #b977da 5%, #712e93 100%);
					background: 		-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b977da), color-stop(1, #712e93));
					background: 		 linear-gradient(to bottom, #b977da 5%, #712e93 100%);
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b977da', endColorstr='#712e93',GradientType=0);
					
					/* -webkit-box-shadow: inset 1px 1px 0 0 #ecc8ff, inset 1px -1px 0 0 #5c2279;
					   -moz-box-shadow: inset 1px 1px 0 0 #ecc8ff, inset 1px -1px 0 0 #5c2279;
							box-shadow: inset 1px 1px 0 0 #ecc8ff, inset 1px -1px 0 0 #5c2279; */
					 -webkit-box-shadow: 0px 1px 0px 0px #bf87db;
						-moz-box-shadow: 0px 1px 0px 0px #bf87db;
							 box-shadow: 0px 1px 0px 0px #bf87db;
				}
				
				#content > .calltoaction-container > a.start-now.purple:hover {
					/* border: 1px solid #3f1355;
					background: #712e93;
					background:  -webkit-linear-gradient(top, #712e93 0%, #712e93 50%, #5b2178 50%, #5b2178 100%);
					background: 	-moz-linear-gradient(top, #712e93 0%, #712e93 50%, #5b2178 50%, #5b2178 100%);
					background: 	 -ms-linear-gradient(top, #712e93 0%, #712e93 50%, #5b2178 50%, #5b2178 100%);
					background: 	  -o-linear-gradient(top, #712e93 0%, #712e93 50%, #5b2178 50%, #5b2178 100%);
					background: 		-webkit-gradient(left top, left bottom, color-stop(0%, #712e93), color-stop(50%, #712e93), color-stop(50%, #5b2178), color-stop(100%, #5b2178));
					background: 		 linear-gradient(to bottom, #712e93 0%, #712e93 50%, #5b2178 50%, #5b2178 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#712e93', endColorstr='#5b2178', GradientType=0 );
					-webkit-box-shadow: inset 0 0 30px 5px #490d55;
					   -moz-box-shadow: inset 0 0 30px 5px #490d55;
							box-shadow: inset 0 0 30px 5px #490d55; */
					
					background-color:#b977da;
					background:	 -webkit-linear-gradient(top, #712e93 5%, #b977da 100%);
					background:		-moz-linear-gradient(top, #712e93 5%, #b977da 100%);
					background:		 -ms-linear-gradient(top, #712e93 5%, #b977da 100%);
					background:		  -o-linear-gradient(top, #712e93 5%, #b977da 100%);
					background:			-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #712e93), color-stop(1, #b977da));
					background:			 linear-gradient(to bottom, #712e93 5%, #b977da 100%);
					filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#712e93', endColorstr='#b977da',GradientType=0);
					
				}
				
					#content > .calltoaction-container > a.start-now > span {
						font-weight: normal;
						font-style: italic;
					}
				
				#content > .calltoaction-container > a.view-demo {
					line-height: 70px;
					font-size: 20px;
					vertical-align: top;
					white-space: nowrap;
				}
					
			#content > p {
				margin: 0 0 0 420px;
				font-size: 20px;
				padding: 5px 0 25px;
			}
					
				#content > a.purple {
				}
			
		#footer {
			text-align: center;
			padding-top: 0;
		}
			
			#footer .footer-menu {
				font-size: 20px;
				line-height: 1.2;
				margin: 10px 0;
				text-align: center;
			}
			
		.popup {
			display: none;
			z-index: 15;
			position: fixed;
			top: 0;
			left: 0;
			background-color: #000;
			background-color: rgba(0,0,0,.7);
			width: 100%;
			height: 100%;
		}
			.popup > .popup-content {
				position: absolute;
				padding: 30px;
				width: 100%;
				/* max-width: 700px; */
				top: 0;
				left: 0;
				background-color: #fff;
				-webkit-border-radius: 10px;
				   -moz-border-radius: 10px;
						border-radius: 10px;
				-webkit-box-shadow: 0px 0px 10px 0px #000;
	      				box-shadow: 0px 0px 10px 0px #000;
				-webkit-box-sizing: border-box;
				   -moz-box-sizing: border-box;
						box-sizing: border-box;
			}
			
			.popup-login-register > .popup-content {
				text-align: center;
			}
				.popup > .popup-content > a.close {
					position: absolute;
					right: 5px;
					top: 5px;
					color: #ff0000;
				}
				
				.popup > .popup-content > a.close:hover {
					color: #999;
				}
				
				.popup > .popup-content > iframe {
					border: none;
					outline: none;
					margin: 0;
					padding: 0;
				}
				
				.popup-login-register a.new-user,
				.popup-login-register a.existing-user {
					display: inline-block;
					color: #fff;
					padding: 10px 40px;
					margin: 10px 20px;
					text-decoration: none;
					-webkit-border-radius: 5px;
					   -moz-border-radius: 5px;
							border-radius: 5px;
				}
				
				.popup-login-register a.new-user {
					background-color: #428bca;
				}
				
				.popup-login-register a.new-user:hover {
					background-color: #60a7e5;
				}
				
				.popup-login-register a.existing-user {
					background-color: #5cb85c;
				}
				
				.popup-login-register a.existing-user:hover {
					background-color: #7dd87d;
				}
				
				.popup-survey label.for-radio {
					font-size: 22px;
				}
				
				/* .popup-survey input.radio {
					padding: 7px 5px;
				} */
				
				.popup-survey .did-you-find-container,
				.popup-survey .what-looking-for-container,
				.popup-survey .contact-info-container {
					display: none;
				}
				
				.popup-survey input.text,
				.popup-survey textarea {
					width: 95%;
					max-width: 300px;
				}
				
				.popup-survey h5,
				.popup-survey .field-container sup {
					color: #ff0000;
				}
				
				.popup-survey label.for-radio {
					padding: 0.5em 1em;
					cursor: pointer;
				}
				
				.popup-survey label.for-radio:hover {
					color: #8536ad;
				}
				
				.popup-survey input.submit {
					display: inline-block;
					color: #fff;
					padding: 10px 25px;
					margin: 10px 0;
					outline: none;
					border: none;
					background-color: #428bca;
					-webkit-border-radius: 5px;
					   -moz-border-radius: 5px;
							border-radius: 5px;
				}
			
				.popup-survey input.submit:hover {
					background-color: #60a7e5;
				}
				
				.popup-contact-us h2 {
					margin-top: 0;
				}
				
				.popup-contact-us .form-container {
					width: 700px;
				}
				
					.popup-contact-us .form-container .field-container {
						padding: 5px;
						margin: 5px;
					}
				
					.popup-contact-us .form-container .field-container:first-child {
						border-top: none;
					}
				
						.popup-contact-us .form-container .field-container > label {
							width: 200px;
							float: left;
							text-align: right;
							margin-right: 20px;
						}
				
							.popup-contact-us .form-container .field-container > label > sup {
								color: #ff0000;
							}
				
						.popup-contact-us .form-container .field-container > input,
						.popup-contact-us .form-container .field-container > textarea {
							width: 300px;
							float: left;
						}
				
						.popup-contact-us .form-container .field-container > h5 {
							width: 300px;
							float: left;
							color: #ff0000;
							font-weight: normal;
							clear: left;
							margin-left: 220px;
						}
				
					.popup-contact-us .form-container input.submit {
						display: inline-block;
						color: #fff;
						padding: 10px 25px;
						margin: 0 0 0 230px;
						outline: none;
						border: none;
						background-color: #428bca;
						-webkit-border-radius: 5px;
						   -moz-border-radius: 5px;
								border-radius: 5px;
					}
				
					.popup-contact-us .form-container input.submit:hover {
						background-color: #60a7e5;
					}

@media ( max-width: 1000px ) {
	
	#header > span.sign-in-up > a.sign-up {
		margin-left: 20px;
	}
	
	#content > h1 {
		margin-left: 380px;
	}
	
	#content > h2 {
		margin-left: 420px;
	}
	
}

@media ( max-width: 840px ) {
	
	#header > img#logo {
		margin-left: 0;
		left: 10px;
		margin-left: 0;
	}
	
	#header > span.sign-in-up > a.sign-up {
		margin-left: 50px;
	}
	
	#content > .calltoaction-container {
		margin-left: 330px;
		position: relative;
		z-index: 10;
		text-align: right;
	}
		#content > .calltoaction-container > a.start-now {
			margin-right: 0;
		}
		
		#content > .calltoaction-container > a.view-demo {
			display: block;
		}
	
	#content > p.description {
		margin-left: 0;
	}
	
}

@media ( max-width: 730px ) {
	
	#header > span.sign-in-up > a.sign-up {
		margin-left: 20px;
	}
	
	img.portrait {
		position: static;
		display: block;
		width: 100%;
		max-width: 421px;
		height: auto;
		margin: 0 auto;
	}
	
	#content .testimonial-container, #content .testimonials-container, #content .testimonial-navigation {
		position: static;
		width: 100%;
		max-width: 290px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#content > h1, 
	#content > h2, 
	#content > .calltoaction-container,
	#content > p.description {
		margin-left: 0;
		text-align: center;
	}
	
	#footer img#logos {
		width: 100%;
		max-width: 600px;
		height: auto;
	}
}

@media ( max-width: 540px ) {
	
	#header {
		padding-left: 250px;
	}
	
}

@media ( max-width: 400px ) {
	
	#header {
		margin: 0;
		text-align: center;
		padding: 20px;
	}
	
		#header > img#logo {
			position: static;
			margin: 0;
			padding: 0;
		}
	
		#header > span.phone,
		#header > span.sign-in-up {
			display: block;
			margin: 10px 0 5px;
			padding: 0;
			text-align: center;
		}
	
}