body {
  margin:0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
}

h1,h2,h3,h4,h5, .roboto {
  font-family: 'Roboto Slab', serif;
}

h2 { font-size: 38px; }

.fs20 { font-size: 20px; font-weight: 400; }
.fs25 { font-size: 25px; font-weight: 400; }
.fs30 { font-size: 30px; font-weight: 400; }
.fs45 { font-size: 45px; font-weight: 400; }

.tac { text-align:center; }

.header {
  background: #333743;
  border-bottom: 3px solid #FFF;
  text-align: left;
}
.logo {
  max-width: 156px;
  height: auto;
  padding: 28px 20px 20px 75px;
}
.teal { color: #007f88; }
.darkblue { color: #154257; }
.red { color: #C00; }

.button {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  background: #ff9900;
  color: #FFF;
  text-decoration: none;
  border-radius: 3px;
  padding: 10px 25px;
}

.footer {
  background: #f3f3f3;
  text-align:center;
  padding: 10px 0px;
}
.footer p {
  margin: 0; padding: 0;
}

.content {
  max-width: 950px;
  margin: 0 auto;
  padding-bottom: 50px;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.countdown-container {
  margin: 0 auto;
}

  /*** Countdown Section ***/
  .offer-expires-txt {
    font-family: 'Roboto Slab',sans-serif;
    font-weight: 400;
    font-size: 2.5rem;
    color: #000;
    line-height: 1;
    position: relative;
    text-shadow: 1px 1px 1px white;
    text-align: center;
    padding-right: 0;
    margin-bottom: 0;
    margin-top: 2.5rem;
  }
  .leadstyle-countdown {
    position: relative;
    margin: 0;
    padding: 0;
    display: inline-block;
  }
  .countdown-box {
    width: 100%;
    min-height: 146px;
    text-align: center;
  }
  .countdown-fx {
    visibility: hidden;
    height: auto;
    opacity: 0;
    -webkit-transition: all 500ms;
    transition: all 500ms;
  }
  #countdown-container .launch-text {
    margin: 0 0 0 5px;
    display: block;
    line-height: 22px;
    padding: 15px;
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    color: #555555;
    text-align: center;
  }
  ul#countdown li p.timeRefDays,
  ul#countdown li p.timeRefHours,
  ul#countdown li p.timeRefMinutes,
  ul#countdown li p.timeRefSeconds {
    display: inline-block;
    float: left;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    font-size: .87rem;
    text-align: center;
    margin: 2px auto;
    letter-spacing: 1px;
    *letter-spacing: 0;
    width: 6rem;
    line-height: 17px;
  }
  ul#countdown li {
    display: inline-block;
    width: 6rem;
    text-align: center;
    margin-right: 8px;
    overflow: hidden;
  }
  ul#countdown li span.countdown {
    font-family: 'Oswald',sans-serif;
    font-weight: 500;
    font-size: 3.75rem;
    color: rgb(237,24,24);
    line-height: 4.5rem;
    position: relative;
    text-shadow: 1px 1px 1px white;
    text-align: center;
    padding-right: 1px;
  }
  .count-holder {
    display: inline-block;
    text-align: center;
  }
  #box-right .cont {
    width: 328px;
    margin: 0 auto;
  }
  #box-right .list-title {
    color: #2e2e2e;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: 1.35em;
    margin: 12px 0 20px;
  }


.videobox { border: 2px solid #212121; max-width: 920px; margin: 0 auto; position: relative; }

#buybtn {
  margin-top: 0;
  position: relative;
  visibility: hidden;
  height: 0;
  opacity: 0;
  -webkit-transition: all 1000ms;
  transition: all 1000ms;
}
.limitedtime { position: absolute; top: 5px; right: 10px;}
.leftcol, .rightcol { width: 50%; float: left; box-sizing: border-box; padding-bottom: 25px; }
.leftcol img.atcbutton, .rightcol img.atcbutton { max-width: 90%; height: auto; margin: 0 auto; display: block; }
.leftcol {
  background:#FFF url("../img/leftcolbg2.png") bottom center no-repeat;
}
.rightcol {
  background: #FFF url("../img/rightcolbg2.png") bottom center no-repeat;
}

#unmute-btn { float: right;
    color: #000;
    font-family: Arial;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.02em;
    text-decoration: none;
    border-bottom: 5px solid #c90;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #ffbf00;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.35);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.35);
    padding: .5em .75em .5em;
    -webkit-transition: all 222ms ease;
    -moz-transition: all 222ms ease;
    -ms-transition: all 222ms ease;
    -o-transition: all 222ms ease;
    transition: all 222ms ease;
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    cursor:pointer;
  }
  /*#unmute-btn:before {
    font-family: etmodules;
    content: "\e069";
    margin-right: 10px;
    position: relative;
    top: 2px;
  }*/

.pricingheader {
  background: #154257 url("../img/headerbg.png") top center no-repeat;
  text-align:center;
  height: 77px; /*94px - 17px = 77px*/
  padding-top: 17px;
}

@media all and (max-width: 479px) {
    #unmute-btn { font-size: 20px; }
    .footer { font-size: .8rem; }
}

/* #Media Queries
================================================== */
  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {

  }

  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .content { max-width: 95%; }
    .pricingheader { text-align:left; height: 75px; padding-left: 50px; }
    img { max-width: 100%; height: auto; }
    img.title1 { max-width: 70%; }
    .videobox { max-width: 90%; }
    img.limitedtime { max-width: 115px; right: 0px; }
    .leftcol, .rightcol { padding: 0px 15px 25px; }
  }

  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {
    .logo {
      display: block;
      margin: 0 auto;
      padding: 28px 0;
      text-align: center;
    }
    .fs20 {
      font-size: 16px;
      margin-bottom: .5rem;
      margin-top: .5rem;
    }

    ul#countdown li {
      width: 4rem;
      margin-bottom: 0;
    }

    ul#countdown li span.countdown {
      font-size: 2.5rem;
      line-height: 1;
    }

    ul#countdown li p.timeRefDays,
    ul#countdown li p.timeRefHours,
    ul#countdown li p.timeRefMinutes,
    ul#countdown li p.timeRefSeconds {
      font-size: .57rem;
      width: 3rem;
    }
  }

  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {}

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
    .fs45 { font-size: 35px; }
    .pricingheader { text-align:left; height: 45px; padding-left: 10px; }
    img.title1 { max-width: 70%; }
    img.limitedtime { max-width: 90px; right: 0px; }

    h2 { font-size: 26px; }
    img { max-width: 100%; height: auto; }
    .videobox { max-width: 100%; }
    .content { padding: 10px 10px 10px; }
    .leftcol, .rightcol { width: 100%; float: none; padding-top: 10px; }
    .hidemobile { display: none!important; }
    .mobileonly { display: block; }

  }