@font-face {
	font-family: 'ChaparralPro-Regular';
	src: url('fonts/chaparralproregular.eot');
	src: url('fonts/chaparralproregular.eot?#iefix') format('embedded-opentype'),  url('fonts/chaparralproregular.woff') format('woff'),  url('fonts/chaparralproregular.ttf') format('truetype'),  url('fonts/chaparralproregular.svg#chaparralproregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ChaparralPro-Bold';
	src: url('fonts/chaparralprobold.eot');
	src: url('fonts/chaparralprobold.eot?#iefix') format('embedded-opentype'),  url('fonts/chaparralprobold.woff') format('woff'),  url('fonts/chaparralprobold.ttf') format('truetype'),  url('fonts/chaparralprobold.svg#chaparralprobold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ChaparralPro-Italic';
	src: url('fonts/chaparralproitalic.eot');
	src: url('fonts/chaparralproitalic.eot?#iefix') format('embedded-opentype'),  url('fonts/chaparralproitalic.woff') format('woff'),  url('fonts/chaparralproitalic.ttf') format('truetype'),  url('fonts/chaparralproitalic.svg#chaparralproitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@media all {
body {
	background: url(/mobile/images/ca-bg.jpg) center top no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	z-index:-9999;
}
#container {
    max-width: 1250px;
    height: auto;
    margin: 0 auto;
    width: 100%;
}
#wrapper-outer {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
#wrpr-inner {
	width: 1038px;
	height: auto;
	margin: 0 auto;
	background: url(/mobile/images/wht-bdy-bg.png) center top repeat-y;
}
#header {
	width: auto;
	height: auto;
}
#hdr-top {
	width: 970px;
	height: auto;
	margin: 0 auto;
}
#logo {
	width: 473px;
	height: auto;
	overflow: hidden;
	float: left;
	margin-top: 10px;
}
#ca-logo {
	width: 516px;
	height: auto;
	overflow: hidden;
	float: left;
	margin-top: 15px;
	margin-bottom: 18px;
}
#cntct-info {
	width: 180px;
	height: auto;
	overflow: hidden;
	float: right;
	text-align: left;
	font: normal 22px 'ChaparralPro-Regular';
	text-decoration: none;
	color: #2a2a2a;
	margin-top: 25px;
}
#cntct-info span {
	font: normal 25px 'ChaparralPro-Bold';
	text-decoration: none;
	color: #fa830d;
}
#hdr-middle {
	width: auto;
	height: auto;
	background: url(/mobile/images/solid-wht-bg.png) center top repeat-y;
}
#green-strip {
	width: 640px;
	height: 53px;
	overflow: hidden;
	float: left;
	background: url(/mobile/images/green-strip.png) left no-repeat;
	margin-left: 11px;
	margin-top: 15px;
	padding: 15px 0 0 30px;
}
h1 {
	font: normal 32px 'ChaparralPro-Italic';
	text-decoration: none;
	color: #FFF;
	text-shadow: 0px 1px 0px #608d00;
	margin: 0px;
}
#steps {
	width: 636px;
	height: 365px;
	overflow: hidden;
	float: left;
	margin-left: 45px;
	background: url(/mobile/images/g-pic.jpg) right 30px no-repeat;
	font: normal 18px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #2a2a2a;
	line-height: 28px;
}
#steps ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-top: 20px;
}
#steps ul li.circles {
	width: auto;
	height: auto;
	overflow: hidden;
	float: left;
	background-color: #ff8017;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	font: normal 25px Impact;
	text-decoration: none;
	color: #FFF;
	padding: 0 10px 0 10px;
}
#steps ul li.detail {
	width: 407px;
	height: auto;
	overflow: hidden;
	float: left;
	font: normal 25px 'ChaparralPro-Bold';
	text-decoration: none;
	color: #1f1f1f;
	text-transform: uppercase;
	padding-left: 10px;
	padding-top: 7px;
	line-height: 22px;
}
#steps ul li.detail span {
	font: normal 15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #858585;
	font-style: italic;
	text-transform: none;
}
#steps ul li.clear {
	width: 445px;
	height: auto;
	overflow: hidden;
	clear: both;
	background: url(images/dashed.jpg) center repeat-x;
	padding: 15px 0px;
}
#form-main {
	width: 357px;
	height: auto;
	overflow: hidden;
	float: right;
	margin-top: -63px;
}
#form-top {
	width: auto;
	height: auto;
	overflow: hidden;
}
#form-bottom {
	width: auto;
	height: 385px;
	overflow: hidden;
	background: url(/mobile/images/form-bottom.png) center top no-repeat;
	padding: 15px 15px 0 15px;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff;
}
#form-bottom ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-top: 15px;
}
#form-bottom ul li.txt {
	width: 115px;
	float: left;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFF;
	padding-top: 6px;
}
#form-bottom ul li.fields-bg {
	width: 198px;
	height: 26px;
	float: left;
	background: url(/mobile/images/field-bg.jpg) center top repeat-x;
	border: #df7104 solid 1px;
}
#form-bottom ul li.clear {
	width: 100%;
	height: 8px;
	overflow: hidden;
	clear: both;
}
#form-bottom ul li.submit-btn {
	width: 272px;
	position: absolute;
	top: 567px;
	margin-left: 28px;
}
.input-field {
	width: 180px;
	height: auto;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	padding: 5px 8px 5px 8px;
	background: transparent;
	border: none;
}
.list-field {
	width: 200px;
	height: auto;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	padding: 5px 8px 5px 8px;
	background: transparent;
	border: none;
}
#form-shadow {
	width: auto;
	height: auto;
	overflow: hidden;
}
#get-started {
	width: 699px;
	height: auto;
	padding: 0px 0 0 0;
	position: relative;
}
#get-started .green {
	width: 699px;
	height: auto;
	position: absolute;
	left: 117px;
	top: 517px;
	padding: 0;
}
#tag {
	width: 142px;
	height: auto;
	padding: 0px 0 0 0;
	position: relative;
}
#tag .orange {
	width: 142px;
	height: auto;
	position: absolute;
	left: 25px;
	top: 592px;
	padding: 0;
	z-index: 9999;
}
.rht-g-pic {
	float: right;
	padding: 10px 0 0 0;
}
#contents-area {
	width: 853px;
	height: auto;
	overflow: hidden;
	background: url(images/contents-bg.png) center top no-repeat;
	margin: 0 auto;
	margin-top: 50px;
	padding: 30px 30px 0 30px;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #202020;
	line-height: 19px;
}
#contents-area a {
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #fe7f02;
}
#contents-area a:hover {
	text-decoration: underline;
	color: #202020;
}
h2 {
	font: normal 27px 'ChaparralPro-Regular';
	text-decoration: none;
	color: #202020;
	margin-bottom: 0px;
}
#join-now-btn {
	width: 451px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 30px;
}
#footer {
	width: 1000px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	border-top: #e6e6e6 solid 1px;
	margin-top: 20px;
	text-align: center;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #252525;
	line-height: 20px;
	padding: 20px 0px;
}
#footer ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#footer ul li {
	display: inline;
	padding: 0 7px 0 4px;
	border-right: #252525 solid 1px;
}
#footer ul li a {
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #252525;
}
#footer ul li a:hover {
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #fe7f02;
}
#footer ul li:last-child {
	border: none;
}
}

@media(max-width:1250px)
{
#container {
    max-width: 900px;
}
#wrpr-inner {
    width: 100%;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
#hdr-top {
    padding: 0 25px;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
}
#green-strip {
    margin-left: -8px;
    width: 565px;
}
#steps {
    margin-left: 0;
    width: 560px;
    background: none;
    padding-left: 22px;
    box-sizing: border-box;
}
#get-started .green {
    left: -8px;
}
#form-main {
    width: 333px;
    margin-right: -20px;
}
#get-started .green {
    width: 550px;
    top: 540px;
}
#form-bottom ul li.fields-bg {
    width: 178px;
}
.list-field {
    width: 175px;
}
.input-field {
    width: 160px;
}
#form-bottom ul li.submit-btn {
    margin-left: 15px;
}
#tag .orange {
    width: 100px;
    left: -70px;
    top: 602px;
}
#footer {
    max-width: 900px;
	width:100%;
}
}

@media(max-width:1050px)
{
.orange img {
    display: none;
}
}
@media all and (max-width: 980px) {
img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	z-index:-9999;
}
#wrapper-outer { width: 95%; overflow:visible; }
#wrpr-inner { width: auto; }
div#hdr-top {
    padding: 0 10px !important;
    box-sizing: border-box;
}
#green-strip {
    width: 100%;
    background-size: 100% 100%;
    box-sizing: border-box;
    margin-top: 0;
    padding-top: 15px;
    height: 70px;
}
#form-main {
    position: inherit;
    right: 13px;
    margin: 0 auto;
    float: none;
}
.green img {
    display: none;
}

#steps { width: 100%; height: auto;  font-size:17px; padding-bottom:15px; }

#steps ul li.detail {
    width: 78%;
    font-size: 18px;
    line-height: 22px;
}
#steps ul li.detail span { font-size:12px; }
#steps ul li.clear { width: 365px; padding: 10px 0px;}

#get-started { width: auto;	overflow:visible; }
#get-started .green { width: 615px; left: -7px; top: 500px; z-index:99; }
#tag .orange { width: 75px; left: -35px; top: 577px; z-index: 9999 !important; }
#form-bottom ul li.submit-btn {
    position: inherit;
    margin-top: 15px;
}
#form-bottom {
    overflow: visible;
}
.submit-btn input[type="image"] {
    position: relative;
}
#contents-area {
    margin-top: 0px;
    width: 100%;
    box-sizing: border-box;
}
#footer { width: auto; }

#hdr-middle {
    padding-top: 0;
    background: none;
}
body {
	overflow-x:hidden;
}
#ca-logo img {
    max-width: 420px;
    margin-top: 5px;
}
#ca-logo {
    width: auto;
}

}
@media(max-width:700px)
{
/* #green-strip { */
    /* width: 100%; */
    /* background: green; */
    /* margin-left: 0; */
    /* box-sizing: border-box; */
/* } */
#ca-logo img {
    max-width: 370px;
    margin-top: 10px;
    width: 100%;
}
}
@media all and (max-width: 640px) {
#ca-logo {
    width: 100%;
    float: none;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 10px;
    text-align: center;
}
#cntct-info { width: auto; float: none; text-align: center; margin-top: 0px; margin-bottom: 10px; }


h1 { font-size:32px; line-height:40px; }
#steps ul li.clear { width: 95%; padding: 10px 0px;}

#steps {
    width: 100%;
    float: none;
    margin-left: 0;
    font-size: 18px;
    line-height: 28px;
    padding: 15px 25px;
    margin-top: 20px;
    text-align: center;
    box-sizing: border-box;
}
#steps ul li.circles {
    width: 38px;
    height: 38px;
    float: none;
    box-sizing: border-box;
    line-height: 38px;
    margin: 0 auto;
}
#steps ul li.detail { width: 515px; font-size:20px; }
#get-started	{ display:none; }
#form-main { float: none; margin:0 auto; position:inherit; margin-top: 15px; }
#form-bottom ul li.submit-btn { top: 1005px; }
#contents-area {
    margin-top: 15px;
    padding: 0 15px 0 15px;

}
#green-strip {
    padding: 5px 10px;
	margin:0;
	text-align:center;
    height: auto;
    background: #78b001;
}
}

@media all and (max-width: 480px) {

h1 {
    font-size: 26px;
    line-height: 28px;
}
#steps { font-size:16px; line-height: 22px; }
#steps ul li.detail {
    width: 100%;
    font-size: 20px;
    padding-left: 0;
}
#form-bottom ul li.submit-btn { top: 1040px; }
#join-now-btn { width: 95%; }

}

@media all and (max-width: 360px) {
#form-bottom {
    height: 515px;
    background-size: 100% 100%;
}
h1 { font-size:18px; line-height:40px; }


#form-main {
    width: 100%;
    background-size: 100%;
}
#form-bottom ul li.txt {
    width: 100%;
    margin-bottom: 2px;
    padding-top: 4px;
}
#form-bottom { -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -khtml-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; }

#form-bottom ul li.fields-bg {
    width: 100%;
    box-sizing: border-box;
}
.input-field {
    width: 100%;
    box-sizing: border-box;
}
.list-field { width: 100%; }
#form-bottom ul li.submit-btn { top: 1115px; margin-left:11px; }
.rht-g-pic {
    width: 80px;
}
}
@media(max-width:330px)
{
#form-bottom ul li.submit-btn {
    margin-left: 0;
}
}
@media all and (max-width: 320px) {
h1 { font-size:16px; }

#form-bottom ul li.fields-bg {
    width: 100%;
}
#form-bottom ul li.submit-btn { top: 1105px; margin-left:-6px; }
}










#form-bottom {
	height:500px;	
}
#form-bottom ul li.submit-btn {   
    top: 643px;  
}
#get-started .green {    
    top: 600px;   
}
.userConsent {	
	text-align: justify;
}
#form-bottom .userConsent label{	
	font-weight: normal;
	font-size:12px;
}