html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 75px;
	vertical-align: baseline;
	background: transparent;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;

}

@font-face {font-family: 'proxima-reg';
	src: url('../fonts/proxima-reg.eot');
	src: url('../fonts/proxima-reg.eot?#iefix') format('embedded-opentype'),
	url('../fonts/proxima-reg.woff') format('woff'),
	url('../fonts/proxima-reg.ttf') format('truetype');
}
@font-face {font-family: 'Proxima-Semi';
	src: url('../fonts/proxima-semi.eot');
	src: url('../fonts/proxima-semi.eot?#iefix') format('embedded-opentype'),
	url('../fonts/proxima-semi.woff') format('woff'),
	url('../fonts/proxima-semi.ttf') format('truetype');
}	


body {background:url('../images/bg.png') #E5F0F5 no-repeat center top;}

.container {width:1020px; margin:0 auto; box-sizing:border-box; cursor:pointer; }
strong {font-weight:700; }

header {padding:15px 0; box-sizing:border-box; width:960px; margin:0 auto; background:white;}
header img {max-width:100%;}
header .row {margin:0; padding:30px 0; box-sizing:border-box;}
header .tel {float:right; margin-left:20px; margin-top:3px; background: url('../images/tel-icon-lge.png') left center no-repeat;padding-left: 75px;padding-top: 9px; height:51px;}
header .tel .number {font-size:20px; color:#00A7B9;}
header .tel .date {color:#7F7F7F; font-size:18px;}
header .tel span {color:#FF790C; font-weight:400;}
header .tel p a {color:#000; font-family:proxima-reg; font-size:34px; font-weight:700; text-decoration:none;}
.logo img {max-width:100%;}

.left {width:50%; float:left; position:relative;}
.right {width:50%; float:left; overflow:hidden;}

.contact-details-ipad {display:none;}

.mob-tel {display:none;}

.contact-details {float:right; padding:20px; box-sizing:border-box;color:#FF790C}
.contact-details p {
	font-family: proxima-reg;
	font-size: 18px;
	color: #FF790C
}
.contact-details p a {color:#FF790C; text-decoration:none; font-family:proxima-reg;}
.contact-details span {font-family:proxima-reg; font-size:18px; color:#FF790C;}

.left .main {
	padding: 0 0 0 60px;
	box-sizing: border-box;
	position: absolute;
	top: 258px;
	left: 49px;
}
.left .main h1 {color:#FF790C; font-size:40px; font-family:proxima-reg; font-weight:normal; margin-bottom:20px;}
.left .main ul li {color:#FF790C; font-family:proxima-reg; font-size:24px; margin-bottom:20px; list-style-type:none; font-weight:normal;}
.left .main ul li span {color:#FF790C; float:left; margin-right:15px; font-size:28px; font-family:proxima-reg; font-weight:normal;}

.form {background:rgba(98, 128, 139, 0.6);); padding:25px; box-sizing:border-box; border-radius:10px;   margin: 40px 20px; width:390px; float:right; }
.form .step1 p {font-size:40px; margin-bottom:20px;}
.form .step1 div {margin-bottom:20px;}
.form p {margin-bottom:10px; color:white; font-size:22px; font-family:proxima-reg;}
.step2 input, select {width:100%; padding:10px; box-sizing:border-box; margin-bottom:20px; height:36px; border-radius:5px; border:0; font-family:proxima-reg;}
.step2 label {color:white;}
.step1 .submit-btn {background:url('../images/btn-arrow.png') right center #FF790C no-repeat; padding:10px; width:100%; cursor:pointer; padding-left:30px; border-radius:8px; border-bottom:4px solid rgba(51, 51, 51, 0.75); border-left:0; border-right:0; border-top:0; height:auto; margin-top:10px; margin-bottom:0; text-align:left; box-sizing:border-box; font-family:proxima-reg; font-size:21px; text-transform:uppercase; color:white;}
.step1 .submit-btn:focus {border-bottom:2px solid rgba(51, 51, 51, 0.75); outline:0;}
.step2 .submit-btn {background:url('../images/btn-arrow.png') right center #FF790C no-repeat; cursor:pointer; padding-left:30px; border-radius:8px; border-bottom:4px solid rgba(51, 51, 51, 0.75); border-left:0; border-right:0; border-top:0; height:auto; margin-top:10px; margin-bottom:0; text-align:left; box-sizing:border-box; font-family:proxima-reg; font-size:21px; text-transform:uppercase; color:white;}
.step2 .submit-btn:focus {border-bottom:2px solid rgba(51, 51, 51, 0.75); outline:0;}

.can-do {background:rgba(255, 255, 255, 0.6);; padding:25px; box-sizing:border-box; float:right; width:390px; margin:0 20px 0 0; border-radius:10px;}
.can-do h2 {color:#FF790C; font-size:40px; font-family:proxima-reg; font-weight:normal; margin-bottom:10px;}
.can-do ul li {list-style-type:none; color:#62808B; font-size:18px; background:url('../images/list-icon.png') no-repeat left top; padding-left:50px;font-family:proxima-reg; font-weight:400; color:#7F7F7F; margin-bottom:10px; padding-bottom:10px; padding-top:4px;}

.lower { width: 960px;clear: both;margin:0 auto; background:white; padding:30px; box-sizing:border-box;}
.lower .lower-left {width:58%; float:left;}
.lower h2 {color:#00A7B9; font-size:35px; font-family:proxima-reg; font-weight:400; margin-bottom:20px;}
.lower ul {}
.lower ul li {background:url('../images/list-icon.png') no-repeat left top; padding-left:50px;font-family:proxima-reg; font-weight:400; color:#7F7F7F; font-size:19px; list-style-type:none; margin-bottom:25px; padding-bottom:10px;}
.lower .lower-right {width: 42%;float: left;text-align: right;padding: 60px 50px 0px 50px; box-sizing: border-box;}

footer {
	background: #62808B;
	width: 100%;
	float: left;
	padding: 30px 0;
	box-sizing: border-box;
	margin-top: 500px;
}
footer p {color: white;text-align: center;width: 74%;font-size: 14px;margin: 0 auto;text-transform: uppercase;font-weight: normal;font-family: proxima-reg;line-height: 20px;}

.thanks .main-left {width:100%;background:#e4e2de; padding:0px 20px 20px 20px; box-sizing:border-box;}
.thanks .container {padding:0px;}

.tel-mob {display:none;}


/* CUSTOM RADIO BUTTON STYLES */

@import "compass/css3";

$DarkBrown: #292321;

$Orange: #CC3300;

div {
  margin-bottom:20px;
}

input[type="radio"] {
    display:none;
}
input[type="radio"] + label {
    color: white;
    font-size:18px;
}
input[type="radio"] + label span {
    display:inline-block;
    width:23px;
    height:23px;
    margin:-1px 10px 0 0;
    vertical-align:middle;
    cursor:pointer;
    border:1px solid white;
}

input[type="radio"] + label span {
     background-color:none;

}

input[type="radio"]:checked + label span{
     background:url('../images/radio-tick.png') white no-repeat center center;
}

input[type="radio"] + label span,
input[type="radio"]:checked + label span {
  -webkit-transition:background-color 0.4s linear;
  -o-transition:background-color 0.4s linear;
  -moz-transition:background-color 0.4s linear;
  transition:background-color 0.4s linear;
}



@media only screen and (max-width: 768px) 
{
	header {width:100%;}
	body {background:url('../images/bg-mob.png') #A1C3D7 repeat-x 0px -100px ;}
	.logo {width:68%; height:auto; float:left;}
	.left {width:100%;}
	.left .main {width:100%; position:relative; top:0; left:0; float:left; margin-top:-70px; padding:20px 20px 0px 40px;}
	.left .main h1 {font-size:25px;}
	.left .main ul li {font-size:20px;}
	.left .main ul li span {font-size:20px; height:50px;}
.right {width:100%; padding:20px; box-sizing:border-box;}
.thanks-form {display:none;}
.thanks-can-do {margin-top:0!important;}
	.main {width:100%;}
	.logo img {float:left;}
	.container {width:100%; padding:0px 0px;}
	.mob-tel {float:right; padding-right:10px; display:block; padding-top:30px;}
	.mob-tel img {width:80%}
	.contact-details {display:none;}
	.tel {display:none;}
	.main .main-left {width:100%; padding:0px; box-sizing:border-box;}
	.main .main-left p {width:90%; float:left; margin-top:0;}
	.main .main-left ul {margin-bottom:20px;}
	.main .main-left ul li {width:100%; font-size:20px;}
	.main .main-left ul li span {font-size:24px; float:left;}
	.main .main-left h1 {width:100%; font-size:30px; line-height:38px; margin-top:0px;}
	.main .main-right {width:100%;}
	.form {padding:20px; box-sizing:border-box; margin:0; width:100%;}
	.can-do {width:100%; margin:20px 0;}
	.can-do h2 {font-size:22px;}
	.can-do ul li:last-child {margin-bottom:0;}
	.lower {margin:20px 0 0 0;}
	img {max-width:100%;}
	div.three-steps-text {text-align:left;}
	div.three-steps img {margin-bottom:20px;}
	div.three-steps-text p{font-size:20px; float:left; text-align:left; width:100%; margin:0;}
	div.three-steps-text p br {display:none;}
	.lower .lower-left {width:100%;}
	.lower .lower-right {width:100%; display:none;}
	h2 {font-size:30px; margin-bottom:10px;}
	.lower {width:100%;}
	.lower h2 {font-size:30px;}
	.lower .left p {font-size:18px; line-height:24px;}
	.lower .three {width:100%;}
	.lower ul li:last-child {margin-bottom:0; padding-bottom:0;}
	.quote-bar {text-align:center; padding:10px 0 20px 0;}
	.quote-bar a {float:none; margin-top:10px; display:block; clear:both;}
	.quote-bar p {text-align:center; width:100%; font-size:28px; margin-bottom:20px; line-height:34px;}
	.save-money .left img {display:none;}
	.save-money .right {width:100%;}
	.save-money p {margin:0; font-size:20px; line-height:26px;}
	.more-reasons .left {width:100%}
	.more-reasons .right {width:100%}
	.three img {width:100%}
	.lower .three p.title {margin-bottom:0px;}
	.more-reasons {box-sizing:border-box; padding:20px;}
	.more-reasons ul {margin:20px 0 0 0;}
	.more-reasons ul li {font-size:20px; line-height:30px;background: url('../images/li-icon.png') no-repeat left 3px;}
	.save-money {padding:20px; box-sizing:border-box;}
	.save-money h3 {width:100%; margin:0;}
	.save-money p {width:100%; margin-top:10px;}
	.save-money .submit-btn {width:100%}
	.benefits .left {width:100%;}
	.benefits .right {width:100%; padding:20px;}
	.benefits ul li {font-size:20px; line-height:30px;   background: url('../images/li-icon-orange.png') no-repeat left 3px;}
	.benefits h4 {font-size:24px;}
	.benefits h5 {font-size:24px;}
	.logo-sec {display:none;}
	footer {margin-top:0; padding:20px; box-sizing:border-box; position:relative;}
	footer p {width:100%; font-size:12px;}
	footer br {display:none;}
	.contact-details-ipad {display:none;}
	.form .step1 p {font-size:22px;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

.logo {width:48%;}
.contact-details-ipad {display:block; float:right; padding:20px; box-sizing:border-box; margin-top:55px;}
.contact-details-ipad p {font-family:proxima-reg; font-size:18px;}
.contact-details-ipad p a {color:#FF790C; text-decoration:none; font-family:proxima-reg;}
.contact-details-ipad span {font-family:proxima-reg; font-size:18px; color:#62808B;}
.mob-tel {display:none;}
.left .main ul li span {float:left; height:auto;}


 }