@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: xx-large;
  margin-bottom:.4em;
}
h2,h3,h4 {
  margin-bottom:.8em;
}
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;
}
.header-wrap {
}
.logo {
  padding:20px 0px;
}
.logo img {
  width: 400px;
  height:auto;
  display:block;
  margin:0 auto;
}
.container {
  min-height: calc(100vh - 130px);
}
.content {
  width:960px;
  margin:0 auto;
  padding:50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
   
}
.footer-wrap {
  background: #000;
  color:#c2c2c2;
  font-size:15px;
  padding:10px;
  text-align:center;
}
.footer-nav ul {
  list-style: none;
display: flex;
justify-content: center;
border-bottom: 1px #2C2C2C solid;
margin-bottom: 10px;
padding-bottom: 10px;
}
.footer-nav ul li {
 padding:10px;
}
.footer-nav ul li a {
  color:#c2c2c2;
  text-decoration:none;
} 
.footer-nav ul li a:hover {
  color: #fbb712;
}

@media screen and (max-width : 489px ) {
    .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: 100%;
       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) {
  .content {
       width: 100%;
       margin:0 auto;
    }
   .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) {
    .content-wrap {
      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 10px;
     display: inline-block;
    }
    .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;
  }
}
.optincontent {
}