@import url(homepage-notidy.css);

/* General Layout */
html,body
{
	padding:0;
	margin:0;
	height:100%;
	width:100%;
	font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:400;
	z-index:100;
}

textarea {
	font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:400;
}

section
{
	position:relative;
	border-bottom:transparent 1px dashed;
	border-top:transparent 1px dashed;
	position: relative;
	min-height: 100%;
	margin: 0;
	padding: 0;
	min-width: 400px;
}

section#learn_more
{
	border-bottom-color: #777;
}

section#signup nav ul li.f_right,
section#home nav ul li.f_right
{
	float:right;
}

section#page nav,
section#signup nav,
section#home nav
{
	text-align:left;
	padding:15px;
}

section#page nav > ul,
section#signup nav > ul,
section#home nav > ul
{
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
	display:inline-table;
}

section#page nav > ul:after,
section#signup nav > ul:after,
section#home nav > ul:after
{
	content:"";
	clear:both;
	display:block;
}

section#page nav ul li,
section#signup nav ul li,
section#home nav ul li
{
	display: inline;
}

section#page nav ul li a,
section#signup nav ul li a,
section#home nav ul li a
{
	display:inline-block;
	padding:5px 20px;
	text-decoration:none;
	font-weight: 700;
	font-size: 14px;
}

section#page a,
section#signup a,
section#home a
{
	color:#FFF;
}

section#home,section#signup
{
	height:100%;
	display:block;
}

.alt_background, section#home,section#signup
{
	/*background: see import;*/
	background-color: #1773B1;
	color:#FFF;
	transform: translate3d(0px, 0px, 0px);
}

section .signup
{
	position:absolute;
	top:30%;
	width:100%;
	text-align:center;
}

section .signup h1
{
	margin:1em;
	color:#FFF;
	font-size: 32px;
	letter-spacing: 0.25em;
}

section .signup img
{
	width:250px;
}

section .signup input[type=text]
{
	background:none repeat scroll 0 0 #FFFFFF;
	border:0 none;
	border-radius:5px 5px 5px 5px;
	color:#333333;
	font-size:15px;
	height:20px;
	margin-right:20px;
	margin-bottom:20px;
	vertical-align:top;
	width:250px;
	padding:14px;
}

section .signup button[type=submit]
{
    /*border-color: see import;*/
    /*text-shadow: see import;*/
	background:none repeat scroll 0 0 #47BA42;
	border-image:none;
	border-radius:5px 5px 5px 5px;
	border-style:none none solid;
	border-width:0 0 2px;
	color:#FFFFFF;
	display:inline-block;
	font-size:15px;
	font-weight:900;
	height:50px;
	line-height:50px;
	padding:0;
	text-transform:uppercase;
	width:150px;
}

section .signup button[type=submit]:hover
{
	background:none repeat scroll 0 0 #4DC447;
	box-shadow:none;
	text-shadow:none;
}

section .footer
{
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center !important;
	background:#0D66A2;
	height:75px;
	overflow: hidden;
	color: #FFF;
}
section > div.footer > nav
{
	text-align: center !important;
}
section .footer .jump
{
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-25px;
}

section#learn_more ul
{
	text-align:left;
	padding:0;
	width:40%;
	margin:auto;
}

section#learn_more div
{
	padding-left:50px;
	margin-left:-25px;
	height:50px;
	width:100%;
	display: table-cell;
	vertical-align: middle;
}
section#learn_more li
{
	list-style:none;
	background-repeat:no-repeat;
	background-position:left center;
	background-image:url(/images/tick.png);
	display: table-row;
	color:#454D56;
	/*font-size: 18px;*/
}


section#rates img
{
	width:40%;
}

section#rates p,section#how_it_works p
{
	text-align:center;
}

section:after
{
	display:inline-block;
	content:'';
	clear:left;
	width:100%;
	height:0;
	background:#444;
	font-size:0;
}

/* Sizing */
h1
{
	font-size:24px;
	text-align:center;
	color:#000;
}

/* hacks */
img
{
/* prevent img's exceeding the page width */
	max-width:100%;
	width:auto\9;
	height:auto;
	vertical-align:middle;
	border:0;
	-ms-interpolation-mode:bicubic;
}	


section#how_it_works .slideshow  {
/*	container */
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
}
section#how_it_works .slideshow > div {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	display: none;
	padding: 10%;
}


section#how_it_works .slideshow > div:target{
	display: block;
}

section#how_it_works .slideshow > div:first-child {
	display: block;
}

section#how_it_works .slideshow > div > div {
	background: #FFF;
	height: 100%;
/*	border: #000 3px solid;
*/	padding: 5px;
}

section#how_it_works .slideshow > div > div > div {
	height: 100%;
	text-align: center;
}

section#how_it_works .slideshow > div > div > div > img {
	background: #FFF;
	max-height: 100%;
}

/* ss#lideshow navigation */
section#how_it_works .slideshow > div > div > a img {
	width:32px;
	background:#FFF;
}

section#how_it_works .slideshow > div > div > a {
	position: absolute;
	top:50%;
	right:10%;
	margin-top: -16px;
	margin-right: -32px;
}

section#how_it_works .slideshow > div > div > a:first-child {
	margin-left: -32px;
	left:10%;
}

section#how_it_works .slideshow nav
{
	text-align:center;
	padding: 0px;
	position: absolute;
	left:0;
	right: 0;
	bottom: 8%;
}

section#how_it_works .slideshow ul {
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
	display:inline-table;
	width: 100%;
}

section#how_it_works .slideshow ul:after
{
	content:"";
	clear:both;
	display:block;
}

section#how_it_works .slideshow ul li
{
	display: inline;
	width:30px;
}

section#how_it_works .slideshow ul li a
{
	display:inline-block;
	padding:8px;
	margin: 0;
	text-decoration:none;
	font-weight: 700;
	font-size: 14px;
}

section#how_it_works .slideshow nav img
{
	background: #FFF;
	width:32px;
}

section#page {
	border: none;
}
section#page nav {
	background-color: #1773B1;
}

.contact_us {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
	z-index: 0;
} 

.contact_us:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

.contact_us > div {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: solid 1px #000;
	background:#115685;
    padding: 5px;
    text-align: center;
    border-radius: 8px;
	width: 380px;
}

.contact_us > div h1{
    font-weight:bold;
	color: #FFF;
}

.contact_us label{
    width:150px;
    display: inline-block;
    text-align: right;
    padding-right: 0.5em;
}


.contact_us textarea,
.contact_us input[type=password],
.contact_us input[type=text] {
   background: -moz-linear-gradient(center top , #E8E5E5, #FFFFFF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #05376D;
    border-radius: 5px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65) inset, 0 1px 1px rgba(255, 255, 255, 0.2);
    color: #000;
    font-size: 14px;
    line-height: normal;
    margin: 0 1px 1px;
    outline: medium none;
    padding: 9px 10px;
}

.contact_us textarea,
.contact_us button,
.contact_us input,
.contact_us .button{
	width:100%;
	box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}


button,
input[type=submit],
.button
{
	background: #EBAE08;
    background: -moz-linear-gradient(center top , #F5CB08, #EBAE08) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    box-shadow: 0 2px 3px rgba(255, 255, 255, 0.46) inset, 0 1px 1px rgba(0, 0, 0, 0.45);
    color: #483704;
    padding: 10px 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
	-moz-box-sizing: border-box;
    -moz-user-select: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    min-width: 80px;
    outline: medium none;
    padding: 9px 20px;
    text-align: center !important;
    text-shadow: 0 1px 0 #FFFFFF;
    white-space: nowrap;
	width: 100%;
}

button:hover,
input[type=submit]:hover,
.button:hover{
	background: #F5CB08;
background: -moz-linear-gradient(center top , #F2D654, #EBAE08) repeat scroll 0 0 rgba(0, 0, 0, 0);
}


.privacy {
	margin: 30px;
	text-align: justify;
}


/*end*/
section#how_it_works #header { top:0; }
section#how_it_works #footer { bottom:0; line-height: 60px;}