@charset "utf-8";
/* CSS Document */



/*----------------------------------------------------------------*/
/*- Common Styles ------------------------------------------------*/
/*----------------------------------------------------------------*/

.none { display:none !important; }
.inline { display:inline; }
.block { display:block; }
.DIB { display:inline-block; }
.TAC { text-align:center; }
.TAL { text-align:left; }
.TAR { text-align:right; }
.left { float:left !important; }
.right { float:right !important; }
.slx_ml_0 { margin-left:0 !important; }


/*----------------------------------------------------------------*/
/*- Layout -------------------------------------------------------*/
/*----------------------------------------------------------------*/

body {
	background:#FFF;
	font-family: 'Open Sans', sans-serif;
	color:#3a3a3a;
	font-weight:400;
}

h1, h3 {
	font-size:30px;
	line-height:38px;
	font-weight:400;
	color:#3a3a3a;
	margin:0 0 20px;
}
	h3 span { font-weight:700; color:#00aeef; }
h2 {
	font-size:22px;
	line-height:30px;
	font-weight:400;
	color:#FFF;
	margin:0 0 10px;
}
h4 {
	font-size:17px;
	line-height:20px;
	font-weight:700;
	margin:0 0 15px;
}
h5 {
	font-size:16px;
	line-height:23px;
	font-weight:700;
	margin:0 0 20px;
	padding:0;
	color:#c8c6c6;
	text-transform:uppercase;
}

p {
	font-size:15px;
	line-height:23px;
	margin:0 0 20px;
}

a, button, input[type=submit], input[type=reset] { cursor: pointer; }
a { color:#3a3a3a; text-decoration:none; }
	a:hover { color:#3a3a3a; text-decoration:underline; }

.popuplink {
	color:#FFF;
	background:#00aeef;
	font-weight:700;
	font-size:18px;
	line-height:22px;
	display:inline-block;
	padding:10px 20px;
}
	.popuplink:hover { color:#FFF; }
	

/*----------------------------------------------------------------*/
/*- Header -------------------------------------------------------*/
/*----------------------------------------------------------------*/

header { padding:25px 0; }

.headtestimonial { text-align:center; margin:0 0 10px; }
	.headtestimonial p {
		margin:0;
		font-size:14px;
		line-height:18px;
		font-style:italic;
	}
		.headtestimonial p span {
			font-style:normal;
			font-weight:700;
		}
	.headtestimonial img { vertical-align:top; }

#headphone {
	display:inline-block;
	margin:20px 0 0;
}	
	.ie7 #headphone { display:inline; }
	.ie7 #headphone-img, .ie7 #headphone-text { float:left; }
	#headphone-img {
		display:inline-block;
		vertical-align:top;
	}
	#headphone-text { display:inline-block; }
		#headphone-text span {
			font-size:33px;
			line-height:36px;
			font-weight:700;
		}
		
#headlinks {
	color:#8bc541;
	font-size:18px;
	line-height:24px;
}
	#headlinks a {
		color:#3a3a3a;
		font-weight:700;
	}


/*----------------------------------------------------------------*/
/*- Hero ---------------------------------------------------------*/
/*----------------------------------------------------------------*/

#hero {
	background:#3a3a3a;
	padding:30px 0;
	text-align:center;
}
	#img_hero { margin:0 0 35px; }
	

/*----------------------------------------------------------------*/
/*- Color Stripes ------------------------------------------------*/
/*----------------------------------------------------------------*/

.colorstripes {
	width:100%;
	height:9px;
	display:block;
}
	.colorstripe {
		width:25%;
		height:9px;
		display:block;
		float:left;
	}
		#colorstripe1 { background:#ec1f27; }
		#colorstripe2 { background:#fbaf41; }
		#colorstripe3 { background:#7ca940; }
		#colorstripe4 { background:#00aeef; }
		
.ie7 .colorstripes { overflow:hidden; background:#00aeef; }


/*----------------------------------------------------------------*/
/*- logos --------------------------------------------------------*/
/*----------------------------------------------------------------*/

#logos {
	padding:25px 0 0;
	text-align:center;
}
	.logos { padding:0 0 10px; background:url(../images/bg_logos.png) repeat-x center bottom; }
		.logos img { margin:0 30px 20px;}
		

/*----------------------------------------------------------------*/
/*- logos --------------------------------------------------------*/
/*----------------------------------------------------------------*/

#leads { padding:45px 0 40px; }

	#img_screenshot { text-align:right; margin:0 0 20px; }
	#leadP1, #leadP2 {
		font-style:italic;
		text-align:center;
		margin:0;
	}
		#leadP1 {
			font-size:22px;
			line-height:28px;
		}
			#leadP1 span { color:#8bc541; font-weight:700; }
		#leadP2 {
			color:#282828;
			font-size:10px;
			line-height:30px;
		}
		

/*----------------------------------------------------------------*/
/*- Clouds -------------------------------------------------------*/
/*----------------------------------------------------------------*/

#clouds {
	background:#e1f4fd url(../images/bg_clouds-hearts.png) no-repeat center bottom;
	padding:50px 0;
}
		

/*----------------------------------------------------------------*/
/*- Features -----------------------------------------------------*/
/*----------------------------------------------------------------*/

#features { padding:50px 0 30px; text-align:center; }
	.featureImg { margin:0 0 15px; }
		

/*----------------------------------------------------------------*/
/*- Support ------------------------------------------------------*/
/*----------------------------------------------------------------*/
	
#support { background:#e1f4fd; }
	#support .container { background:url(../images/img_staff.png) no-repeat right bottom; padding:35px 0 95px; }
	#support p { width:90%; }
	#support img { vertical-align:sub; width:300px; }
		
	.ie7 #support .container { background:url(../images/img_staff.png) no-repeat 350px bottom; }
	.ie7 #support p { width:80%; }
	.ie7 #support img { width:260px; vertical-align:middle; }

	.ie8 #support .container { background:url(../images/img_staff.png) no-repeat 350px bottom; }
	.ie8 #support p { width:80%; }
	.ie8 #support img { width:260px; }
	
	
/*----------------------------------------------------------------*/
/*- Trial --------------------------------------------------------*/
/*----------------------------------------------------------------*/
	
#trial { padding:45px 0; text-align:center; }
	#trial .popuplink { font-size:24px; line-height:28px; }
		

/*----------------------------------------------------------------*/
/*- Footer -------------------------------------------------------*/
/*----------------------------------------------------------------*/

footer { background:#3a3a3a; padding:45px 0 30px; text-align:center; }
	footer p, footer a, footer a:hover { color:#FFF; font-size:18px; line-height:28px; }
	footer span { color:#94c94c; }
		

/*----------------------------------------------------------------*/
/*- Privacy -------------------------------------------------------*/
/*----------------------------------------------------------------*/

.privacypolicy { padding:10px 20px; background:url(../images/bg_popupform.png) repeat center center; color:#FFF; }
	.privacypolicy h3 { color:#FFF; }


/*----------------------------------------------------------------*/
/*- Forms --------------------------------------------------------*/
/*----------------------------------------------------------------*/

.formHolder { padding:50px; background:url(../images/bg_popupform.png) repeat center center; }
	.formHolder form { margin:0; }
	.formHolder img { margin:0 0 20px; }
	.formHolder p {
		font-weight:400;
		font-size:26px;
		line-height:42px;
		color:#FFF;
		border-bottom:1px solid #00aeef;
		margin:0 0 25px;
		padding:0 0 25px;
	}
	.formHolder label {
		color:#FFF;
		font-weight:700;
		font-size:16px;
	}
	
.formHolder .row-fluid .span1 { width:5.98291%; }
.formHolder .row-fluid .span2 { width:14.5299%; }
.formHolder .row-fluid .span3 { width:23.0769%; }
.formHolder .row-fluid .span4 { width:31.6239%; }
.formHolder .row-fluid .span5 { width:40.1709%; }
.formHolder .row-fluid .span6 { width:48.7179%; }
.formHolder .row-fluid .span7 { width:57.265%; }
.formHolder .row-fluid .span8 { width:65.812%; }
.formHolder .row-fluid .span9 { width:74.359%; }
.formHolder .row-fluid .span10 { width:82.906%; }
.formHolder .row-fluid .span11 { width:91.453%; }
.formHolder .row-fluid .span12 { width:100%; }
.formHolder .row-fluid [class*="span"] { margin-left:2.5641%; }
	.ie7 .formHolder .row-fluid [class*="span"] { margin-left:1.7%; }
.formHolder .row-fluid [class*="span"]:first-child { margin-left:0; }

		.formHolder .row-fluid .span12 { margin-left:0; }
			.ie7 .formHolder .row-fluid .span12 { margin-left:0; }
		.formHolder .row-fluid [class*="span"].TAR { margin-left:0; }

	.formRow { margin:0; }
.formHolder .row-fluid label { min-height:20px; margin-bottom:5px; }
	.formHolder .row-fluid label.TAR,
	.formHolder .row-fluid label.TAL { margin-bottom:5px; line-height:30px; }
	.formHolder .row-fluid label.error, .formHolder .row-fluid .required-field {
		color:#f00;
		display:inline-block;
		float:right;
		font-weight:400;
		margin:-25px 0 20px;
	}
		.formHolder .row-fluid .required-field { margin:0; }
	.formHolder .row-fluid label.labelnone { display:none; }
	.formHolder .row-fluid input {
		float:left;
		font-size:20px;
		color:#3a3a3a;
		margin:0 0 30px;
		padding:10px;
		height:auto;
		border-radius:0;
	}
	
	.formHolder .btn_submit {
		font-size:30px;
		padding:15px 50px 18px;
		border:none;
	}
		.formHolder .btn_submit:hover { text-decoration:underline; }
	
.ie7 .formHolder .row-fluid input { min-height:20px; line-height:20px; padding:4px 0; }
.ie8 .formHolder .row-fluid input { min-height:20px; line-height:20px; }
	
/*.error input[type="text"], .error input[type="password"], .error textarea, .error select {
    background-color: #FFE7DF !important;
    border-color: #FFCDBC #FFE7DF #FFE7DF #FFCDBC !important;
    color: #84290A;
}*/

/*------------- Popup Quote Form --------------*/
.fancybox-type-inline .fancybox-inner { height:auto !important; max-width:800px; }
.ie7 .fancybox-type-inline .fancybox-inner { min-width:800px; }

.fancybox-opened .fancybox-skin { box-shadow:none; }
.fancybox-skin { background:none; }

.successmsg h3 { font-size:40px; color:#FFF; }

#latest-features { 
	background: #3a3a3a;
	color: #fff;
	padding: 30px;
	font-weight: 400;
	padding-bottom: 30px;
}
#latest-feature { 
	text-align: center;
	font-size: 20px;
}
#latest-heading { 
	font-size: 28px;
	margin-bottom: 40px;
}
#latest-features img { 
	margin-left: 20px;
	margin-right: 10px;
}
.blue { 
	color: #26ace2;
}

/*----------------------------------------------------------------*/
/*- Media Queries ------------------------------------------------*/
/*----------------------------------------------------------------*/

@media (max-width: 1199px) {
	#support .container { background:url(../images/img_staff.png) no-repeat 350px bottom; }
	#support p { width:80%; }
	#support img { width:260px; }
}

@media (max-width: 979px) {
	.logos img { margin: 0 10px 20px; }
	#support .container { padding:35px 0; background:url(../images/img_staff.png) no-repeat 180px bottom; }
		#support img { display:block; }
		#support p { width:60%; }
}

@media (max-width: 767px) {
	body { padding:0; }
	.container { padding:0 10px; }
	body, header .TAR, #img_screenshot { text-align:center; }
	#img_screenshot { margin:20px 0; }
	#support .container { padding:35px 10px; background:none; }
		#support img { width:auto; display:block; margin:0 auto; }
		#support p { width:auto; }
}

@media (max-width: 480px) {
	.formHolder { padding:10px; }
	.formHolder p { font-size:20px; line-height:30px; }
	.formHolder .btn_submit { display: block; font-size: 20px; padding: 15px 0 18px; width: 100%; }
}

@media (max-width: 320px) {

}