/* ===============COLORS:==============	
	YELLOW:
	color: #fce572;
	color: rgba(252, 229, 114, 1.0);

	TEAL:
	color: #70cbd1;
	color: rgba(112, 203, 209, 1.0);

	DARK TEAL(HOVER):
	color: #3ba8b0;
	color: rgba(59, 168, 176, 1.0);	

	CORAL:
	color: #f39278;
	color: rgba(243, 146, 120, 1.0);

	GRAY:
	color: #c3cbd3;
	color: rgba(195, 203, 211, 1.0);

	LIGHT TAN:
	color: #f4f4f0;
	color: rgba(244, 244, 240, 1.0);

	TAN:
	color: #efebd2;
	color: rgba(239, 235, 210, 1.0);

	GREEN(LOGO):
	color: #b8d312;
	color: rgba(184, 211, 18, 1.0);

	TEXT COLOR:
	color: #556270;
	color: rgba(85,98,112, 1.0);	
*/

/* ===============FONTS:==============	
	font-family: 'proxima-nova', helvetica, sans-serif;
	WEIGHTS: 100(Thin), 300(LIGHT), 400(Regular), 600 (SemiBold) & 700(Bold)
	STYLES: normal & italic
*/


/*OVERALL SITE STYLES*/
	body, html {width: 100%; height: 100%; margin: 0; padding: 0;}

	body {
		font-family: 'proxima-nova', helvetica, sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.25em;
		color: #556270;
		background: #f4f4f0;			
	}

	h1,h2,h3,h4,h5,h6 {font-weight: 400;}
	h1, .h1 {font-size: 3.125em;}
	h2, .h2 {font-size: 2.125em;}
	h3, .h3 {font-size: 1.625em; }
	h4, .h4 {font-size: 1.25em; }

	strong {font-weight: 700;}

	h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-weight: 600;}
	em {font-style: italic}

	h1.underline, h2.underline, h3.underline, h4.underline, h5.underline, h6.underline {
		display: inline-block;
		text-align: center;
		padding: 0 0.25em 0.1em 0.25em;
		border-bottom: 4px solid #fce572;		
	}
	
	ul.yellow {list-style-image: url('../assets/images/list_arrow_icon.png'); padding-left: 0px; max-width: 510px; margin-left: auto; margin-right: auto;}
	ul.yellow> li {margin: 1.25em 0 1.25em 0.75em; padding-left: 0.25em; }	

	
	#siteContainer {
		width: 100%;		
		background: #fff;
		margin: 0 auto;
	}

	/*BOOTSTRAB OVERRIDES*/

		/*for quick tour icons*/
		.feature_tour *,
		.feature_tour *:before,
		.feature_tour *:after {
		-webkit-box-sizing: content-box !important;
		-moz-box-sizing: content-box !important;
		box-sizing: content-box !important;
		}

		.container-fluid {width: 80%; max-width: 1400px;}
		.row img {max-width: 100%;}
		.padding0 {padding: 0 !important;}
		.margin0 {margin: 0 !important;}
		.lead {font-size: 1.25em; line-height: 1.3em; font-weight: 400;}
		.nav {}
		.nav-pills {margin: 1.2em auto 1.6em auto;}
		.nav-pills > li {margin: 0 1em;}		
		.nav-pills.text-center > li {display: inline-block; float: none;}
		.nav-pills > li > a {padding: 0 2em; font-size: 1.25em; line-height: 1.9em;  font-weight: 600; -webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.1);-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.1);box-shadow: 3px 3px 2px rgba(0,0,0,0.1);}
		.nav-pills > li > a:hover,
		.nav-pills > li.active > a:hover {background: #3ba8b0 !important;}
		.nav-pills.bold > li > a {font-weight: 600;}
		.nav-pills a:hover {-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);box-shadow: 3px 3px 2px rgba(0,0,0,0.2);}
		
/*HEADER*/
	
	/*Logo*/
	#topLogo img {
		margin: 0.8em 0;
		width: 270px;
		max-width: 100%;
		height: auto;
	}

	/*Customer Login*/
		
		#customerLogin ul {list-style-type: none; padding: 0; margin: 0;}
		#customerLogin a {
			display: block;
			float: right;
			background: #70cbd1;	
			padding: 0.3em 0.9em;
			text-align: center;
			color: #fff;
			font-size: 0.865em;
			font-weight: 600;
			-webkit-border-radius: 0 0 4px 4px;
			-moz-border-radius: 0 0 4px 4px;
			border-radius: 0 0 4px 4px;
		}
		#customerLogin a:hover {text-decoration: none; background: #3ba8b0;}

	/*Top Nav*/
		#topNav select {			
			width: 100%;
			height: 2.25em;
			background: #5d616a;
			color: #fff;
			border-radius: 0px !important;
			border: none;
			outline: none;
			margin: 1em auto;
			padding: 0.3em;
			display: none;
		}
		#topNav {text-align: right; margin-top: 0.1em; font-size: 1.125em;}
		#topNav .nav > li {display: inline-block; float: none;}
		#topNav .nav > li a {color: #5d616a; font-weight: 400; border-bottom: 3px solid #fff; line-height: 30px; }
		#topNav .nav > li a:hover {
			background: transparent;
			color: #c3cbd3;
			border-bottom: 3px solid #c3cbd3;
		}
		#topNav .nav > li a.demoreq { color: #F3C328; font-weight: bold;}
		#topNav .nav > li:last-child a {padding-right: 0;}
		#topNav .nav > li.current a {border-bottom: 3px solid #70cbd1;}

/*CONTENT AREA*/

	.testimonial {color: #58626e; padding: 4.6em 0;}

	.testimonial img {
		width:125px;
		max-width: 100%;
		height: auto;
		margin: margin: 1em auto 0 auto;;			
		border: 4px solid #c0cecf;			
		-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
		-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
		box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
		-webkit-border-radius: 63px;
		-moz-border-radius: 63px;
		border-radius: 63px;
	}

	.testimonial blockquote {
		border: none;
		font-size: 1.75em;	
		line-height: 1.25em;
		padding: 10px 0;
	}

	.testimonial blockquote p {font-weight: 600; margin-left: auto; margin-right: auto;}

	.testimonial blockquote p::before,
	.testimonial blockquote p::after,
	.ie8 .testimonial blockquote p:before,
	.ie8 .testimonial blockquote p:after {
		display: inline;
		font-family: 'proxima-nova', helvetica, sans-serif;
		content: '"';
	}

	.testimonial footer {font-size: 20px; }
	.testimonial blockquote footer:before, .testimonial blockquote small:before, .testimonial blockquote .small:before {content: '- ';}
	
	.yellowBottom {border-bottom: 2px solid #fce572;}

	.blockLists h3 {margin-top: 0;}
	.blockLists .row {padding: 1.25em 0;}
	.blockLists .leftBox {text-align: center;}

	
	.coralQuote {margin: 2em 0 4.5em 0;}
	.coralQuote .quoteWidth {max-width: 780px; margin: 0 auto;}
	
	.coralQuote p::before,
	.ie8 .coralQuote p:before {
		content:'';
		display: block;
		position: absolute;
		left: -40px;
		top: 50%;
		margin-top:-20px;
		width: 0; height: 0;
		border: 20px solid transparent;
		border-right: 20px solid #f39278;
	}

	.coralQuote p {	
		position: relative;	
		background: #f39278;
		color: #fff;
		font-size: 1.65em;
		line-height: 1.25em;		
		font-weight: 600;
		font-style: italic;
		padding: 0.6em 1.8em;
		border-radius:12px;
		margin: 0.8em 0 0 24px;
		max-width: 615px;
		float: left;
	}
	.coralQuote p span {color: #fce572;}
	.coralQuote img {float: left; margin-top: 1em; width: 120px; max-width: 100%;}	

	#robotQuote3.coralQuote {margin-bottom: 3.5em;}	
	#robotQuote3.coralQuote img {margin-top: 1.5em; }
	#featureBlock { margin: 55px 0 75px 0;}
	#featureBlock h2.underline {padding: 0 0.1em 0.1em 0.1em; margin-bottom: 0.25px;}

	#bottomCall {
		background: #efebd2;
		padding: 1em 0;
	}
	#bottomCall h3 {font-size: 1.75em; line-height: 1.25em; max-width: 750px; margin-left: auto; margin-right: auto;}

	@media screen and (max-width: 560px) {

		#bottomCall ul.nav-pills li a { font-size: 14px; margin-bottom: 10px; }
	}
	#bottomCall.features .nav >li a {padding: 0 1.2em;}

	/*HOME PAGE*/
		.yellowBox {background-color: #ffe371; background:#ffe371 url('../images/yellow_palms_bg.png') no-repeat; background-position: center bottom !important; background-size: 100% auto;}		
		.yellowBox.palms {background:#fff url('../images/yellow_palms_bg.png') no-repeat; background-size: 100% auto;}
		.yellowBox.flowers {background:#ffe371 url('../images/yellow_little_flower_bee_bg.png') no-repeat; background-position: left bottom !important; background-size: 100% auto;}
		.yellowBox.canoo {background:#ffe371 url('../images/yellow_canoo_bg.png') no-repeat; background-position: center bottom !important; background-size: 100% auto;}
		.yellowBox.forest {background:#ffe371 url('../images/yellow_forest_bg.png') no-repeat; background-position: center bottom !important; background-size: 100% auto;}
		.yellowBox.bee {background:#ffe371 url('../images/yellow_big_flower_bee_bg.png') no-repeat; background-position: left bottom !important; background-size: 100% auto;}

       /*break yellow banners out of page*/
       .break {
    text-align:center;
    font-weight:bold;
    margin-left:-8%;
    margin-right:-8%;
}
		

		#homeDiscover {padding: 1em;}
			#homeDiscover h3 {margin: 0;}
			#screenshots {
				position: relative;
				margin-bottom: -10em;
			}

			#screenshots img {
				margin: 0 auto;					
			}

			#screenshots .videoLink {
				position: absolute;
				top: 30%;
				left: 50%;
				margin-left: -68px;				
				width: 136px;			
				opacity: 0.5;				
			}

			#screenshots:hover .videoLink {opacity: 1.0;}

			#screenshots .nav-pills {
				position: absolute;
				bottom: 5%;
				left: 50%;
				margin: 0 0 0 -10em;
			}
			#screenshots .nav-pills a {-webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
			
			#screenshots:hover .nav-pills a,
			#screenshots:hover .nav-pills a:hover {background: #3ba8b0;}

		#homeChange {padding: 1em 0 2em 0; margin-top: 10em;}	
		#homeChange p {margin-bottom: 2em;}
		
		#homeChange p,
		#homeChange h2 {max-width: 790px; margin-left: auto; margin-right: auto;}

		#homeChange .easyUse p {max-width: 100%; margin-left: 2em; margin-right: 2em;}
		#homeChange .powerful p {max-width: 100%; margin-left: auto; margin-right: auto;}
		#homeChange .hireHappy p {margin-bottom: 0.6em;}

		#homeChange .easyUse img {width:185px; max-width: 100%; margin-top: 2em;}
		#homeChange .powerful img {width:185px; max-width: 100%; margin-top: 2em;}

		#homeChange .hireHappy img {width:270px; max-width: 100%;}	
		#homeChange .hireHappy p {max-width: 500px; margin-left: auto; margin-right: auto;}	

		#homeTestimonial {padding: 5em 0;}
		#homeTestimonial p,
		#homeTestimonial footer {max-width: 600px; margin-left: auto; margin-right: auto; }

		#homeCustomers {padding: 2em 0 2em 0;}
		#homeCustomers h2 {font-weight: 400; font-size: 1.75em;}
		#homeCustomers img {margin:1.4em 0 1.6em 0;}

		#demoPageCustomers {padding: 2em 0 2em 0;
			background-color: white}
		#demoPageCustomers h2 {font-weight: 400; font-size: 1.75em;}
		#demoPageCustomers img {margin:1.4em 0 1.6em 0;}
        
        /*blog image scaling*/
        #BlogImages img {margin-top: 2em; max-width: 100%;}

/*FOOTER*/
	#footer {
		border-top: 4px solid #fce572;
		padding: 3.75em 0 0 0;
		background: #f4f4f0;
	}
	#footers a:hover {text-decoration: none;}
	#footerRight >h4 {margin-top: 0;}
	#footerRight > p {width: 104%; max-width: 470px;}
	#footer .nav { font-weight: 600; margin-top: 0.5em; font-size: 1.125em;}
	#footer .nav >li a {padding: 0.3em 0 ;}
	#footer .nav >li a:hover {color: #3ba8b0; background: transparent;}
	
	#footerQuestions {margin-top: 1.2em; }
	#footerQuestions .row >div {padding: 0.2em 15px;}	
	#footerQuestions a img {margin-right: 4px; width:35px; max-width: 100%; }

	#footSignup { min-width:316px;}
	#footSignup input[type="email"] {
		background: #c4cbd5;		
		display: inline-block;
		width: 230px;
		margin-right: -4px;
		-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2);
		-moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2);
		box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2);
		-webkit-border-radius: 4px 0 0 4px;
		-moz-border-radius: 4px 0 0 4px;
		border-radius: 4px 0 0 4px;
	}

	#footSignup button[type="submit"].btn.btn-primary {
		-webkit-border-radius: 0 4px 4px 0;
		-moz-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px 0;
		background: #70cbd1;
		border: 1px solid #70cbd1;
		letter-spacing: 1px;
	}

	#footSignup button[type="submit"].btn.btn-primary:hover {background: #3ba8b0;}

	#footerSocial {margin-top: 2em;}
	#footerSocial img {margin-right: 1em; width: 45px; max-width: 100%; height: auto;}

	#footerCred {margin-top: 2.5em;}
	#footerCred .col-xs-4 {padding: 0;}

	#footer .authorize img {margin-top: -20px;}


	#footerCopy {
		background: #4e5156;
		padding: 0.8em 0;
		font-size: 0.7em;
		text-align: center;
		color:#fefefe;		
		margin-top: 1em;
		letter-spacing: 1px;
		font-weight:100;
	}

	#footerCopy p {margin: 0;}

@media screen and (max-width: 991px) {
	.container-fluid {width: 100%;}

	.yellowBox {background-size: auto !important;}

	#footerQuestions >div {padding: 0.2em 0;}
	
	.trialCallout .text-right,
	.trialCallout .text-left {text-align: center;}
	.trialCallout .nav-pills li {display: inline-block; float: none;}
}

@media screen and (max-width: 927px) {
	#robotQuote1.coralQuote img {margin-top: 1.5em;}

	#featuresVideo .video {			
		width: 550px;
		height: 309px; 
	}
}

@media screen and (max-width: 810px) {
	.coralQuote img {max-width: 25%; margin-left: 0; margin-right: 0;}
	.coralQuote p {max-width: 70%; margin-left: 5%; margin-right: 0;}
}

@media screen and (max-width: 767px) {
	#topNav, 
	#customerLogin,
	#topLogo {text-align: center; margin-top: 0;}
	#customerLogin li {float: none; display:inline-block;}
	#customerLogin a {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

	.testimonial {padding: 2em 0;}
	.testimonial blockquote p {font-size: inherit;}

	#screenshots .videoLink {
		top: 30%;
		left: 50%;
		margin-left: -40px;				
		width: 80px;			
	}

	#homeCustomers img {margin: 0.8em 0;}
	#demoPageCustomers img {margin: 0.8em 0;}
	
	#footerLeft,
	#footerRight,
	#footerSocial,
	#footerQuestions {text-align: center;}
	#footerQuestions .row >div {text-align: left;}

	#footerLeft img.footerLogo {width: 160px; max-width: 100%;}
	#footerLeft nav { text-align: left;}
	#footerLeft nav.xs-right {text-align: right;}


	#footSignup button[type="submit"].btn.btn-primary {margin-top: -2px;}

	/*FEATURES PAGE*/
	.blockLists .row {padding-top: 0;}
	.blockLists .row .leftBox {text-align: center;}
	.blockLists .row .leftBox img {margin: 0 auto 1em auto;}

	.trialCallout {margin: 1em;}
	.trialCallout h3.pull-left {display: block; float: none !important;}
	.trialCallout .nav-pills {text-align: center;}
	.trialCallout .nav-pills li {display: inline-block; float: none;}
	.featureNav {padding-left: 4em;}
	.featureNav li { min-width: 10px;}

}

@media screen and (max-width: 627px) {
	#robotQuote3.coralQuote img {margin-top:2em;}
	#featuresVideo .video {			
		width: 400px;
		height: 225px; 
	}
	#content .nav >li {margin: 0.5em auto; }

	#screenshots .videoLink {
		top: 30%;
		left: 50%;
		margin-left: -40px;				
		width: 80px;			
	}

	#screenshots .nav-pills {bottom:3%; font-size: 0.7em; margin-left: -9em;}
}


@media screen and (max-width: 616px) {
	#robotQuote1.coralQuote img {margin-top: 3em;}
}

@media screen and (max-width: 500px) {
	
	#robotQuote2.coralQuote img {}
	#robotQuote3.coralQuote img {}
}

@media screen and (max-width: 479px) {
	body {font-size: 14px;}
	
	#screenshots {min-width: 150%; margin-left: -25%;}

	#topNav .nav > li > a { padding: 8px 5px; font-size: 0.9em;}
	
	.testimonial {font-size: 0.6em;}
	.testimonial .col-xs-8, .testimonial .col-xs-4 {width: 100%; text-align: center;}

	.coralQuote p {font-size:1.25em;}
	.coralQuote p strong {font-weight: 400;}	

	#footSignup {min-width:230px;}
	#footSignup input[type="email"] {width: 140px;}
	#footSignup .form-control {height: 25px;}
	#footSignup .btn {padding: 3px 4px; font-size: 12px;}
	#footerSocial img {margin: 0 0 0.5em 0.5em;}	

	#topNav select {display: block;}
	#topNav ul.nav { width: 100%;}
	
}

@media screen and (max-width: 330px) {
	
	#topNav .nav > li { width: 48%; text-align: left;}
	#topNav .nav > li:nth-child(2n) {text-align: right;}

	#footerSocial img {width: 35px;}

	#screenshots .videoLink {
		top: 20%;
		left: 50%;
		margin-left: -30px;				
		width: 60px;			
	}

	
}

#featuresDiscover p { font-size: 20px; width: 60%; line-height: 24px; text-align: center; margin:auto; margin-bottom: 40px;}

.features ul, .features li { list-style: none; margin: 0; padding: 0;}
.features li { margin-bottom: 20px;}

.feature .happy { margin-top: 30px;}
.features .happy h2 { font-size: 48px;}
.features .happy ul { font-size: 20px; margin: 30px 0 30px 0;}

.features hr.bottomrule { border-bottom: 1px solid #DDD; background-image:none;width:100%; margin:auto; margin-bottom: 60px; height: 1px;}

	.featureNav {list-style-type: none; padding-left: 50px;}
		.featureNav li {position: relative; margin-bottom: 1em; font-size: 1.25em; min-width: 280px;}
		.featureNav li a {font-weight: 600;}
		.featureNav li.active a {color:#6a7581; }
		.featureNav li.active::before,
		.ie8 .featureNav li.active:before {
			display: block;
			position: absolute;
			left: -50px;
			top: 0px;
			content:'';
			width: 30px;
			height: 20px;			
			background: url('../assets/images/list_arrow_block_graphic.png');
		}

		.featureNav li a:hover {text-decoration: none;}
		
		#featureBlock {padding-bottom: 2em; background: url('../assets/images/features_catchall_tools_background_graphic.png') center bottom no-repeat;}
		#featureBlock .nav-tabs {border-bottom: none;}
		#Tabs {padding-top:1em;}
		#featureBlock .tab-pane {display: none; }
		#featureBlock .tab-pane p {line-height: 1.5em; margin-bottom: 1.2em;}
		#featureBlock .tab-pane >:first-child {margin-top: 0;}
		#featureBlock .tab-pane.active {display: block;}



.testimonials { background-color: #f2f2f2; padding: 50px 0 100px ; }
.testimonials img { margin: 0 40px 0 40px;}

/* start old style sheet */

.navigation{
	float:right;
	margin-right:10px;
	padding:12px 0 0 4px;
}
.nav_left{
	width:12px;
	float:left;
	margin:0px;
	padding:0px;
	background:url(/v2/images/nav_left.png) no-repeat;
	height:37px;
}
.nav_mid{
	float:left;
	margin:0px;
	padding:0px;
	background:url(/v2/images/nav_mid.png) repeat-x;
	height:37px;
}
.nav_mid ul{
	float:left;
	margin:0px;
	padding:0px;
}
.nav_mid ul li{
	float:left;
	margin:0px;
	padding:0px 10px 0px;
}
.nav_mid ul li a{
	float:left;
	margin:0px;
	padding:10px 0px 0px;
	font:16px Arial, Helvetica, sans-serif;
	color:#ffffff;
}
.nav_mid ul li a:hover{
	text-decoration: underline;
}
.nav_right{
	width:12px;
	float:left;
	margin:0px;
	padding:0px;
	background:url(/v2/images/nav_right.png) no-repeat;
	height:37px;
}

.view_button_por{
	width:932px;
	float:left;
	margin:0px;
	padding:25px 0 0 0; 
	text-align:center;
}



.view_button_por a, a.view_button, a.reg_button {
	display:block;
	text-align:center;
	max-width: 319px; 
    min-width: 245px;
	height:48px;
	float:left;
	padding:0px;
	background:url(/v2/images/big_button.png) no-repeat;
	cursor:pointer;
	color:white;
	padding-top: 12px;
	text-shadow: 1px 1px 1px #555;
	font-size: 24px;
	font-weight: bold;
}

#reg_form_button, #finalize_reg_button, #submitForm, #regsub {
	margin:auto;
	font-weight: bold;
	font-size: 22px;
}

@media screen and (max-width: 410px) {
	#reg_form_button {

	font-size: 14px;
}
}
#plansbutton { margin-left: 160px;}
#demobutton { margin-left: 20px;}
a.view_button { margin: 0px;}
.main_body{
	width:95%;
	margin:0px auto;
	padding:0px 0px 0;

}
.main_contain{
	width:100%;
	float:left;
	margin:0px 0 0 0 !important;
	padding:20px 16px 0;
	background:#fff url(/v2/images/main_body_bg.png) repeat-x;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
        position:relative; z-index: 4;
}
.pagev2 hr { border:none; background:#FFF url(/v2/images/hr.png) no-repeat; height: 10px; margin: 20px 0px 20px 0px;}
.pagev2 .vr { float:left; border:none; background:#FFF url(/v2/images/vr.png) no-repeat; height: 538px; width:10px; margin: 0px 20px 0px 20px;}
.pagev2 .vcol { float: left; width: 270px;}
.pagev2 .vcol .feature { height: 210px;}
.pagev2 .vcol ul, .offers ul, .subfeatures ul, .api ul { margin: 0; padding: 0; margin-left: 25px; font-size: 14px;}
.pagev2 .vcol li, .offers li, .subfeatures li, .api li { background:transparent url(/v2/images/li.png) no-repeat 0px 5px; list-style:none; padding-left: 18px; margin-bottom: 15px;}

.pagev2 .vcolfeatures { float: left;}
.pagev2 .vcolfeatures .feature { height: 210px;}
.pagev2 .vcolfeatures ul, .offers ul, .subfeatures ul, .api ul { margin: 0; padding: 0; margin-left: 25px; }
.pagev2 .vcolfeatures li, .offers li, .subfeatures li, .api li { background:transparent url(/v2/images/li.png) no-repeat 0px 5px; list-style:none; padding-left: 18px; margin-bottom: 15px;}
.bulletlist li { background:transparent url(/v2/images/li.png) no-repeat 0px 5px; list-style:none; padding-left: 18px; margin-bottom: 15px;}
.intro .hero { position:relative; top: -22px; float:right; margin-right: 45px;}
.intro p { width: 400px; text-align: right; margin-left: 30px; font-size: 14px; line-height: 20px;}
.press { padding: 15px;}
.press img { width:150px;float:left;margin-right: 20px; position: relative; top: -5px;}
.offers { padding: 10px; background-color: #DDD; }
.offers p { font-size: 12px; }

/*modal video box*/
/* make a bunch of descendant classes that behave like regular non-xs cols when displayed on xs (i.e width:100%)*/
.simulate-xs .col-sm-12,
.simulate-xs .col-sm-8,
.simulate-xs .col-sm-4,
.simulate-xs .col-md-12,
.simulate-xs .col-md-8,
.simulate-xs .col-md-4
.simulate-xs .col-lg-12,
.simulate-xs .col-lg-8,
.simulate-xs .col-lg-4 /* no comma on the last one! always gets me */
{width:100%} /* I got lazy, but you want all 12 col-classes for all 3 devices-classes above xs (so 36 total) here if you want to cover every col-* option */

.simulate-xs .col-xs-12{width:100%}
.simulate-xs .col-xs-8{width:75%}
.simulate-xs .col-xs-6{width:50%} /* do this for all 12 col-xs-* classes, doing the basic math to figure out the appropriate % for each*/

.simulate-sm .col-sm-12{width:100%}
.simulate-sm .col-sm-8{width:75%}
.simulate-sm .col-sm-6{width:50%}
.simulate-sm .col-sm-4{width:25%} /* again, do this for all 12 col-sm-* classes*/

.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}
/*end modal video box*/

.learnmore a:hover { text-decoration: underline; }
.features_nav a.current { color: #333; font-weight: bold;}
.learnmore .vcol { margin-left: 100px;width: 300px;}
.learnmore .vcol li { margin-bottom: 0px;}
.learnmore { margin-bottom: 50px;}
.learnmore h3 { color: #888; padding-left: 250px; font-family: ‘'proxima-nova'’;}

.video {float: left; width: 450px; margin-right: 50px; cursor: pointer;}
.video img#vidpromo { border: 8px solid #70CBD2; border-radius: 8px; }

#privacy { padding: 0px 30px 50px 30px;}
#privacy ul, #privacy li { list-style-type: disc;}

.seals { clear:both; padding-top: 20px; text-align:center; padding-left: 200px;}
.seals div { padding-left: 40px; float:left; margin-right: 50px;}
.seals .trusteSeal { margin-top:20px;}
.seals .bbbseal { position:relative; top: 20px;}
.reviews { padding-left: 20px;padding-bottom: 30px; }
.reviews a { text-decoration: underline;}

.developers {color:#333333;}
.developer p {font-size:17px;line-height:24px;}
.developers STRONG {font-weight:Bold;}
.developers .fL {float:left;}
.developers .fR {float:right;}
.developers .clear {clear:both;}
.developers .block {margin:0 10px;}
.developers H1 {font-size:52px;font-weight:Normal;margin-bottom:10px;margin-top:25px; }
.developers H2 {background:#FFF url(/v2/images/hr.png) no-repeat bottom;margin: 4px 0 17px;padding:20px 0;color:#035970;font-size:21px;}
.developers P {font-size:14px;line-height:22px;margin-top:0;}
.developers A {color:#7ea119;}
.developers P.logos {padding-left: 50px;}
.developers P.logos A {padding: 0 40px;display:inline;}
.developers TEXTAREA {border: 1px solid #d5d5d5; -webkit-box-shadow: inset 1px 2px 5px -2px #d5d5d5; -moz-box-shadow: inset 1px 2px 5px -2px #d5d5d5; box-shadow: inset 1px 2px 5px -2px #d5d5d5; padding:3px;}
.developers TEXTAREA:focus{ -webkit-box-shadow: inset 1px 2px 5px -4px #d5d5d5; -moz-box-shadow: inset 1px 2px 5px -4px #d5d5d5; box-shadow: inset 1px 2px 5px -4px #d5d5d5; }

.developers .fL .introp { margin-bottom:24px; text-align:right; width: 450px; margin-left: 20px;}

.ui-dialog { z-index: 100; }

.ui-dialog .ui-icon-closethick, .ui-dialog .ui-icon-closethick .ui-state-hover { position: relative; top: -2px; left: -2px; }

.developers .download {float:right; border: 0px solid #DDD; margin: 0px 0px 0px 0px; padding: 0x;text-align:center;
font-size: 12px;}
.developers .download a { text-decoration: underline; margin-top: 10px;}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}