body {
background:#17303f;
line-height:1.2;
font-family:Arial;
overflow-x:hidden;
font-size:16px;
}
p {
margin-bottom:20px;
line-height:1.12;
}

#guys {
margin:0 52px;
}

#guarantee {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fff6d0+22,fff6d0+78,ffffff+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #fff6d0 22%, #fff6d0 78%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(22%,#fff6d0), color-stop(78%,#fff6d0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ffffff 0%,#fff6d0 22%,#fff6d0 78%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ffffff 0%,#fff6d0 22%,#fff6d0 78%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ffffff 0%,#fff6d0 22%,#fff6d0 78%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right,  #ffffff 0%,#fff6d0 22%,#fff6d0 78%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
padding:10px 10px 0;
}

.quote-bubble {
border-radius:10px;
padding:30px 20px;
box-shadow:2px 1px 10px #666;
text-align:justify
}
.quote-bubble.green {
background:#daecbc;
}
.quote-bubble.blue {
background:#e5fbf9
}



#container {
width:851px;
margin:0 auto;
text-align:center;

}
#container-padding {
padding:30px 50px;
text-align:left;
background:white;
min-height: 200px;
border-radius:20px;
position:relative;
top:-222px;
}

.clear {
clear:both;
height:0;
content:'';
}

#header img {
width: 109%;
margin-left:2%;
}

.yellow-box {
background:#fff8a7;
border:1px solid black;
border-radius:20px;
width:640px;
margin:0 auto;
}
.yellow-pad {
padding:20px
}


.style104 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
.style45 {font-family: Arial, Helvetica, sans-serif}
.style83 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
.style39 {	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
}
.style21 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0000FF;
	font-weight: bold;
}
.style6 {	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
}
.style113 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; }
.style118 {font-family: Arial, Helvetica, sans-serif; color: #000066; font-size: 20px; border-top: 1px solid #000099; border-bottom: 1px solid #000099; text-align: center; padding: 10px; margin: 20px 0px 20px 0px; font-weight: bold; }
.style120 {font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; }
.test-header {font-family: Arial, Helvetica, sans-serif; font-size: 24px; text-align:center; }
.test-body {font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align:justify; }
.test-name {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-align:right; }
.style128 {font-size: 30px; }
.style129 {font-size: 36px; color: #660000; }
.style67 {font-size: 16px; font-family: Arial; }
.style11 {font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #660000;
}
.style140 {
	font-family: "Courier New", Courier, monospace;
	color: #000066;
	font-size: 25px;
	font-weight: bold;
}
.style142 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #660000;
}
.style10 {	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
}
.style143 {font-size: 18px}
.style12 {	font-size: 30px;
	color: #0000FF;
}
.style16 {font-size: 24px}
.style17 {font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.style144 {
	color: #000099;
	font-weight: bold;
	font-size: 18px;
}
.style146 {
	color: #000099;
	font-size: 24px;
	font-weight: bold;
}
.style147 {font-size: 16px}
.style148 {
	color: #000066;
	font-weight: bold;
}
.style9 {font-size: 16px; color: #000000; font-family: Arial, Helvetica, sans-serif;}
.style149 {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000099;
	font-weight: bold;
}
.style150 {
	color: #000066;
	font-size: 18px;
}
.style152 {
	color: #000066;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style155 {color: #FFFFFF; font-size: 18px; }
.style156 {color: #FFFFFF}
.style157 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px;}
.style158 {color: #000066; font-size: 22px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.style159 {font-size: 22px}
.style160 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; text-align: center; font-weight: bold; }
.style161 {
	font-family: Impact;
	font-size: 40px;
	color: #660000;
}
.style162 {
	font-family: Impact;
	font-size: 35px;
	color: #660000;
}
.style76 {font-family: Arial; color: #900; font-size: 24px; font-weight:bold; }


.values {
margin:0 auto;
text-align:left;
}
.values td {
padding:3px 10px;
}
strong {
font-weight:bold;
}
#sales-info p {
margin-bottom:20px;
line-height:1.2;
}
.clear {
clear:both;
height:0;
content:'';
}
.comp {
width:80%;
margin:0 auto 20px;
padding:20px;
box-shadow:0px 0px 8px #333;
border-bottom-left-radius:10px;
border:1px solid #bbb;
border-bottom-right-radius:10px
}
.comp-head {
width:80%;
margin:0 auto;
box-shadow:0px 0px 8px #333;
padding:10px 20px;
text-align:center;
color:white;
font-weight:bold;
font-size:18px;
background:#283890;
border-top-left-radius:10px;
border-top-right-radius:10px
}
.week {
width:80%;
margin:0 auto;
border:1px solid #bbb;
border-bottom:0;
border-top:0;
box-shadow:0px 0px 14px #666;
padding:20px;
background:url('images/learn-gray.jpg') repeat-x top left;
}
.week img {
margin:0 20px !important;
}
.week.top {
border-top-left-radius:10px;
border-top-right-radius:10px;
border:1px solid #bbb;
border-bottom:0;
}
.week-head {
width:80%;
margin:0 auto;
color:#000066;
font-size:22px;
text-align:center;
border-bottom:1px solid #000066;
padding:10px 0;
font-weight:bold;
}
.bonus-head {
width:85%;
margin:0 auto;
background:#253942;
border-top-left-radius:10px;
border-top-right-radius:10px;
color:white;
font-weight:bold;
font-size:22px;
text-align:center;
padding:10px 0;
}
.bonus-body {
width:85%;
line-height:1.3;
box-sizing:border-box;
margin:0 auto;

border-left:1px solid #666;
border-right:1px solid #666;
padding:10px 30px
}
.bonus-body span {
text-align:center;

font-size:24px;
font-weight:bold;
display:block;
margin-bottom:20px;
}
.bonus-bottom {
width:85%;
margin:0 auto;
height:30px;
background:#253942;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
content:'';
}

.buy-box {
border:1px solid #999;
box-shadow:1px 1px 5px #333;
border-radius:20px;
width:700px;
margin:0 auto
}


/* FOR RESPONSIVE YOUTUBE VIDEO */
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0%;
	width:100%;
	height:100%;
}


@media only screen and (max-width: 900px) {
  #container {
  width:100%;
  }
  #head-1 {
  margin:10px 40px !important;
  }
  #head-2 {
  margin:10px 0 !important;
  }

}

@media only screen and (max-width: 830px) {
    #links {
    width:95%;
    margin:0 auto;
    }
    #logo {
    float:none;
    margin:0px auto;
    padding:0px 0;
    }
    .link {
    width:23%;
    }
    #guarantee td {
    display:block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    }

}


@media only screen and (max-width: 768px) {
.person {
    width:90%;
    margin:20px auto 40px;
    float:none;
    }
    .person img {
    margin-bottom:10px;
    }
    #container-padding {
    padding:5px;
    }
}
@media only screen and (max-width: 743px) {
   #sales-info {
   width:95% !important;
   }
   #head-1 {
   margin:0px !important;
   }

}

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

  #like-box {
  top:-10px;
  }
  #test-box {
  width:100%;
  }
  .buy-box {
  width:100%;
  }
  
  #container-padding {
  top:-172px;
  }

}


@media only screen and (max-width: 645px) {
    #other-vids {
    float:none;
    width:90%;
    margin:0 auto;
    }
    #comments-box {
    margin:0;
    width:90%;
    margin:0 auto;
    }
    .vid {
    display:inline-block;
    vertical-align:top;
    }
    .full-650 {
    display:block;
    margin:0 auto;
    float:none !important;
    }
    .full-650-text {
    margin:0 !important;
    }
    #container-padding {
    top:-140px;
    }
    .yellow-box {
    width:100%;
    }
    #guys {
    margin:0 10px;
    }
}

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

  #like-box {
  top:-10px;
  margin-left:29%
  }
  .bonus-head, .bonus-body, .bonus-bottom {
    width:100%
    }

  .week {
  width:100%;
  box-sizing:border-box
  }

}
@media only screen and (max-width:500px) {
  #links {
    display:none;
    }
    #head-1 {
    font-size:30px;
    }
    #container-padding {
    top:-105px;
    }
    
    #dates {
    width:100% !important;
    }


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

    .image-full {
    display:block !important;
    margin:5px auto !important;
    float:none !important;
    width:95% !important;
    height:auto !important;
    }
    .image-full-text {
    margin:0 !important;
    }
    #like-box {
    margin-left:16%
    }

}