@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);

@font-face {
	font-family: 'MyriadProLight';
	src: url('../fonts/myriadpro-light.eot');
	src: url('../fonts/myriadpro-light.eot') format('embedded-opentype'),  url('../fonts/myriadpro-light.woff') format('woff'),  url('../fonts/myriadpro-light.ttf') format('truetype'),  url('../fonts/myriadpro-light.svg#MyriadProLight') format('svg');
}

@font-face {
	font-family: 'MyriadProBold';
	src: url('../fonts/myriadpro-bold.eot');
	src: url('../fonts/myriadpro-bold.eot') format('embedded-opentype'),  url('../fonts/myriadpro-bold.woff') format('woff'),  url('../fonts/myriadpro-bold.ttf') format('truetype'),  url('../fonts/myriadpro-bold.svg#MyriadProBold') format('svg');
}

body {
	background:#fff;
	font-family: 'Lato', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

p {
	font-family: 'Lato', sans-serif;
}

footer {
	text-align:center;
	padding:20px 0;
}

h1 {
	font-family: 'MyriadProLight', sans-serif;
	font-size:36px;
	line-height:40px;
	text-align:center;
	margin:40px 0 30px;
	font-weight:600;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

h1 strong {
	font-family: 'MyriadProBold', sans-serif;
}

h2 {
	font-family: 'MyriadProLight', sans-serif;
	font-size: 32px;
	line-height: 40px;
	text-align: center;
	border-bottom: 1px solid #e6e6e6;
	margin: 30px 20px;
	padding: 5px 0;
	font-weight:600;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

h2 strong {
	font-family: 'MyriadProBold', sans-serif;
}

a:hover {
	text-decoration:none;	
}

.main {

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 58%, #D6FBCD 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(58%, #ffffff), color-stop(100%, #D6FBCD)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 58%, #D6FBCD 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #ffffff 58%, #D6FBCD 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 58%, #D6FBCD 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 58%, #D6FBCD 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#D6FBCD', GradientType=0 ); /* IE6-9 */
}

.hero{
	background: #ffffff;
	background: -moz-linear-gradient(left,  #ffffff 0%, #59AF27 25%, #59AF27 75%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(25%,#59AF27), color-stop(75%,#59AF27), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(left,  #ffffff 0%,#59AF27 25%,#59AF27 75%,#ffffff 100%);
	background: -o-linear-gradient(left,  #ffffff 0%,#59AF27 25%,#59AF27 75%,#ffffff 100%);
	background: -ms-linear-gradient(left,  #ffffff 0%,#59AF27 25%,#59AF27 75%,#ffffff 100%);
	background: linear-gradient(to right,  #ffffff 0%,#59AF27 25%,#59AF27 75%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#59AF27',GradientType=1 );
}

.hero-row {
	background:url("../img/hero-girl.png") 10% bottom no-repeat;
	min-height:474px; 
}

.main-row {
	min-height:500px;
	background:url("../img/family.png") 5% bottom no-repeat;
	padding-bottom:25px;
}

.logo {
	margin:40px 0 30px;
}

.textcont {
	padding:25px 0;
	font-size:16px;
}

.txtcont {
	font-size:16px;
}

header, footer, footer a {
	background:#333;
	color:#fff;
}

footer a:hover {
	color:#fff;
}

.csimg {
	margin-top:40px;	
}

/* ------------- Call to Action Button -------------- */

.btn-cta {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #70B7D8), color-stop(1, #15698E) );
	background:-moz-linear-gradient( center top, #70B7D8 5%, #15698E 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#70B7D8', endColorstr='#15698E');
	background-color:#70B7D8;
	text-indent:0;
	border:none;
	display:inline-block;
	color:#ffffff;
	font-weight:bold;
	width:100%;
	font-size: 24px;
	line-height: 38px;
	padding:10px 20px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #0C5778;
	-moz-box-shadow:inset 0px 1px 0px 0px #90CAE5;
	-webkit-box-shadow:inset 0px 1px 0px 0px #90CAE5;
	box-shadow:inset 0px 1px 0px 0px #90CAE5;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.btn-cta:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4C98BC), color-stop(1, #0C587A) );
	background:-moz-linear-gradient( center top, #4C98BC 5%, #0C587A 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4C98BC', endColorstr='#0C587A');
	background-color:#6DB1CF;
	text-decoration:none;
	color:#ffffff;
}

.btn-cta:active {
	position:relative;
	top:1px;
}

/* ------------- Form -------------- */

.formbox {
	padding: 15px;
	padding-top:0;
}

.formcont {
	padding:0 20px;
	margin-top:40px;
}

.formtxt, .formcont a {
	color:#fff;
	text-align:justify;
}

.formcont h3 {
	text-align:center;
	color:#ffffff;
	margin-bottom:20px;	
}

.form-container .form-control {
	height:42px;
	line-height:20px;
	font-size:16px;
	color:#000;
	padding:0 0 0 65px;
	border:none;
	border-radius:0;
	display:block;
	background: #e7e7e7; /* Old browsers */
	background: -moz-linear-gradient(top, #e7e7e7 0%, #ffffff 49%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(49%, #ffffff), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e7e7e7 0%, #ffffff 49%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e7e7e7 0%, #ffffff 49%, #ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e7e7e7 0%, #ffffff 49%, #ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e7e7e7 0%, #ffffff 49%, #ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
}

.form-group {
	position:relative;
}

.form-group span.name, .form-group span.email, .form-group span.mobile, .form-group span.postcode, .form-group span.debt {
	position:absolute;
	top:8px;
	display: inline-block;
	width: 50px;
	height: 30px;
	vertical-align: middle;
	border-right:2px solid #dfdfdf;
}

.form-group span.name {
	background: url(../img/icon-name.gif) no-repeat center center;
}

.form-group span.email {
	background: url(../img/icon-email.gif) no-repeat center center;
}

.form-group span.mobile {
	background: url(../img/icon-mobile.gif) no-repeat center center;
}

.form-group span.postcode {
	background: url(../img/icon-postcode.gif) no-repeat center center;
}

.form-group span.debt {
	background: url(../img/icon-debt.gif) no-repeat center center;
}

.form-error {
	border:1px solid #E98F91;
	box-shadow:inset 0 0 10px rgba(255,0,0,0.5);
	-webkit-box-shadow:inset 0 0 10px rgba(255,0,0,0.5);
	-moz-box-shadow:inset 0 0 10px rgba(255,0,0,0.5);
	-o-box-shadow:inset 0 0 10px rgba(255,0,0,0.5);
	color:#D41B1E;
}

.error {
	color:#D41B1E;
	margin-top:5px;
}

/* ------------- Carousel -------------- */

.carousel-content {
    color:black;
    display:flex;
    align-items:center;
	font-size:16px;
	line-height:25px;
}

.item {
	padding-top:40px;
	padding-bottom:40px;	
}

.testimonials {
	display:inline-block;	
}

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

@media (max-width:350px) {
	.csimg {
		width:100%;	
	}
}

@media (min-width: 768px) {
	h1 {
		font-size:30px;
		line-height:32px;
	}
	
	.imgcont {
		text-align:right;	
	}
}

@media (min-width: 992px) {
	h1 {
		font-size:36px;
		line-height:36px;
	}
}

@media (max-width:992px) {
	.main-row {
		background:none;
	}
	
	.hero-row {
		background:url(../img/hero-girl.png) 0% bottom no-repeat;
		min-height:474px; 
	}
}

@media (max-width:768px) {
	.hero{
		background: #59AF27;
	}
	
	.hero-row {
		background:none; 
	}
	
	h1 {
		font-size:26px; 
		line-height:26px; 
		margin:0;
		padding:0;
		margin-bottom:10px;
	}
	
	#top img {
		padding:10px;
		margin:0 auto !important;  
	}
	
	.logo {
		float:none;
		margin:0 auto;
		text-align:center;	
	}
	
	.item {
		padding-top:0px;
		padding-bottom:0px;	
	}
	
	.imgcont {
		text-align:center;	
	}
}