@charset "utf-8";



article ul li{
	background-image:url('../img/bullet_check_12.png');
	background-position: 0 7px;
	background-repeat: no-repeat;
	line-height: 1.5em;
	margin-bottom: 10px;
	margin-left: 30px;
	padding-left: 30px;
}

article ul li small{
	font-size:90%;
}

article ul li small strong{
	font-weight:600;
}

aside.pull-quote.pull-right {
    border:1px solid #E0D48A;
    border-right: none;
    background-color:#FBFAEB;
    margin: 1em -40px 1em 1em;
    padding: 1em 2em 2em;
    width: 40%;
}
aside.pull-quote p {
    color: #807A65;
    font-family: Constantia,"Lucida Serif","DejaVu Serif",Georgia,serif;
    font-size: 18px;
    line-height: 1.6em;
}

article label{
	font-size:18px;
	line-height:24px;
	color: #000305;
	font-family: 'nunito sans', 'open sans';
}
article h1{
	font-size:28px;
	line-height:40px;
	margin-bottom:20px;
}
article h2{
	font-size:24px;
	line-height:36px;
	margin-bottom:18px;
}
article h3{
	font-size:20px;
	line-height:30px;
	margin-bottom:14px;
}
article h4{
	font-size:18px;
	line-height:24px;
	margin-bottom:12px;
}

article h1.qtitle{
    background-position: 7px 24px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border-bottom: 1px solid #CCCCCC;
    border-top: 0px solid #173861;
    font-size: 24px;
	font-family: 'nunito sans', lato, arial;
    font-weight: normal;
    letter-spacing: -0.5px;
    line-height: 24px;
    margin-bottom: 22px;
	margin-top:0px;
    padding: 22px 0px 21px 10px;
    text-align: left;
}

.results article h1, .results article h2, .results article h3{
    color: #000000;
    font-weight: normal;
    letter-spacing: -0.25px;
    margin-bottom: 0.75em;
    margin-top: 1em;
    padding: 0;
	text-align:center;
}

.results article .prehead{
	color: #B01A33;
    font-weight: bold;
	font-family:'Open Sans', 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    letter-spacing: -0.25px;
    margin-bottom: 0.125em;
    margin-top: 1em;
    padding: 0;
	text-align:center;
}

.results p.testiomonial{
	padding:auto 2em;
	color:#215591;
}

article h1.qhidden{
	background-position: 7px 24px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-image: none;
    border-bottom: 1px solid #CCCCCC;
    border-top: 2px solid #DEDEDE;
    font-size: 29px;
    font-weight: normal;
    letter-spacing: -0.5px;
    line-height: 26px;
    margin-bottom: 0px;
    padding: 22px 0 21px 45px;
	background-color:#F7F7F7;
	color:#666;
	display:none;
	margin-top: 0;
}
article h1.qhidden{
    background-image: none;
}
article h1.qhidden.done{
	cursor:pointer;
	background-image: url("images/bullet_check.png")
}
article h1.qtitle small, article h1.qhidden small{
	font-size:14px;
	line-height:16px;
    letter-spacing: 0;
    padding-top: 6px;
	color:#333;
	display:block;
	font-family: 'Open Sans', 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
article h1.qhidden small{
	padding-right:20px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	display:none;
}
article h1.qhidden.done small{
	display:block;
}



#q1 h1{background-image: url("")}
#q2 h1{background-image: url("")}
#q3 h1{background-image: url("")}
#q4 h1{background-image: url("")}
#q5 h1{background-image: url("")}
#q6 h1{background-image: url("")}
#q7 h1{background-image: url("")}
#q8 h1{background-image: url("")}
#q9 h1{background-image: url("")}
#q10 h1{background-image: url("")}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	#q1 h1{background-image: url("")}
	#q2 h1{background-image: url("")}
	#q3 h1{background-image: url("")}
	#q4 h1{background-image: url("")}
	#q5 h1{background-image: url("")}
	#q6 h1{background-image: url("")}
	#q7 h1{background-image: url("")}
	#q8 h1{background-image: url("")}
    #q9 h1{background-image: url("")}
	#q10 h1{background-image: url("")}
	article h1.qhidden.done{background-image: url("../img/bullet_check_2x.png"); background-size:24px 24px;}
	article h1.qtitle{
		background-size:24px 24px;
	}
}


.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

a.ordernow{
	background-image:url('../img/big-order-button.png');
	background-repeat:no-repeat;
	background-position:0 0;
	width:540px;
	height:250px;
	margin:0 auto 20px;
	display:block;
}



#container{
	background-color:#FFF;
	max-width:810px;
	width:810px;
	margin:0px auto;
	-webkit-box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, .3);
	box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, .3);
	border:1px solid #ccc;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}

hgroup {
	background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	min-height:263px;
	text-align:center;
	border-bottom:1px solid #CCC;
}





footer p{
	text-align:center;
	color:#59606D;
	font-size:14px;
}

aside.note{
	background-color: #FEFBED;
    border: 1px solid #F1E7BC;
	padding:0px 20px 10px 10px;
	margin-bottom:20px;
	text-align:center;
}
aside.note p{
	font-size:16px;
	line-height:20px;
	color:#95743C;
	margin-top:10px;
}



hgroup h1{
	background-image:url(../img/header_question.png);
	background-repeat:no-repeat;
	background-position:center 28px;
	height:84px;
	padding:34px 0 0px;
}
hgroup h2{
	color:#fffa7d;
	font-weight:bold;
	font-size:26px;
	line-height:30px;
	padding:0px 40px 20px;
	text-shadow: -1px -1px 0px #666;
	filter: dropshadow(color=#000000, offx=-1, offy=-1); 
}
hgroup h3{
	font-weight:normal;
	font-size:18px;
	white-space:nowrap;
	background-image:url(../img/gray-bg_header-shadow.png);
	background-repeat:no-repeat;
	background-position:center top;
	width:810px;
	height:45px;
	padding-top:25px;
}

.green_tick_list li{
    background-image: url("../img/li-check.png");
    background-position: 0 3px;
    background-repeat: no-repeat;
    list-style: none outside none;
    margin-bottom: 15px;
    padding-left: 40px;
}
.red_arrow_list li{
    background-image: url("../img/li-arrow.png");
    background-position: 0 3px;
    background-repeat: no-repeat;
    list-style: none outside none;
    margin-bottom: 15px;
    padding-left: 40px;
}
.features-box-blue{
	background-color: #EEF9FF;
	border: 2px solid #B2D9EE;
	margin: 10px auto;
	padding: 20px;
	width: 580px;
}

.guaranteebox1 {
  background-color: #FFF9CD;
  border: 1px solid #E0D89D;
  font-family: Arial,Helvetica,sans-serif !important;
  font-size: 15px !important;
  font-weight: normal;
  line-height: 22px !important;
  margin: 10px auto 40px;
  padding: 30px;
  text-align: left;
}


* p:last-child {margin-bottom: 0;}
.radio:last-child, .checkbox:last-child {margin-bottom:60px;}

.text-muted {
    color: #999999;
}
.text-primary {
    color: #173861;
}
.text-warning {
    color: #564822;
}
.text-danger {
    color: #BF4143;
}
.text-success {
    color: #31723D;
}
.text-info {
    color: #173861;
}

/*****************/
button, input {
    line-height: normal;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
	font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, input, select[multiple], textarea {
    background-image: none;
}
input[type="checkbox"], input[type="radio"] {
    padding: 0;
	line-height: normal;
    margin: 4px 0 0;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    float: left;
    margin-left: -20px;
	margin-top: 6px;
}

.radio, .checkbox {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 20px;
    padding-left: 10px;
    vertical-align: middle;
}

label {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
}

.radio label, .checkbox label {
    cursor: pointer;
    display: block;
    font-weight: normal;
    margin-bottom: 0;
	padding-bottom: 10px;
    padding-top: 10px;
}

/**Fixes for Bootstrap**/
hgroup h1 {
	background-image: url("../img/header_question.png");
	background-position: center 28px;
	background-repeat: no-repeat;
	height: 125px;
	margin: 0;
	padding: 34px 0 0;
}

hgroup h3 {
    background-image: url("../img/gray-bg_header-shadow.png");
    background-position: center top;
    background-repeat: no-repeat;
    font-size: 18px;
    font-weight: normal;
    height: 68px;
    padding-top: 25px;
    white-space: nowrap;
    width: 808px;
}
.radio, .checkbox {
    display: block;
    margin-bottom: 0px;
    margin-top: 0px;
    min-height: 20px;
    padding-left: 20px;
	padding-right:10px;
    vertical-align: middle;
}




.radio:hover{
	background-color:#F4F4F4;
}

#submitbutton{
    font-family: 'Open Sans',sans-serif;
    font-size: 32px;
    font-weight: bold;
    margin: 25px auto 10px;
    padding: 8px 25px 10px;
    width: 350px;
	display:block;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	background: rgb(255,208,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,208,0,1) 3%, rgba(255,199,0,1) 4%, rgba(219,116,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgba(255,208,0,1)), color-stop(4%,rgba(255,199,0,1)), color-stop(100%,rgba(219,116,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,208,0,1) 3%,rgba(255,199,0,1) 4%,rgba(219,116,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,208,0,1) 3%,rgba(255,199,0,1) 4%,rgba(219,116,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,208,0,1) 3%,rgba(255,199,0,1) 4%,rgba(219,116,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,208,0,1) 3%,rgba(255,199,0,1) 4%,rgba(219,116,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd000', endColorstr='#db7400',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 0px #94522e;
	filter: dropshadow(color=#94522e, offx=1, offy=1);
	-webkit-box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, .3);
	box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, .3);
	border:1px solid #C47200;

}
#submitbutton:hover{
background: rgb(255,208,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,208,0,1) 0%, rgba(255,153,0,1) 88%, rgba(232,139,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,208,0,1)), color-stop(88%,rgba(255,153,0,1)), color-stop(100%,rgba(232,139,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,208,0,1) 0%,rgba(255,153,0,1) 88%,rgba(232,139,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,208,0,1) 0%,rgba(255,153,0,1) 88%,rgba(232,139,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,208,0,1) 0%,rgba(255,153,0,1) 88%,rgba(232,139,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,208,0,1) 0%,rgba(255,153,0,1) 88%,rgba(232,139,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd000', endColorstr='#e88b00',GradientType=0 ); /* IE6-9 */
}
#submitbox > h1 {
    font-size: 38px;
	line-height:38px;
    font-weight: bold;
    text-align: center;
}
#submitbox > h2 {
    font-family: 'Open Sans','Trebuchet MS',Trebuchet,'Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 1em;
    text-align: left;
}
.selected, .highlight{
	background-color:#FFFAD6;
}
span.highlight{
	padding:0 0.2em;
}
.highlight:hover{
	background-color:#FFF6BF;
}
.red{
	color:#B01A33;
}
.strike{
	text-decoration: line-through;
}
.u{
	text-decoration: underline;
}
.radio.selected:hover{
	background-color:#FFF6BF;
}

#resultsForm, .modal-backdrop{
	background-image:none!important;
	background-color:rgba(0, 0, 0, 0.3)!important;
}
.modal-dialog{
	width:800px;
}
#form p .field {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #CCCCCC;
    height: 40px;
    padding: 0 10px;
    width: 312px;
}

#formright{
	margin:20px 20px 0 40px;
	background-image:url('../img/dhl-371px.jpg');
	background-repeat:no-repeat;
	background-position:0 0;
    padding-left: 290px;
    padding-top: 30px;
	min-height:392px;
}
.modal-content{

}

.modal-content h2{
	font-size: 48px;
    font-weight: normal;
    text-align: center;
	margin:20px 20px 10px;
}
.modal-content h3.formtitle{
    border-top: 1px solid #CCCCCC;
    color: #B01A33;
    font-size: 32px;
    font-weight: normal;
    line-height: 34px;
    padding: 15px 20px 17px;
    text-align: center;
}
.modal-content h3#skip{
    border-bottom: 1px solid #CCCCCC;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.1;
    padding: 40px 0 17px;
    text-align: center;
	margin-bottom:30px;
}
p#privacy{
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    padding: 0 0px 50px;
    text-align: center;
}
#form {
    font-size: 20px;
}
#form-content{
    padding: 0 50px 20px 70px;
    text-align: center;
}
#form-content p{
	margin-bottom: 10px;
}
.sbmt2.btn.btn-success {
    font-size: 23px;
    margin-top: 8px;
}



.btn2 {
box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);-moz-box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);-webkit-box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffd740), color-stop(1, #ff8603) );    background:-moz-linear-gradient( center top, #ffd740 5%, #ff8603 100% );background-color:#ffd740;-moz-border-radius:5px;-webkit-border-radius:5px;
border-radius:5px;width:90%; min-height: 54px;display: block;margin: 10px auto 15px;font-family: helvetica, arial, 'Raleway';font-size: 18px;color: #fefeff;font-weight: 600;text-shadow: 1px 1px 1px rgba(87, 87, 87, 0.5);filter: dropshadow(color=rgba(87, 87, 87, 0.5), offx=1, offy=1);border: 1px solid #fea306;
}

.btn2:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff8603), color-stop(1, #ffd740) );background:-moz-linear-gradient( center top, #ff8603 5%, #ffd740 100% );background-color:#ff8603;
}




.btn3 {
box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);-moz-box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);-webkit-box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffd740), color-stop(1, #ff8603) );    background:-moz-linear-gradient( center top, #ffd740 5%, #ff8603 100% );background-color:#ffd740;-moz-border-radius:5px;-webkit-border-radius:5px;
border-radius:5px;width: 96%; min-height: 54px;display: block;margin: 10px auto 15px;font-family: helvetica, arial, 'Raleway';font-size: 18px;color: #fefeff;font-weight: 600;text-shadow: 1px 1px 1px rgba(87, 87, 87, 0.5);filter: dropshadow(color=rgba(87, 87, 87, 0.5), offx=1, offy=1);border: 1px solid #fea306;
}


.btn3:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff8603), color-stop(1, #ffd740) );background:-moz-linear-gradient( center top, #ff8603 5%, #ffd740 100% );background-color:#ff8603;
}




.btn4 {
box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);-moz-box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);-webkit-box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffd740), color-stop(1, #ff8603) );    background:-moz-linear-gradient( center top, #ffd740 5%, #ff8603 100% );background-color:#ffd740;-moz-border-radius:5px;-webkit-border-radius:5px;
border-radius:5px;width: 48%; min-height: 54px;display: block;margin: 10px auto 35px;font-family: helvetica, arial, 'Raleway';font-size: 18px;color: #fefeff;font-weight: 600;text-shadow: 1px 1px 1px rgba(87, 87, 87, 0.5);filter: dropshadow(color=rgba(87, 87, 87, 0.5), offx=1, offy=1);border: 1px solid #fea306;
}

.btn4:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff8603), color-stop(1, #ffd740) );background:-moz-linear-gradient( center top, #ff8603 5%, #ffd740 100% );background-color:#ff8603;
}


.btn5 {
box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);-moz-box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);-webkit-box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffd740), color-stop(1, #ff8603) );    background:-moz-linear-gradient( center top, #ffd740 5%, #ff8603 100% );background-color:#ffd740;-moz-border-radius:5px;-webkit-border-radius:5px;
border-radius:5px;width: 96%; min-height: 54px;display: none;margin: 10px auto 15px;font-family: helvetica, arial, 'Raleway';font-size: 18px;color: #fefeff;font-weight: 600;text-shadow: 1px 1px 1px rgba(87, 87, 87, 0.5);filter: dropshadow(color=rgba(87, 87, 87, 0.5), offx=1, offy=1);border: 1px solid #fea306;
}

.btn5:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff8603), color-stop(1, #ffd740) );background:-moz-linear-gradient( center top, #ff8603 5%, #ffd740 100% );background-color:#ff8603;
}


.head{font-size: 30px;  font-family: 'Poppins', helvetica, arial; color:#111; font-weight: 700; letter-spacing: -1px; text-align: center; line-height: 32px; margin: 10px auto 5px;}

.sub-headline{font-size: 22px;  font-family: 'ProximaNova', helvetica, arial; color:#33495f; font-weight: 700; letter-spacing: -1px; line-height: 26px; padding: 0; margin: 10px auto 20px;}

.sub-headline2{font-size: 24px;  font-family: helvetica, arial; color:#33495f; font-weight: 700; letter-spacing: -1px; line-height: 26px; padding: 0; margin: 10px auto 30px;}



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

.head {font-size: 24px;line-height: 26px;}
.sub-headline {font-size: 20px;line-height: 22px;}
.sub-headline2 {font-size: 24px;line-height: 26px;}

.btn2 {
	padding-top:5px;
	padding-bottom:5px;
  width:100%;
}

.btn3 {
	padding-top:5px;
	padding-bottom:5px;
}

.btn4 {
	padding-top:5px;
	padding-bottom:5px;
	display:none;
}

.btn5 {
	padding-top:5px;
	padding-bottom:5px;
	display:block;
}


article h1.qtitle{
    background-position: 7px 24px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border-bottom: 1px solid #CCCCCC;
    border-top: 0px solid #173861;
    font-size: 24px;
	font-family: arial;
    font-weight: normal;
    letter-spacing: -0.5px;
    line-height: 26px;
    margin-bottom: 22px;
	margin-top:0px;
    padding: 22px 15px 21px 45px;
}

.radio, .checkbox {
    display: block;
    margin-bottom: 0px;
    margin-top: 0px;
    min-height: 20px;
    padding-left: 0px;
    vertical-align: middle;
}
	
}



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


article h1.qtitle{
    background-position: 7px 24px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border-bottom: 1px solid #CCCCCC;
    border-top: 0px solid #173861;
    font-size: 22px;
	font-family:arial;
    font-weight: normal;
    letter-spacing: -0.5px;
    line-height: 22px;
    margin-bottom: 22px;
	margin-top:0px;
    padding: 2px 0 21px 0px;
    

}


}













/* ============================
            Modal reveal
   ============================ */
        
    .modal-bg {position: fixed; height: 100%; width: 100%; background: #ffffff; background: rgba(0,0,0,.7); z-index: 99998; display: none; top: 0; left: 0; }
    .modal { visibility: hidden;  top: 10%; left: 50%; width:574px; margin-left:-287px; padding-top:25px; background: #ffffff ; position: absolute; z-index: 99999; box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.4);border-radius:6px; }
    .modal .close-modal { font-size: 22px; line-height: .5; position: absolute; top: -10px; right: -10px; color: #aaa; text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6); font-weight: bold; cursor: pointer; } 

/* ============================
            Pop-up styles
   ============================ */

    .popup {
        width: 100%;
        text-align: center;
        overflow: hidden;
    }
    .popup > h1{
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: bold;
        font-size: 28px;
        color: #000000;
        line-height: 28px;
    }
    .blue{
        color:#0d90da;
    }
    .row {
        width: 100%;
        margin: 5px auto;
    }
    .row input {
        border: 1px #CFCFCF solid; *border: 1px #CFCFCF solid;
        width: 89%;
        font-size: 22px;
        line-height: 26px;
        color: #cacaca;
        padding: 12px 21px 12px;
        background: #f8f8f8;
        background: -moz-linear-gradient(top,  #fcfcfc 0%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#fefefe)); background: -webkit-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%); background: -o-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%); background: -ms-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%); background: linear-gradient(to bottom,  #fcfcfc 0%,#fefefe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fefefe',GradientType=0 ); border-radius:4px;font-weight:normal;
    }
    .name{
        margin-bottom: 12px;
    }
    .submit {
        padding: 22px 0px;
        margin: 16px auto 22px;
        display:inline-block;
        width: 80%;
        border-radius: 4px;
        border:none;
        background: #ffd100; 
        box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5);
        overflow: hidden;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 600;
        font-size: 30px;
        color: #ffffff;
        line-height: 30px;
        cursor:pointer;
        text-decoration:none;
        text-shadow:1px 1px 1px #a6a6a6; 
    }
    .submit:hover {
        background: #fccb1c;
    }
    .privacy-policy {
        font-family: 'Source Sans Pro', sans-serif;
        padding:0px 50px 16px 50px;
        text-align:center;
        clear:both;
        border-radius:0 0 6px 6px;
        font-size:15px;
        font-weight: 400;
		line-height:18px;
        color:#818181;
    }
    .privacy-policy span {
        font-weight:bold;
    }
	
	.optinheadline {
		font-size:32px;
		line-height:34px;
	}


/* ==========================================================================
   Media Queries
   ========================================================================== */
   
   
   
 
   
@media only screen and (max-width: 767px) {
   
    .link-box{
        width: 90%;
        border-radius: 5px;
        background-size: 100%;
    }
  
    header{
        height: auto;
        padding:18px 0;
    }
    header > h1{
        margin:  0;
        width: 100%;
        text-align: center;
        padding-top: 0; 
    }
    .content-header{
        height: auto;
        padding: 15px 0px;
    }
    .content-header > img{
        position: relative;
        display: block;
        margin: 0px auto 20px auto;
        max-width: 218px;
    }
    .link-box-title {font-size: 20px;}
    .link-box-arrow-left{
        display: none;
    }
    .link-box-arrow-right{
        display: none;
    }
    .content-header > div{
        position: relative;
        display: block;
        margin: 10px auto;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: bold;
        text-align: center;
        color: #fcfcfc;
        width:96%;
        height: auto;
        margin:0 2%;
        text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.38);
        vertical-align: top;
    }
    .content-header > div b{color: #ffd800;}
    .content-text-box{
        padding: 0px 10px 0 10px;
    }
    input#yellow-button {
        min-height: 75px;
    }
    input#yellow-button, #yellow-button a {
        padding: 25px 0 25px 0;
        font-size: 22px;
        line-height: 22px;
    }
    .modal {
        width:90%;
        margin:0 5%;
        left: 0;
    }
    .popup > h1{
        font-size: 21px;
        line-height: 21px;
    }
    .row input {
        font-size: 16px;
        line-height: 18px;
    }
    .submit {
        font-size: 24px;
        line-height: 24px;
    }
	
	
	
}


@media only screen and (max-width: 480px) {
    header > h1 {        
        font-size: 18px;
        line-height: 18px;
    }
    .content-header > div {
        font-size: 18px;
        line-height: 24px;
    }
    input#yellow-button {
        padding: 0px 0;
        height: auto;
    }
    #yellow-button a, input#yellow-button {
        padding: 15px 0;
        font-size: 14px;
        color: #bd7f00;
        line-height: 18px;
    }
    .row input {
        width: 100%;
        font-size: 14px;
        line-height: 16px;
    }
    .link-btn{font-size: 12px;}
	
	
	
	.content-text-box h1 {
		font-size:26px;
		line-height:28px;
	}
	
	.cbdisclaimer {
	width:90%;
	
	}
	
	
	.privacy-policy {
        font-family: 'Source Sans Pro', sans-serif;
        padding:0px 10px 16px 10px;
        text-align:center;
        clear:both;
        border-radius:0 0 6px 6px;
        font-size:15px;
		line-height:18px;
        color:#818181;
    }
	
}





/* Progress Bar ---------------------- */
div.progress { padding: 2px; margin-bottom: 10px; border: 1px solid #cccccc; height: 15px; /* meter */ /* border radii */ }
div.progress .meter { background: #90bf25; height: 100%; display: block; width: 50%; }
div.progress.secondary .meter { background: #90bf25; }
div.progress.success .meter { background: #90bf25; }
div.progress.alert .meter { background: #90bf25; }
div.progress.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
div.progress.radius .meter { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
div.progress.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
div.progress.round .meter { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }

p.progress { font-size: 12px; color: #969696; font-style: italic;}
p.progress-title { font-size: 20px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; color: #db3939; margin-bottom: 4px; }




.number_active{background:#039;color:#fff}.btns{font-weight:normal;font-size:2.4rem;line-height:50px;width:40%;max-width:200px;display:inline-block;margin:0 auto;border-radius:4px;cursor:pointer;text-decoration:none;z-index:10;text-align:center;color:#fff;border:solid 1px #3bbf23;background:#368528;background-image:linear-gradient(to bottom,#47cf2f,#368528);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.btns:hover{opacity:0.8}.btnyes{margin-top:20px;background-color:#6ca655}.btnno{background:#c00;margin-left:10px;color:#efb9b9;border:1px solid #ca4949}#final,#v1,#v2,#v3,#v4,#v5,#checking,#results{display:none}.progress{display:inline-block;width:100%;height:40px;border:1px solid #47cf2f;border-radius:15px}.progress>#progress_bar{width:0;height:100%;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;-moz-animation:progress-bar-stripes 2s linear infinite;-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;-webkit-border-radius:15px 0 0 15px;border-radius:15px 0 0 15px;background-color:#47cf2f;background-image:-webkit-linear-gradient(135deg,#1ea206 25%,transparent 25%,transparent 50%,#1ea206 50%,#1ea206 75%,transparent 75%,transparent);background-image:linear-gradient(135deg,#1ea206 25%,transparent 25%,transparent 50%,#1ea206 50%,#1ea206 75%,transparent 75%,transparent);background-size:40px 40px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.15)}@-webkit-keyframes "progress-bar-stripes"{from{background-position:40px 0;}to{background-position:0 0;}}@-o-keyframes "progress-bar-stripes"{from{background-position:40px 0;}to{background-position:0 0;}}@keyframes "progress-bar-stripes"{from{background-position:40px 0;}to{background-position:0 0;}}#final p{text-align:center}#final p > span{text-decoration:underline}#final .validate p{font-weight:bold;text-align:center;margin:10px 0}#final h3{font-size:3.3rem}#final #results p{font-size:1.8rem;margin:15px 0;text-align:left;padding:0 20px}#final p.bold{font-weight:bold}@media screen and (max-width: 440px){html{}#first_page{width:94%;min-width:300px;height:auto}}@media screen and (max-width: 375px){.progress{height:30px}}@media screen and (max-width: 375px){#first_page{padding:2%}#first_page p{padding-bottom:5px}}