/* -- GLOBAL
--------------------------------------------------------------------------------------------------------------------------------------------------- */

body { 
	padding:0; 
	margin:0; 
}
.mainbg { 
	background:url(../images/bg.jpg) #000 no-repeat top center scroll; 
	-webkit-background-size: cover;  
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
	background-attachment: scroll; 
	padding:0; 
	margin:0;
	max-height:836px;
}
p {
	margin: 1.4em 0;
	line-height: 1.5em;
    font-size: 20px;
}
em  {
	font-style:italic;
	font-weight:inherit;
	padding-right:1%;
}
span {
	font-weight:inherit;
}
img {
	max-width:100%;
}
a {
	text-decoration: underline;
	color: blue;
}

/* -- VSL
--------------------------------------------------------------------------------------------------------------------------------------------------- */
.vslwrap {
	height:auto;
}
.vslbg {
	background: url(../images/bg.jpg) no-repeat center top scroll;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

.contentwrap{
	max-width:1150px;
	height:auto;
	margin:2px auto 3% auto;
	padding:2% 3% 1% 3%;
}

 .videobox {
	position: relative;
	max-width: 781px;
	height:auto;
	margin:0 auto 0 auto;
    background: #000;
   position:relative;
   -webkit-border-radius: 3px;
	border-radius: 3px;
	border: 12px solid #000;
	-webkit-box-shadow: 0 0 2px 2px #090909;
	box-shadow: 0 0 2px 2px #090909;
 }

.video {
		-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	border: 1px solid #535353;
}
.topheading {
	margin: 0 auto;
	text-align:center;
	max-width:1100px;
	position:relative;
	z-index:100;
}

/* PANELS*/
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0 0 0 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_video {
	width: 60.0%;
	padding:1% 2% 1% 5%;
	margin:0 auto;
}

.span_footerlogo {
	width: 45.0%;
	padding:0 0 0 1%;
	text-align:left;
}
.span_footerlinks {
	width: 48%;
	padding:0 0 0 0;
	text-align:right;
}
.fixedwrap {
	max-width:900px;
	margin:0 auto;
}
.fixed-header-text-wrap {
	width: 56%;
	padding:2% 2% 1% 0;
	text-align:right;
}
.fixed-header-button {
	width: 39%;
	padding:10px 0 1% 0;
}

/*END OF PANELS*/


/* -- CONTENT STRUCTURE
--------------------------------------------------------------------------------------------------------------------------------------------------- */

#wrap { 
	margin:0 auto; 
	text-align:center;
	}
.content {
	max-width:950px;  
	margin: 2% auto 0 auto;  
	position: relative;  
	padding: 0 0 0 0;  
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.62);   
	background: white; 
	overflow:hidden;
	border:12px solid #828282;
	}

.insidecontent {
	max-width:950px;  
	margin: 0 auto 0 auto; 
	position: relative;  
	padding: 2% 6% 6% 6%;
	border:1px solid #282828;
	}
.content p {
	font-family: 'Open Sans', sans-serif; 
	font-size: 22px; 
	color:#222222; 
	font-weight:400;
	word-spacing:-1px; 
	letter-spacing:; 
	line-height:30px; 
	transform-origin: left top 0px;
	}
.content .small {
	font-size:16px;
	padding:0;
	margin:0;
}
.content:after {  
	content: '';  clear: both;  
	display: block;
	}
.content2:after {  
	content: '';  clear: both;  
	display: block;
	}
#link_id1 {
	margin:1% auto;
	text-align:center;
	padding:0;
}
#footer {
	height:auto;
	padding:2% 0 2% 0;
	margin:6% 0 0 0;
	max-width:100%;
	background:#000;
	border-top: 1px solid #2d2d2d;
	bottom:0;
	clear:both;
}

.footermenu {
	max-width:98%;
	margin: 0 auto;
	color:#848484;
	font-size:15px;
	text-align:center;
	font-family:'Roboto', sans-serif;
	font-weight:300;
}
.footermenu a {
	color:#848484;
}
.footermenu a:hover {
	color:#b9b9b9;
}
div.cbdisclaimer {
	max-width:67%;
	margin:1% auto 1% auto;
	text-align:center;
	color:#6f6f6f;
}

.copyright {
	font-size:14px;
	margin:0 auto;
	text-align:center;
	color:#848484;
	font-family:'Roboto', sans-serif;
	font-weight:300;
}

.address {
	margin:0 auto;
	padding:1% 0 0 0;
	color:#848484;
	font-size:16px;
	text-align:center;
	font-family:'Roboto', sans-serif;
	font-weight:300;
}

.order {
	margin:0 auto;
	padding:3% 0 5% 0;
	text-align:center;
}
.guarantee {
	display:block;
	width:98%;
	height:auto;
	background:#dcdcdc;
	border: 1px solid #a7c4fd;
	margin:2% auto;
	padding:2% 0;
	clear:both;
}
.guarantee p {
	font-size:19px;
	line-height:125%;
	letter-spacing:0;
	padding:0 4% 3% 4%;
}

.left {
	float:left;
	padding: 2% 5% 1% 0;
}
.left2 {
	float:left;
	padding-right:4%;
}

.right {
	float:right;
	padding-left:4%;
}

.style2 {
	font-size:28px;
	padding:1% 0;
	text-align:center;
	margin:0 auto;
}

ul.checklist {
	margin: 5% 0 6% 3%;
}	

.checklist li{
	background-image: url(../images/check.jpg);
	background-repeat:no-repeat;
	background-position: 0 10%;
	list-style:none;
	font-family: tahoma,'Open Sans', sans-serif; 
	font-size: 24px; 
	color:#222222; 
	font-weight:400;
	word-spacing:-1px; 
	letter-spacing:; 
	line-height:32px; 
	padding: 3px 1% 8px 9%;
	margin: .4em 0 1% 0;
}

.highlight {
	background-color:#ffff00;
}


/* -- COLORS
--------------------------------------------------------------------------------------------------------------------------------------------------- */

.blue {
	color:#04449c;
}

.red {
	color:#cc0002;
}

/* -- FORMATTING
--------------------------------------------------------------------------------------------------------------------------------------------------- */

h1 { 
	color: #000;
	font-size: 54px;
	font-family: 'Anton', sans-serif;
	margin:-2% auto 0 auto;
	padding:0;	
	line-height:130%;
	letter-spacing:1px;
}

h2 { 
	font-size:42px; 
	line-height:115%;
	font-family: 'Patua One', sans-serif;
	text-align:center;
}
h3 { 
	text-align:center; 
	font-size:32px; 
	line-height:115%;
	font-family: 'Patua One', sans-serif;
	margin:1% auto 6% auto;
}
h3.bp4 {
	padding:3% 0 2% 0;
}
h4 { 
	font-size:30px; 
	line-height:115%;
	font-family: sans-serif;
	font-weight:bold;
	margin-bottom:1%;
	letter-spacing:-1px;
}
h5 {
	text-align:center; 
	font-size:28px; 
	line-height:115%;
	color:#000; 
	padding:2% 0%; 
	margin: 0 auto 0 auto; 
	font-weight:600;
	font-family:'Source Sans Pro', sans-serif;
}
h6 {
	font-size:28px; 
	line-height:115%;
	color:#000; 
	padding:2% 0%; 
	margin: 0 auto 0 auto; 
	font-weight:600;
	font-family:'Source Sans Pro', sans-serif;
}
h3.testi-heading { 
	text-align:center; 
	font-size:28px; 
	line-height:115%;
	font-family: 'Source Sans Pro', sans-serif;
	margin:1% auto 6% auto;
	padding:0 10%;
}
.large {
	font-size:54px;
}
.xlarge {
	font-size:64px;
	letter-spacing:1px;
}
.medium {
	font-size:48px;
	margin:0 4% 4% 4%;	
}
.number {
	font-size:38px;
	padding-left:4%;
}
.style1 {
	font-size:34px;
	margin:0 auto;
}
.style2 {
	font-size:23px;
	font-weight:600;
}

.middle {
	text-align:center; 
	margin: 0 auto;
}
.access  {
	margin: 5px auto 30px auto; 
	text-align: center;
}
.pad10 {
	padding:2% 10%;
}
.pad5 {
	padding:0 5%;
}
.padleft {
	padding-left:8%;
}
.script {
	font-family:'Indie Flower', cursive;
	font-size:30px;
	color:#030e74;
}

/*----------------------------------------------------------------------------------------
TESTIMONIAL BOX
-----------------------------------------------------------------------------------------*/
.testimonial {
    margin: 6% auto 8% auto;
    width:90%;
    padding:15px;
    position: relative;
    font-style: italic;
    border: 1px solid #657d93;
    position: relative;
	background:#eaf6f7;
	border:2px solid #a7dae0;
}
.testimonial p {
	font-size:20px;
	margin:1% 0 18px 0;
	line-height:23px;
	padding-left:4%;
	padding-right:4%;
	font-family:arial;
	color:#4d4d4d;
}
.testimonial .testisig {
	text-align:right;
	padding:0 6% 0 0;
	margin-top:2%;
	font-size:22px;
	color:#1d1d1d;
}
.rotate-left {
	  -webkit-transform: rotate(-3deg);
       -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
         -o-transform: rotate(-3deg);
            transform: rotate(-3deg);
}
.rotate-right {
	  -webkit-transform: rotate(2deg);
       -moz-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
         -o-transform: rotate(2deg);
            transform: rotate(2deg);
}

.fixed-header {
    padding:0;
	top: 0px;
    position: fixed;
    background-color:#fff;
    width: 100%;
	height:55px;
    z-index: 1;
    display: block;  
	border-bottom:2px solid #d0d0d0;
	-webkit-box-shadow: 0 0 13px 0 #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    0 0 13px 0 #ccc;  /* Firefox 3.5 - 3.6 */
    box-shadow:         0 0 13px 0 #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.fixed-header-text {
	line-height: 1.15em;
	padding:0;
	font-size:150%;
	font-family:'Sans Source Pro', tahoma;
	font-style:normal;
	font-weight:700;
	text-align:center;
	padding:0;
}
.top-button {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#1f2f99;
	font-family:Arial;
	font-size:21px;
	font-weight:bold;
	padding:6px 24px;
	margin:0 0 0 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.top-button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.top-button:active {
	position:relative;
	top:1px;
}


/* -- MEDIA SCREEN
--------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1250px) {
	.contentwrap {
	max-width:90%;
	}
}
@media only screen and (max-width: 1150px) {
	h1 {
	font-size:55px;
	}
	.contentwrap {
	max-width:98%;
	}
	#footer .span_footerlogo, .span_footerlinks{
	font-size:13px
	}
}
@media only screen and (max-width: 960px) {
	div.cbdisclaimer {
	max-width:90%;
	line-height:130%;
	}
	h1 {
	font-size:55px;
	}
	.span_video {
	width:58%;
	padding:0 2% 0 0;
	margin:0 auto;
	}
}


@media only screen and (max-width: 800px) {
	.pad10 {
	padding:2%;
	}
	.padleft {
	padding-left:0;
	}
	.span_footerlogo, .span_footerlinks{ 
	width: 100%;
	margin:0 auto;
	text-align:center;
	padding:0;
	}
	.left, .left2 {
	display:block;
	float:none;
	margin:0 auto;
	text-align:center;
	padding:0;
	}
	.right {
	display:block;
	float:none;
	margin:0 auto;
	text-align:center;
	padding:0;
	}
	.contentwrap {
	max-width:99%;
	padding:0;
	margin:0 auto;
	}
	div.cbdisclaimer {
	width:95%;
	line-height:130%;
	}
	.footermenu {
	max-width:97%;
	line-height:200%;
	}
	.checklist ul {
	margin-left:-2%;
	margin-right:3%;
	}
	.checklist li {
	background-image: url(../images/check-sm.jpg);
	padding: 0 0 8px 11%;
	}
	h2 {
	font-size:34px;
	}
	.insidecontent {
	width:95%;
	margin:0 auto;
	padding-left:1%;
	padding-right:1%;
	border:none;
	}
	.col { 
		margin: 1% auto;
	}
	.span_1_of_2, .span_2_of_2 {
	width: 100%;
	margin:0 auto;
	padding:0;
	}
	.span_video {
	width: 75%;
	margin:0 auto;
	padding:0 10%;
	}
	.span_optin {
	width: 65%;
	margin:0 auto;
	padding:5% 15%;
	}
	.guarantee p {
	padding:0 4%;
	}
	.large, .xlarge{
	font-size:40px;
	}
	h3.testi-heading {
	padding:1% 2%;
	font-size:24px;
	}
}
@media only screen and (max-width: 650px) {
	.content {
	padding:0 0 1% 0;
	border:2px solid #1a1a1a;
	margin:3% auto 1% auto;
	}	
	#footer {
	padding:5% 0 1% 0;
	}
	.blue7 {
	display:block;
	padding:0 9%;
	font-size:40px;
	}
	h1 {
	font-size:36px;
	margin-top:0;
	padding-top:0;
	}
	h2, h4 {
	font-size:30px;
	padding-left:0;
	padding-right:0;
	}
	h3 {
	font-size:26px;
	}
	h6 {
	font-size:23px;
	}
	.style1 {
	font-size:32px;
	}
	.content p {
	font-size:18px;
	line-height:145%;
	}
	.large, .xlarge {
	font-size:38px;
	}
	h1.large {
	font-size:80px;
	}
	ul.checklist{
	margin:0;
	padding:0;
	}
	.checklist li {
	background-image: url(../images/check-xsm.jpg);
	padding: 0 0 8px 11%;
	font-size:18px;
	line-height:135%;
	}
	.videobox, .videobox2 {
	border: 2px solid #112844;
	}
	.heading-large {
	display:none;
	}
	.heading-small {
	display:block;
	}
	.script {
	font-size:22px;
	}
	.medium {
	font-size:36px;
	margin:0 auto;
	}
	.number {
	font-size:28px;
	}
	.fixed-header {
	height:45px;
	}
	.topheader {
	margin-top:45px;
	padding-top:3px;
	}
	.fixed-header-text-wrap {
	padding-top:13px;
	}
	.fixed-header-text {
	font-size:19px;
	}
	.top-button {
	font-size:18px;
	padding:2px 8px;
	}
}

@media only screen and (max-width: 450px) {
	
	h1 {
	font-size:30px;
	margin-top:0;
	padding-top:0;
	}
	.contentwrap {
	width:100%;
	}
	div.cbdisclaimer {
	max-width:95%;
	line-height:130%;
	}
	.address {
	font-size:75%;
	padding-left:5%;
	padding-right:5%;
	}
	.copyright {
	font-size:70%;
	}
	h1.large {
	font-size:60px;
	}
	ul.checklist{
	margin:0;
	padding:0 0 0 5%;
	}
	.checklist li {
	background-repeat:no-repeat;
	padding: 0 0 8px 15%;
	font-size:18px;
	line-height:135%;
	}
	h2, h4 {
	font-size:22px;
	padding-left:0;
	padding-right:0;
	}
	h3 {
	font-size:24px;
	padding-left:0;
	padding-right:0;
	}
	h5 {
	font-size:22px;
	padding-left:0;
	padding-right:0;
	}
	.medium {
	font-size:28px;
	}
	.number {
	font-size:24px;
	}
	.large, .xlarge {
	font-size:32px;
	}
	.fixed-header-text {
	font-size:16px;
	}
	.top-button {
	font-size:15px;
	padding:1px 6px;
	}
}
/* Media query 375px */
@media (max-width: 375px) {
	.fixed-header-text {
	font-size:14px;
	padding-right:0;
	}
	.fixed-header-text-wrap {
	padding-top:8px;
	}
	.fixed-header-button {
	padding-top:5px;
	}
	.top-button {
	font-size:13px;
	}
	.fixed-header {
	height:35px;
	}
	.topheader {
	margin-top:35px;
	padding-top:3px;
	}
}