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


#topbar {background-color: #fff;
	height: auto;
	margin: 0 auto;
	width: 100%;
	max-width:100%;
	text-align:right;
	z-index:1000000;
	padding-top: 5px;
	padding-bottom: 0px;

}


	
#banner {
	background: url(../images/banner_background.jpg) 50% 0 fixed;
	background-color: #00AF97;
	height: auto;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	z-index:100000;
	text-align:left;
	vertical-align:middle;
	padding-top:0px;
	padding-bottom:0px;
	box-shadow:inset 0px 0px 30px 10px rgba(0,110,96,0.3);
	display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */

}

#banner-line {
	background: url(../images/banner_background.jpg) 50% 0 fixed;
	background-color: #00AF97;
	height: 20px;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	z-index:100000;
	text-align:left;
	vertical-align:middle;
	padding-top:0px;
	padding-bottom:0px;
	box-shadow:inset 0px 0px 30px 10px rgba(0,110,96,0.3);
	display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */

}


#main {
	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
	font-size: 16pt;
	line-height: 20pt;
	font-weight: 300;
	background-color: #E6E6E6;
}


#about {
	padding-top: 50px;
	padding-bottom: 50px;
	
		
}

#watermarked {
	padding-top: 50px;
	padding-bottom: 50px;
	background: url(../images/background.png) 50% 0 fixed;
	background-repeat: no-repeat;
	
		
}

#banner2 {
	
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#84ce9c+15,00af97+100 */

background: rgb(132,206,156); /* Old browsers */

background: -moz-radial-gradient(center, ellipse cover,  rgba(132,206,156,1) 15%, rgba(0,175,151,1) 100%); /* FF3.6-15 */

background: -webkit-radial-gradient(center, ellipse cover,  rgba(132,206,156,1) 15%,rgba(0,175,151,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: radial-gradient(ellipse at center,  rgba(132,206,156,1) 15%,rgba(0,175,151,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84ce9c', endColorstr='#00af97',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */




	
	height: auto;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	text-align:center;
	vertical-align:middle;
	padding-top:35px;
	padding-bottom:15px;
	box-shadow:inset 0px 0px 30px 10px rgba(0,110,96,0.3);
	display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */

}


#wrong {
	padding-top: 50px;
	padding-bottom: 50px;
	
		
}


#banner3 {
	
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#84ce9c+18,00af97+100 */

background: rgb(132,206,156); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(132,206,156,1) 18%, rgba(0,175,151,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(132,206,156,1) 18%,rgba(0,175,151,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(132,206,156,1) 18%,rgba(0,175,151,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84ce9c', endColorstr='#00af97',GradientType=0 ); /* IE6-9 */




	height: auto;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	text-align:center;
	vertical-align:middle;
	padding-top:35px;
	padding-bottom:15px;
	box-shadow:inset 0px 0px 30px 10px rgba(0,110,96,0.3);
	display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */

}





#footer {
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
	color: #B3B3B5;
	background-color: #E6E6E6;
	
	
	
}

#terms {
	padding-top: 50px;
	padding-bottom: 50px;
	
	
	
	
}


#terms-header {
	background: url(../images/banner_background.png)no-repeat;
	background-color: #00AF97;
	background-position: top, center;
	padding-top: 20px;
	padding-bottom: 20px;

	
	
}
hr {border-color: #00AF97;	
	line-height: 5px;
	font-size: 2pt;
	border-style: solid;
		
		
	
}


.intro {
	font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 0; 
  margin-bottom: 10;
  color: #606163;
  font-size: 1.5rem;}


.light {color: #999999;
  font-size: 0.85rem;
font-style: italic;}


.whitehead {
	color: #fff;
	font-weight: 100;
	padding-bottom: 15px;
	
	}

.benefit {
	color: #fff;
  font-size: 16px;
  font-weight: 900;
  line-height: 18px;
	padding-bottom: 15px;

}
 
.img-benefit {
	width:100%;
	max-height:auto;
	max-width:auto;
	
}


.img {
	width:100%;
	max-height:auto;
	max-width:auto;
	
}


.img-right {
    float: right;
    margin: 0 0 10px 20px;
	height:250px;
	width:auto;
}

.img-buttons {
	width:100%;
	max-height:auto;
	max-width:auto;
	padding-bottom: 5px;
	
}
	
.img-grey {
	width:100%;
	max-height:auto;
	max-width:auto;
	padding-top: 10px;
	

}

.logo {
	width:100%;
	max-height:auto;
	max-width:auto;
	padding-bottom: 0px;
	
}


.quote {
	background: #666;
	background-image: url(../images/quote_bg.png)
	
	
	
}

.banner-text {
	font-family: "Raleway", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #fff;
	font-size: 18pt;
	font-weight: 100;
	line-height: 20pt;
	padding-top: 60px;
	padding-bottom: 0;
	text-align: right;

	
}

.bold {
	color: #fff;
	font-size: 18pt;
	font-weight: 600;	
	
}

.strong-green {
	font-weight: 600;	
	color: #00AF97;
}


.plan {
	font-weight: 600;	
	color: #00AF97;
	border-top: thick;
	border-top-color: #00AF97;
}

.lead {
	color: #A5CD39;
	font-size: 18pt;
	font-weight: 900;	
	
}

.colour {
	color: #66D0C1;
	font-size: 18pt;
	font-weight: 600;	
	
}


.a-menu-text {
  color: #fff;
  text-decoration:none;
  font-weight:200; }
  
.a-menu-text:hover {
  color: #fff;
  text-decoration:none; }


.form {
	font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#606163;
	font-size:12pt;
	font-weight:400;
	background-color:#fff;
	border:0px;
	padding: 0px 10px 0px 10px;
	width: 96%;
	margin-bottom:10px; 
	height:120px;
}


.form-left {
	font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#606163;
	font-size:12pt;
	font-weight:400;
	background-color:#fff;
	border:0px;
	padding: 0px 10px 0px 5px;
	width: 97%;
	margin-bottom:10px; 
	height:40px;
}

a.baselink {
	font-weight:600;
	text-decoration:none;
	color:#B3B3B5;
	padding:0px 5px 0px 5px;
	
}

a.baselink:hover {
	color:#0089BE;
	text-decoration:none;
}

a.baselink:active {
	color:#EC1651;
	text-decoration:none;
}

.button1,
button1,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: auto;
  color: #fff;
  padding-bottom: 7px;
  text-align: center;
  font-size: 16px;
  font-weight: 900;
  line-height: 16px;
  text-decoration: none;
  background-color: #00AF97;
  cursor: pointer;
  box-sizing: border-box; 
width: 100%;
text-transform: uppercase;}
.button1:hover,
button1:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button1:focus,
button1:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #fff;
  outline: 0; 
  background-color: #999}
.button1.button-primary,
button1.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #999;
  border-color: #999; }
.button1.button-primary:hover,
button1.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button1.button-primary:focus,
button1.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #999;
  border-color: #999; }

.button2,
button2,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: auto;
  color: #666666;
  padding-bottom: 7px;
  text-align: center;
  font-size: 16px;
  font-weight: 900;
  line-height: 16px;
  text-decoration: none;
  background-color: #BEDC9E;
  cursor: pointer;
  box-sizing: border-box; 
width: 100%;
text-transform: uppercase;}
.button2:hover,
button2:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button2:focus,
button2:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #666;
  outline: 0; 
  background-color: #ccc}
.button2.button-primary,
button2.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #666;
  background-color: #ccc;
  border-color: #ccc; }
.button2.button-primary:hover,
button2.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button2.button-primary:focus,
button2.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #666;
  background-color: #ccc;
  border-color: #ccc; }

.button3,
button3,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: auto;
  color: #666;
  padding-bottom: 7px;
  text-align: center;
  font-size: 16px;
  font-weight: 900;
  line-height: 16px;
  text-decoration: none;
  background-color: #fff;
  cursor: pointer;
  box-sizing: border-box; 
width: 100%;
text-transform: uppercase;}
.button3:hover,
button3:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button3:focus,
button3:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #666;
  outline: 0; 
  background-color: #ccc}
.button3.button-primary,
button3.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #666;
  background-color: #ccc;
  border-color: #ccc; }
.button3.button-primary:hover,
button3.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button3.button-primary:focus,
button3.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #666;
  background-color: #ccc;
  border-color: #ccc; }

.button4,
button4,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 50px;
  color: #fff;
   text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 49px;
  text-decoration: none;
  background-color: #00AF97;
  cursor: pointer;
  box-sizing: border-box; 
	padding-left: 20px;
	padding-right: 20px;
width: auto;
text-transform: uppercase;
	border: 0px;}
.button4:hover,
button4:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button4:focus,
button4:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #fff;
  outline: 0;  }
.button4.button-primary,
button4.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #999;
  border-color: #999; }
.button4.button-primary:hover,
button4.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button1.button-primary:focus,
button4.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #999;
  border-color: #999; }