@charset "UTF-8";  
@font-face{
    font-family: 'Oswald Stencil';
    src: url('../fonts/oswald-stencil.eot');
    src: url('../fonts/oswald-stencil.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-stencil.woff') format('woff'),
         url('../fonts/oswald-stencil.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face{
    font-family: 'Oswald';
    src: url('../fonts/oswald-light.eot');
    src: url('../fonts/oswald-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-light.woff') format('woff'),
         url('../fonts/oswald-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face{
    font-family: 'Oswald';
    src: url('../fonts/oswald-regular.eot');
    src: url('../fonts/oswald-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-regular.woff') format('woff'),
         url('../fonts/oswald-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'Oswald';
    src: url('../fonts/oswald-bold.eot');
    src: url('../fonts/oswald-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-bold.woff') format('woff'),
         url('../fonts/oswald-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face{
    font-family: 'RobotoSlab';
    src: url('../fonts/robotoslab-thin.eot');
    src: url('../fonts/robotoslab-thin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotoslab-thin.woff') format('woff'),
         url('../fonts/robotoslab-thin.ttf') format('truetype');
    font-weight: 250;
    font-style: normal;
}
@font-face{
    font-family: 'RobotoSlab';
    src: url('../fonts/robotoslab-light.eot');
    src: url('../fonts/robotoslab-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotoslab-light.woff') format('woff'),
         url('../fonts/robotoslab-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face{
    font-family: 'RobotoSlab';
    src: url('../fonts/robotoslab-regular.eot');
    src: url('../fonts/robotoslab-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotoslab-regular.woff') format('woff'),
         url('../fonts/robotoslab-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'RobotoSlab';
    src: url('../fonts/robotoslab-bold.eot');
    src: url('../fonts/robotoslab-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotoslab-bold.woff') format('woff'),
         url('../fonts/robotoslab-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
.stencil{
    font-family: 'Oswald Stencil';
}
.oswald{
    font-family: 'Oswald';
}
/* common */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,code,form,input,button,textarea,p,blockquote,th,td{
	margin: 0;
	padding: 0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block;
}
table{
	border-spacing: 0;
}
img{
	border: none;
}
ul li{
	list-style: none;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: normal;
}
sup,sub{
	vertical-align: baseline;
}
input,button,textarea,select,optgroup,option{
 	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
input:focus,textarea:focus,select:focus{
	outline: none;
}
input[type='checkbox'],input[type='submit'],input[type='reset'],input[type='radio'],input[type='image'],input[type='file'],button,label{
	cursor: pointer;
}
a,label{
	text-decoration: underline;
	outline: none;
	color: inherit;
}
a:hover,label:hover{
	text-decoration: none;
}
html{
	height: 100%;
}
body{
	font-family: 'RobotoSlab', Arial, sans-serif;
	height: 100%;
	color: #20262d;
	font-size: 20px;
}
hr{
	color: #b7e6d9;
	height: 0;
	border: 0 none;
	border-top: solid 1px #b7e6d9;
}
.center{
	text-align: center;
}
.left{
	float: left;
}
.right{
	float: right;
}
.clear{
	float: none !important;
	display: block;
	clear: both;
	height: 0;
}
.uppercase{
	text-transform: uppercase;
}
input:focus::-webkit-input-placeholder{
	color: transparent;
}
input:focus::-moz-placeholder{
	color: transparent;
}
.input,
.submit{
	border: 0 none;
	padding: 8px 12px;
	width: 224px;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
textarea.input{
	resize: none;
	height: 80px;
}
.submit{
	padding: 0;
	height: 43px;
	color: #1b3a32;
	background: rgba(0,0,0,0.25);
	-webkit-transition: 0.25s ease all;
	-moz-transition: 0.25s ease all;
	-o-transition: 0.25s ease all;
	transition: 0.25s ease all;
}
.submit:hover{
	background: rgba(0,0,0,0.4);
}
p{
	margin: 0 0 20px;
}
/* off */
.wrapper{
	margin: 0 auto;
	height: 100%;
	height: auto !important;
	min-height: 100%;
}
.inside{
	width: 1040px;
	margin: 0 auto;
}
/* header */
header{
	height: 256px;
	color: #fff;
	background: #6fccb3;
}
h1{
	padding: 16px 0 10px;
	font-size: 50px;
	font-weight: 300;
	line-height: 100%;
}
h1 .uppercase{
	font-size: 60px;
}
h1 a{
	text-decoration: none;
}
header .desc{
	padding: 20px 0;
	color: #1b3a32;
	font-size: 30px;
}
header h2{
	margin: 0 220px;
	padding: 24px 0 0;
	font-size: 70px;
	line-height: 100%;
	color: #fddd71;
}
header nav{
	padding: 52px 0 0;
	font-size: 30px;
	color: #047457;
}
/* header off */

/* content */
div[role='main']{
	padding: 0 0 228px;
}
.benefits{
	padding: 14px 0 39px;
	background: #e6f2db url('../images/benefits.png') no-repeat center center;
}
.video{
	width: 494px;
	height: 300px;
	border: solid 1px #080908;
}
.benefits .desc{
	position: relative;
	padding: 80px 0 0;
	width: 514px;
}
.icon{
	position: absolute;
	left: 50%;
	top: -14px;
	margin: 0 0 0 -147px;
	width: 294px;
	height: 86px;
	padding: 4px 0 0;
	font-size: 45px;
	font-weight: 300;
	color: #00a177;
	background: url('../images/arrow_yellow.png') no-repeat center top;
}
.benefits h2{
	margin: 0 0 20px;
	font-size: 30px;
	line-height: 100%;
	color: #1b3a32;
}
.requirements{
	padding: 12px 0 0;
	width: 496px;
}
.requirements h2{
	font-size: 45px;
	font-weight: 300;
	line-height: 100%;
	color: #00a177;
	margin: 0 0 30px;
}
.list{
	padding: 0 0 0 24px;
}
.list li{
	list-style: square;
	margin: 0 0 20px;
}
.getstarted{
	position: relative;
	margin: 0 -48px 0 0;
	width: 592px;
	background: #fcd141;
}
.getstarted .icon{
	z-index: 1;
	top: 0;
	color: #fcd141;
	background-image: url('../images/arrow_red.png');
}
.login,
.registration{
	position: relative;
	padding: 12px 24px;
	width: 248px;
	height: 304px;
}
.login{
	background: #6fccb3;
}
.login h2,
.registration h2{
	font-size: 30px;
	line-height: 100%;
	margin: 0 0 30px;
	color: #1a2a0a;
}
.login .input,
.registration .input{
	margin: 0 0 14px;
}
.login .submit,
.registration .submit{
	position: absolute;
	left: 50%;
	bottom: 12px;
	margin: 0 0 0 -112px;
}
.registration h2{
	text-align: right;
}
.info{
	margin: 0 0 0 -64px;
	width: 1168px;
}
.info a{
	color: #00a177;
}
.info h2{
	margin: 0 0 20px;
	font-size: 50px;
	font-weight: 300;
	color: #11493a;
}
.info td{
	width: 720px;
	padding: 20px 80px 0 16px;
	vertical-align: top;
}
.info td:last-child{
	width: 1000px;
	padding-left: 8px;
	padding-right: 80px;
}
.info.faq td:last-child{
	padding-left: 32px;
}
.info td:first-child{
	width: 0;
	padding-left: 80px;
	padding-right: 16px;
	padding-bottom: 20px;
}
.info .num{
	display: block;
	font-size: 150px;
	font-weight: 300;
	line-height: 100%;
	color: #00a177;
	text-align: right;
}
.info.faq td:first-child{
	width: 880px;
	padding-bottom: 0;
}
.info tr:nth-child(odd) td{
	background: #fddd71;
}
.info tr:nth-child(odd) td:last-child{
	background: #f2f8e1;
}
.info tr:nth-child(even) td{
	background: #b3e7d9;
}
.info tr:nth-child(even) td:last-child{
	background: #fff;
}
/* content off */

/* footer */
footer{
	margin: -228px 0 0;
	height: 228px;
	background: #e6f2db;
}
footer h2{
	padding: 20px 0;
	font-size: 45px;
	font-weight: 300;
	color: #00a177;
	white-space: nowrap;
}
footer .desc{
	width: 732px;
	color: #1b3a32;
}
/* footer off */
















/* eof */