@charset "utf-8";
/* CSS Document */
@-ms-viewport {
 width: device-width;
}
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.imgresponsive {
  max-width: 100%;
  height: auto;
}
.clearfix {
  clear: both;
  margin: 0;
}
p {
  line-height:1.7em;
  margin-bottom:1em;
}
h1 {
  font-size: 220%;
  margin-bottom:1em;
}
h2,h3,h4 {
  margin-bottom:1em;
}
h5 {
  font-weight:300;
  line-height: 1.6em !important;
}
.yellow-bg {
  background:#FFFF00;
}
.red {
  color:red;
}
.float-img-right {
  float:right;
  max-width:100%;
  height:auto;
}
body {
  background: url(../images/bg.jpg) fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: 'Roboto', sans-serif;
  color: #363636;
  font-size:16px;
}
.header-wrap {
}
.logo {
  padding:20px 0px;
}
.logo img {
  width: 400px;
  height:auto;
  display:block;
  margin:0 auto;
}
.vid-wrap-flex {
  width:960px;
  margin:0 auto;
}
.vid-wrap {
  text-align:center;
  color:#fff;
  font-size:15px;
  padding:20px 0px;
}
.video-container {
    padding-bottom: 56.25%;
    padding-top: 0px !important;
    height: 0;
    overflow: hidden;
}
video-container iframe {
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.main-vid {
  text-align:center;
  max-width:720px;
  margin:0 auto;
 padding:0px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom:10px;
  margin-top:10px;
  line-height:0;
}
.container {
  min-height: calc(100vh - 130px);
  margin-bottom:31px;
 
}
.content-fw {
  background:#ffffff url(../images/ContentGrad.jpg) repeat-x top;
}
.content-wrap {
  background:#ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.content {
  width:960px;
  margin:0 auto;
  padding:50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.instant-access {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  flex-direction:row-reverse;
}
.instant-access div {
  width:50%;
}
.act-now {
  text-align:center;
}
.act-now a{
  display:block;
  width:90%;
  margin:0 auto;
  padding:20px 30px;
  background:#fbb712;
  text-decoration:none;
  color:#3e4057;
  font-size:26px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.guarantee-box {
  background:url(../images/GuaranteeDivTop.png) repeat-x top;
  text-align:center;
  padding:10px 0px;
}
.testimonial-wrap {
  padding:20px;
  border: 5px solid #0000001a;
  margin-top:30px;
}
.testimonial-wrap h2 {
  margin-top:-40px;
  background:#fff;
  
}
.testi-flex {
  display:flex;
  justify-content:space-around;  
}
.testi-item {
  margin:10px;
  padding:20px;
  background: #F7FEFF;
  overflow-wrap: break-word;
}
.testi-item img {
  float:left;
  margin-right:15px;
}
.footer-wrap {
  color:#fff;
  font-size:15px;
  text-align:center;
}
.footer-nav ul {
  list-style: none;
display: flex;
justify-content: center;
padding-bottom: 10px;
}
.footer-nav ul li {
 padding:10px;
}
.footer-nav ul li a {
  color:#fff;
  text-decoration:none;
} 
.footer-nav ul li a:hover {
  color: #fbb712;
}
.footer {
  background:#000000;
  padding:15px 0px;
}
/*Accordion*/
a.accordion {
  display:block;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  outline: none;
  transition: 1s;
  font-size:20px;
  font-weight:300;
  background:#f1f1f1;
}
a.accordion::before{
  content: '\e146';
  position: absolute;
  font-family: 'Material Icons';
  font-size: 1.2em;
  float: right;
  position: relative;
  top: -2px;
  transform: rotate(180deg);
  transition: all 0.5s;
}

a.accordion.active::before{
   content: '\e909';
  transform: scale(1);
  transition: all 0.5s;
}
div.panel {
  border-bottom: 1px #e7e7e7 solid;
  padding: 0px 40px;
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height .8s ease-out;
  border-left: 10px #f1f1f1 solid;
  border-right: 10px #f1f1f1 solid;
}
.contact-form-box {
  text-align:center;
  padding:20px;
  width:60%;
  height:auto;
  margin:0 auto;
  border:1px #DDDDDD solid;
  margin-bottom:20px;
  margin-top:20px;
}
.contact-form-box input[type=text], 
.contact-form-box textarea, 
.aff-signup input[type=text], 
.members-box input[type=text],
.members-box input[type=password] {
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 5px 0px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 15px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	transition: 0.2s ease-out;
  font-family:inherit;
}
.contact-form-box input[type=button],
.contact-form-box input[type=submit],
.members-login input[type=submit], 
.aff-signup input[type=button], 
.members-form-box input[type=button]{
  width:100%;
  background: #fbb712;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: none;
  box-sizing: border-box;
  color:#363636;
  clear: both;
  cursor: pointer;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  font-size: 16px;
  padding:15px;
  outline: none;
  position: relative;
  text-align: center !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  appearance: none;
  -webkit-appearance: none;
	-moz-appearance: none;
  margin-top:5px;
}
.members-login input[type=submit]:hover, .contact-form-box input[type=button]:hover, .aff-signup input[type=button]:hover, .act-now a:hover, .members-form-box input[type=button]:hover {
   background: #ff9308;
-webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out;
-o-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;
color: #fff;
}
.new-members-box {
  display:flex;
  justify-content: space-between;
}
.new-members-box div {
  width:50%; 
  padding:0px 20px;
}
.members-form-box {
  text-align:center;
}
.squeeze-wrap {
  padding:40px;
  text-align:center;
  width:600px;
  margin:0 auto;
  border:solid 1px white;
  background:rgba(0, 0, 0, 0.77);;
  color:#fff;
}
.access-btn a {
  display:block;
  padding:20px;
  background:#ffa841;
  width:70%;
  margin:0 auto;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  margin-top:20px;
  color:#fff;
  text-decoration:none;
  font-size:20px;
  font-weight:700;
}

/*WRITTEN SALES PAGE CSS*/
.box-single-border {
  padding:30px;
  border:medium #000000 solid;
  margin-bottom:20px;
}
.discover ul {
  list-style:none;
}
.discover ul li {
  padding:20px 20px 0px;
}
.discover ul li:nth-child(odd) {
  border: #256382 solid 2px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom:20px;
}
.discover ul li:nth-child(even) {
  border: #ad110f solid 2px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom:20px;
}
.content-written .add-cart-box {
  width:80%;
  margin:0 auto;
  border-width: 4px;
border-style: dashed;
border-color: rgb(238, 15, 11);
padding:20px;
text-align:center;
margin-bottom:20px;
}

.seals {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
}
.order-table-box {
    margin: 20px 0px;

}
.order-table table, .order-table th, .order-table td {
  border: 1px solid #A4A4A4;
  border-collapse: collapse;
}
.order-table th, .order-table td {
  padding: 25px;
}
.order-table th {
  text-align: left;
}
.order-table table {
  border-spacing: 0px;
}
.order-table tr:nth-child(1) {
  background: #474747;
  color: #F4F4F4;
}
.order-table tr:nth-child(2) {
  background: #D0D0D0;
}
.order-table tr:nth-child(3) {
  background: #E1E1E1;
}
.order-table tr:nth-child(4) {
  background: #EFEFEF;
}
.mobile-checkout-btn {
  display:none;
}
.order-guarantee-box {
  width:70%; 
  margin:0 auto; 
  margin-top:40px; 
  text-align:left; 
  padding:20px; 
  border:thin #CECECE solid;
}
.oto-wrap {
  width:80%;
  margin:0 auto;
}
.oto-wrap li {
  margin-left:40px;
}
.oto-prod {
  width:90%;
  margin:0 auto;
  padding:30px;
  background:#f5f5f5;
  border:thin #c8d3df solid;
  margin-bottom:20px;
}
.aff-signup {
  display:flex;
  justify-content:center;
  align-items:center;
  margin:20px 0px;
}
.aff-ready {
  width:40%;
  height:auto;
  display:block;
  margin:0 auto;
  text-align:center;
}
.aff-signup-form {
  text-align:center;
  padding:20px 40px;
  width:60%;
  height:auto;
  margin:0 auto;
}
.toggle-nav {
display:none;
}
.aff-nav {
  width:960px;
  margin:0 auto;
  margin-bottom:10px
  
}
.menu ul {
  display:flex;
  justify-content: space-around;
  padding:10px 0px;
 -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
 background: url(../images/purple-bg.png);
}
.menu ul li {
  list-style:none;
  display:block;
  padding:10px;
}
.menu a {
  text-decoration:none;
  color:#fff;
  font-size:15px;
}
.toggle-nav:hover, .toggle-nav.active, .menu a:hover {
  text-decoration:none;
  color:#C199B1;
}
.hoplinks-flex  {
  display:flex;
  justify-content: space-around;
  padding:20px 0px;
}
.keywords-flex {
  display:flex;
  justify-content: space-around;
  padding:10px 0px;
}
.hoplinks-flex div, .keywords-flex div{
  width:45%;
  text-align:center;
  justify-content: center;
  overflow-wrap: break-word;
}
.keywords-flex div textarea {
  font-family: 'Roboto', sans-serif;
  color: #363636;
  padding:10px;
  line-height:1.5em;
  font-size:14px;
  height:150px;
  width:100%;
  border: 1px solid #F0F0F0;
  -webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
resize:none;
}
.banners-flex {
  width:100%;
  text-align:center;
  overflow-wrap: break-word;
}
.steve-feature3 {
  display:none;
  }
.members-box {
  width:50%;
  background:#fff;
  padding:30px;
  margin:0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
@media screen and (max-width : 489px ) {
    body {
      font-size:14px !important;
    }
    .content {
       width: 95%;
       margin:0 auto;
       padding:30px 5px;
    }
    .vid-wrap {
      width:100%;
      margin:0 auto;
    }
    .main-vid {
      padding:0px;
    }
    .act-now a{
      display:block;
      width:100% !important;
    }
    .aff-signup {
      display:block;
      justify-content:center;
      align-items:center;
      margin:20px 0px;
    }
    .aff-ready {
      width:100%;
      height:auto;
      display:block;
      margin:0 auto;
      text-align:center;
    }
    .aff-signup-form {
      text-align:center;
      padding:20px 10px;
      width:100%;
      height:auto;
      border-right:none;
      border-bottom:1px #DDDDDD solid;
      margin:0 auto;
      margin-bottom:20px;
    }
    .aff-resouces {
      display:block;
      justify-content:center;
      align-items:flex-start;
      margin:20px 0px;
    }
    .aff-resouces img {
      max-width:100%;
      height:auto;
      display:block;
      margin:0 auto
    }
    .aff-resouces-det {
      width:100%;
      height:auto;
      margin:0 auto;
    }
    .content-written .add-cart-box {
      width:100%;
    }
    .box-single-border {
      padding:20px;
      border:medium #000000 solid;
      margin-bottom:20px;
    }
    .float-img-right {
      float:none;
      display:block;
      margin:0 auto;
      max-width:100%;
      height:auto;
    }
    .hoplinks-flex, .keywords-flex  {
      display:block;
      justify-content: space-around;
      padding:0px;
    }
    .hoplinks-flex div, .keywords-flex div {
      width:100%;
      text-align:center;
      padding:20px 0px;
      overflow-wrap: break-word;
    }
    .mob-hid {
      display:none;
    }
    .steve-feature {
    display:none;
    }
    .steve-feature3 {
    display:block;
    }
    .members-box {
      width:100% !important;
      padding:20px;
      margin:0 auto;
    }
}
@media screen and (min-width : 490px ) and (max-width : 634px ) {
    .content {
       width: 95%;
       margin:0 auto;
    }
    .main-vid {
      padding:0px;
    }
    .aff-signup {
      display:block;
      justify-content:center;
      align-items:center;
      margin:20px 0px;
    }
    .aff-ready {
      width:100%;
      height:auto;
      display:block;
      margin:0 auto;
      text-align:center;
    }
    .aff-signup-form {
      text-align:center;
      padding:20px 10px;
      width:100%;
      height:auto;
      border-right:none;
      border-bottom:1px #DDDDDD solid;
      margin:0 auto;
      margin-bottom:20px;
    }
    .aff-resouces {
      display:block;
      justify-content:center;
      align-items:flex-start;
      margin:20px 0px;
    }
    .aff-resouces img {
      max-width:80%;
      height:auto;
      display:block;
      margin:0 auto
    }
    .aff-resouces-det {
      width:100%;
      height:auto;
      margin:0 auto;
    }
    .float-img-right {
      float:none;
      display:block;
      margin:0 auto;
      max-width:100%;
      height:auto;
    }
    .mob-hid {
      display:none;
    }
    .members-box {
      width:70% !important;
      background:#fff;
      padding:25px;
      margin:0 auto;
    }
}
@media only screen and (min-width : 635px ) and (max-width : 767px) {
   .aff-ready {
      width:30%;
      height:auto;
      display:block;
      margin:0 auto;
      text-align:center;
    }
    .aff-signup-form {
      text-align:center;
      padding:20px 10px;
      width:60%;
      height:auto;
      margin:0 auto;
    }
}
@media only screen and (max-width:767px) {
    body {
      font-size:15px;
    }
    .content-wrap {
      width:95%;
      margin:0 auto;
    }
    .content {
       width: 95%;
       margin:0 auto;
    }
    .vid-wrap {
      width:95%;
      margin:0 auto;
    }
    .footer-wrap {
      height: 100%;
    }
    .footer-nav ul {
      list-style:none;
      display:block;
      justify-content:center;
    }
    .footer-nav ul li {
     padding: 8px 0px;
    }
    .footer-nav ul li a {
      color:#fff;
      text-decoration:none;
    }
    .instant-access {
      display:flex;
      flex-wrap:wrap;
      justify-content:space-around;
      align-items:center;
      flex-direction: row;
    }
    .instant-access div {
      width:100%;
      text-align:center;
    }
    .act-now {
    }
    .act-now a{
      width:75%;
    }
    .testi-flex {
      display:block;
      justify-content:space-around;  
    }
    .testi-item {
      margin:10px 0px;
    }
    .contact-form-box {
      width:100%;
       padding:20px;
    }
    .new-members-box {
      display:block;
      justify-content: space-between;
    }
    .new-members-box div {
      width:90%; 
      padding:20px 0px;
      margin:0 auto;
      text-align:center;
    }
    .squeeze-wrap {
      width:90%;
      padding:20px;
      margin:0 auto;
      font-size:80%;
    }
    .access-btn a {
      width:100%;
    }
     .order-table span {
      display:none;
    }
    .order-table th, .order-table td {
      padding: 10px;
    }
   .mobile-checkout-btn {
      display:block;
      margin:0 auto;
      margin-bottom:20px;
    }
    .order-guarantee-box {
      width:100%; 
      margin:0 auto; 
      margin-top:40px; 
      text-align:left; 
      padding:20px; 
      border:thin #CECECE solid;
    }
    .oto-wrap {
      width:100%;
      margin:0 auto;
    }
    .aff-nav {
      width:100%;
    }
    .menu {
      position:relative;
      display:inline-block;
      left:10px;
    }
    .menu ul.active {
      display:none;
    }
    .menu ul {
      width:250px;
      display:block;
      position:absolute;
      top:120%;
      left:0px;
      padding:10px 18px;
      box-shadow:0px 1px 1px rgba(0,0,0,0.15);
      border-radius:3px;
      background:#000;
    }
    .menu ul:after {
      width:0px;
      height:0px;
      position:absolute;
      top:0%;
      left:22px;
      content:'';
      transform:translate(0%, -100%);
      border-left:7px solid transparent;
      border-right:7px solid transparent;
      border-bottom:7px solid #000;
    }
    .menu ul li {
      margin:5px 0px 5px 0px;
      float:none;
      display:block;
    }
    .menu a {
      display:block;
       text-decoration:none;
       color:#F5F5F5;
    }
    .toggle-nav {
      padding:20px;
      float:left;
      display:inline-block;
      box-shadow:0px 1px 1px rgba(0,0,0,0.15);
      border-radius:3px;
      background:#000;
      text-shadow:0px 1px 0px rgba(0,0,0,0.5);
      color:#777;
      font-size:20px;
      transition:color linear 0.15s;
    }
    .members-box {
      width:60%;
      margin:0 auto;
    }
}
@media only screen and (min-width:768px) and (max-width:980px) {
    .content-wrap, .aff-nav  {
      width:90%;
      margin:0 auto;
    }
    .content {
       width: 100%;
       
    }
    .seals {
      display:flex;
      flex-wrap: no-wrap;
      justify-content:space-around;
      align-items:center;
    }
    .vid-wrap-flex {
    width:100%;
    margin:0 auto;
  }
}
@media screen and (min-width : 981px) {
    .content-wrap {
      width: 960px;
      margin: 0 auto;
      background:#FFFFFF;
    }
    .content {
    }
     #header-nav {
      width: 960px;
      margin: 0 auto;
    }
    .content-written {
      width: 960px;
      margin:0 auto;
      padding:30px 60px;
    }
}
@media (max-width: 1050px){
  .steve-side-feature {
    display:none;
  }
}
@media (min-width: 1050px){
  .steve-feature {
    display:none;
  }
}