/* Colors 

#f3f3f3 - light gray background
#cbdfec - light blue background
#ef2929 - red text
#2b4e96 - blue text

*/

/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body {
padding:0; 
margin:0;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size:17px;
}
h1, h2, h3, h4, h5, h6 {font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.15;}

.imp {font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.15; text-align: center;}

.container {max-width:1000px; margin:0 auto; padding:0 20px;}

.nowrap {white-space:nowrap;}


/*************************************/
/*** START Main Structure ***/
/*************************************/
.wrapper_header {background: #0e2e85; /* Old browsers */
background: -moz-linear-gradient(top, #0e2e85 0%, #4b7bc3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e2e85), color-stop(100%,#4b7bc3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0e2e85 0%,#4b7bc3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0e2e85 0%,#4b7bc3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0e2e85 0%,#4b7bc3 100%); /* IE10+ */
background: linear-gradient(to bottom, #0e2e85 0%,#4b7bc3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e2e85', endColorstr='#4b7bc3',GradientType=0 ); /* IE6-9 */}
.wrapper_top {background:#FFF;}
.wrapper_bottom {background:#f3f3f3;}
.wrapper_footer_menu {background:#f3f3f3; padding:10px 0; 		
		-webkit-box-shadow: inset 0px -20px 20px -20px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:   inset 0px -20px 20px -20px rgba(0, 0, 0, 0.2);
		box-shadow:         inset 0px -20px 20px -20px rgba(0, 0, 0, 0.2);color: #FFF;
}
.wrapper_footer_licence {}

.content_header {}
.content_top {background:#FFF; padding: 0 0 20px;}
	@media (min-width: 360px){ .content_top {padding: 0 20px 20px;} }
.content_bottom {}
.content_footer_menu {}
.content_footer_licence {}

ul {list-style:none; padding:0; margin:40px 0; text-align:left;}
ul li {line-height: 1.3; padding:0 0 5px 42px; margin:8px 0; background: url(../img/tick.png) top left no-repeat; text-shadow:1px 0 2px #AAAAAA;}
ul li:last-of-type {margin-bottom:0;}

/*************************************/
/*** END Main Structure ***/
/*************************************/

/* Header */
.logo {padding-bottom:10px; text-align:center; margin-top:-10px;}
.spacer_red {height:4px; width:100%; background:#848282;}


/* Top */
.top {}
.top h1 {color:#44880A; line-height:1; font-weight:700; text-align:center; margin-top: 20px; margin-left:-1px;text-shadow: 1px 0 1px #666666;}
.top h2 {
	font-size:23px;
	color:#222222;text-shadow: 1px 0 2px #AAAAAA;
	line-height:1.2;
	font-weight:normal;
	text-align:center;
}
.top h4 {
	font-size:16px;
	color:#222222;text-shadow: 1px 0 2px #AAAAAA;
	line-height:2;
	font-weight:normal;
	text-align:left;
	margin-top: -3px;
}
.wrapper_product {margin-top:35px;}
.productImg {position:relative; width:242px; margin-right:10px; z-index:1;}
.burst {
	position: absolute;
	top: -24px;
	left: 124px;
	z-index: -1;
}
.callout {
	padding:15px; 
	background:#ffffff; 
	background: rgba(255, 255, 255, 0.75); 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin:0 auto;
	max-width:385px;
	width: 290px;
}
	@media (min-width: 360px){ .callout {width: auto} }

.callout ul {	
	margin:0 auto;
}
.callout h3 {color:#2b4e96; font-size:16px; font-weight:bold; line-height:1.3; margin:0 0 1em 0;}

.callForInfo {
	margin-top:-33px;
	background:top center #C81F3F;
	font-size:15px;
	text-transform:capitalize;
	color:#ffffff;
	height:98px;
	overflow:hidden;
	padding:20px;
	text-align:center;
	display:block;
	width:100%;
	-webkit-box-shadow: inset 0px -20px 20px -20px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:   inset 0px -20px 20px -20px rgba(0, 0, 0, 0.2);
	box-shadow:         inset 0px -20px 20px -20px rgba(0, 0, 0, 0.2);
	border-right:1px solid #ef2929; 
	border-left:1px solid #ef2929;
}
.callForInfo span {font-size:36px; font-weight:bold; display:block;}
.callForInfo:hover {text-decoration:none; color:#ffffff;}

/*************************************/
/*** START Form style ***/
/*************************************/
.wrapper_form {width:324px; margin:25px auto;}
.signup_form {
	background:#ffffff; 
	padding:20px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
	font-size:11px;
	margin:0 auto;
	max-width:324px;
	-webkit-box-shadow: 0px 4px 15px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 4px 15px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 4px 15px rgba(50, 50, 50, 0.5);	
}
.signup_form h2 {text-transform:uppercase; color:#ef2929; font-size:26px; font-weight:bold; text-align:center; letter-spacing:-1px; margin:5px 0;}
.signup_form h3,
.signup_form h4,
.signup_form h5 {
margin:0;
line-height:1.3;
text-align:center;
letter-spacing:-1px;
}
.signup_form h3 {font-size:22px;}
.signup_form h4 {text-transform:uppercase; color:#2b4e96; font-size:20px;}
.signup_form h5 {font-size:18px; margin-bottom:25px;}
.signup_form h6 {font-size:10px; font-weight:normal; margin:0 0 7px;}

.star {color:#ef2929;}

.signup_form label {
	font-size:12px;
	font-family:'Open Sans ',Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:inline-block;
}
.signup_form input[type="text"] {float:right; width:55%;}
.signup_form .radioButton {float:right; margin-left:15px;}

.submit {text-align:right;  margin-bottom:20px;}
button {
background: #d00022; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDAwMDIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjZDAwMDIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjZWEyZTE1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(-45deg,  #d00022 0%, #d00022 70%, #ea2e15 94%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#d00022), color-stop(70%,#d00022), color-stop(94%,#ea2e15)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #d00022 0%,#d00022 70%,#ea2e15 94%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #d00022 0%,#d00022 70%,#ea2e15 94%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #d00022 0%,#d00022 70%,#ea2e15 94%); /* IE10+ */
background: linear-gradient(135deg,  #d00022 0%,#d00022 70%,#ea2e15 94%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d00022', endColorstr='#ea2e15',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
border:none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;  
padding:10px 25px;
font-size:15px;
color:#ffffff;
font-weight:bold;
text-transform:uppercase;
		-webkit-box-shadow: inset 0px 0 15px 0 rgba(0, 0, 0, 0.2);
		-moz-box-shadow:   inset 0px 0 15px 0 rgba(0, 0, 0, 0.2);
		box-shadow:         inset 0px 0 15px 0 rgba(0, 0, 0, 0.2);
		margin:10px 0;
}
.privacyPolicy a {font-size:10px; text-decoration:underline;}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: auto;
  padding: 3px 5px;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 17px;
  color: #555555;
  vertical-align: middle;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;  
}

/** Form Error Highlight **/
input.form-error {
	border-color:#FF6600 !important;
	border-color:rgba(255, 92, 0, 0.7) !important;
	background-color:#FFFD97 !important;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(255, 92, 0, 0.4) !important;
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(255, 92, 0, 0.4) !important;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(255, 92, 0, 0.4) !important;
	-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
		transition: all .25s ease;

}

.highlight {
	background:url('../img/yellow_highlight.png') no-repeat top left;
	padding-left: 170px
}

/* ALTERNATE FORM */

.alt_wrapper_form {width:624px; margin:25px auto;}
.alt_signup_form {
	background:#ffffff; 
	padding:20px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
	font-size:11px;
	margin:0 auto;
	max-width:624px;
	-webkit-box-shadow: 0px 4px 15px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 4px 15px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 4px 15px rgba(50, 50, 50, 0.5);	
}
.alt_signup_form h2 {text-transform:uppercase; color:#ef2929; font-size:26px; font-weight:bold; text-align:center; letter-spacing:-1px; margin:5px 0;}
.alt_signup_form h3,
.alt_signup_form h4,
.alt_signup_form h5 {
margin:0;
line-height:1.3;
text-align:center;
letter-spacing:-1px;
}
.alt_signup_form h3 {font-size:22px;}
.alt_signup_form h4 {text-transform:uppercase; color:#2b4e96; font-size:20px;}
.alt_signup_form h5 {font-size:18px; margin-bottom:25px;}
.alt_signup_form h6 {font-size:10px; font-weight:normal; margin:0 0 7px;}

.star {color:#ef2929;}

.alt_signup_form label {
	font-size:12px;
	font-family:'Open Sans ',Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:inline-block;
}
.alt_signup_form input[type="text"] {float:right; width:55%;}
.alt_signup_form .radioButton {float:right; margin-left:15px;}
.alt_signup_form select {float:right; width:55%;}

/*************************************/
/*** END Form style ***/
/*************************************/



/*Bottom */
.bottom {font-size:15px; line-height:1.5; padding-top:50px; padding-bottom:25px;}
.bottom h2 {color:#2b4e96; line-height:1.15; font-weight:700; text-align:left; font-size:22px;}
.bottom h3 {
	font-size:20px;
	color:#2b4e96;
	line-height:1.2;
	margin:0;
	padding: 6px 0 6px 44px;
}
.bottom .bucket1 h3 {background:url('../img/free_features_icon.png') no-repeat top left;}
.bottom .bucket2 h3 {background:url('../img/free_bonus_icon.png') no-repeat top left;}
.bottom .bucket3 h3 {background:url('../img/free_cake_icon.html') no-repeat top left;}
.bottom .bucket4 h3 {background:url('../img/free_secure_icon.png') no-repeat top left;}
.bottom ul {margin:0;}
.bottom .bucket1,
.bottom .bucket2,
.bottom .bucket3,
.bottom .bucket4 {
	margin:30px 0;
}

/*************************************/
/*** START Footer style ***/
/*************************************/

footer {
	text-align: center;
	font-family: Arial;
	line-height:1.2; background: url(../img/footerup.png) ; height:100px;
}

footer{	margin:0 0 0px 0;color: #FFF;}
footer p{	margin: 0;}
.footer-menu a{
	color: #FFF;
	padding:20px 10px;
	display: inline-block;
	position:relative;
	font-size:13px;
}
.footer-menu a:hover{	text-decoration: none;}
	
	@media (max-width: 479px){
		footer .licence,
		footer .licence a{
			font-size: 10px;
		}
	}

.licence{
	font-size: 11px;
	color: #FFF;
	margin-top: 20px;
}
.licence p{	margin-bottom: 5px;}
.licence a{
	color: #3c3c3c;
	text-decoration: underline;
}


/***********************************/
/*** End Footer style ***/
/***********************************/


/***********************************/
/*** Start Thank You Page style ***/
/***********************************/

.thankyou .logo {text-align:left;}
.thankyou .callForInfo {max-width:324px; width:95%; border-right:1px solid #ef2929; border-left:1px solid #ef2929; border-bottom:1px solid #ef2929;}
.thankyou h1 {text-align:left; margin-top:30px; font-size:36px; line-height:1;}
.thankyou h2 {text-align:left; margin-bottom:35px;}
.thankyou .content_top {height:auto; padding-bottom:60px;}
.thankyou .container {max-width:800px;}

	@media (min-width: 768px){
	.thankyou h1 {font-size:38.5px;}

	}
/***********************************/
/*** End Thank You Page style ***/
/***********************************/

	@media (min-width: 768px){
		.wrapper_header {height: 127px;}
		.content_wrapper {padding:0;}
		.header .callForInfo {width:324px; float:right; margin-right:8px;}
		.logo {padding: 20px 0; text-align:left;}
		.wrapper_form {width:324px; position:absolute; top:-123px; right:8px;}
		.content_top {padding-right:335px; position:relative;}
		.productImg {/*width: 182px;*/ width: 290px;display:inline-block; float:left; margin-left:-40px;}
		.callout {width:170px; display:inline-block; padding:10px 10px; font-size:15px; margin-left:20px;}
		.content_hero h1 {font-size:30px;text-align:right; width:630px; line-height:40px;}
		.content_hero h2 {font-size:18px;text-align:left;}
		.burst {top: -18px;left: 90px;z-index: -1;width: 73px;}
		.bottom .bucket2 {margin-left:50px; width: 352px;}
		.bottom .bucket3 {margin-left:50px; width: 380px;}
		.bottom .bucket4 {margin-left:50px; width: 380px;}

	}


	@media (min-width: 980px){
		.content_top {height: 370px;}
		.content_hero h1 {margin-top:5px;}
		.content_hero h2 {font-size:18px; margin-bottom:2px;}
		.callout {width: 220px; float: right; margin-right: 18px;}
		.productImg {/*width: 350px;*/ width: 460px; position: absolute; bottom: -60px; left: -25px;}
		.burst {top: 23px; left: -85px; width: auto;}
		.bottom {padding-top: 5px;}
		.content_bottom {max-width: 810px;}
}
	@media (min-width: 1200px){
	.wrapper_form {right: 39px;}
	.callout {margin-right: 63px;}
	.content_bottom {max-width: 927px;}
	.bottom .bucket2 {margin-left:0;}
	.bottom .bucket3 {margin-left:0;}
	.bottom .bucket4 {margin-left:0;}
}