@import url(/text/styles/reset/reset.css);
@import url(/text/us/common/fonts/bb-common/bb-common.css);
@import url(//fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,700,700italic,900,900italic,500,500italic);
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300);
body {
  -webkit-text-size-adjust: 100%; }

#contentBB {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300; }
  #contentBB section {
    width: 100%;
    margin: 0 auto; }
  #contentBB h1, #contentBB h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700 !important; }
  #contentBB h2 {
    font-style: italic;
    color: #fcff00; }
  #contentBB strong {
    font-weight: 700 !important; }
  #contentBB em {
    font-style: italic !important; }

.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box; }
  @media only screen and (min-width: 1100px) {
    .container {
      max-width: 1100px;
      padding: 0 70px; } }
  .container.superhero {
    background: rgba(0, 0, 0, 0.8);
    border: 1px solid #fff; }

@media only screen and (min-width: 568px) {
  .content {
    display: block;
    left: 53%;
    position: relative;
    width: 49%; } }
@media only screen and (min-width: 960px) {
  .content {
    left: 53%;
    line-height: 1.3;
    width: 367px; } }
.content p {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  margin: 10px auto; }
  @media only screen and (min-width: 960px) {
    .content p {
      font-size: 24px; } }

section#what-you-get {
  background: #000;
  padding: 20px 0;
  color: #fff; }
  @media only screen and (min-width: 480px) {
    section#what-you-get {
      background: #000 url("//img1.beachbodyimages.com/beachbody/image/upload//bbweb/cize/cize-wyg-bg-667.jpg") no-repeat center 63%;
      background-size: 100%; } }
  @media only screen and (min-width: 568px) {
    section#what-you-get {
      background-position: center 71%; } }
  @media only screen and (min-width: 640px) {
    section#what-you-get {
      background-position: center 78%; } }
  @media only screen and (min-width: 667px) {
    section#what-you-get {
      background-position: center 81%; } }
  @media only screen and (min-width: 768px) {
    section#what-you-get {
      background: #000 url("//img1.beachbodyimages.com/beachbody/image/upload//bbweb/cize/cize-wyg-bg.jpg") no-repeat center 75%;
      background-size: 100%; } }
  @media only screen and (min-width: 960px) {
    section#what-you-get {
      padding: 40px 0; } }
  @media only screen and (min-width: 1100px) {
    section#what-you-get {
      background-position: center 81.5%;
      padding: 40px 0; } }

#headerBB {
  background-color: #2d2d2d;
  top: 0;
  width: 100%;
  height: 40px;
  margin: 0 auto;
  z-index: 10; }
  #headerBB nav.mainNavigationWrapper {
    background-color: #2d2d2d;
    width: 100%;
    max-width: 960px;
    height: 40px; }
    @media only screen and (min-width: 1100px) {
      #headerBB nav.mainNavigationWrapper {
        max-width: 1100px; } }
    #headerBB nav.mainNavigationWrapper .mainNavigation {
      position: relative;
      width: 100%;
      max-width: 960px;
      margin: 0 auto;
      padding: 7px 0;
      box-sizing: border-box; }
      @media only screen and (min-width: 768px) {
        #headerBB nav.mainNavigationWrapper .mainNavigation {
          padding: 10px 0; } }
      #headerBB nav.mainNavigationWrapper .mainNavigation a.logo {
        position: relative;
        width: 40px;
        padding: 3px 0 0 35px;
        line-height: 1.5;
        text-indent: -9999px;
        z-index: 10; }
        @media only screen and (min-width: 768px) {
          #headerBB nav.mainNavigationWrapper .mainNavigation a.logo {
            padding: 0 0 0 20px; } }
        @media only screen and (min-width: 960px) {
          #headerBB nav.mainNavigationWrapper .mainNavigation a.logo {
            text-indent: 0;
            width: auto;
            padding: 0 0 0 45px; } }
        #headerBB nav.mainNavigationWrapper .mainNavigation a.logo img {
          position: absolute;
          left: 14px;
          width: 22px; }
      #headerBB nav.mainNavigationWrapper .mainNavigation a {
        color: #fff; }
      #headerBB nav.mainNavigationWrapper .mainNavigation .phoneSection {
        display: none; }

.social-toggle {
  position: absolute;
  background: #404040;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  padding: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10; }
  .social-toggle:hover {
    cursor: pointer; }
  @media only screen and (min-width: 960px) {
    .social-toggle {
      display: none; } }
  .social-toggle img {
    display: block;
    width: 100%;
    margin: 0; }

.social-icons {
  display: none;
  position: absolute;
  top: 33px;
  right: 0;
  width: 100%;
  height: 20px;
  padding: 7px 10px 13px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10; }
  .social-icons.show {
    display: block; }
  @media only screen and (min-width: 375px) {
    .social-icons {
      width: 336px; } }
  @media only screen and (min-width: 960px) {
    .social-icons {
      display: block;
      top: 38px;
      width: 75%;
      height: auto;
      margin: 0 auto;
      padding: 0; } }
  .social-icons ul {
    position: absolute;
    float: right;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: auto;
    padding: 20px 20px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    @media only screen and (min-width: 960px) {
      .social-icons ul {
        float: right;
        position: relative;
        background: transparent;
        width: auto;
        padding: 7px 10px 0 0; } }
    .social-icons ul li {
      display: inline-block;
      width: 35%;
      margin: 20px 20px 0;
      vertical-align: middle; }
      @media only screen and (min-width: 960px) {
        .social-icons ul li {
          width: auto !important;
          margin: 0 0 0 10px;
          vertical-align: top; } }
      .social-icons ul li#fbLikeBtnMax {
        display: none; }
        @media only screen and (min-width: 960px) {
          .social-icons ul li#fbLikeBtnMax {
            display: inline-block;
            margin: 0 5px 5px 0; } }
      .social-icons ul li#fbLikeBtnMin {
        display: inline-block; }
        @media only screen and (min-width: 960px) {
          .social-icons ul li#fbLikeBtnMin {
            display: none; } }
      .social-icons ul li:first-child {
        width: 20% !important; }
        @media only screen and (min-width: 960px) {
          .social-icons ul li:first-child {
            width: auto !important; } }
      @media only screen and (min-width: 960px) {
        .social-icons ul li:nth-child(3) {
          width: 80px !important; } }
      @media only screen and (min-width: 960px) {
        .social-icons ul li:nth-child(5) {
          margin-right: 28px; } }

section#hero {
  display: block;
  position: relative;
  background: #000 url("//img1.beachbodyimages.com/beachbody/image/upload/bbweb/cize/cize-hero-bg-375.jpg") no-repeat 22% top;
  height: 348px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  z-index: 5; }
  @media only screen and (min-width: 414px) {
    section#hero {
      background-position: center top;
      background-size: 100%;
      height: auto;
      padding-bottom: 12.8%; } }
  @media only screen and (min-width: 480px) {
    section#hero {
      background: #000 url("//img1.beachbodyimages.com/beachbody/image/upload/bbweb/cize/cize-hero-bg-667.jpg") no-repeat 22% top;
      height: 623px;
      padding-bottom: 0; } }
  @media only screen and (min-width: 736px) {
    section#hero {
      background-position: center top;
      background-size: 100%;
      height: auto;
      padding-bottom: 20.8%; } }
  @media only screen and (min-width: 768px) {
    section#hero {
      background: #000 url("//img1.beachbodyimages.com/beachbody/image/upload/bbweb/cize/cize-hero-bg.jpg") no-repeat center top;
      height: 748px;
      padding-bottom: 0; } }
  @media only screen and (min-width: 960px) {
    section#hero {
      display: inline-block; } }
  section#hero #bvContainer {
    display: none; }
    @media only screen and (min-width: 960px) {
      section#hero #bvContainer {
        display: inline-block;
        right: 75px; } }
    @media only screen and (min-width: 1100px) {
      section#hero #bvContainer {
        right: 139px; } }
  section#hero #bvContainer {
    width: 180px;
    position: absolute;
    top: 38px; }
    section#hero #bvContainer a {
      color: #fff; }
  section#hero .review-link {
    color: #fff;
    display: none; }
    section#hero .review-link a {
      color: #fff; }
    @media only screen and (min-width: 768px) {
      section#hero .review-link {
        float: right;
        font-size: 12px;
        font-weight: 100;
        margin: 43px 0 0; } }
    @media only screen and (min-width: 960px) {
      section#hero .review-link {
        display: block; } }
  section#hero .phoneSection {
    position: absolute;
    top: -26px;
    left: 0;
    width: 100%;
    padding: 0;
    font-size: 0.9em;
    line-height: 1;
    text-align: center;
    z-index: 1; }
    @media only screen and (min-width: 960px) {
      section#hero .phoneSection {
        top: -28px;
        right: 15px;
        left: auto;
        width: auto;
        color: #ffff00;
        text-transform: capitalize; } }
    @media only screen and (min-width: 1100px) {
      section#hero .phoneSection {
        right: 81px; } }
    section#hero .phoneSection .prdPhone {
      background: url("//img1.beachbodyimages.com/beachbody/image/upload//bbweb/common/phone-yellow-button.png") no-repeat center left;
      padding: 5px 0 5px 30px; }
      @media only screen and (min-width: 960px) {
        section#hero .phoneSection .prdPhone {
          background: transparent;
          padding-left: 0;
          font-size: 14px;
          font-weight: bold; } }
      section#hero .phoneSection .prdPhone a {
        text-decoration: none;
        color: #ffff00; }
  section#hero .burst {
    display: inline-block;
    position: absolute;
    width: 115px;
    height: 115px;
    top: -3px;
    right: 11%; }
    @media only screen and (min-width: 360px) {
      section#hero .burst {
        right: 18%; } }
    @media only screen and (min-width: 375px) {
      section#hero .burst {
        right: 20%; } }
    @media only screen and (min-width: 568px) {
      section#hero .burst {
        width: 135px;
        height: 135px; } }
    @media only screen and (min-width: 640px) {
      section#hero .burst {
        right: 23%; } }
    @media only screen and (min-width: 768px) {
      section#hero .burst {
        width: 160px;
        height: 160px;
        right: 25%; } }
    @media only screen and (min-width: 960px) {
      section#hero .burst {
        top: 70px;
        right: 0; } }
    @media only screen and (min-width: 1100px) {
      section#hero .burst {
        right: 85px; } }
    section#hero .burst img {
      display: block;
      position: absolute;
      width: 100%; }
    section#hero .burst span {
      display: block;
      position: relative;
      margin: 18px auto 0;
      font-size: 0.75em;
      font-weight: bold;
      text-shadow: 1px 1px 2px #000; }
      @media only screen and (min-width: 568px) {
        section#hero .burst span {
          margin-top: 21px;
          font-size: 0.85em;
          line-height: 1.05; } }
      @media only screen and (min-width: 768px) {
        section#hero .burst span {
          margin-top: 29px;
          font-size: 1em; } }
  section#hero .hero-logo-wrapper {
    width: 78%;
    margin: 110px auto 0;
    position: relative; }
    @media only screen and (min-width: 360px) {
      section#hero .hero-logo-wrapper {
        width: 74%;
        margin-top: 100px; } }
    @media only screen and (min-width: 375px) {
      section#hero .hero-logo-wrapper {
        width: 262px; } }
    @media only screen and (min-width: 480px) {
      section#hero .hero-logo-wrapper {
        width: 70%;
        margin-top: 222px; } }
    @media only screen and (min-width: 568px) {
      section#hero .hero-logo-wrapper {
        margin-top: 218px; } }
    @media only screen and (min-width: 640px) {
      section#hero .hero-logo-wrapper {
        width: 63%; } }
    @media only screen and (min-width: 667px) {
      section#hero .hero-logo-wrapper {
        width: 420px; } }
    @media only screen and (min-width: 768px) {
      section#hero .hero-logo-wrapper {
        display: block;
        width: 656px;
        margin-top: 0;
        padding-top: 221px; } }
    section#hero .hero-logo-wrapper h1 {
      position: absolute;
      bottom: 63px;
      left: 128px;
      text-shadow: 3px 2px 1px #000;
      font-style: italic;
      font-size: 12px; }
      @media only screen and (min-width: 480px) {
        section#hero .hero-logo-wrapper h1 {
          bottom: 83px;
          left: 158px; } }
      @media only screen and (min-width: 500px) {
        section#hero .hero-logo-wrapper h1 {
          bottom: 89px;
          left: 168px; } }
      @media only screen and (min-width: 535px) {
        section#hero .hero-logo-wrapper h1 {
          bottom: 93px;
          left: 178px; } }
      @media only screen and (min-width: 568px) {
        section#hero .hero-logo-wrapper h1 {
          bottom: 105px;
          left: 194px; } }
      @media only screen and (min-width: 600px) {
        section#hero .hero-logo-wrapper h1 {
          bottom: 104px;
          left: 200px; } }
      @media only screen and (min-width: 640px) {
        section#hero .hero-logo-wrapper h1 {
          bottom: 100px;
          left: 188px; } }
      @media only screen and (min-width: 667px) {
        section#hero .hero-logo-wrapper h1 {
          bottom: 98px;
          left: 198px;
          font-size: 16px; } }
      @media only screen and (min-width: 768px) {
        section#hero .hero-logo-wrapper h1 {
          bottom: 152px;
          left: 290px;
          font-size: 16px; } }
    section#hero .hero-logo-wrapper img {
      width: 100%; }
      @media only screen and (min-width: 768px) {
        section#hero .hero-logo-wrapper img {
          width: auto;
          margin-left: -50px;
          margin-bottom: 15px; } }
  section#hero .headings {
    display: inline-block;
    position: relative;
    top: -6px; }
    @media only screen and (min-width: 480px) {
      section#hero .headings {
        margin: 0 auto;
        text-align: left; } }
    @media only screen and (min-width: 568px) {
      section#hero .headings {
        top: -14px; } }
    @media only screen and (min-width: 768px) {
      section#hero .headings {
        top: -20px; } }
    @media only screen and (min-width: 960px) {
      section#hero .headings {
        top: -33px;
        left: -29px; } }
    section#hero .headings h1 {
      margin: 0 0 2px;
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 0.85em;
      font-weight: 500;
      font-style: italic;
      text-shadow: 1px 1px 2px #000; }
      @media only screen and (min-width: 480px) {
        section#hero .headings h1 {
          width: 99%;
          margin: 0 auto; } }
      @media only screen and (min-width: 768px) {
        section#hero .headings h1 {
          font-size: 1.07em; } }
      @media only screen and (min-width: 960px) {
        section#hero .headings h1 {
          font-size: 1.12em; } }
    section#hero .headings h2 {
      margin: -4px auto 2px;
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 1.45em;
      font-style: italic;
      color: #fcff00;
      text-transform: uppercase;
      text-shadow: 2px 2px 4px #000; }
      @media only screen and (min-width: 360px) {
        section#hero .headings h2 {
          font-size: 1.6em; } }
      @media only screen and (min-width: 375px) {
        section#hero .headings h2 {
          font-size: 1.7em; } }
      @media only screen and (min-width: 480px) {
        section#hero .headings h2 {
          margin-top: -4px;
          font-size: 2.2em;
          text-shadow: 0 0 20px #000; } }
      @media only screen and (min-width: 568px) {
        section#hero .headings h2 {
          font-size: 2.6em; } }
      @media only screen and (min-width: 640px) {
        section#hero .headings h2 {
          font-size: 3em; } }
      @media only screen and (min-width: 667px) {
        section#hero .headings h2 {
          font-size: 3.1em; } }
      @media only screen and (min-width: 768px) {
        section#hero .headings h2 {
          margin: -8px 0 8px;
          font-size: 3.6em; } }
      @media only screen and (min-width: 960px) {
        section#hero .headings h2 {
          font-size: 3.8em; } }
      section#hero .headings h2 sup {
        font-size: 0.4em;
        vertical-align: text-top;
        line-height: 1.8; }
  section#hero .cta {
    display: block;
    width: 85%;
    margin: 0 auto; }
    @media only screen and (min-width: 360px) {
      section#hero .cta {
        width: 83%; } }
    @media only screen and (min-width: 375px) {
      section#hero .cta {
        width: 311px; } }
    @media only screen and (min-width: 480px) {
      section#hero .cta {
        width: 81%; } }
    @media only screen and (min-width: 568px) {
      section#hero .cta {
        width: 76%;
        margin-top: -14px; } }
    @media only screen and (min-width: 640px) {
      section#hero .cta {
        width: 74%; } }
    @media only screen and (min-width: 667px) {
      section#hero .cta {
        width: 494px; } }
    @media only screen and (min-width: 768px) {
      section#hero .cta {
        margin-top: -28px; } }
    @media only screen and (min-width: 960px) {
      section#hero .cta {
        position: relative;
        left: -24px;
        width: 576px;
        margin-top: -42px; } }
    section#hero .cta img {
      display: block;
      width: 100%; }
    section#hero .cta small {
      display: block;
      width: 98%;
      margin: -3px auto 0;
      font-family: 'Roboto', sans-serif;
      font-size: 0.65em;
      font-weight: 500;
      line-height: 1.2;
      text-shadow: 3px 3px 4px #000; }
      @media only screen and (min-width: 360px) {
        section#hero .cta small {
          font-size: 0.7em; } }
      @media only screen and (min-width: 480px) {
        section#hero .cta small {
          width: 100%; } }
      @media only screen and (min-width: 568px) {
        section#hero .cta small {
          width: 96%;
          margin-top: -7px; } }
      @media only screen and (min-width: 640px) {
        section#hero .cta small {
          width: 100%;
          font-size: 0.8em; } }
      @media only screen and (min-width: 667px) {
        section#hero .cta small {
          font-size: 0.85em; } }
      @media only screen and (min-width: 960px) {
        section#hero .cta small {
          width: 85%; } }
      section#hero .cta small span {
        text-transform: uppercase; }
        section#hero .cta small span a {
          font-weight: 500;
          color: #fff;
          text-decoration: none; }
          section#hero .cta small span a:hover {
            text-decoration: underline; }
      section#hero .cta small br.portrait {
        display: block;
        line-height: 0; }
        @media only screen and (min-width: 480px) {
          section#hero .cta small br.portrait {
            display: none; } }

#hero-overhang {
  display: block;
  position: relative;
  background: url("//img1.beachbodyimages.com/beachbody/image/upload/bbweb/cize/cize-hero-overhang-375.png") no-repeat 22% top;
  width: 100%;
  height: 20px;
  z-index: 15; }
  @media only screen and (min-width: 414px) {
    #hero-overhang {
      background-position: center top;
      background-size: 100%;
      height: 20px; } }
  @media only screen and (min-width: 480px) {
    #hero-overhang {
      background: url("//img1.beachbodyimages.com/beachbody/image/upload/bbweb/cize/cize-hero-overhang-667.png") no-repeat 22% top; } }
  @media only screen and (min-width: 736px) {
    #hero-overhang {
      background-position: center top;
      background-size: 100%;
      height: 20px; } }
  @media only screen and (min-width: 768px) {
    #hero-overhang {
      background: url("//img1.beachbodyimages.com/beachbody/image/upload/bbweb/cize/cize-hero-overhang.png") no-repeat center top; } }

#contentBB section#video {
  background: url("//img1.beachbodyimages.com/beachbody/image/upload/bbweb/cize/cize-video-bg.png") center -19px no-repeat transparent;
  background-size: 230%;
  color: #fff;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-shadow: 2px 3px 1px #000;
  top: -20px;
  width: 100%;
  z-index: 10; }
  @media only screen and (min-width: 480px) {
    #contentBB section#video {
      background-position: center -46px;
      font-size: 16px; } }
  @media only screen and (min-width: 667px) {
    #contentBB section#video {
      text-shadow: 2px 3px 2px #000; } }
  @media only screen and (min-width: 768px) {
    #contentBB section#video {
      background-position: center -67px;
      background-size: 215%;
      text-shadow: 2px 3px 1px #000; } }
  @media only screen and (min-width: 960px) {
    #contentBB section#video {
      background-size: auto;
      height: 686px;
      width: 100%; } }
  #contentBB section#video h2 {
    color: #fff;
    font-size: 16px;
    font-size: 95%;
    font-style: normal;
    letter-spacing: 0.5px;
    margin: 0% auto 1%;
    padding: 9% 0 0; }
    @media only screen and (min-width: 480px) {
      #contentBB section#video h2 {
        font-size: 20px;
        font-weight: 600;
        letter-spacing: auto;
        margin: 0% auto 1%; } }
    @media only screen and (min-width: 568px) {
      #contentBB section#video h2 {
        font-size: 24px;
        padding: 7% 0 0; } }
    @media only screen and (min-width: 640px) {
      #contentBB section#video h2 {
        font-size: 26px; } }
    @media only screen and (min-width: 768px) {
      #contentBB section#video h2 {
        font-size: 30px; } }
    @media only screen and (min-width: 960px) {
      #contentBB section#video h2 {
        font-size: 35px;
        font-weight: 600;
        padding: 63px 0 0; } }
  #contentBB section#video img {
    cursor: pointer;
    display: block;
    margin: 0 auto;
    width: 20%; }
    @media only screen and (min-width: 960px) {
      #contentBB section#video img {
        width: auto; } }
  #contentBB section#video p {
    background: url("//img1.beachbodyimages.com/beachbody/image/upload/bbweb/cize/textblur-bg.png") center 11px no-repeat transparent;
    background-size: 100% 36px;
    font-weight: 500;
    margin: 0 auto 19%;
    padding: 10px 20px;
    width: 76%; }
    @media only screen and (min-width: 360px) {
      #contentBB section#video p {
        margin: 0 auto 22%;
        width: 66%; } }
    @media only screen and (min-width: 480px) {
      #contentBB section#video p {
        font-size: 14px;
        font-weight: 500;
        margin: 5px auto 29%;
        width: 48%; } }
    @media only screen and (min-width: 568px) {
      #contentBB section#video p {
        margin: 5px auto 30%; } }
    @media only screen and (min-width: 640px) {
      #contentBB section#video p {
        font-size: 16px;
        margin: 5px auto 32%;
        width: 46%; } }
    @media only screen and (min-width: 768px) {
      #contentBB section#video p {
        font-size: 18px;
        margin: 5px auto 27%;
        width: 42%; } }
    @media only screen and (min-width: 960px) {
      #contentBB section#video p {
        font-size: 18px;
        margin: 5px auto 306px;
        width: 285px; } }
  #contentBB section#video span {
    display: block;
    font-size: 14px;
    font-style: italic;
    margin: 0 auto;
    padding: 0 0 8%;
    position: relative; }
    @media only screen and (min-width: 360px) {
      #contentBB section#video span {
        padding: 0 0 13%; } }
    @media only screen and (min-width: 480px) {
      #contentBB section#video span {
        bottom: 5px;
        left: 17px;
        padding: 0 0 7%; } }
    @media only screen and (min-width: 960px) {
      #contentBB section#video span {
        font-size: 18px;
        padding: 0 0 7%; } }
    @media only screen and (min-width: 1200px) {
      #contentBB section#video span {
        bottom: 17px; } }

#contentBB section#shaunt-bg {
  height: 100%;
  margin: 0 auto;
  position: relative;
  margin-top: -38px;
  margin-bottom: 4px;
  overflow: hidden;
  padding-top: 8%;
  width: 100%;
  z-index: 5;
  /*@include w667 {
    background-size: 143%;
  }
  @media only screen and (min-width: 700px) {
    background-size: 137%;
  }
  @media only screen and (min-width: 700px) {
  background-size: 132%;
}*/
  /*
    ARTICLE 2 - YOU CAN DANCE/try-the-4
  */ }
  @media only screen and (min-width: 360px) {
    #contentBB section#shaunt-bg {
      margin-top: -58px; } }
  @media only screen and (min-width: 480px) {
    #contentBB section#shaunt-bg {
      margin-top: -32px; } }
  @media only screen and (min-width: 568px) {
    #contentBB section#shaunt-bg {
      background-color: #000;
      background-image: url("//img1.beachbodyimages.com/beachbody/image/upload/bbweb/cize/cize-shaunt-grunge1-v2.jpg");
      background-size: cover;
      background-position: center top;
      background-repeat: no-repeat;
      margin-bottom: 0;
      margin-top: -85px;
      padding-top: 10%; } }
  @media only screen and (min-width: 640px) {
    #contentBB section#shaunt-bg {
      background-size: 153%;
      margin-top: -114px;
      padding-top: 13%; } }
  @media only screen and (min-width: 660px) {
    #contentBB section#shaunt-bg {
      /*background-size: 146%;*/
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    #contentBB section#shaunt-bg {
      /*background-size: 148.7% auto;*/
      margin-top: -148px;
      background-image: url("//img1.beachbodyimages.com/beachbody/image/upload/bbweb/cize/cize-shaunt-grunge1.jpg"); } }
  @media only screen and (min-width: 960px) {
    #contentBB section#shaunt-bg {
      background-position: center top;
      background-size: cover;
      margin-top: -153px;
      padding-top: 14%; } }
  @media only screen and (min-width: 1024px) {
    #contentBB section#shaunt-bg {
      background-size: 161% auto; } }
  @media only screen and (min-width: 1100px) {
    #contentBB section#shaunt-bg {
      background-position: center 10px;
      background-size: cover; } }
  @media only screen and (min-width: 1200px) {
    #contentBB section#shaunt-bg {
      background-position: center top;
      background-size: cover;
      height: 2504px;
      margin-top: -312px;
      padding-top: 283px; } }
  @media only screen and (min-width: 1400px) {
    #contentBB section#shaunt-bg {
      height: 2520px; } }
  @media only screen and (min-width: 1500px) {
    #contentBB section#shaunt-bg {
      height: 2534px; } }
  @media only screen and (min-width: 1860px) {
    #contentBB section#shaunt-bg {
      background-size: 98% auto;
      height: 2550px; } }
  #contentBB section#shaunt-bg .superhero {
    background: url(//img1.beachbodyimages.com/beachbody/image/upload/bbweb/cize/transparent-pixel.png) #666666;
    padding-top: 5px; }
    @media only screen and (min-width: 568px) {
      #contentBB section#shaunt-bg .superhero {
        background-color: transparent;
        position: relative; } }
  #contentBB section#shaunt-bg .hide {
    display: none; }
    @media only screen and (min-width: 568px) {
      #contentBB section#shaunt-bg .hide {
        display: inline-block;
        position: absolute; } }
  @media only screen and (min-width: 568px) {
    #contentBB section#shaunt-bg img + img {
      display: none; } }
  #contentBB section#shaunt-bg article {
    font-size: 34px;
    margin: 0 auto;
    width: 98%; }
    @media only screen and (min-width: 568px) {
      #contentBB section#shaunt-bg article {
        width: 98%; } }
    @media only screen and (min-width: 640px) {
      #contentBB section#shaunt-bg article {
        width: 95%; } }
    @media only screen and (min-width: 960px) {
      #contentBB section#shaunt-bg article {
        max-width: 1100px; } }
    @media only screen and (min-width: 1200px) {
      #contentBB section#shaunt-bg article {
        width: 1100px !important; } }
    #contentBB section#shaunt-bg article h2 {
      font-size: 22px;
      padding: 1% 0 1%;
      text-align: center; }
      @media only screen and (min-width: 360px) {
        #contentBB section#shaunt-bg article h2 {
          font-size: 24px; } }
      @media only screen and (min-width: 375px) {
        #contentBB section#shaunt-bg article h2 {
          font-size: 26px; } }
      @media only screen and (min-width: 568px) {
        #contentBB section#shaunt-bg article h2 {
          font-size: 38px; } }
      @media only screen and (min-width: 640px) {
        #contentBB section#shaunt-bg article h2 {
          font-size: 44px; } }
      @media only screen and (min-width: 960px) {
        #contentBB section#shaunt-bg article h2 {
          font-size: 62px;
          padding: 1%; } }
      @media only screen and (min-width: 1100px) {
        #contentBB section#shaunt-bg article h2 {
          font-size: 70px; } }
    #contentBB section#shaunt-bg article p {
      color: #fff;
      font-size: 14px;
      font-weight: 500;
      padding-bottom: 12px; }
      @media only screen and (min-width: 568px) {
        #contentBB section#shaunt-bg article p {
          font-weight: 100; } }
      @media only screen and (min-width: 667px) {
        #contentBB section#shaunt-bg article p {
          padding-bottom: 25px; } }
      @media only screen and (min-width: 960px) {
        #contentBB section#shaunt-bg article p {
          font-weight: 300;
          padding-bottom: 30px; } }
      @media only screen and (min-width: 1200px) {
        #contentBB section#shaunt-bg article p {
          line-height: 1.4; } }
    #contentBB section#shaunt-bg article .content {
      color: #fff;
      font-size: 20px;
      padding: 0 3%; }
      @media only screen and (min-width: 568px) {
        #contentBB section#shaunt-bg article .content {
          padding: 0 0 4%; } }
    @media only screen and (min-width: 960px) {
      #contentBB section#shaunt-bg article p {
        font-weight: 300; } }
  #contentBB section#shaunt-bg #try-the-4 {
    margin: 1.3% auto 2%; }
    @media only screen and (min-width: 1200px) {
      #contentBB section#shaunt-bg #try-the-4 {
        margin: 1.3% auto 2.5%; } }
    @media only screen and (min-width: 960px) {
      #contentBB section#shaunt-bg #try-the-4 h2 {
        padding: 6% 0 1%; } }
    @media only screen and (min-width: 1200px) {
      #contentBB section#shaunt-bg #try-the-4 h2 {
        padding: 4% 0 1%; } }
    @media only screen and (min-width: 568px) {
      #contentBB section#shaunt-bg #try-the-4 img {
        left: 0;
        width: 56%; } }
    @media only screen and (min-width: 667px) {
      #contentBB section#shaunt-bg #try-the-4 img {
        top: 28px; } }
    @media only screen and (min-width: 768px) {
      #contentBB section#shaunt-bg #try-the-4 img {
        margin: 1% auto 3%;
        top: auto; } }
    #contentBB section#shaunt-bg #try-the-4 .content {
      box-sizing: border-box;
      text-align: center; }
      @media only screen and (min-width: 480px) {
        #contentBB section#shaunt-bg #try-the-4 .content {
          text-align: left; } }
      @media only screen and (min-width: 568px) {
        #contentBB section#shaunt-bg #try-the-4 .content {
          font-style: normal;
          left: 26%;
          margin: 0% auto 0%;
          padding: 0 0 0;
          width: 46%; } }
      @media only screen and (min-width: 640px) {
        #contentBB section#shaunt-bg #try-the-4 .content {
          left: 27%; } }
      @media only screen and (min-width: 768px) {
        #contentBB section#shaunt-bg #try-the-4 .content {
          left: 27%;
          width: 46%; } }
      @media only screen and (min-width: 1064px) {
        #contentBB section#shaunt-bg #try-the-4 .content {
          width: 39%; } }
      #contentBB section#shaunt-bg #try-the-4 .content p {
        color: #fff;
        line-height: 1.2;
        padding: 0 3% 0%; }
        @media only screen and (min-width: 568px) {
          #contentBB section#shaunt-bg #try-the-4 .content p {
            padding: 0 3% 2%;
            text-align: left; } }
        @media only screen and (min-width: 640px) {
          #contentBB section#shaunt-bg #try-the-4 .content p {
            line-height: 1.1; } }
        @media only screen and (min-width: 768px) {
          #contentBB section#shaunt-bg #try-the-4 .content p {
            font-size: 18px;
            line-height: 1.2; } }
        @media only screen and (min-width: 960px) {
          #contentBB section#shaunt-bg #try-the-4 .content p {
            font-size: 24px; } }
    #contentBB section#shaunt-bg #try-the-4 .separatethis {
      font-style: normal; }
      @media only screen and (min-width: 568px) {
        #contentBB section#shaunt-bg #try-the-4 .separatethis {
          font-weight: 500;
          padding-bottom: 2%; } }
      @media only screen and (min-width: 768px) {
        #contentBB section#shaunt-bg #try-the-4 .separatethis {
          padding-bottom: 4%;
          padding-top: 2%; } }
      @media only screen and (min-width: 960px) {
        #contentBB section#shaunt-bg #try-the-4 .separatethis {
          font-weight: 500; } }
      @media only screen and (min-width: 1200px) {
        #contentBB section#shaunt-bg #try-the-4 .separatethis {
          padding-bottom: 3%; } }
    #contentBB section#shaunt-bg #try-the-4 p {
      box-sizing: border-box;
      color: yellow;
      padding: 3%;
      text-align: center; }
      @media only screen and (min-width: 568px) {
        #contentBB section#shaunt-bg #try-the-4 p {
          padding: 0 3%;
          text-align: center; } }
      @media only screen and (min-width: 640px) {
        #contentBB section#shaunt-bg #try-the-4 p {
          font-size: 16px; } }
      @media only screen and (min-width: 768px) {
        #contentBB section#shaunt-bg #try-the-4 p {
          font-size: 18px; } }
      @media only screen and (min-width: 960px) {
        #contentBB section#shaunt-bg #try-the-4 p {
          font-size: 24px; } }
      @media only screen and (min-width: 1120px) {
        #contentBB section#shaunt-bg #try-the-4 p {
          padding: 3% 3% 0; } }
      #contentBB section#shaunt-bg #try-the-4 p sup {
        font-size: 10px;
        position: relative;
        top: -6px; }
        @media only screen and (min-width: 568px) {
          #contentBB section#shaunt-bg #try-the-4 p sup {
            font-size: 12px; } }
        @media only screen and (min-width: 960px) {
          #contentBB section#shaunt-bg #try-the-4 p sup {
            font-size: 14px; } }
      #contentBB section#shaunt-bg #try-the-4 p br {
        display: none; }
        @media only screen and (min-width: 360px) {
          #contentBB section#shaunt-bg #try-the-4 p br {
            display: block; } }
        @media only screen and (min-width: 480px) {
          #contentBB section#shaunt-bg #try-the-4 p br {
            display: none; } }
  #contentBB section#shaunt-bg #you-can-dance {
    box-sizing: border-box;
    line-height: 1.2;
    margin: 2% auto;
    text-align: center; }
    @media only screen and (min-width: 1200px) {
      #contentBB section#shaunt-bg #you-can-dance {
        margin: 1.3% auto 2.5%; } }
    #contentBB section#shaunt-bg #you-can-dance .h2sm {
      box-sizing: border-box;
      font-size: 15px;
      font-style: normal;
      font-weight: 100;
      margin: 10px auto;
      text-align: center; }
      @media only screen and (min-width: 568px) {
        #contentBB section#shaunt-bg #you-can-dance .h2sm {
          box-sizing: border-box;
          padding: 1% 3%;
          text-align: left; } }
      @media only screen and (min-width: 960px) {
        #contentBB section#shaunt-bg #you-can-dance .h2sm {
          font-size: 30px;
          padding: 0 0 0 16px; } }
    @media only screen and (min-width: 480px) {
      #contentBB section#shaunt-bg #you-can-dance {
        margin: 0 auto 2%; } }
    @media only screen and (min-width: 568px) {
      #contentBB section#shaunt-bg #you-can-dance {
        padding: 0 0 0 0%;
        text-align: left; } }
    @media only screen and (min-width: 960px) {
      #contentBB section#shaunt-bg #you-can-dance {
        padding: 0 0 0 4%;
        margin-top: 30px; } }
    @media only screen and (min-width: 1024px) {
      #contentBB section#shaunt-bg #you-can-dance {
        padding: 0 0 0 3%; } }
    @media only screen and (min-width: 1100px) {
      #contentBB section#shaunt-bg #you-can-dance {
        padding: 0 0 0 5%; } }
    #contentBB section#shaunt-bg #you-can-dance a {
      box-sizing: border-box;
      text-decoration: none;
      width: 70%; }
      @media only screen and (min-width: 360px) {
        #contentBB section#shaunt-bg #you-can-dance a {
          width: 59%; } }
      @media only screen and (min-width: 568px) {
        #contentBB section#shaunt-bg #you-can-dance a {
          float: right;
          right: 3%;
          width: 40%; } }
      @media only screen and (min-width: 960px) {
        #contentBB section#shaunt-bg #you-can-dance a {
          right: 5%; } }
      @media only screen and (min-width: 1100px) {
        #contentBB section#shaunt-bg #you-can-dance a {
          right: 7%; } }
      #contentBB section#shaunt-bg #you-can-dance a img {
        width: 100%;
        border: 1px solid #fff; }
      #contentBB section#shaunt-bg #you-can-dance a p {
        position: relative;
        max-width: 260px;
        margin: 0 auto; }
        @media only screen and (min-width: 640px) {
          #contentBB section#shaunt-bg #you-can-dance a p {
            max-width: 100%; } }
        #contentBB section#shaunt-bg #you-can-dance a p:before {
          content: '';
          height: 10px;
          width: 10px;
          background-color: yellow;
          display: block;
          position: absolute;
          top: 3px; }
          @media only screen and (min-width: 640px) {
            #contentBB section#shaunt-bg #you-can-dance a p:before {
              top: 5px; } }
          @media only screen and (min-width: 768px) {
            #contentBB section#shaunt-bg #you-can-dance a p:before {
              top: 7px; } }
          @media only screen and (min-width: 960px) {
            #contentBB section#shaunt-bg #you-can-dance a p:before {
              top: 12px; } }
          @media only screen and (min-width: 1200px) {
            #contentBB section#shaunt-bg #you-can-dance a p:before {
              top: 14px; } }
        #contentBB section#shaunt-bg #you-can-dance a p span {
          color: #fff;
          font-size: 14px;
          padding-left: 16px; }
    @media only screen and (min-width: 568px) {
      #contentBB section#shaunt-bg #you-can-dance p {
        text-align: left; } }
    @media only screen and (min-width: 640px) {
      #contentBB section#shaunt-bg #you-can-dance p {
        font-size: 16px; } }
    @media only screen and (min-width: 768px) {
      #contentBB section#shaunt-bg #you-can-dance p {
        font-size: 18px; } }
    @media only screen and (min-width: 960px) {
      #contentBB section#shaunt-bg #you-can-dance p {
        font-size: 24px;
        font-weight: 300; } }
    #contentBB section#shaunt-bg #you-can-dance .content {
      box-sizing: border-box;
      padding: 0 3%; }
      #contentBB section#shaunt-bg #you-can-dance .content p {
        font-style: normal;
        padding-bottom: 0; }
        @media only screen and (min-width: 960px) {
          #contentBB section#shaunt-bg #you-can-dance .content p {
            padding: 0 3% 3%;
            padding-bottom: 16px; } }
      @media only screen and (min-width: 568px) {
        #contentBB section#shaunt-bg #you-can-dance .content {
          left: 0;
          text-align: left;
          margin-top: -10px;
          width: 57%; } }
      @media only screen and (min-width: 768px) {
        #contentBB section#shaunt-bg #you-can-dance .content {
          width: 53%; } }
      @media only screen and (min-width: 960px) {
        #contentBB section#shaunt-bg #you-can-dance .content {
          padding: 0%;
          width: 48%; } }
      @media only screen and (min-width: 1100px) {
        #contentBB section#shaunt-bg #you-can-dance .content {
          width: 474px; } }
    #contentBB section#shaunt-bg #you-can-dance .btm-para {
      box-sizing: border-box;
      font-style: normal;
      padding: 0 3% 3%; }
      @media only screen and (min-width: 568px) {
        #contentBB section#shaunt-bg #you-can-dance .btm-para {
          width: 94%; } }
      @media only screen and (min-width: 640px) {
        #contentBB section#shaunt-bg #you-can-dance .btm-para {
          width: 96%; } }
      @media only screen and (min-width: 960px) {
        #contentBB section#shaunt-bg #you-can-dance .btm-para {
          padding: 0 0 3% 16px; } }
      @media only screen and (min-width: 1024px) {
        #contentBB section#shaunt-bg #you-can-dance .btm-para {
          padding: 0 0% 3% 1%; } }
      @media only screen and (min-width: 1100px) {
        #contentBB section#shaunt-bg #you-can-dance .btm-para {
          padding: 0 2% 3%; } }
      @media only screen and (min-width: 1200px) {
        #contentBB section#shaunt-bg #you-can-dance .btm-para {
          padding: 0 2% 3% 1%; } }

#contentBB section #successStories {
  /*SUCCESS START*/ }
  @media only screen and (min-width: 568px) {
    #contentBB section #successStories {
      padding-bottom: 59px; } }
  @media only screen and (min-width: 640px) {
    #contentBB section #successStories {
      padding-bottom: 78px; } }
  @media only screen and (min-width: 660px) {
    #contentBB section #successStories {
      padding-bottom: 72px; } }
  @media only screen and (min-width: 768px) {
    #contentBB section #successStories {
      padding-bottom: 87px; } }
  @media only screen and (min-width: 960px) {
    #contentBB section #successStories {
      padding-bottom: 124px; }
      #contentBB section #successStories article {
        max-width: 910px; } }
  @media only screen and (min-width: 1024px) {
    #contentBB section #successStories {
      padding-bottom: 124px; } }
  @media only screen and (min-width: 1100px) {
    #contentBB section #successStories {
      padding-bottom: 130px; } }
  @media only screen and (min-width: 360px) {
    #contentBB section #successStories p {
      font-size: 14px; } }
  @media only screen and (min-width: 360px) {
    #contentBB section #successStories .arrow {
      margin-top: 0px; } }
  @media only screen and (min-width: 480px) {
    #contentBB section #successStories .arrow {
      margin-top: -3px;
      width: 12%; } }
  #contentBB section #successStories .ssWatch {
    display: none; }
  #contentBB section #successStories .container {
    border: 1px solid #fff;
    max-width: auto; }
    @media only screen and (min-width: 1100px) {
      #contentBB section #successStories .container {
        padding: 0; } }
  #contentBB section #successStories .heading {
    margin: 0 auto 2%;
    text-align: center; }
    @media only screen and (min-width: 568px) {
      #contentBB section #successStories .heading {
        margin: 0 auto 0;
        width: 85%; } }
    #contentBB section #successStories .heading img {
      position: relative;
      top: 4px;
      width: 36%; }
      @media only screen and (min-width: 568px) {
        #contentBB section #successStories .heading img {
          width: 31%; } }
      @media only screen and (min-width: 768px) {
        #contentBB section #successStories .heading img {
          width: 33%; } }
      @media only screen and (min-width: 960px) {
        #contentBB section #successStories .heading img {
          width: 34%; } }
    #contentBB section #successStories .heading h2 {
      display: inline;
      font-size: 0.72em;
      font-style: italic;
      font-weight: 400;
      color: #fff;
      text-transform: uppercase;
      text-shadow: 2px 2px 4px #000; }
      @media only screen and (min-width: 360px) {
        #contentBB section #successStories .heading h2 {
          font-size: 24px; } }
      @media only screen and (min-width: 480px) {
        #contentBB section #successStories .heading h2 {
          font-size: 1em; } }
      @media only screen and (min-width: 568px) {
        #contentBB section #successStories .heading h2 {
          font-size: 1.2em;
          padding: 1% 0; } }
      @media only screen and (min-width: 768px) {
        #contentBB section #successStories .heading h2 {
          font-size: 1.6em; } }
      @media only screen and (min-width: 960px) {
        #contentBB section #successStories .heading h2 {
          font-size: 1.9em;
          width: 80%; } }
      @media only screen and (min-width: 1200px) {
        #contentBB section #successStories .heading h2 {
          font-size: 2.3em; } }
      #contentBB section #successStories .heading h2 span {
        display: inline-block;
        text-indent: -9000px; }
  #contentBB section #successStories .modContainer {
    background-position: center center;
    margin-bottom: 0px; }
    @media only screen and (min-width: 360px) {
      #contentBB section #successStories .modContainer {
        background-position: center 70px;
        margin: 0 auto;
        /*keep content in center of container*/
        width: 100% !important; } }
    #contentBB section #successStories .modContainer .simpleSliderModule {
      height: 218px !important; }
      @media only screen and (min-width: 360px) {
        #contentBB section #successStories .modContainer .simpleSliderModule {
          height: 248px !important;
          /*keep content in center of container*/
          width: 100% !important; } }
      @media only screen and (min-width: 480px) {
        #contentBB section #successStories .modContainer .simpleSliderModule {
          height: 320px !important; } }
      @media only screen and (min-width: 568px) {
        #contentBB section #successStories .modContainer .simpleSliderModule {
          height: 330px !important; } }
      @media only screen and (min-width: 640px) {
        #contentBB section #successStories .modContainer .simpleSliderModule {
          height: 375px !important; } }
      @media only screen and (min-width: 768px) {
        #contentBB section #successStories .modContainer .simpleSliderModule {
          height: 469px !important;
          width: 728px; } }
      @media only screen and (min-width: 960px) {
        #contentBB section #successStories .modContainer .simpleSliderModule {
          height: 560px !important;
          width: 907px; } }
      @media only screen and (min-width: 1024px) {
        #contentBB section #successStories .modContainer .simpleSliderModule {
          height: 634px !important;
          width: 907px; } }
      @media only screen and (min-width: 1100px) {
        #contentBB section #successStories .modContainer .simpleSliderModule {
          height: 675px !important; } }
      @media only screen and (min-width: 1200px) {
        #contentBB section #successStories .modContainer .simpleSliderModule {
          height: 683px !important; } }
      #contentBB section #successStories .modContainer .simpleSliderModule .simpleSliderWrapperContainer {
        height: 218px !important; }
        @media only screen and (min-width: 360px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .simpleSliderWrapperContainer {
            height: 248px !important;
            /*keep content in center of container*/
            width: 100% !important; } }
        @media only screen and (min-width: 480px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .simpleSliderWrapperContainer {
            height: 320px !important; } }
        @media only screen and (min-width: 568px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .simpleSliderWrapperContainer {
            height: 330px !important; } }
        @media only screen and (min-width: 640px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .simpleSliderWrapperContainer {
            height: 375px !important; } }
        @media only screen and (min-width: 768px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .simpleSliderWrapperContainer {
            height: 469px !important;
            width: 728px; } }
        @media only screen and (min-width: 960px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .simpleSliderWrapperContainer {
            height: 560px !important;
            width: 907px; } }
        @media only screen and (min-width: 1024px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .simpleSliderWrapperContainer {
            height: 634px !important;
            width: 907px; } }
        @media only screen and (min-width: 1100px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .simpleSliderWrapperContainer {
            height: 675px !important; } }
        @media only screen and (min-width: 1200px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .simpleSliderWrapperContainer {
            height: 683px !important; } }
      #contentBB section #successStories .modContainer .simpleSliderModule .nav {
        background: url("//img1.beachbodyimages.com//beachbody/image/upload/bbweb/cize/cize-arrows-375.png") no-repeat;
        height: 44px;
        width: 30px;
        cursor: pointer;
        background-color: none;
        background-size: inherit;
        top: 56px;
        border: none;
        padding: 0; }
        @media only screen and (min-width: 360px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .nav {
            top: 82px; } }
        @media only screen and (min-width: 480px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .nav {
            width: 43px;
            height: 64px; } }
        @media only screen and (min-width: 667px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .nav {
            background: url("//img1.beachbodyimages.com//beachbody/image/upload/bbweb/cize/cize-arrows-667.png") no-repeat;
            width: 45px;
            height: 74px; } }
        @media only screen and (min-width: 768px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .nav {
            top: 161px; } }
        @media only screen and (min-width: 960px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .nav {
            background: url("//img1.beachbodyimages.com//beachbody/image/upload/bbweb/cize/cize-arrows-960.png") no-repeat;
            top: 80px;
            height: 114px;
            width: 65px; } }
        #contentBB section #successStories .modContainer .simpleSliderModule .nav.rightNav {
          background-position: 0px 0px;
          right: 11px; }
          @media only screen and (min-width: 360px) {
            #contentBB section #successStories .modContainer .simpleSliderModule .nav.rightNav {
              right: 19px; } }
          @media only screen and (min-width: 960px) {
            #contentBB section #successStories .modContainer .simpleSliderModule .nav.rightNav {
              right: 12px; } }
        #contentBB section #successStories .modContainer .simpleSliderModule .nav.leftNav {
          left: 11px;
          background-position: 0px -69px; }
          @media only screen and (min-width: 667px) {
            #contentBB section #successStories .modContainer .simpleSliderModule .nav.leftNav {
              background-position: 0px -91px; } }
          @media only screen and (min-width: 960px) {
            #contentBB section #successStories .modContainer .simpleSliderModule .nav.leftNav {
              left: 12px;
              background-position: 0px -129px; } }
      #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
        background-size: 96%;
        background-position: center bottom;
        color: #fff;
        height: 218px !important;
        position: relative; }
        @media only screen and (min-width: 360px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
            background-size: 347px auto;
            height: 248px !important;
            top: 9px; } }
        @media only screen and (min-width: 375px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
            background-size: 358px auto; } }
        @media only screen and (min-width: 480px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
            background-position: center top;
            background-size: cover;
            height: 320px !important; } }
        @media only screen and (min-width: 568px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
            background-size: 92%;
            height: 330px !important;
            left: -10px; } }
        @media only screen and (min-width: 640px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
            background-size: 93%;
            height: 375px !important; } }
        @media only screen and (min-width: 660px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
            background-position: center bottom;
            background-size: 545px auto; } }
        @media only screen and (min-width: 768px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
            background-position: center top;
            background-size: 99%;
            height: 469px !important;
            top: 0;
            width: 728px; } }
        @media only screen and (min-width: 960px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
            height: 560px !important;
            left: -34px;
            width: 907px; } }
        @media only screen and (min-width: 1024px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
            background-size: 100%;
            height: 640px !important; } }
        @media only screen and (min-width: 1100px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
            background-size: auto;
            height: 675px !important; } }
        @media only screen and (min-width: 1200px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
            left: auto;
            height: 683px !important;
            width: 1100px; } }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div {
          font-weight: 600;
          letter-spacing: 0.5px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter, #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBefore {
            font-size: 14px;
            margin-top: 5px;
            text-transform: uppercase; }
            @media only screen and (min-width: 360px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter, #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBefore {
                font-size: 13px;
                font-weight: 600;
                letter-spacing: 0.5px;
                margin-top: 18px; } }
            @media only screen and (min-width: 568px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter, #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBefore {
                font-size: 15px;
                font-weight: 500; } }
            @media only screen and (min-width: 960px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter, #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBefore {
                font-size: 20px;
                top: 40px; } }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter {
            display: inline-block;
            float: right;
            font-style: italic;
            margin-right: 3%; }
            @media only screen and (min-width: 360px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter {
                left: 83%;
                margin-right: 5%; } }
            @media only screen and (min-width: 480px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter {
                top: -3%; } }
            @media only screen and (min-width: 568px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter {
                margin-right: 7%; } }
            @media only screen and (min-width: 768px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter {
                margin-right: 9%; } }
            @media only screen and (min-width: 960px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter {
                margin-right: 7%; } }
            @media only screen and (min-width: 1024px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter {
                margin-right: 82px; } }
            @media only screen and (min-width: 1200px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter {
                margin-right: 88px; } }
            #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter sup {
              font-size: 8px;
              top: 2px;
              font-weight: 300; }
              @media only screen and (min-width: 360px) {
                #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter sup {
                  top: 4px; } }
              @media only screen and (min-width: 480px) {
                #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter sup {
                  font-size: 12px;
                  top: 8px; } }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBefore {
            display: inline-block;
            float: left;
            font-style: italic;
            margin-left: 3%;
            width: 20%; }
            @media only screen and (min-width: 360px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBefore {
                margin-left: 5%;
                top: 6%; } }
            @media only screen and (min-width: 768px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBefore {
                margin-right: 7%; } }
            @media only screen and (min-width: 960px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBefore {
                margin-left: 8%; } }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAge {
            font-size: 14px;
            font-weight: 100;
            left: 50%;
            margin-left: -60px;
            position: absolute;
            text-align: center;
            text-transform: none !important;
            top: 20px;
            width: 120px; }
            @media only screen and (min-width: 360px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAge {
                font-size: 14px;
                top: 32px; } }
            @media only screen and (min-width: 480px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAge {
                font-size: 21px;
                top: 41px; } }
            @media only screen and (min-width: 568px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAge {
                font-size: 16px;
                margin-left: -64px; } }
            @media only screen and (min-width: 768px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAge {
                margin-left: -60px; } }
            @media only screen and (min-width: 960px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAge {
                font-size: 22px;
                margin-left: -70px;
                top: 74px;
                width: 140px; } }
            @media only screen and (min-width: 1024px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAge {
                margin-left: -85px;
                width: 170px; } }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssName {
            font-size: 14px;
            font-style: italic;
            left: 50%;
            margin-left: -60px;
            position: absolute;
            text-align: center;
            top: 5px;
            width: 120px; }
            @media only screen and (min-width: 360px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssName {
                font-size: 14px;
                top: 18px; } }
            @media only screen and (min-width: 480px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssName {
                font-size: 20px; } }
            @media only screen and (min-width: 960px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssName {
                font-size: 32px;
                margin-left: -70px;
                top: 40px;
                width: 140px; } }
            @media only screen and (min-width: 1024px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssName {
                margin-left: -85px;
                width: 170px; } }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio {
            bottom: 9px;
            font-size: 11px;
            font-style: italic;
            font-weight: 100;
            left: 50%;
            line-height: 14px;
            margin-left: -47px;
            position: absolute;
            text-align: center;
            width: 94px; }
            #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio p:nth-of-type(1) {
              font-size: 9px;
              line-height: 12px; }
            #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio strong {
              font-size: 14px; }
            @media only screen and (min-width: 360px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio {
                bottom: 20px; }
                #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio p:nth-of-type(2) {
                  top: -120px;
                  width: 25%; } }
            @media only screen and (min-width: 480px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio {
                font-size: 16px;
                line-height: 14px;
                bottom: 25px; }
                #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio p:nth-of-type(2) {
                  font-size: 14px;
                  line-height: 16px;
                  top: -160px;
                  font-size: 14px;
                  line-height: 16px;
                  width: 20%; } }
            @media only screen and (min-width: 568px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio {
                bottom: 40px;
                font-size: 10px;
                margin-left: -65px;
                width: 140px; } }
            @media only screen and (min-width: 640px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio {
                font-size: 12px;
                margin-left: -85px;
                width: 180px; } }
            @media only screen and (min-width: 768px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio {
                bottom: 80px; } }
            @media only screen and (min-width: 960px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio {
                bottom: 112px;
                font-weight: 500;
                font-size: 18px;
                line-height: 22px;
                margin-left: -120px;
                width: 260px; } }
            @media only screen and (min-width: 1024px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio {
                bottom: 152px; } }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight {
            font-style: italic;
            left: 50%;
            line-height: 1.5;
            margin-left: -35px;
            position: absolute;
            text-align: center;
            text-transform: uppercase;
            top: 50px;
            width: 70px; }
            @media only screen and (min-width: 360px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight {
                line-height: 1;
                top: 57px; } }
            @media only screen and (min-width: 375px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight {
                line-height: 3; } }
            @media only screen and (min-width: 480px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight {
                top: 86px; } }
            @media only screen and (min-width: 568px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight {
                font-weight: 500;
                left: auto;
                margin: 0 auto;
                padding: 0;
                position: relative;
                top: 80px;
                width: 88px; } }
            @media only screen and (min-width: 768px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight {
                padding-right: auto;
                top: 111px;
                width: 100%; } }
            @media only screen and (min-width: 960px) {
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight {
                top: 166px; } }
            #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText {
              display: block;
              font-size: 14px;
              line-height: 1.1;
              text-align: center; }
              @media only screen and (min-width: 360px) {
                #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText {
                  font-size: 16px;
                  line-height: 1.2; } }
              @media only screen and (min-width: 568px) {
                #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText {
                  font-size: 28px;
                  font-weight: 600;
                  line-height: .75; }
                  #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText span + span {
                    font-size: 18px;
                    font-weight: 500; } }
              @media only screen and (min-width: 768px) {
                #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText {
                  font-size: 34px;
                  margin: 0 auto;
                  width: 100px; }
                  #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText span + span {
                    font-size: 22px; } }
              @media only screen and (min-width: 960px) {
                #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText {
                  font-size: 46px;
                  width: 150px; }
                  #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText span + span {
                    font-size: 32px; } }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .lbs {
                font-size: 40px;
                line-height: 0.75; }
                @media only screen and (min-width: 360px) {
                  #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .lbs {
                    font-size: 48px;
                    line-height: auto; } }
                @media only screen and (min-width: 568px) {
                  #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .lbs {
                    display: block;
                    font-size: 70px;
                    font-weight: 600;
                    margin-top: 5px; } }
                @media only screen and (min-width: 768px) {
                  #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .lbs {
                    font-size: 90px; } }
                @media only screen and (min-width: 960px) {
                  #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .lbs {
                    font-size: 130px; } }
                @media only screen and (min-width: 667px) {
                  #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .lbs.rach {
                    margin-left: -20px; } }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .and {
                font-size: 12px;
                color: yellow; }
                @media only screen and (min-width: 360px) {
                  #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .and {
                    font-size: 14px; } }
                @media only screen and (min-width: 568px) {
                  #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .and {
                    font-size: 18px; } }
                @media only screen and (min-width: 768px) {
                  #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .and {
                    font-size: 22px;
                    margin-right: 0; } }
                @media only screen and (min-width: 960px) {
                  #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .and {
                    font-size: 30px; } }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText strong {
                color: yellow;
                font-size: 14px;
                line-height: 0px; }
                @media only screen and (min-width: 568px) {
                  #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText strong {
                    font-style: italic;
                    font-size: 18px; } }
                @media only screen and (min-width: 768px) {
                  #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText strong {
                    font-size: 22px; } }
                @media only screen and (min-width: 960px) {
                  #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText strong {
                    font-size: 30px; } }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap.RachelL .ssBio {
          width: 154px;
          margin-left: -77px; }
          @media only screen and (min-width: 480px) {
            #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap.RachelL .ssBio {
              width: 174px;
              margin-left: -87px; } }
          @media only screen and (min-width: 960px) {
            #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap.RachelL .ssBio {
              width: 260px;
              margin-left: -130px; } }
        @media only screen and (min-width: 360px) {
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap.DeonC .ssBio p:nth-of-type(2), #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap.AnnaS .ssBio p:nth-of-type(2), #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap.KeithH .ssBio p:nth-of-type(2), #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap.LanceH .ssBio p:nth-of-type(2) {
            top: -140px; } }

section#what-you-get {
  padding-top: 0; }
  @media only screen and (min-width: 568px) {
    section#what-you-get {
      padding: 20px 0; } }
  section#what-you-get .scrolldown {
    display: block;
    margin: 6px auto;
    padding: 0;
    width: 100%; }
    @media only screen and (min-width: 568px) {
      section#what-you-get .scrolldown {
        display: none; } }

#dances {
  text-align: center; }
  @media only screen and (min-width: 480px) {
    #dances {
      text-align: left; } }
  #dances h2 {
    margin: 0 auto 15px;
    font-size: 1.2em;
    text-transform: uppercase; }
    @media only screen and (min-width: 360px) {
      #dances h2 {
        font-size: 1.35em; } }
    @media only screen and (min-width: 375px) {
      #dances h2 {
        font-size: 1.4em; } }
    @media only screen and (min-width: 480px) {
      #dances h2 {
        font-size: 1.9em;
        text-align: center; } }
    @media only screen and (min-width: 568px) {
      #dances h2 {
        font-size: 2.3em; } }
    @media only screen and (min-width: 667px) {
      #dances h2 {
        font-size: 2.4em; } }
    @media only screen and (min-width: 768px) {
      #dances h2 {
        font-size: 2.8em; } }
    @media only screen and (min-width: 960px) {
      #dances h2 {
        font-size: 3.7em; } }
    @media only screen and (min-width: 1100px) {
      #dances h2 {
        font-size: 3.8em; } }
    #dances h2 sup {
      position: relative;
      right: 2px;
      font-style: italic;
      vertical-align: top; }
  #dances .container {
    padding: 0 10px; }
    @media only screen and (min-width: 640px) {
      #dances .container {
        padding: 0 45px; } }
    @media only screen and (min-width: 960px) {
      #dances .container {
        padding: 0 35px; } }
    @media only screen and (min-width: 1100px) {
      #dances .container {
        padding: 0 90px; } }
  #dances h3 {
    margin: 0 auto 5px;
    font-weight: 700;
    font-style: italic;
    color: #ff0000;
    text-transform: uppercase;
    border-bottom: 1px solid #ff0000; }
    @media only screen and (min-width: 480px) {
      #dances h3 {
        font-size: 1.05em; } }
    @media only screen and (min-width: 667px) {
      #dances h3 {
        font-size: 1.1em; } }
    @media only screen and (min-width: 768px) {
      #dances h3 {
        font-size: 1.3em; } }
    @media only screen and (min-width: 960px) {
      #dances h3 {
        font-size: 2.45em; } }
    #dances h3 span {
      text-transform: none; }
  #dances p {
    margin: 0 0 1em;
    font-family: 'Roboto', sans-serif;
    font-size: 0.85em;
    line-height: 1.2; }
    @media only screen and (min-width: 960px) {
      #dances p {
        font-size: 1.1em;
        line-height: 1.3; } }
    @media only screen and (min-width: 1100px) {
      #dances p {
        font-size: 1.13em; } }
  #dances .disc {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto 20px;
    overflow: hidden; }
    @media only screen and (min-width: 1100px) {
      #dances .disc {
        overflow: visible; } }
    #dances .disc img {
      display: inline-block;
      width: 50%;
      margin-left: -5%;
      vertical-align: top; }
      @media only screen and (min-width: 480px) {
        #dances .disc img {
          margin-left: -1%; } }
      @media only screen and (min-width: 640px) {
        #dances .disc img {
          margin-right: 9px; } }
      @media only screen and (min-width: 768px) {
        #dances .disc img {
          width: 65%;
          margin-left: -15%; } }
      @media only screen and (min-width: 960px) {
        #dances .disc img {
          margin: 0 2% 0 -18%; } }
    #dances .disc .disc-info {
      display: inline-block;
      width: 48%;
      text-align: left; }
      @media only screen and (min-width: 640px) {
        #dances .disc .disc-info {
          width: 42%; } }
      @media only screen and (min-width: 960px) {
        #dances .disc .disc-info {
          width: 47%; } }
      @media only screen and (min-width: 1100px) {
        #dances .disc .disc-info {
          width: 450px; } }
      #dances .disc .disc-info h4 {
        margin: 0 0 2px;
        font-size: 0.9em;
        font-weight: 700;
        font-style: italic;
        text-transform: uppercase;
        border-bottom: 1px solid; }
        @media only screen and (min-width: 568px) {
          #dances .disc .disc-info h4 {
            font-size: 1.1em; } }
        @media only screen and (min-width: 960px) {
          #dances .disc .disc-info h4 {
            font-size: 2.45em; } }
        #dances .disc .disc-info h4 span {
          text-transform: none; }
      #dances .disc .disc-info p {
        margin: 0 0 1.5em; }
        #dances .disc .disc-info p:last-child {
          margin-bottom: 0; }
    @media only screen and (min-width: 768px) {
      #dances .disc.yellow {
        z-index: 3; } }
    @media only screen and (min-width: 1100px) {
      #dances .disc.yellow {
        height: 803px; } }
    #dances .disc.yellow img {
      max-width: 176px; }
      @media only screen and (min-width: 480px) {
        #dances .disc.yellow img {
          max-width: 330px; } }
      @media only screen and (min-width: 768px) {
        #dances .disc.yellow img {
          max-width: 794px; } }
      @media only screen and (min-width: 1100px) {
        #dances .disc.yellow img {
          width: auto;
          height: 803px;
          margin-left: -34%; } }
    @media only screen and (min-width: 480px) {
      #dances .disc.yellow .disc-info {
        margin-top: 5%; } }
    @media only screen and (min-width: 568px) {
      #dances .disc.yellow .disc-info {
        margin-top: 7%; } }
    @media only screen and (min-width: 768px) {
      #dances .disc.yellow .disc-info {
        margin-top: 14%; } }
    #dances .disc.yellow .disc-info h4 {
      color: #fcff00;
      border-color: #fcff00; }
    #dances .disc.blue {
      z-index: 2; }
      @media only screen and (min-width: 480px) {
        #dances .disc.blue {
          height: 347px;
          margin: -16% auto 0; } }
      @media only screen and (min-width: 568px) {
        #dances .disc.blue {
          height: 418px;
          margin-top: -18%; } }
      @media only screen and (min-width: 768px) {
        #dances .disc.blue {
          height: 589px;
          margin-top: -33%; } }
      @media only screen and (min-width: 960px) {
        #dances .disc.blue {
          height: 737px; } }
      @media only screen and (min-width: 1100px) {
        #dances .disc.blue {
          height: 904px;
          margin-top: -390px; } }
      #dances .disc.blue img {
        position: absolute;
        top: 0;
        right: 0;
        width: 58%;
        max-width: 202px;
        margin: -17px -2% 0 0; }
        @media only screen and (min-width: 360px) {
          #dances .disc.blue img {
            margin-top: -17px; } }
        @media only screen and (min-width: 480px) {
          #dances .disc.blue img {
            width: auto;
            max-width: 379px;
            height: 347px;
            margin-top: 0; } }
        @media only screen and (min-width: 568px) {
          #dances .disc.blue img {
            height: 418px; } }
        @media only screen and (min-width: 640px) {
          #dances .disc.blue img {
            margin-right: -1%; } }
        @media only screen and (min-width: 768px) {
          #dances .disc.blue img {
            max-width: 683px;
            height: 589px; } }
        @media only screen and (min-width: 960px) {
          #dances .disc.blue img {
            height: 737px; } }
        @media only screen and (min-width: 1100px) {
          #dances .disc.blue img {
            height: 904px;
            margin: 0 -11% 0 0; } }
      #dances .disc.blue .disc-info {
        display: block;
        position: relative;
        margin: 10px 0 0 10px;
        z-index: 2; }
        @media only screen and (min-width: 360px) {
          #dances .disc.blue .disc-info {
            width: 44%; } }
        @media only screen and (min-width: 375px) {
          #dances .disc.blue .disc-info {
            width: 42%; } }
        @media only screen and (min-width: 480px) {
          #dances .disc.blue .disc-info {
            width: 48%;
            margin: 16% 0 0 2%; } }
        @media only screen and (min-width: 568px) {
          #dances .disc.blue .disc-info {
            margin-top: 18%; } }
        @media only screen and (min-width: 640px) {
          #dances .disc.blue .disc-info {
            width: 42%;
            margin-left: 6%; } }
        @media only screen and (min-width: 768px) {
          #dances .disc.blue .disc-info {
            margin-top: 33%; } }
        @media only screen and (min-width: 1100px) {
          #dances .disc.blue .disc-info {
            top: 390px;
            width: 450px;
            margin: 0 0 0 20px; } }
        #dances .disc.blue .disc-info h4 {
          color: #00b2dd;
          border-color: #00b2dd; }
    @media only screen and (min-width: 480px) {
      #dances .disc.red {
        margin-top: -6%; } }
    @media only screen and (min-width: 568px) {
      #dances .disc.red {
        margin-top: -10%; } }
    @media only screen and (min-width: 768px) {
      #dances .disc.red {
        margin-top: -16%; } }
    @media only screen and (min-width: 960px) {
      #dances .disc.red {
        margin-top: -12%; } }
    @media only screen and (min-width: 1100px) {
      #dances .disc.red {
        margin-top: -200px;
        height: 846px; } }
    #dances .disc.red img {
      max-width: 173px; }
      @media only screen and (min-width: 480px) {
        #dances .disc.red img {
          max-width: 326px; } }
      @media only screen and (min-width: 768px) {
        #dances .disc.red img {
          max-width: 768px; } }
      @media only screen and (min-width: 1100px) {
        #dances .disc.red img {
          width: auto;
          height: 846px;
          margin-right: 3.5%;
          margin-left: -33%; } }
    @media only screen and (min-width: 480px) {
      #dances .disc.red .disc-info {
        margin-top: 14%; } }
    @media only screen and (min-width: 768px) {
      #dances .disc.red .disc-info {
        margin-top: 23%; } }
    @media only screen and (min-width: 960px) {
      #dances .disc.red .disc-info {
        margin-top: 23%; } }
    @media only screen and (min-width: 1100px) {
      #dances .disc.red .disc-info {
        margin-top: 25%; } }
    #dances .disc.red .disc-info h4 {
      color: #ff0000;
      border-color: #ff0000; }

article#tools {
  background: url("//img1.beachbodyimages.com/beachbody/image/upload//bbweb/cize/cize-tools-bg-375.jpg") no-repeat center 110px;
  background-size: 100%; }
  @media only screen and (min-width: 480px) {
    article#tools {
      background: transparent; } }
  @media only screen and (min-width: 1100px) {
    article#tools .container {
      padding: 0 0; } }

article#bonus-gifts {
  background: url("//img1.beachbodyimages.com/beachbody/image/upload//bbweb/cize/cize-gifts-bg-375.jpg") no-repeat center 50px;
  background-size: 100%;
  padding: 0px 0 0; }
  @media only screen and (min-width: 480px) {
    article#bonus-gifts {
      background: transparent;
      padding: 20px 0 5px; } }
  @media only screen and (min-width: 1100px) {
    article#bonus-gifts .container {
      padding: 0 0; } }
  @media only screen and (min-width: 1100px) {
    article#bonus-gifts .container .images {
      padding: 20px 20px 0 125px; } }
  @media only screen and (min-width: 1100px) {
    article#bonus-gifts .container .wrap {
      height: inherit; } }

.wrap {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,253238+40,05cfff+100&0+0,0.5+40,0.5+100 */
  background: -moz-linear-gradient(top, transparent 0%, rgba(37, 50, 56, 0.5) 40%, rgba(5, 207, 255, 0.5) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(40%, rgba(37, 50, 56, 0.5)), color-stop(100%, rgba(5, 207, 255, 0.5)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(37, 50, 56, 0.5) 40%, rgba(5, 207, 255, 0.5) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, transparent 0%, rgba(37, 50, 56, 0.5) 40%, rgba(5, 207, 255, 0.5) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, transparent 0%, rgba(37, 50, 56, 0.5) 40%, rgba(5, 207, 255, 0.5) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, transparent 0%, rgba(37, 50, 56, 0.5) 40%, rgba(5, 207, 255, 0.5) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#8005cfff',GradientType=0 );
  /* IE6-9 */
  width: 95%;
  margin: 20px auto;
  padding-bottom: 20px;
  border: 1px solid #b3b3b3; }
  @media only screen and (min-width: 375px) {
    .wrap {
      width: 98%; } }
  @media only screen and (min-width: 480px) {
    .wrap {
      width: 95%; } }
  @media only screen and (min-width: 960px) {
    .wrap {
      width: 96%; } }
  @media only screen and (min-width: 1100px) {
    .wrap {
      height: 1170px;
      width: 95%; } }
  .wrap h3 {
    color: #fcff00;
    font-style: italic;
    text-transform: uppercase;
    text-align: center;
    font-size: 19px;
    font-weight: 500;
    line-height: 0.8em;
    padding-top: 20px;
    font-family: 'Roboto', sans-serif; }
    @media only screen and (min-width: 375px) {
      .wrap h3 {
        font-size: 24px; } }
    @media only screen and (min-width: 640px) {
      .wrap h3 {
        font-size: 36px; } }
    @media only screen and (min-width: 960px) {
      .wrap h3 {
        font-size: 60px;
        padding-top: 40px; } }
  .wrap .plus24 {
    color: #fcff00;
    font-family: "Roboto",sans-serif;
    font-style: italic;
    font-weight: 500;
    padding-left: 20px;
    width: 70%; }
    @media only screen and (min-width: 960px) {
      .wrap .plus24 {
        font-size: 18px; } }
    @media only screen and (min-width: 1100px) {
      .wrap .plus24 {
        position: absolute;
        bottom: 25px;
        font-size: 24px;
        margin: 0 20%; } }
    .wrap .plus24 span {
      color: #fff;
      display: block;
      font-style: normal;
      font-weight: 300;
      padding: 8px 0; }
      @media only screen and (min-width: 1100px) {
        .wrap .plus24 span {
          font-size: 18px; } }
  .wrap hr {
    border: 1px solid #fcff00; }
    @media only screen and (min-width: 960px) {
      .wrap hr {
        margin-top: 15px; } }
    .wrap hr#hr-tools {
      width: 282px; }
      @media only screen and (min-width: 375px) {
        .wrap hr#hr-tools {
          width: 353px; } }
      @media only screen and (min-width: 640px) {
        .wrap hr#hr-tools {
          width: 530px; } }
      @media only screen and (min-width: 960px) {
        .wrap hr#hr-tools {
          width: 876px; } }
    .wrap hr#hr-gifts {
      width: 270px; }
      @media only screen and (min-width: 375px) {
        .wrap hr#hr-gifts {
          width: 339px; } }
      @media only screen and (min-width: 640px) {
        .wrap hr#hr-gifts {
          width: 508px; } }
      @media only screen and (min-width: 960px) {
        .wrap hr#hr-gifts {
          width: 842px; } }
  .wrap .images {
    display: inline-block;
    width: 40%;
    padding: 10px 0 0 10px;
    text-align: center;
    vertical-align: top; }
    @media only screen and (min-width: 360px) {
      .wrap .images {
        padding: 10px 0 0 18px; } }
    @media only screen and (min-width: 375px) {
      .wrap .images {
        padding: 10px 0 0 5px;
        width: 160px; } }
    @media only screen and (min-width: 480px) {
      .wrap .images {
        width: 30%;
        padding: 20px 20px 0; } }
    @media only screen and (min-width: 640px) {
      .wrap .images {
        padding: 20px 30px 0;
        width: 45%; } }
    @media only screen and (min-width: 1100px) {
      .wrap .images {
        padding: 0 71px 0 80px;
        width: 46%; } }
    .wrap .images #guides {
      background: url("//img1.beachbodyimages.com/beachbody/image/upload//bbweb/cize/cize-portrait-guides.png") no-repeat;
      width: 126px;
      height: 365px;
      background-size: 85%; }
      @media only screen and (min-width: 360px) {
        .wrap .images #guides {
          background-size: 80%; } }
      @media only screen and (min-width: 375px) {
        .wrap .images #guides {
          background-size: 95%;
          width: 140px; } }
      @media only screen and (min-width: 480px) {
        .wrap .images #guides {
          background-size: 100%; } }
      @media only screen and (min-width: 640px) {
        .wrap .images #guides {
          background: url("//img1.beachbodyimages.com/beachbody/image/upload//bbweb/cize/4-bonuses-667.png") no-repeat;
          height: 710px;
          margin-left: -50px;
          width: 399px; } }
      @media only screen and (min-width: 667px) {
        .wrap .images #guides {
          background-size: 100%; } }
      @media only screen and (min-width: 768px) {
        .wrap .images #guides {
          margin: 0 auto; } }
      @media only screen and (min-width: 960px) {
        .wrap .images #guides {
          background: url("//img1.beachbodyimages.com/beachbody/image/upload//bbweb/cize/4-bonuses-desktop-compressed.png") no-repeat;
          background-size: 90%;
          height: 927px;
          margin-left: -100px;
          width: 571px; } }
      @media only screen and (min-width: 1100px) {
        .wrap .images #guides {
          background-size: 90% auto;
          height: 1155px;
          margin-left: -276px;
          position: relative;
          width: 821px; } }
    .wrap .images #calendar {
      background: url("//img1.beachbodyimages.com/beachbody/image/upload//bbweb/cize/cize-bonus-cal-abs-375.png") no-repeat;
      width: 140px;
      height: 260px;
      margin-left: -17px;
      margin-top: 65px;
      background-size: 85%; }
      @media only screen and (min-width: 360px) {
        .wrap .images #calendar {
          background-size: 100%;
          height: 370px;
          margin-left: -17px;
          margin-top: 220px; } }
      @media only screen and (min-width: 375px) {
        .wrap .images #calendar {
          margin-left: -10px;
          margin-top: 229px; } }
      @media only screen and (min-width: 390px) {
        .wrap .images #calendar {
          margin-top: 130px; } }
      @media only screen and (min-width: 480px) {
        .wrap .images #calendar {
          background-size: 100%;
          margin-top: 70px; } }
      @media only screen and (min-width: 568px) {
        .wrap .images #calendar {
          margin-top: 38px; } }
      @media only screen and (min-width: 640px) {
        .wrap .images #calendar {
          display: none; } }
    .wrap .images #bonuses-1 {
      background: url("//img1.beachbodyimages.com/beachbody/image/upload//cize/2-free-gifts-375.png") no-repeat;
      width: 148px;
      height: 401px;
      background-size: 71%; }
      @media only screen and (min-width: 360px) {
        .wrap .images #bonuses-1 {
          background-size: 100%;
          height: 516px; } }
      @media only screen and (min-width: 375px) {
        .wrap .images #bonuses-1 {
          width: 144px;
          margin-left: 8px; } }
      @media only screen and (min-width: 480px) {
        .wrap .images #bonuses-1 {
          background-size: auto; } }
      @media only screen and (min-width: 640px) {
        .wrap .images #bonuses-1 {
          background: url("//img1.beachbodyimages.com/beachbody/image/upload/cize/2-free-gifts-667.png") no-repeat;
          width: 294px;
          height: 384px;
          background-size: 80%;
          margin-left: -5px; } }
      @media only screen and (min-width: 667px) {
        .wrap .images #bonuses-1 {
          background-size: 100%; } }
      @media only screen and (min-width: 768px) {
        .wrap .images #bonuses-1 {
          margin: 0 auto; } }
      @media only screen and (min-width: 960px) {
        .wrap .images #bonuses-1 {
          background: url("//img1.beachbodyimages.com/beachbody/image/upload/cize/2-Gifts-cize-960.png") no-repeat;
          height: 541px;
          width: 573px;
          background-size: 68%;
          margin-left: 5px; } }
      @media only screen and (min-width: 1100px) {
        .wrap .images #bonuses-1 {
          background-size: 100%;
          margin-left: -108px; } }
  .wrap .bullets {
    display: inline-block;
    width: 54%;
    font-family: 'Roboto', arial;
    font-size: 12px;
    line-height: 1.2em;
    color: #FF0;
    list-style-type: square;
    vertical-align: middle; }
    @media only screen and (min-width: 360px) {
      .wrap .bullets {
        font-size: 14px;
        line-height: 1.3em;
        width: 53%; } }
    @media only screen and (min-width: 375px) {
      .wrap .bullets {
        width: 54%; } }
    @media only screen and (min-width: 480px) {
      .wrap .bullets {
        width: 60%; } }
    @media only screen and (min-width: 640px) {
      .wrap .bullets {
        width: 43%; } }
    @media only screen and (min-width: 667px) {
      .wrap .bullets {
        width: 42%; } }
    @media only screen and (min-width: 960px) {
      .wrap .bullets {
        font-size: 18px; } }
    @media only screen and (min-width: 1100px) {
      .wrap .bullets {
        width: 32.5%; } }
    .wrap .bullets li {
      padding: 10px 0 0 0px;
      vertical-align: top;
      background-position: 0px center; }
      .wrap .bullets li:first-child {
        padding-top: 0; }
        @media only screen and (min-width: 568px) {
          .wrap .bullets li:first-child {
            padding-top: 15px; } }
      @media only screen and (min-width: 375px) {
        .wrap .bullets li {
          padding: 25px 0 0 0; } }
      @media only screen and (min-width: 667px) {
        .wrap .bullets li {
          padding-top: 15px; } }
      .wrap .bullets li h4 {
        color: #fcff00;
        text-transform: uppercase;
        display: block;
        font-style: italic;
        font-weight: 500; }
        @media only screen and (min-width: 960px) {
          .wrap .bullets li h4 {
            padding-bottom: 4px; } }
      .wrap .bullets li span {
        color: white; }
      .wrap .bullets li p {
        padding-top: 15px;
        color: #fffbfb; }
  @media only screen and (min-width: 1100px) {
    .wrap .bonus-bullets {
      width: 31%; } }

article#cta {
  background: url("//img1.beachbodyimages.com/beachbody/image/upload/bbweb/cize/cize-cta-bg-2.jpg") no-repeat center 58px;
  background-size: 140%;
  margin: 0 0 6px;
  padding-bottom: 50%;
  padding-top: 20px; }
  @media only screen and (min-width: 640px) {
    article#cta {
      background-position: center 35px; } }
  @media only screen and (min-width: 1100px) {
    article#cta {
      background-position: center -10px; } }
  article#cta .cta {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box; }
    @media only screen and (min-width: 480px) {
      article#cta .cta {
        width: 480px; } }
    @media only screen and (min-width: 960px) {
      article#cta .cta {
        width: 768px; } }
    @media only screen and (min-width: 1100px) {
      article#cta .cta {
        background-size: 135%; } }
    article#cta .cta a {
      display: block;
      width: 100%; }
      @media only screen and (min-width: 480px) {
        article#cta .cta a {
          width: 444px; } }
      @media only screen and (min-width: 960px) {
        article#cta .cta a {
          width: 768px; } }
      article#cta .cta a img {
        width: 100%; }
    article#cta .cta .cta-info {
      position: relative;
      width: 100%; }
      @media only screen and (min-width: 960px) {
        article#cta .cta .cta-info {
          width: 84%;
          margin: 0 auto; } }
      article#cta .cta .cta-info a {
        display: inline-block;
        width: auto;
        vertical-align: top; }
      article#cta .cta .cta-info img {
        display: inline-block;
        vertical-align: top; }
        article#cta .cta .cta-info img.bbb {
          width: 30px; }
          @media only screen and (min-width: 360px) {
            article#cta .cta .cta-info img.bbb {
              width: 35px; } }
          @media only screen and (min-width: 480px) {
            article#cta .cta .cta-info img.bbb {
              width: 30px; } }
          @media only screen and (min-width: 960px) {
            article#cta .cta .cta-info img.bbb {
              width: 50px; } }
        article#cta .cta .cta-info img.mbg {
          position: absolute;
          top: -3px;
          left: 38px;
          width: 105px; }
          @media only screen and (min-width: 360px) {
            article#cta .cta .cta-info img.mbg {
              left: 42px;
              width: 120px; } }
          @media only screen and (min-width: 375px) {
            article#cta .cta .cta-info img.mbg {
              left: 45px; } }
          @media only screen and (min-width: 414px) {
            article#cta .cta .cta-info img.mbg {
              left: 59px; } }
          @media only screen and (min-width: 480px) {
            article#cta .cta .cta-info img.mbg {
              position: relative;
              left: 0;
              width: 105px; } }
          @media only screen and (min-width: 960px) {
            article#cta .cta .cta-info img.mbg {
              width: 174px; } }
      article#cta .cta .cta-info small {
        float: right;
        width: 50%;
        margin-top: -3px;
        font-family: 'Roboto', sans-serif;
        font-size: 0.65em;
        line-height: 1.2; }
        @media only screen and (min-width: 360px) {
          article#cta .cta .cta-info small {
            font-size: 0.7em; } }
        @media only screen and (min-width: 375px) {
          article#cta .cta .cta-info small {
            font-size: 0.75em; } }
        @media only screen and (min-width: 414px) {
          article#cta .cta .cta-info small {
            width: 48%; } }
        @media only screen and (min-width: 480px) {
          article#cta .cta .cta-info small {
            display: inline-block;
            float: none;
            width: 62%;
            margin: 0 16px;
            font-size: 0.8em; } }
        @media only screen and (min-width: 960px) {
          article#cta .cta .cta-info small {
            width: 51%;
            margin: 14px 38px 0;
            font-size: 0.9em;
            line-height: 1.4; } }
        article#cta .cta .cta-info small span {
          text-transform: uppercase; }

#mbg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d94c4+0,17b3ec+44,09b7f4+100 */
  background: #0d94c4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0d94c4 0%, #17b3ec 44%, #09b7f4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0d94c4), color-stop(44%, #17b3ec), color-stop(100%, #09b7f4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0d94c4 0%, #17b3ec 44%, #09b7f4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0d94c4 0%, #17b3ec 44%, #09b7f4 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0d94c4 0%, #17b3ec 44%, #09b7f4 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #0d94c4 0%, #17b3ec 44%, #09b7f4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d94c4', endColorstr='#09b7f4',GradientType=0 );
  /* IE6-9 */
  position: relative;
  color: #fff;
  padding-bottom: 20px; }
  @media only screen and (min-width: 640px) {
    #mbg {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#18b1e9+0,0eb7f6+40,09b6f6+100 */
      background: #18b1e9;
      /* Old browsers */
      background: -moz-radial-gradient(center, ellipse cover, #18b1e9 0%, #0eb7f6 40%, #09b6f6 100%);
      /* FF3.6+ */
      background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #18b1e9), color-stop(40%, #0eb7f6), color-stop(100%, #09b6f6));
      /* Chrome,Safari4+ */
      background: -webkit-radial-gradient(center, ellipse cover, #18b1e9 0%, #0eb7f6 40%, #09b6f6 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-radial-gradient(center, ellipse cover, #18b1e9 0%, #0eb7f6 40%, #09b6f6 100%);
      /* Opera 12+ */
      background: -ms-radial-gradient(center, ellipse cover, #18b1e9 0%, #0eb7f6 40%, #09b6f6 100%);
      /* IE10+ */
      background: radial-gradient(ellipse at center, #18b1e9 0%, #0eb7f6 40%, #09b6f6 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18b1e9', endColorstr='#09b6f6',GradientType=1 );
      /* IE6-9 fallback on horizontal gradient */
      padding-bottom: 30px; } }
  @media only screen and (min-width: 960px) {
    #mbg {
      background: black url("//img1.beachbodyimages.com/beachbody/image/upload//bbweb/cize/cize-mbg-desktop-bg.jpg") no-repeat center top;
      height: 489px;
      padding-bottom: 0; } }
  #mbg h2 {
    color: #fcff00;
    font-size: 37px;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px; }
    @media only screen and (min-width: 480px) {
      #mbg h2 {
        font-size: 45px; } }
    @media only screen and (min-width: 960px) {
      #mbg h2 {
        font-size: 65px;
        padding-top: 50px; } }
  #mbg #mbg-subhead {
    text-align: left;
    font-style: italic;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.2em;
    float: right;
    width: 50%;
    margin: 10px auto 0;
    font-family: 'Roboto', arial; }
    @media only screen and (min-width: 375px) {
      #mbg #mbg-subhead {
        width: 53%;
        font-size: 19px; } }
    @media only screen and (min-width: 480px) {
      #mbg #mbg-subhead {
        font-size: 20px;
        margin: 15px auto 0; } }
    @media only screen and (min-width: 568px) {
      #mbg #mbg-subhead {
        float: none;
        width: 90%;
        margin: 5px auto 0;
        font-size: 17px;
        text-align: center; } }
    @media only screen and (min-width: 960px) {
      #mbg #mbg-subhead {
        font-size: 31px;
        font-weight: bolder; } }
    #mbg #mbg-subhead br {
      display: block; }
      @media only screen and (min-width: 568px) {
        #mbg #mbg-subhead br {
          display: none; } }
  #mbg #mbg-icon {
    background: url("//img1.beachbodyimages.com/beachbody/image/upload//common/30DAYMBG_LessS_H_English_White_BG.svg") no-repeat;
    width: 142px;
    height: 78px;
    background-size: 100%;
    float: left;
    margin: 10px 0 0 5px; }
    @media only screen and (min-width: 360px) {
      #mbg #mbg-icon {
        margin: 10px 0 0 5%; } }
    @media only screen and (min-width: 480px) {
      #mbg #mbg-icon {
        width: 185px;
        height: 102px; } }
    @media only screen and (min-width: 568px) {
      #mbg #mbg-icon {
        float: none; } }
    @media only screen and (min-width: 568px) {
      #mbg #mbg-icon {
        display: inline-block;
        width: 235px;
        height: 130px;
        vertical-align: top;
        margin: 20px 0 0 5%; } }
    @media only screen and (min-width: 960px) {
      #mbg #mbg-icon {
        width: 450px;
        height: 250px; } }
  #mbg #mbg-copy {
    text-align: center;
    margin: 0 auto;
    font-family: 'Roboto', arial;
    clear: both;
    font-size: 15px;
    line-height: 1.2em;
    padding-top: 10px;
    width: 95%; }
    @media only screen and (min-width: 480px) {
      #mbg #mbg-copy {
        padding-top: 15px; } }
    @media only screen and (min-width: 568px) {
      #mbg #mbg-copy {
        display: inline-block;
        width: 50%;
        text-align: left;
        padding-left: 10px; } }
    @media only screen and (min-width: 640px) {
      #mbg #mbg-copy {
        width: 55%;
        font-size: 14px;
        line-height: 1.3em; } }
    @media only screen and (min-width: 667px) {
      #mbg #mbg-copy {
        width: 57%; } }
    @media only screen and (min-width: 960px) {
      #mbg #mbg-copy {
        width: 44%;
        padding: 30px 0 0 25px;
        font-size: 16px;
        line-height: 1.4em; } }
    #mbg #mbg-copy strong {
      font-weight: 400; }

section#choreographer {
  background: black;
  position: relative; }
  @media only screen and (min-width: 480px) {
    section#choreographer {
      overflow: visible; } }
  @media only screen and (min-width: 568px) {
    section#choreographer {
      height: 490px; } }
  @media only screen and (min-width: 768px) {
    section#choreographer {
      height: 665px; } }
  @media only screen and (min-width: 960px) {
    section#choreographer {
      height: 815px; } }
  section#choreographer .scroll {
    margin: 0 auto;
    background: url("//img1.beachbodyimages.com/beachbody/image/upload//bbweb/cize/cize-mobile-scroll.png") no-repeat;
    width: 200px;
    height: 38px;
    background-size: 100%; }
    @media only screen and (min-width: 568px) {
      section#choreographer .scroll {
        width: 225px; } }
    @media only screen and (min-width: 640px) {
      section#choreographer .scroll {
        width: 260px; } }
    @media only screen and (min-width: 768px) {
      section#choreographer .scroll {
        background: url("//img1.beachbodyimages.com/beachbody/image/upload//bbweb/cize/cize-desktop-scroll.png") no-repeat;
        width: 350px;
        height: 52px;
        background-size: 100%; } }
  section#choreographer #choreographer-img {
    display: inline-block;
    background: url("//img1.beachbodyimages.com/beachbody/image/upload//bbweb/cize/cize-mobile-choreographer.png") no-repeat;
    width: 200px;
    height: 485px;
    background-size: 100%;
    margin: 10px 0 0 -58px; }
    @media only screen and (min-width: 375px) {
      section#choreographer #choreographer-img {
        margin: 10px 0 0 -53px; } }
    @media only screen and (min-width: 480px) {
      section#choreographer #choreographer-img {
        width: 260px;
        height: 470px;
        position: relative;
        z-index: 5; } }
    @media only screen and (min-width: 640px) {
      section#choreographer #choreographer-img {
        margin: 10px 0 0 0;
        width: 268px;
        height: 490px; } }
    @media only screen and (min-width: 768px) {
      section#choreographer #choreographer-img {
        background: url("//img1.beachbodyimages.com/beachbody/image/upload//bbweb/cize/cize-desktop-choreographer.png") no-repeat;
        margin: 10px 0 0 -53px;
        background-size: 100%;
        width: 378px;
        height: 650px; } }
    @media only screen and (min-width: 960px) {
      section#choreographer #choreographer-img {
        width: 476px;
        height: 820px;
        background-size: 100%; } }
  section#choreographer #choreographer-copy {
    display: inline-block;
    width: 50%;
    vertical-align: top; }
    @media only screen and (min-width: 360px) {
      section#choreographer #choreographer-copy {
        width: 55%; } }
    @media only screen and (min-width: 568px) {
      section#choreographer #choreographer-copy {
        width: 60%; } }
    @media only screen and (min-width: 640px) {
      section#choreographer #choreographer-copy {
        width: 57%; } }
    @media only screen and (min-width: 960px) {
      section#choreographer #choreographer-copy {
        width: 55%;
        margin-top: 40px; } }
    section#choreographer #choreographer-copy h2 {
      color: #fcff00;
      text-transform: uppercase;
      font-size: 19px;
      padding: 10px 0; }
      @media only screen and (min-width: 360px) {
        section#choreographer #choreographer-copy h2 {
          font-size: 21px; } }
      @media only screen and (min-width: 375px) {
        section#choreographer #choreographer-copy h2 {
          font-size: 23px; } }
      @media only screen and (min-width: 568px) {
        section#choreographer #choreographer-copy h2 {
          font-size: 36px;
          width: 310px; } }
      @media only screen and (min-width: 768px) {
        section#choreographer #choreographer-copy h2 {
          font-size: 50px;
          width: 100%; } }
      @media only screen and (min-width: 960px) {
        section#choreographer #choreographer-copy h2 {
          font-size: 55px; } }
    section#choreographer #choreographer-copy p {
      color: #fff;
      padding-bottom: 20px;
      font-size: 14px;
      line-height: 1.3em; }
      @media only screen and (min-width: 768px) {
        section#choreographer #choreographer-copy p {
          font-size: 18px; } }
      @media only screen and (min-width: 960px) {
        section#choreographer #choreographer-copy p {
          padding-bottom: 30px;
          font-size: 20px; } }
      section#choreographer #choreographer-copy p sup {
        position: relative;
        top: -6px;
        font-size: 10px; }
        @media only screen and (min-width: 768px) {
          section#choreographer #choreographer-copy p sup {
            font-size: 12px; } }
      section#choreographer #choreographer-copy p span {
        font-style: italic; }

section#dance-in-the-dark {
  background: #000000 url("/images/bg-dance-dark-small.jpg") 47% 0 no-repeat; }
  @media only screen and (min-width: 375px) {
    section#dance-in-the-dark {
      background-position: 58% 0; } }
  @media only screen and (min-width: 668px) {
    section#dance-in-the-dark {
      background-image: url("/images/bg-dance-dark-large.jpg");
      background-position: 40% 0;
      background-size: cover; } }
  @media only screen and (min-width: 850px) {
    section#dance-in-the-dark {
      background-position: 33% 0; } }
  @media only screen and (min-width: 960px) {
    section#dance-in-the-dark {
      background-position: 49% 0; } }
  section#dance-in-the-dark .container {
    max-width: 375px;
    padding: 13px 14px 31px; }
    @media only screen and (min-width: 375px) {
      section#dance-in-the-dark .container {
        max-width: 450px; } }
    @media only screen and (min-width: 667px) {
      section#dance-in-the-dark .container {
        max-width: 667px;
        padding: 31px 37px 31px; } }
    @media only screen and (min-width: 960px) {
      section#dance-in-the-dark .container {
        max-width: 1000px;
        padding: 90px 37px 72px; } }
    section#dance-in-the-dark .container h2 {
      font-size: 27px;
      margin-bottom: 11px;
      max-width: 330px;
      text-transform: uppercase; }
      @media only screen and (min-width: 375px) {
        section#dance-in-the-dark .container h2 {
          font-size: 30px; } }
      @media only screen and (min-width: 667px) {
        section#dance-in-the-dark .container h2 {
          font-size: 39px;
          margin-bottom: 4px;
          max-width: 400px; } }
      @media only screen and (min-width: 960px) {
        section#dance-in-the-dark .container h2 {
          font-size: 50px;
          margin-bottom: 20px;
          max-width: 540px; } }
    section#dance-in-the-dark .container p {
      color: #FFFFFF;
      margin-bottom: 16px;
      width: 235px; }
      @media only screen and (min-width: 375px) {
        section#dance-in-the-dark .container p {
          width: 240px; } }
      @media only screen and (min-width: 667px) {
        section#dance-in-the-dark .container p {
          width: 280px; } }
      @media only screen and (min-width: 960px) {
        section#dance-in-the-dark .container p {
          font-size: 24px;
          letter-spacing: 1px;
          line-height: 32px;
          margin-bottom: 21px;
          width: 470px; } }

section#cha-cha-cha {
  background: #000;
  padding: 20px 0; }
  @media only screen and (min-width: 480px) {
    section#cha-cha-cha {
      padding: 20px 0 0; } }
  @media only screen and (min-width: 568px) {
    section#cha-cha-cha {
      padding: 25px 0 0; } }
  @media only screen and (min-width: 768px) {
    section#cha-cha-cha {
      padding: 20px 0 0; } }
  @media only screen and (min-width: 960px) {
    section#cha-cha-cha {
      height: 791px;
      padding: 0; } }
  @media only screen and (min-width: 960px) {
    section#cha-cha-cha .container {
      height: 791px; } }
  section#cha-cha-cha .container img.shaunt {
    display: inline-block;
    position: absolute; }
    @media only screen and (min-width: 480px) {
      section#cha-cha-cha .container img.shaunt {
        height: 100%;
        bottom: 0;
        left: -7%; } }
    @media only screen and (min-width: 568px) {
      section#cha-cha-cha .container img.shaunt {
        left: 0; } }
    @media only screen and (min-width: 640px) {
      section#cha-cha-cha .container img.shaunt {
        left: 2%; } }
    @media only screen and (min-width: 736px) {
      section#cha-cha-cha .container img.shaunt {
        left: 4%; } }
    @media only screen and (min-width: 768px) {
      section#cha-cha-cha .container img.shaunt {
        left: 1%; } }
    @media only screen and (min-width: 960px) {
      section#cha-cha-cha .container img.shaunt {
        left: -8%;
        height: 761px; } }
    @media only screen and (min-width: 1100px) {
      section#cha-cha-cha .container img.shaunt {
        left: -1%; } }
  section#cha-cha-cha .container .cha-content {
    display: inline-block;
    position: relative;
    width: 56%;
    margin-left: 43%; }
    @media only screen and (min-width: 360px) {
      section#cha-cha-cha .container .cha-content {
        width: 57%;
        margin-left: 39%; } }
    @media only screen and (min-width: 375px) {
      section#cha-cha-cha .container .cha-content {
        width: 60%;
        margin-left: 37%; } }
    @media only screen and (min-width: 414px) {
      section#cha-cha-cha .container .cha-content {
        width: 65%;
        margin-left: 34%; } }
    @media only screen and (min-width: 480px) {
      section#cha-cha-cha .container .cha-content {
        width: 61%;
        margin-left: 38%;
        padding: 0 0 30px; } }
    @media only screen and (min-width: 568px) {
      section#cha-cha-cha .container .cha-content {
        width: 59%;
        margin-left: 39%; } }
    @media only screen and (min-width: 667px) {
      section#cha-cha-cha .container .cha-content {
        top: 5px; } }
    @media only screen and (min-width: 768px) {
      section#cha-cha-cha .container .cha-content {
        width: 56%;
        margin-left: 42%;
        padding: 10px 0 40px; } }
    @media only screen and (min-width: 960px) {
      section#cha-cha-cha .container .cha-content {
        top: 45px;
        width: 55%;
        margin-left: 45%;
        padding: 0; } }
    @media only screen and (min-width: 1100px) {
      section#cha-cha-cha .container .cha-content {
        width: 57%; } }
    section#cha-cha-cha .container .cha-content blockquote {
      margin: 0 0 5px;
      font-size: 1.35em;
      font-weight: bold;
      font-style: italic;
      color: #fcff00;
      text-transform: uppercase; }
      @media only screen and (min-width: 360px) {
        section#cha-cha-cha .container .cha-content blockquote {
          font-size: 1.55em; } }
      @media only screen and (min-width: 375px) {
        section#cha-cha-cha .container .cha-content blockquote {
          width: 92%; } }
      @media only screen and (min-width: 414px) {
        section#cha-cha-cha .container .cha-content blockquote {
          width: 76%; } }
      @media only screen and (min-width: 480px) {
        section#cha-cha-cha .container .cha-content blockquote {
          width: 100%;
          font-size: 1.4em; } }
      @media only screen and (min-width: 568px) {
        section#cha-cha-cha .container .cha-content blockquote {
          margin: 0 0 12px;
          font-size: 1.65em; } }
      @media only screen and (min-width: 640px) {
        section#cha-cha-cha .container .cha-content blockquote {
          font-size: 1.8em; } }
      @media only screen and (min-width: 667px) {
        section#cha-cha-cha .container .cha-content blockquote {
          font-size: 1.9em; } }
      @media only screen and (min-width: 768px) {
        section#cha-cha-cha .container .cha-content blockquote {
          font-size: 2.1em; } }
      @media only screen and (min-width: 960px) {
        section#cha-cha-cha .container .cha-content blockquote {
          width: 92%;
          margin-bottom: 7px;
          font-size: 3.7em;
          line-height: 0.95; } }
      @media only screen and (min-width: 1100px) {
        section#cha-cha-cha .container .cha-content blockquote {
          width: 90%; } }
      section#cha-cha-cha .container .cha-content blockquote br.portrait {
        display: block;
        line-height: 0; }
    section#cha-cha-cha .container .cha-content img.signature {
      display: block;
      width: 70%; }
      @media only screen and (min-width: 375px) {
        section#cha-cha-cha .container .cha-content img.signature {
          width: 60%; } }
      @media only screen and (min-width: 480px) {
        section#cha-cha-cha .container .cha-content img.signature {
          width: 32%;
          margin: 0 0 5px; } }
      @media only screen and (min-width: 568px) {
        section#cha-cha-cha .container .cha-content img.signature {
          margin: 0 0 12px; } }
      @media only screen and (min-width: 960px) {
        section#cha-cha-cha .container .cha-content img.signature {
          width: 43%; } }
    section#cha-cha-cha .container .cha-content p {
      margin: 0 0 10px;
      font-size: 0.92em;
      font-weight: 500;
      line-height: 1.2;
      color: #fcff00; }
      @media only screen and (min-width: 360px) {
        section#cha-cha-cha .container .cha-content p {
          font-size: 1.04em; } }
      @media only screen and (min-width: 375px) {
        section#cha-cha-cha .container .cha-content p {
          width: 92%; } }
      @media only screen and (min-width: 414px) {
        section#cha-cha-cha .container .cha-content p {
          width: 80%;
          font-size: 1.09em; } }
      @media only screen and (min-width: 480px) {
        section#cha-cha-cha .container .cha-content p {
          width: 90%;
          font-size: 0.85em; } }
      @media only screen and (min-width: 568px) {
        section#cha-cha-cha .container .cha-content p {
          font-size: 0.97em; } }
      @media only screen and (min-width: 640px) {
        section#cha-cha-cha .container .cha-content p {
          width: 87%;
          font-size: 1.05em; } }
      @media only screen and (min-width: 667px) {
        section#cha-cha-cha .container .cha-content p {
          width: 88%;
          font-size: 1.1em; } }
      @media only screen and (min-width: 736px) {
        section#cha-cha-cha .container .cha-content p {
          width: 80%; } }
      @media only screen and (min-width: 768px) {
        section#cha-cha-cha .container .cha-content p {
          width: 88%;
          font-size: 1.2em; } }
      @media only screen and (min-width: 960px) {
        section#cha-cha-cha .container .cha-content p {
          width: 90%;
          font-size: 1.6em; } }
    section#cha-cha-cha .container .cha-content .cta {
      width: 100%;
      max-width: 800px;
      margin: 0 auto;
      box-sizing: border-box; }
      @media only screen and (min-width: 960px) {
        section#cha-cha-cha .container .cha-content .cta {
          width: 98%;
          margin: 0; } }
      section#cha-cha-cha .container .cha-content .cta a {
        display: block;
        width: 100%; }
        section#cha-cha-cha .container .cha-content .cta a img {
          width: 100%; }
      section#cha-cha-cha .container .cha-content .cta .cta-info {
        position: relative;
        width: 100%; }
        section#cha-cha-cha .container .cha-content .cta .cta-info small {
          display: inline-block;
          margin: 0 0 5px;
          font-family: 'Roboto', sans-serif;
          font-size: 0.65em;
          line-height: 1.2;
          color: #fff; }
          @media only screen and (min-width: 360px) {
            section#cha-cha-cha .container .cha-content .cta .cta-info small {
              font-size: 0.75em; } }
          @media only screen and (min-width: 375px) {
            section#cha-cha-cha .container .cha-content .cta .cta-info small {
              font-size: 0.8em; } }
          @media only screen and (min-width: 414px) {
            section#cha-cha-cha .container .cha-content .cta .cta-info small {
              width: 90%;
              margin-right: 15%; } }
          @media only screen and (min-width: 480px) {
            section#cha-cha-cha .container .cha-content .cta .cta-info small {
              width: 98%;
              margin: 0 0 5px;
              font-size: 0.7em; } }
          @media only screen and (min-width: 568px) {
            section#cha-cha-cha .container .cha-content .cta .cta-info small {
              width: 56%;
              font-size: 0.65em; } }
          @media only screen and (min-width: 640px) {
            section#cha-cha-cha .container .cha-content .cta .cta-info small {
              width: 59%;
              font-size: 0.75em; } }
          @media only screen and (min-width: 667px) {
            section#cha-cha-cha .container .cha-content .cta .cta-info small {
              width: 60%;
              font-size: 0.8em; } }
          @media only screen and (min-width: 736px) {
            section#cha-cha-cha .container .cha-content .cta .cta-info small {
              width: 61%;
              font-size: 0.85em; } }
          @media only screen and (min-width: 960px) {
            section#cha-cha-cha .container .cha-content .cta .cta-info small {
              width: 56%;
              margin: 6px 12px 0 76px;
              line-height: 1.4; } }
          section#cha-cha-cha .container .cha-content .cta .cta-info small span {
            text-transform: uppercase; }
          section#cha-cha-cha .container .cha-content .cta .cta-info small br.portrait {
            display: block;
            line-height: 0; }
            @media only screen and (min-width: 414px) {
              section#cha-cha-cha .container .cha-content .cta .cta-info small br.portrait {
                display: none; } }
        section#cha-cha-cha .container .cha-content .cta .cta-info a {
          display: inline-block;
          width: auto;
          vertical-align: top; }
        section#cha-cha-cha .container .cha-content .cta .cta-info img {
          display: inline-block;
          vertical-align: top; }
          section#cha-cha-cha .container .cha-content .cta .cta-info img.bbb {
            width: 30px;
            margin: 3px 5px 0 0; }
            @media only screen and (min-width: 736px) {
              section#cha-cha-cha .container .cha-content .cta .cta-info img.bbb {
                margin-right: 15px; } }
            @media only screen and (min-width: 960px) {
              section#cha-cha-cha .container .cha-content .cta .cta-info img.bbb {
                position: absolute;
                left: 20px;
                width: 38px; } }
          section#cha-cha-cha .container .cha-content .cta .cta-info img.mbg {
            width: 105px; }
            @media only screen and (min-width: 480px) {
              section#cha-cha-cha .container .cha-content .cta .cta-info img.mbg {
                position: relative;
                left: 0;
                width: 105px; } }
            @media only screen and (min-width: 960px) {
              section#cha-cha-cha .container .cha-content .cta .cta-info img.mbg {
                width: 132px; } }

section#socks {
  background: #08a4df;
  position: relative;
  overflow: hidden; }
  @media only screen and (min-width: 640px) {
    section#socks {
      background: #08a4df url("//img1.beachbodyimages.com/beachbody/image/upload//bbweb/cize/cize-socks-mobile-bg.gif") no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    section#socks {
      background: #08a4df url("//img1.beachbodyimages.com/beachbody/image/upload//bbweb/cize/cize-socks-desktop-bg.gif") no-repeat center top;
      background-size: cover; } }
  @media only screen and (min-width: 960px) {
    section#socks {
      height: 513px; } }
  section#socks .container #socks-image {
    background: url("//img1.beachbodyimages.com/beachbody/image/upload//bbweb/cize/t-shirt-splatter.png") no-repeat;
    position: absolute;
    top: 0;
    right: -12%;
    background-size: cover;
    width: 261px;
    height: 260px; }
    @media only screen and (min-width: 360px) {
      section#socks .container #socks-image {
        height: 240px;
        right: -5%; } }
    @media only screen and (min-width: 375px) {
      section#socks .container #socks-image {
        height: 226px;
        right: -10%;
        width: 265px; } }
    @media only screen and (min-width: 480px) {
      section#socks .container #socks-image {
        right: 0;
        width: 290px;
        height: 240px; } }
    @media only screen and (min-width: 568px) {
      section#socks .container #socks-image {
        right: -3%;
        width: 326px;
        height: 326px; } }
    @media only screen and (min-width: 640px) {
      section#socks .container #socks-image {
        right: 0;
        width: 344px;
        height: 302px; } }
    @media only screen and (min-width: 768px) {
      section#socks .container #socks-image {
        background: url("//img1.beachbodyimages.com/beachbody/image/upload//bbweb/cize/t-shirt-splatter.png") no-repeat;
        background-size: 100%;
        right: -4%;
        width: 432px;
        height: 326px; } }
    @media only screen and (min-width: 960px) {
      section#socks .container #socks-image {
        width: 695px;
        height: 520px;
        right: -6%; } }
  section#socks .container .socks-wrap {
    padding: 10px 0 8% 10px;
    width: 100%; }
    @media only screen and (min-width: 480px) {
      section#socks .container .socks-wrap {
        padding: 50px 0 10% 20px; } }
    @media only screen and (min-width: 640px) {
      section#socks .container .socks-wrap {
        padding: 65px 0 9% 35px; } }
    @media only screen and (min-width: 960px) {
      section#socks .container .socks-wrap {
        padding: 120px 0 9% 25px; } }
    section#socks .container .socks-wrap h2 {
      font-size: 23px;
      text-transform: uppercase;
      width: 140px;
      font-family: 'Roboto Condensed', sans-serif; }
      @media only screen and (min-width: 480px) {
        section#socks .container .socks-wrap h2 {
          width: 225px; } }
      @media only screen and (min-width: 568px) {
        section#socks .container .socks-wrap h2 {
          font-size: 32px;
          width: 310px; } }
      @media only screen and (min-width: 667px) {
        section#socks .container .socks-wrap h2 {
          width: 315px; } }
      @media only screen and (min-width: 768px) {
        section#socks .container .socks-wrap h2 {
          font-size: 46px;
          width: 495px; } }
      @media only screen and (min-width: 960px) {
        section#socks .container .socks-wrap h2 {
          font-size: 50px; } }
    section#socks .container .socks-wrap p {
      color: #fff;
      font-size: 13px;
      line-height: 1.3em;
      font-family: Arial, sans-serif;
      padding-top: 10px;
      width: 50%; }
      @media only screen and (min-width: 360px) {
        section#socks .container .socks-wrap p {
          width: 53%; } }
      @media only screen and (min-width: 568px) {
        section#socks .container .socks-wrap p {
          width: 45%;
          font-size: 14px; } }
      @media only screen and (min-width: 768px) {
        section#socks .container .socks-wrap p {
          width: 60%;
          font-size: 19px; } }
      @media only screen and (min-width: 960px) {
        section#socks .container .socks-wrap p {
          width: 52%;
          font-size: 21px;
          padding-bottom: 5px; } }
    section#socks .container .socks-wrap a {
      color: #fcff00;
      font-family: Arial, sans-serif;
      font-size: 12px; }
      @media only screen and (min-width: 568px) {
        section#socks .container .socks-wrap a {
          font-size: 13px; } }
      @media only screen and (min-width: 768px) {
        section#socks .container .socks-wrap a {
          font-size: 16px; } }
      @media only screen and (min-width: 960px) {
        section#socks .container .socks-wrap a {
          font-size: 20px;
          padding-top: 10px; } }

#popup-bg {
  background-color: #000000;
  display: none;
  height: 100%;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 20; }

#popup-container {
  display: none;
  position: absolute;
  top: 15px;
  left: auto;
  width: 96%;
  margin: 0 2%;
  border: 5px solid #fcff00;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 21; }
  @media only screen and (min-width: 568px) {
    #popup-container {
      width: 78%;
      margin: 0 11%; } }
  @media only screen and (min-width: 960px) {
    #popup-container {
      left: 50%;
      width: 880px;
      margin-left: -440px; } }

.popup-close {
  position: absolute;
  top: 1px;
  right: 1px;
  background: url("//img1.beachbodyimages.com/beachbody/image/upload/common/mbg-close-sprite.png") no-repeat;
  width: 42px;
  height: 42px;
  z-index: 20; }

.popup-video {
  display: none; }
  .popup-video .popup-close {
    position: absolute;
    top: -53px;
    right: -5px;
    background: #fcff00 url("//img1.beachbodyimages.com/beachbody/image/upload/bbweb/common/popup-close-sprite.png") no-repeat center -81px;
    width: 48px;
    height: 48px;
    z-index: 500001; }
    @media only screen and (min-width: 960px) {
      .popup-video .popup-close {
        top: -5px;
        right: -53px; } }
  .popup-video #player-container {
    position: relative;
    width: 100%;
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0 auto; }
    @media only screen and (min-width: 960px) {
      .popup-video #player-container {
        width: 870px; } }
    .popup-video #player-container .video-js {
      height: 170px;
      width: 100%; }
      @media only screen and (min-width: 360px) {
        .popup-video #player-container .video-js {
          height: 189px; } }
      @media only screen and (min-width: 375px) {
        .popup-video #player-container .video-js {
          height: 197px; } }
      @media only screen and (min-width: 414px) {
        .popup-video #player-container .video-js {
          height: 218px; } }
      @media only screen and (min-width: 480px) {
        .popup-video #player-container .video-js {
          height: 248px; } }
      @media only screen and (min-width: 667px) {
        .popup-video #player-container .video-js {
          height: 287px; } }
      @media only screen and (min-width: 768px) {
        .popup-video #player-container .video-js {
          height: 332px; } }
      @media only screen and (min-width: 960px) {
        .popup-video #player-container .video-js {
          height: 490px; } }

.popup-mbg {
  display: none;
  position: relative;
  background: #d3d3d3;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #d3d3d3 0%, #f8f8f8 50%, #d3d3d3 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(50%, #f8f8f8), color-stop(100%, #d3d3d3));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d3d3d3 0%, #f8f8f8 50%, #d3d3d3 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d3d3d3 0%, #f8f8f8 50%, #d3d3d3 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d3d3d3 0%, #f8f8f8 50%, #d3d3d3 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d3d3d3 0%, #f8f8f8 50%, #d3d3d3 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#d3d3d3',GradientType=0 );
  /* IE6-8 */
  padding: 0 7px 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  overflow: hidden; }
  @media only screen and (min-width: 360px) {
    .popup-mbg {
      padding-left: 20px; } }
  @media only screen and (min-width: 375px) {
    .popup-mbg {
      padding-left: 32px; } }
  @media only screen and (min-width: 480px) {
    .popup-mbg {
      padding: 0 25px 9px; } }
  @media only screen and (min-width: 960px) {
    .popup-mbg {
      padding: 30px; } }
  .popup-mbg .mbg-bb-logo {
    display: inline-block;
    position: relative;
    margin: 20px 0 30px; }
    @media only screen and (min-width: 480px) {
      .popup-mbg .mbg-bb-logo {
        margin-bottom: 15px; } }
    @media only screen and (min-width: 960px) {
      .popup-mbg .mbg-bb-logo {
        margin: 0 0 35px; } }
  .popup-mbg .heading {
    color: #000;
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0 0 20px;
    font-family: arial,helvetica,sans-serif;
    font-size: 2.24em;
    font-weight: normal;
    line-height: 0.95;
    text-transform: uppercase; }
    @media only screen and (min-width: 480px) {
      .popup-mbg .heading {
        margin-bottom: 10px;
        text-align: left; } }
    @media only screen and (min-width: 768px) {
      .popup-mbg .heading {
        margin-bottom: 16px; } }
    @media only screen and (min-width: 960px) {
      .popup-mbg .heading {
        font-size: 2.55em; } }
    .popup-mbg .heading span {
      font-size: 1.67em;
      font-weight: bold; }
  .popup-mbg p {
    position: relative;
    margin: 0;
    font-size: 1.16em;
    line-height: 1.3;
    width: 101%; }
    @media only screen and (min-width: 360px) {
      .popup-mbg p {
        width: 94%; } }
    @media only screen and (min-width: 414px) {
      .popup-mbg p {
        width: 92%; } }
    @media only screen and (min-width: 480px) {
      .popup-mbg p {
        width: 89%;
        margin: 0;
        font-size: 1.14em;
        text-align: left; } }
    @media only screen and (min-width: 568px) {
      .popup-mbg p {
        width: 59%; } }
    @media only screen and (min-width: 640px) {
      .popup-mbg p {
        width: 53%; } }
    @media only screen and (min-width: 667px) {
      .popup-mbg p {
        width: 50%; } }
    @media only screen and (min-width: 736px) {
      .popup-mbg p {
        width: 55%; } }
    @media only screen and (min-width: 768px) {
      .popup-mbg p {
        width: 53%;
        font-size: 1.12em; } }
    @media only screen and (min-width: 960px) {
      .popup-mbg p {
        width: 45%; } }
    .popup-mbg p.message {
      margin-bottom: 25px; }
      @media only screen and (min-width: 568px) {
        .popup-mbg p.message {
          margin-bottom: 15px; } }
      @media only screen and (min-width: 768px) {
        .popup-mbg p.message {
          margin-bottom: 70px; } }
      @media only screen and (min-width: 960px) {
        .popup-mbg p.message {
          margin-bottom: 58px; } }
    .popup-mbg p.title {
      position: relative;
      margin-bottom: 10px; }
  .popup-mbg .mbg-sig {
    margin: 0;
    position: relative; }
    @media only screen and (min-width: 480px) {
      .popup-mbg .mbg-sig {
        width: 160px; } }
    @media only screen and (min-width: 768px) {
      .popup-mbg .mbg-sig {
        width: auto; } }
    @media only screen and (min-width: 960px) {
      .popup-mbg .mbg-sig {
        margin-left: 0; } }
  .popup-mbg .mbg-graphic {
    display: block;
    margin: 6% 0;
    position: relative;
    width: 155px; }
    @media only screen and (min-width: 480px) {
      .popup-mbg .mbg-graphic {
        display: initial;
        right: initial;
        width: 105px;
        margin: 0 0 8px 20px; } }
    @media only screen and (min-width: 768px) {
      .popup-mbg .mbg-graphic {
        left: 20px;
        margin: initial;
        top: -71px;
        width: 135px; } }
    @media only screen and (min-width: 960px) {
      .popup-mbg .mbg-graphic {
        margin: 0;
        display: initial;
        position: absolute;
        top: auto;
        bottom: 103px;
        left: 276px;
        width: 135px; } }
  .popup-mbg .mbg-carl {
    display: none; }
    @media only screen and (min-width: 568px) {
      .popup-mbg .mbg-carl {
        display: block;
        position: absolute;
        bottom: 0;
        right: -56px;
        width: 290px; } }
    @media only screen and (min-width: 640px) {
      .popup-mbg .mbg-carl {
        right: -14px;
        width: 304px; } }
    @media only screen and (min-width: 667px) {
      .popup-mbg .mbg-carl {
        right: -5px; } }
    @media only screen and (min-width: 736px) {
      .popup-mbg .mbg-carl {
        right: -10px;
        top: 0px; } }
    @media only screen and (min-width: 768px) {
      .popup-mbg .mbg-carl {
        display: block;
        position: absolute;
        bottom: 0;
        right: -21px;
        width: 351px; } }
    @media only screen and (min-width: 960px) {
      .popup-mbg .mbg-carl {
        top: auto;
        right: 12px;
        width: 390px; } }

#footer {
  background: #000;
  padding: 0 0 20px; }
  @media only screen and (min-width: 667px) {
    #footer {
      padding: 0 0 1px; } }
  #footer .footer-container {
    display: block;
    width: 100%;
    max-width: 960px;
    margin: 0 auto 20px;
    padding: 30px 0 5px;
    font-family: Arial, sans-serif;
    font-size: 0.625em;
    color: #898989;
    border-bottom: 3px solid #898989;
    -webkit-text-size-adjust: 100%; }
    @media only screen and (min-width: 480px) {
      #footer .footer-container {
        padding: 30px 0 35px; } }
    @media only screen and (min-width: 667px) {
      #footer .footer-container {
        margin: 0 auto 16px;
        padding: 30px 0 52px; } }
    @media only screen and (min-width: 960px) {
      #footer .footer-container {
        padding: 30px 10px 42px; } }
    #footer .footer-container ul.reviews-links {
      width: 80%;
      margin: 0 auto 18px;
      font-size: 1.2em;
      line-height: 1;
      color: #898989;
      text-align: center;
      text-transform: uppercase; }
      @media only screen and (min-width: 480px) {
        #footer .footer-container ul.reviews-links {
          font-size: 1.3em;
          width: 90%; } }
      @media only screen and (min-width: 640px) {
        #footer .footer-container ul.reviews-links {
          width: 100%; } }
      @media only screen and (min-width: 768px) {
        #footer .footer-container ul.reviews-links {
          width: 84%; } }
      @media only screen and (min-width: 960px) {
        #footer .footer-container ul.reviews-links {
          width: 100%; } }
      #footer .footer-container ul.reviews-links li {
        display: block;
        list-style-type: none;
        margin: 0 0 20px;
        padding: 0 13px; }
        @media only screen and (min-width: 360px) {
          #footer .footer-container ul.reviews-links li {
            padding: 0 22px; } }
        @media only screen and (min-width: 480px) {
          #footer .footer-container ul.reviews-links li {
            margin: 0 0 20px;
            display: inline-block;
            border-left: 1px solid #898989; } }
        @media only screen and (min-width: 568px) {
          #footer .footer-container ul.reviews-links li {
            padding: 0 15px; } }
        #footer .footer-container ul.reviews-links li:nth-child(3) {
          border-width: 0; }
          @media only screen and (min-width: 768px) {
            #footer .footer-container ul.reviews-links li:nth-child(3) {
              border-width: 1px; } }
        #footer .footer-container ul.reviews-links li:nth-child(5) {
          border-width: 0; }
          @media only screen and (min-width: 480px) {
            #footer .footer-container ul.reviews-links li:nth-child(5) {
              border-width: 1px; } }
          @media only screen and (min-width: 768px) {
            #footer .footer-container ul.reviews-links li:nth-child(5) {
              border-width: 0; } }
          @media only screen and (min-width: 960px) {
            #footer .footer-container ul.reviews-links li:nth-child(5) {
              border-width: 1px; } }
        @media only screen and (min-width: 768px) {
          #footer .footer-container ul.reviews-links li:last-child {
            border-width: 1px; } }
        #footer .footer-container ul.reviews-links li a {
          color: #898989;
          text-decoration: underline;
          white-space: nowrap; }
      #footer .footer-container ul.reviews-links li:first-child {
        border: 0; }
      #footer .footer-container ul.reviews-links .break {
        display: none; }
        @media only screen and (min-width: 480px) {
          #footer .footer-container ul.reviews-links .break {
            display: block;
            line-height: 0; } }
        @media only screen and (min-width: 640px) {
          #footer .footer-container ul.reviews-links .break {
            display: none; } }
        @media only screen and (min-width: 768px) {
          #footer .footer-container ul.reviews-links .break {
            display: none; } }
    #footer .footer-container .logo-strip {
      width: 100%;
      margin: 0 auto 12px;
      padding: 5px 0 4px 14px;
      font-family: 'eurostileExt', sans-serif;
      text-transform: uppercase;
      text-decoration: none;
      font-size: 10px;
      color: #707070;
      letter-spacing: 2px;
      border: 1px solid #707070;
      border-right: 0;
      border-left: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      @media only screen and (min-width: 960px) {
        #footer .footer-container .logo-strip {
          width: 100%;
          margin-left: 0; } }
      #footer .footer-container .logo-strip img {
        width: 18px;
        vertical-align: middle; }
      #footer .footer-container .logo-strip sup {
        position: relative;
        top: 2px;
        font-size: 0.4em;
        vertical-align: text-top; }
    #footer .footer-container p {
      font-size: 1em;
      margin: 0 0 10px;
      line-height: 1.3;
      text-align: center; }
      @media only screen and (min-width: 640px) {
        #footer .footer-container p {
          text-align: left; } }
    #footer .footer-container .global-info,
    #footer .footer-container .page-info {
      display: inline-block;
      width: 100%;
      padding: 0 10px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      @media only screen and (min-width: 640px) {
        #footer .footer-container .global-info,
        #footer .footer-container .page-info {
          width: 49%; } }
    #footer .footer-container .global-info {
      text-align: left; }
      @media only screen and (min-width: 640px) {
        #footer .footer-container .global-info {
          float: left;
          width: 50%;
          padding-right: 20px;
          border-right: 1px solid #898989; } }
      @media only screen and (min-width: 960px) {
        #footer .footer-container .global-info {
          width: 37%; } }
      #footer .footer-container .global-info .footer-nav {
        float: left;
        width: 100%;
        padding-top: 15px;
        border: 0;
        border-top: 1px solid #898989; }
        @media only screen and (min-width: 640px) {
          #footer .footer-container .global-info .footer-nav {
            padding-top: 0;
            border: 0; } }
        #footer .footer-container .global-info .footer-nav .footer-col {
          float: left;
          width: 38%; }
          @media only screen and (min-width: 360px) {
            #footer .footer-container .global-info .footer-nav .footer-col {
              width: 40%; } }
          @media only screen and (min-width: 480px) {
            #footer .footer-container .global-info .footer-nav .footer-col {
              width: 33%; } }
          @media only screen and (min-width: 640px) {
            #footer .footer-container .global-info .footer-nav .footer-col {
              width: 37%; } }
          @media only screen and (min-width: 480px) {
            #footer .footer-container .global-info .footer-nav .footer-col:first-child {
              margin-left: 9%; } }
          @media only screen and (min-width: 640px) {
            #footer .footer-container .global-info .footer-nav .footer-col:first-child {
              margin-left: 0; } }
          #footer .footer-container .global-info .footer-nav .footer-col.last {
            float: right;
            width: 23%; }
            @media only screen and (min-width: 360px) {
              #footer .footer-container .global-info .footer-nav .footer-col.last {
                width: 20%; } }
            @media only screen and (min-width: 480px) {
              #footer .footer-container .global-info .footer-nav .footer-col.last {
                width: 25%; } }
            @media only screen and (min-width: 640px) {
              #footer .footer-container .global-info .footer-nav .footer-col.last {
                width: 23%; } }
          #footer .footer-container .global-info .footer-nav .footer-col a {
            display: block;
            margin: 0 0 10px;
            line-height: 1;
            color: #898989;
            text-decoration: none; }
      #footer .footer-container .global-info p.legal {
        display: inline-block;
        padding-top: 30px; }
        @media only screen and (min-width: 960px) {
          #footer .footer-container .global-info p.legal {
            width: 93%; } }
        #footer .footer-container .global-info p.legal a {
          color: #898989;
          text-decoration: none; }
    #footer .footer-container .page-info {
      margin-bottom: 15px; }
      @media only screen and (min-width: 640px) {
        #footer .footer-container .page-info {
          padding-left: 20px; } }
      @media only screen and (min-width: 960px) {
        #footer .footer-container .page-info {
          width: 60%;
          margin-bottom: 75px;
          padding-left: 30px; } }
      #footer .footer-container .page-info a {
        color: #898989; }

#cize-live {
  position: relative;
  overflow: hidden;
  background: #000000 url("//img1.beachbodyimages.com/beachbody/image/upload//bbweb/cize/test/tmm221/cize-live-bkg-375.jpg") no-repeat center top; }
  @media only screen and (min-width: 480px) {
    #cize-live {
      background: #000000 url("//img1.beachbodyimages.com/beachbody/image/upload//bbweb/cize/test/tmm221/cize-live-bkg-667.jpg") no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 960px) {
    #cize-live {
      background: #000000 url("//img1.beachbodyimages.com/beachbody/image/upload//bbweb/cize/test/tmm221/cize-live-bkg-1024-v2.jpg") no-repeat;
      background-size: cover;
      margin-bottom: -2px !important;
      background-position: right top; } }
  #cize-live .container {
    max-width: 370px; }
    #cize-live .container:after {
      content: "";
      display: table;
      clear: both; }
    @media only screen and (min-width: 480px) {
      #cize-live .container {
        max-width: 667px; } }
    @media only screen and (min-width: 960px) {
      #cize-live .container {
        max-width: 1084px; } }
    #cize-live .container .info-wrap {
      padding: 13px 0 8% 10px;
      width: 69%;
      float: right; }
      @media only screen and (min-width: 480px) {
        #cize-live .container .info-wrap {
          padding: 50px 0 10% 20px; } }
      @media only screen and (min-width: 640px) {
        #cize-live .container .info-wrap {
          padding: 90px 0 19% 35px;
          width: 62.5%; } }
      @media only screen and (min-width: 960px) {
        #cize-live .container .info-wrap {
          padding: 151px 20% 9% 24px;
          width: 54.5%; } }
      @media only screen and (min-width: 1200px) {
        #cize-live .container .info-wrap {
          padding: 151px 10% 9% 24px; } }
      @media only screen and (min-width: 1400px) {
        #cize-live .container .info-wrap {
          padding: 151px 0 9% 24px; } }
      #cize-live .container .info-wrap h2 {
        font-size: 23px;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif;
        letter-spacing: 1px; }
        @media only screen and (min-width: 667px) {
          #cize-live .container .info-wrap h2 {
            font-size: 40px;
            line-height: 37px;
            letter-spacing: 0; } }
        @media only screen and (min-width: 960px) {
          #cize-live .container .info-wrap h2 {
            font-size: 50px;
            line-height: 48px; } }
      #cize-live .container .info-wrap p {
        color: #fff;
        font-size: 15px;
        line-height: 18px;
        font-family: Roboto, sans-serif;
        padding-top: 4px;
        margin-right: 11px; }
        @media only screen and (min-width: 667px) {
          #cize-live .container .info-wrap p {
            line-height: 18px;
            padding-top: 2px;
            margin-right: 24px; } }
        @media only screen and (min-width: 960px) {
          #cize-live .container .info-wrap p {
            font-size: 22px;
            line-height: 28px;
            padding-bottom: 5px;
            padding-top: 15px;
            margin-right: 0px; } }
        #cize-live .container .info-wrap p a {
          color: #fcff00;
          font-weight: 400; }

/*# sourceMappingURL=cize-web-index.css.map */