@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%;
  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("/images/can/common/products/programs/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("/images/can/common/products/programs/cize/cize-wyg-bg.jpg") no-repeat center 196%; } }
  @media only screen and (min-width: 960px) {
    section#what-you-get {
      background-position: center 110%;
      padding: 40px 0;
      margin-top: -149px; } }
  @media only screen and (min-width: 1100px) {
    section#what-you-get {
      background-position: center 108%;
      padding: 40px 0;
      margin-top: -149px; } }

#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;
            font-size: 13px; } }
        #headerBB nav.mainNavigationWrapper .mainNavigation a.logo img {
          position: absolute;
          left: 14px;
          width: 22px; }
        #headerBB nav.mainNavigationWrapper .mainNavigation a.logo sup {
          top: -1px;
          left: -1px !important;
          font-size: .4em !important; }
      #headerBB nav.mainNavigationWrapper .mainNavigation a {
        color: #fff; }
      #headerBB nav.mainNavigationWrapper .mainNavigation .phoneSection {
        position: absolute;
        top: 12px;
        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) {
          #headerBB nav.mainNavigationWrapper .mainNavigation .phoneSection {
            background: rgba(0, 0, 0, 0.5);
            top: 40px;
            right: 0;
            left: auto;
            width: auto;
            padding: 5px 10px;
            font-size: 0.75em;
            border: 1px solid #fff;
            border-radius: 3px; } }
        #headerBB nav.mainNavigationWrapper .mainNavigation .phoneSection .prdPhone {
          background: url("/images/can/common/products/programs/cize/phone-yellow-button.png") no-repeat center left;
          padding: 5px 0 5px 30px; }
          @media only screen and (min-width: 960px) {
            #headerBB nav.mainNavigationWrapper .mainNavigation .phoneSection .prdPhone {
              background: transparent;
              padding-left: 0;
              font-size: 1.1em;
              font-weight: bold; } }
          #headerBB nav.mainNavigationWrapper .mainNavigation .phoneSection .prdPhone a {
            text-decoration: 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: 0;
      width: 62%;
      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 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("/images/can/common/products/programs/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("/images/can/common/products/programs/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("/images/can/common/products/programs/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 sup {
    font-size: 80%;
    vertical-align: super; }
  @media only screen and (min-width: 320px) {
    section#hero .service-phone {
      display: none; } }
  @media only screen and (min-width: 960px) {
    section#hero .service-phone {
      display: block;
      position: absolute;
      right: 10px;
      top: 5px;
      background: rgba(0, 0, 0, 0.5);
      color: #fff;
      font-family: Arial, sans-serif;
      font-weight: bold;
      text-transform: uppercase;
      border: 1px solid #FFFFFF;
      padding: 6px;
      font-size: 13px; }
      section#hero .service-phone a {
        font-size: 13px;
        color: #fff;
        font-family: Arial, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        cursor: pointer; } }
  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: 25px;
        right: 0; } }
    @media only screen and (min-width: 1100px) {
      section#hero .burst {
        right: 70px; } }
    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 {
    width: 78%;
    margin: 110px auto 0; }
    @media only screen and (min-width: 360px) {
      section#hero .hero-logo {
        width: 74%;
        margin-top: 100px; } }
    @media only screen and (min-width: 375px) {
      section#hero .hero-logo {
        width: 262px; } }
    @media only screen and (min-width: 480px) {
      section#hero .hero-logo {
        width: 70%;
        margin-top: 222px; } }
    @media only screen and (min-width: 568px) {
      section#hero .hero-logo {
        margin-top: 218px; } }
    @media only screen and (min-width: 640px) {
      section#hero .hero-logo {
        width: 63%; } }
    @media only screen and (min-width: 667px) {
      section#hero .hero-logo {
        width: 420px; } }
    @media only screen and (min-width: 768px) {
      section#hero .hero-logo {
        width: 566px;
        margin-top: 257px; } }
  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: 1px 1px 27px black, 0 0rem 1em #000, 0 0rem 1em #000, 0 0rem 1em #000, 0 0rem 1em #000; }
      @media only screen and (min-width: 360px) {
        section#hero .cta small {
          font-size: 0.7em;
          font-weight: bold; } }
      @media only screen and (min-width: 568px) {
        section#hero .cta small {
          width: 96%;
          margin-top: -7px;
          font-weight: bold; } }
      @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 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("/images/can/common/products/programs/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("/images/can/common/products/programs/cize/cize-hero-overhang-667.png") no-repeat center 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("/images/can/common/products/programs/cize/cize-hero-overhang.png") no-repeat center top; } }

#contentBB section#video {
  background: url("/images/can/en_ca/products/programs/cize/cize-video-bg.png") center -19px no-repeat transparent;
  background-size: 230%;
  color: #fff;
  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: 768px) {
    #contentBB section#video {
      background-position: center -67px;
      background-size: 215%; } }
  @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("/images/can/common/products/programs/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%;
    text-shadow: 1px 1px 27px black, 0 0rem 1em #000, 0 0rem 1em #000, 0 0rem 1em #000, 0 0rem 1em #000,0 0rem 1em #000; }
    @media only screen and (min-width: 360px) {
      #contentBB section#video p {
        margin: 0 auto 22%;
        width: 66%;
        font-weight: bold; } }
    @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: 0;
        padding: 0 0 7%; } }
    @media only screen and (min-width: 960px) {
      #contentBB section#video span {
        font-size: 18px;
        padding: 0 0 7%; } }

#contentBB section#shaunt-bg {
  height: 100%;
  margin: 0 auto;
  position: relative;
  top: -20px;
  width: 100%;
  z-index: 5;
  /*
    ARTICLE 2 - YOU CAN DANCE/try-the-4
  */ }
  @media only screen and (min-width: 360px) {
    #contentBB section#shaunt-bg {
      top: -30px; } }
  @media only screen and (min-width: 480px) {
    #contentBB section#shaunt-bg {
      top: -32px; } }
  @media only screen and (min-width: 568px) {
    #contentBB section#shaunt-bg {
      background: url("/images/can/common/products/programs/cize/cize-shaunt-grunge1.jpg") center top no-repeat #000;
      background-size: 150%;
      top: -100px; } }
  @media only screen and (min-width: 640px) {
    #contentBB section#shaunt-bg {
      top: -114px; } }
  @media only screen and (min-width: 768px) {
    #contentBB section#shaunt-bg {
      background-size: 150%;
      top: -148px; } }
  @media only screen and (min-width: 960px) {
    #contentBB section#shaunt-bg {
      top: -148px;
      padding: 0 0 109px;
      background-position: center 13%;
      background-size: 100% 100%; } }
  #contentBB section#shaunt-bg .superhero {
    background: url("/images/can/common/products/programs/cize/transparent-pixel.png") #666666;
    margin: 2% auto;
    padding: 2% 0; }
    @media only screen and (min-width: 568px) {
      #contentBB section#shaunt-bg .superhero {
        background-color: transparent;
        position: relative;
        top: 65px; } }
    @media only screen and (min-width: 640px) {
      #contentBB section#shaunt-bg .superhero {
        top: 88px; } }
    @media only screen and (min-width: 768px) {
      #contentBB section#shaunt-bg .superhero {
        top: 105px; } }
    @media only screen and (min-width: 960px) {
      #contentBB section#shaunt-bg .superhero {
        top: 112px; } }
  #contentBB section#shaunt-bg .container-carousel {
    top: 0;
    margin: 0 auto; }
  #contentBB section#shaunt-bg .hide {
    display: none; }
    @media only screen and (min-width: 568px) {
      #contentBB section#shaunt-bg .hide {
        display: inline-block;
        position: absolute; } }
  #contentBB section#shaunt-bg img {
    position: relative;
    width: 100%; }
  @media only screen and (min-width: 568px) {
    #contentBB section#shaunt-bg img + img {
      display: none; } }
  #contentBB section#shaunt-bg article {
    color: yellow;
    font-size: 34px;
    font-style: italic;
    margin: 0 auto;
    width: 98%; }
    @media only screen and (min-width: 568px) {
      #contentBB section#shaunt-bg article {
        /*border: 1px solid #ccc;*/
        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; } }
    #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; } }
      @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: 960px) {
        #contentBB section#shaunt-bg article p {
          font-weight: 300; } }
    #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; } }
  @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 {
      top: auto; } }
  #contentBB section#shaunt-bg #try-the-4 .content {
    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: 53%;
        width: 46%; } }
    @media only screen and (min-width: 640px) {
      #contentBB section#shaunt-bg #try-the-4 .content {
        left: 52%; } }
    @media only screen and (min-width: 768px) {
      #contentBB section#shaunt-bg #try-the-4 .content {
        left: 54%;
        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%;
      font-style: normal; }
      @media only screen and (min-width: 568px) {
        #contentBB section#shaunt-bg #try-the-4 .content p {
          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; } }
    @media only screen and (min-width: 960px) {
      #contentBB section#shaunt-bg #try-the-4 .separatethis {
        font-weight: 500; } }
  #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 #carousel {
    margin: 148px auto 0; }
    #contentBB section#shaunt-bg #carousel .container {
      padding: 0;
      background: rgba(0, 0, 0, 0.7);
      border: 1px solid #fff; }
    #contentBB section#shaunt-bg #carousel .heading {
      margin: 0 auto;
      text-align: center; }
      @media only screen and (min-width: 568px) {
        #contentBB section#shaunt-bg #carousel .heading {
          width: 85%; } }
      @media only screen and (min-width: 640px) {
        #contentBB section#shaunt-bg #carousel .heading {
          width: 85%; } }
      @media only screen and (min-width: 768px) {
        #contentBB section#shaunt-bg #carousel .heading {
          width: 85%; } }
      #contentBB section#shaunt-bg #carousel .heading img {
        position: relative;
        width: 34%;
        top: 4px;
        height: auto; }
        @media only screen and (min-width: 568px) {
          #contentBB section#shaunt-bg #carousel .heading img {
            width: 31%; } }
        @media only screen and (min-width: 640px) {
          #contentBB section#shaunt-bg #carousel .heading img {
            width: 31%; } }
        @media only screen and (min-width: 768px) {
          #contentBB section#shaunt-bg #carousel .heading img {
            width: 33%; } }
        @media only screen and (min-width: 960px) {
          #contentBB section#shaunt-bg #carousel .heading img {
            width: 34%; } }
        @media only screen and (min-width: 1100px) {
          #contentBB section#shaunt-bg #carousel .heading img {
            width: 34%; } }
      #contentBB section#shaunt-bg #carousel .heading h2 {
        display: inline-block;
        font-style: italic;
        font-size: 2.3em;
        color: #fff;
        text-transform: uppercase;
        text-shadow: 2px 2px 4px #000; }
        #contentBB section#shaunt-bg #carousel .heading h2 span {
          display: none; }
        @media only screen and (min-width: 360px) {
          #contentBB section#shaunt-bg #carousel .heading h2 {
            font-size: 1em; } }
        @media only screen and (min-width: 480px) {
          #contentBB section#shaunt-bg #carousel .heading h2 {
            font-size: 1.1em; } }
        @media only screen and (min-width: 568px) {
          #contentBB section#shaunt-bg #carousel .heading h2 {
            font-size: 1.3em; } }
        @media only screen and (min-width: 768px) {
          #contentBB section#shaunt-bg #carousel .heading h2 {
            font-size: 1.5em; } }
        @media only screen and (min-width: 960px) {
          #contentBB section#shaunt-bg #carousel .heading h2 {
            font-size: 1.9em; } }
        @media only screen and (min-width: 1100px) {
          #contentBB section#shaunt-bg #carousel .heading h2 {
            font-size: 1.9em; } }
        @media only screen and (min-width: 1200px) {
          #contentBB section#shaunt-bg #carousel .heading h2 {
            font-size: 2.3em; } }
    #contentBB section#shaunt-bg #carousel .simpleSliderWrapper {
      width: 100%;
      display: block;
      font-weight: 600;
      letter-spacing: 0.5px;
      color: #FFFFFF; }
      #contentBB section#shaunt-bg #carousel .simpleSliderWrapper .ssBefore {
        float: left;
        width: auto;
        font-size: 20px; }
      #contentBB section#shaunt-bg #carousel .simpleSliderWrapper .ssAfter {
        float: right;
        width: auto;
        font-size: 20px; }
      #contentBB section#shaunt-bg #carousel .simpleSliderWrapper .ssName-wrapper {
        width: 100%;
        float: left; }
      #contentBB section#shaunt-bg #carousel .simpleSliderWrapper .ssName {
        margin: 0 auto;
        font-size: 32px; }
        @media only screen and (min-width: 568px) {
          #contentBB section#shaunt-bg #carousel .simpleSliderWrapper .ssName {
            font-size: 1em; } }
        @media only screen and (min-width: 768px) {
          #contentBB section#shaunt-bg #carousel .simpleSliderWrapper .ssName {
            font-size: 20px; } }
        @media only screen and (min-width: 960px) {
          #contentBB section#shaunt-bg #carousel .simpleSliderWrapper .ssName {
            font-size: 32px; } }
      #contentBB section#shaunt-bg #carousel .simpleSliderWrapper .ssAge {
        margin: 0 auto;
        font-size: 32px; }
        @media only screen and (min-width: 568px) {
          #contentBB section#shaunt-bg #carousel .simpleSliderWrapper .ssAge {
            font-size: 1em; } }
        @media only screen and (min-width: 768px) {
          #contentBB section#shaunt-bg #carousel .simpleSliderWrapper .ssAge {
            font-size: 20px; } }
        @media only screen and (min-width: 960px) {
          #contentBB section#shaunt-bg #carousel .simpleSliderWrapper .ssAge {
            font-size: 32px; } }
  #contentBB section#shaunt-bg #you-can-dance {
    box-sizing: border-box;
    line-height: 1.2;
    text-align: center; }
    #contentBB section#shaunt-bg #you-can-dance li {
      color: yellow;
      list-style-type: square; }
      @media only screen and (min-width: 568px) {
        #contentBB section#shaunt-bg #you-can-dance li {
          font-size: 22px;
          position: absolute;
          right: 6%;
          top: 30%; } }
      @media only screen and (min-width: 640px) {
        #contentBB section#shaunt-bg #you-can-dance li {
          right: 10%;
          top: 41%; } }
      @media only screen and (min-width: 667px) {
        #contentBB section#shaunt-bg #you-can-dance li {
          right: 13%;
          top: 46%; } }
      @media only screen and (min-width: 768px) {
        #contentBB section#shaunt-bg #you-can-dance li {
          right: 20%;
          top: 57%; } }
      @media only screen and (min-width: 960px) {
        #contentBB section#shaunt-bg #you-can-dance li {
          right: 20.5%;
          top: 54%; } }
      @media only screen and (min-width: 1024px) {
        #contentBB section#shaunt-bg #you-can-dance li {
          right: 22.5%;
          top: 60%; } }
      @media only screen and (min-width: 1100px) {
        #contentBB section#shaunt-bg #you-can-dance li {
          right: 23%;
          top: 55%; } }
      @media only screen and (min-width: 1200px) {
        #contentBB section#shaunt-bg #you-can-dance li {
          right: 275px;
          top: 373px; } }
      #contentBB section#shaunt-bg #you-can-dance li span {
        color: #fff;
        font-size: 14px;
        font-weight: bolder;
        font-style: normal; }
    #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 {
          text-align: left; } }
      @media only screen and (min-width: 960px) {
        #contentBB section#shaunt-bg #you-can-dance .h2sm {
          font-size: 30px; } }
    @media only screen and (min-width: 568px) {
      #contentBB section#shaunt-bg #you-can-dance {
        padding: 0 5% 0 5%;
        text-align: left; } }
    @media only screen and (min-width: 960px) {
      #contentBB section#shaunt-bg #you-can-dance {
        padding: 0 4% 0 4%;
        margin-top: 30px; } }
    @media only screen and (min-width: 1100px) {
      #contentBB section#shaunt-bg #you-can-dance {
        padding: 0 5% 0 5%; } }
    #contentBB section#shaunt-bg #you-can-dance img {
      width: 70%; }
      @media only screen and (min-width: 360px) {
        #contentBB section#shaunt-bg #you-can-dance img {
          width: 59%; } }
      @media only screen and (min-width: 568px) {
        #contentBB section#shaunt-bg #you-can-dance img {
          float: right;
          right: 8%;
          width: 43%; } }
      @media only screen and (min-width: 960px) {
        #contentBB section#shaunt-bg #you-can-dance img {
          right: 5%; } }
      @media only screen and (min-width: 1100px) {
        #contentBB section#shaunt-bg #you-can-dance img {
          right: 7%; } }
    #contentBB section#shaunt-bg #you-can-dance p {
      font-size: 20px; }
      @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 {
      padding: 0 0 0; }
      #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;
            font-size: 20px; } }
      @media only screen and (min-width: 568px) {
        #contentBB section#shaunt-bg #you-can-dance .content {
          left: 0;
          text-align: left;
          top: -10px;
          width: 41%; } }
      @media only screen and (min-width: 960px) {
        #contentBB section#shaunt-bg #you-can-dance .content {
          width: 48%; } }
      @media only screen and (min-width: 1100px) {
        #contentBB section#shaunt-bg #you-can-dance .content {
          width: 410px; } }
    #contentBB section#shaunt-bg #you-can-dance .btm-para {
      font-size: 20px;
      font-style: normal; }
      @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%; } }

#contentBB section #successStories {
  /*SUCCESS START*/ }
  #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; }
    #contentBB section #successStories .heading img {
      position: relative;
      top: 4px;
      width: 36%; }
      @media only screen and (min-width: 960px) {
        #contentBB section #successStories .heading img {
          width: 26%; } }
    #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: 960px) {
        #contentBB section #successStories .heading h2 {
          width: 80%; } }
      #contentBB section #successStories .heading h2 span {
        display: inline-block;
        text-indent: -9000px; }
  #contentBB section #successStories .modContainer {
    background-position: center center;
    margin-bottom: 0px; }
    #contentBB section #successStories .modContainer .simpleSliderModule {
      height: 218px !important; }
      #contentBB section #successStories .modContainer .simpleSliderModule .simpleSliderWrapperContainer {
        height: 218px !important; }
      #contentBB section #successStories .modContainer .simpleSliderModule .nav {
        background: url("//img1.beachbodyimages.com/beachbody/image/upload/v1437154952/common/arrows/arrow.png") no-repeat;
        width: 20px;
        height: 20px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .nav.rightNav {
          background-color: none;
          background-position: 0px 0px;
          background-size: 54% auto;
          cursor: pointer;
          right: 11px;
          top: 56px;
          -ms-transform: rotate(180deg);
          /* IE 9 */
          -webkit-transform: rotate(180deg);
          /* Chrome, Safari, Opera */
          transform: rotate(180deg); }
        #contentBB section #successStories .modContainer .simpleSliderModule .nav.leftNav {
          background-color: none;
          background-size: 54% auto;
          left: 11px;
          cursor: pointer;
          top: 56px; }
      #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
        background-size: 96%;
        background-position: center bottom;
        color: #fff;
        height: 218px !important;
        position: relative; }
        #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; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter {
            display: inline-block;
            float: right;
            font-style: italic;
            margin-right: 3%; }
            #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter sup {
              font-size: 8px;
              top: 2px;
              font-weight: 300; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBefore {
            display: inline-block;
            float: left;
            font-style: italic;
            margin-left: 3%;
            width: 20%; }
          #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; }
          #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; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio {
            bottom: 9px;
            font-size: 14px;
            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; }
          #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; }
            #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText {
              display: block;
              font-size: 14px;
              line-height: 1.1;
              text-align: center; }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .lbs {
                font-size: 40px;
                line-height: 0.75; }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .and {
                font-size: 12px;
                color: yellow; }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText strong {
                color: yellow;
                font-size: 14px;
                line-height: 0px; }
  @media only screen and (min-width: 360px) {
    #contentBB section #successStories h2 {
      font-size: 24px; }
    #contentBB section #successStories p {
      font-size: 14px; }
    #contentBB section #successStories .arrow {
      margin-top: 0px; }
    #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: 248px !important;
        /*keep content in center of container*/
        width: 100% !important; }
        #contentBB section #successStories .modContainer .simpleSliderModule .simpleSliderWrapperContainer {
          height: 248px !important;
          /*keep content in center of container*/
          width: 100% !important; }
        #contentBB section #successStories .modContainer .simpleSliderModule .nav {
          width: 20px;
          height: 20px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .nav.rightNav {
            background-position: 0px 0;
            right: 19px;
            top: 82px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .nav.leftNav {
            top: 82px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
          background-position: center top;
          background-size: 347px auto;
          height: 248px !important;
          top: 9px; }
          #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; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter {
            left: 83%;
            margin-right: 5%; }
            #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter sup {
              font-size: 8px;
              top: 4px;
              font-weight: 300; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBefore {
            margin-left: 5%;
            top: 6%; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAge {
            font-size: 14px;
            top: 32px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssName {
            font-size: 14px;
            top: 18px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio {
            bottom: 18px;
            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(2) {
              top: -120px;
              width: 25%; }
            #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio strong {
              font-size: 14px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight {
            line-height: 1;
            top: 57px; }
            #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText {
              font-size: 16px;
              line-height: 1.2; }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .lbs {
                font-size: 48px;
                line-height: auto; }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .and {
                font-size: 14px; }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText strong {
                font-size: 14px;
                line-height: 0px; }
          #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; } }
  @media only screen and (min-width: 375px) {
    #contentBB section #successStories h2 {
      font-size: 24px; }
    #contentBB section #successStories p {
      font-size: 14px; }
    #contentBB section #successStories .arrow {
      margin-top: 0px; }
    #contentBB section #successStories .modContainer .simpleSliderModule {
      height: 248px !important; }
      #contentBB section #successStories .modContainer .simpleSliderModule .simpleSliderWrapperContainer {
        height: 248px !important; }
      #contentBB section #successStories .modContainer .simpleSliderModule .nav {
        width: 20px;
        height: 20px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .nav.rightNav {
          background-position: 0px 0;
          right: 19px;
          top: 82px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .nav.leftNav {
          top: 82px; }
      #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
        background-size: 358px auto;
        height: 248px !important;
        top: 9px; }
        #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; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter {
          left: 83%;
          margin-right: 5%; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter sup {
            font-size: 8px;
            top: 4px;
            font-weight: 300; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBefore {
          margin-left: 5%;
          top: 6%; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAge {
          font-size: 14px;
          top: 32px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssName {
          font-size: 14px;
          top: 18px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio {
          bottom: 18px;
          font-size: 14px;
          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(2) {
            top: -120px;
            width: 25%; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio strong {
            font-size: 14px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight {
          line-height: 3;
          top: 57px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText {
            font-size: 16px;
            line-height: 1.2; }
            #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .lbs {
              font-size: 48px; }
            #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .and {
              font-size: 14px; }
            #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText strong {
              font-size: 14px;
              line-height: 0px; }
        #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; } }
  @media only screen and (min-width: 480px) {
    #contentBB section #successStories .heading h2 {
      font-size: 1em; }
    #contentBB section #successStories .arrow {
      margin-top: -3px;
      width: 12%; }
    #contentBB section #successStories .modContainer .simpleSliderModule {
      height: 320px !important; }
      #contentBB section #successStories .modContainer .simpleSliderModule .simpleSliderWrapperContainer {
        height: 320px !important; }
      #contentBB section #successStories .modContainer .simpleSliderModule .nav {
        width: 30px;
        height: 31px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .nav.rightNav {
          background-position: 0px 0; }
      #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
        background-size: cover;
        height: 320px !important; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter {
          left: 83%;
          top: -3%; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter sup {
            font-size: 12px;
            top: 8px;
            font-weight: 300; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBefore {
          top: 6%; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAge {
          font-size: 21px;
          top: 41px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssName {
          font-size: 20px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight {
          top: 86px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio {
          font-size: 16px;
          line-height: 14px;
          bottom: 24px; }
          #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%; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio strong {
            font-size: 14px; } }
  @media only screen and (min-width: 568px) {
    #contentBB section #successStories {
      padding-bottom: 59px; }
      #contentBB section #successStories .heading {
        margin: 0 auto 0;
        width: 85%; }
        #contentBB section #successStories .heading img {
          width: 31%; }
        #contentBB section #successStories .heading h2 {
          font-size: 1.2em;
          padding: 1% 0; }
      #contentBB section #successStories .arrow {
        width: 12%; }
      #contentBB section #successStories .modContainer .simpleSliderModule {
        height: 330px !important; }
        #contentBB section #successStories .modContainer .simpleSliderModule .simpleSliderWrapperContainer {
          height: 330px !important; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
          background-size: 92%;
          height: 330px !important;
          left: -10px;
          position: relative; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter, #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBefore {
            font-size: 15px;
            font-weight: 500;
            letter-spacing: 0.5px;
            margin-top: 18px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter {
            margin-right: 7%; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight {
            font-weight: 500;
            left: auto;
            margin: 0 auto;
            padding: 0;
            position: relative;
            top: 80px;
            width: 88px; }
            #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; }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .and {
                font-size: 18px; }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .lbs {
                display: block;
                font-size: 70px;
                font-weight: 600;
                margin-top: 5px; }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText strong {
                font-style: italic;
                font-size: 18px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssName {
            font-size: 20px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAge {
            font-size: 16px;
            margin-left: -64px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio {
            bottom: 43px;
            font-size: 12px;
            margin-left: -90px;
            width: 180px; } }
  @media only screen and (min-width: 640px) {
    #contentBB section #successStories {
      padding-bottom: 78px; }
      #contentBB section #successStories .heading {
        margin: 0 auto 0;
        width: 85%; }
        #contentBB section #successStories .heading img {
          width: 31%; }
        #contentBB section #successStories .heading h2 {
          font-size: 1.2em;
          padding: 1% 0; }
      #contentBB section #successStories .arrow {
        width: 12%; }
      #contentBB section #successStories .modContainer .simpleSliderModule {
        height: 375px !important; }
        #contentBB section #successStories .modContainer .simpleSliderModule .simpleSliderWrapperContainer {
          height: 375px !important; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
          background-size: 93%;
          height: 375px !important;
          left: -10px;
          position: relative; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter, #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBefore {
            font-size: 15px;
            font-weight: 500;
            letter-spacing: 0.5px;
            margin-top: 18px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter {
            margin-right: 7%; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight {
            font-weight: 500;
            left: auto;
            margin: 0 auto;
            padding: 0;
            position: relative;
            top: 80px;
            width: 88px; }
            #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; }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .and {
                font-size: 18px; }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .lbs {
                display: block;
                font-size: 70px;
                font-weight: 600;
                margin-top: 5px; }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText strong {
                font-style: italic;
                font-size: 18px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssName {
            font-size: 20px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAge {
            font-size: 16px;
            margin-left: -64px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio {
            bottom: 43px;
            font-size: 14px;
            margin-left: -90px;
            width: 180px; } }
  @media only screen and (min-width: 660px) {
    #contentBB section #successStories {
      padding-bottom: 72px; }
      #contentBB section #successStories .heading {
        margin: 0 auto 0;
        width: 85%; }
        #contentBB section #successStories .heading img {
          width: 31%; }
        #contentBB section #successStories .heading h2 {
          font-size: 1.2em;
          padding: 1% 0; }
      #contentBB section #successStories .arrow {
        width: 12%; }
      #contentBB section #successStories .modContainer .simpleSliderModule {
        height: 375px !important; }
        #contentBB section #successStories .modContainer .simpleSliderModule .simpleSliderWrapperContainer {
          height: 375px !important; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
          background-size: 545px auto;
          height: 375px !important;
          left: -10px;
          position: relative; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter, #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBefore {
            font-size: 15px;
            font-weight: 500;
            letter-spacing: 0.5px;
            margin-top: 18px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter {
            margin-right: 7%; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight {
            font-weight: 500;
            left: auto;
            margin: 0 auto;
            padding: 0;
            position: relative;
            top: 80px;
            width: 88px; }
            #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; }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .and {
                font-size: 18px; }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .lbs {
                display: block;
                font-size: 70px;
                font-weight: 600;
                margin-top: 5px; }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText strong {
                font-style: italic;
                font-size: 18px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssName {
            font-size: 20px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAge {
            font-size: 16px;
            margin-left: -64px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio {
            bottom: 43px;
            font-size: 14px;
            margin-left: -90px;
            width: 180px; } }
  @media only screen and (min-width: 768px) {
    #contentBB section #successStories {
      padding-bottom: 87px; }
      #contentBB section #successStories .heading h2 {
        font-size: 1.6em; }
      #contentBB section #successStories .heading img {
        width: 33%; }
      #contentBB section #successStories .modContainer .simpleSliderModule {
        height: 469px !important;
        width: 728px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .simpleSliderWrapperContainer {
          height: 469px !important;
          width: 728px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .nav.rightNav {
          top: 161px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .nav.leftNav {
          top: 161px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
          /*background-position: 7px top;*/
          background-size: 99%;
          height: 469px !important;
          top: 0;
          width: 728px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBefore {
            margin-right: 7%; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter {
            margin-right: 9%; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight {
            margin: 0 auto;
            padding-right: auto;
            top: 111px;
            width: 100%; }
            #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; }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .and {
                font-size: 22px;
                margin-right: 0; }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .lbs {
                font-size: 90px; }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText strong {
                font-size: 22px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAge {
            margin-left: -60px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio {
            bottom: 110px; } }
  @media only screen and (min-width: 960px) {
    #contentBB section #successStories {
      padding-bottom: 124px; }
      #contentBB section #successStories article {
        max-width: 910px; }
      #contentBB section #successStories .heading h2 {
        font-size: 1.9em; }
      #contentBB section #successStories .heading img {
        width: 34%; }
      #contentBB section #successStories .modContainer .simpleSliderModule {
        height: 560px !important;
        width: 907px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .simpleSliderWrapperContainer {
          height: 560px !important;
          width: 907px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .nav.rightNav {
          right: 5%;
          top: 200px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .nav.leftNav {
          left: 36px;
          top: 200px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
          background-position: center top;
          background-size: 99% auto;
          height: 560px !important;
          left: -34px;
          top: 0;
          width: 907px; }
          #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.ssBefore {
            margin-left: 8%; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter {
            margin-right: 7%; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight {
            margin: 0 auto;
            padding-right: auto;
            top: 166px;
            width: 100%; }
            #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText {
              font-size: 46px;
              margin: 0 auto;
              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 .and {
                font-size: 30px;
                margin-right: 0; }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .lbs {
                font-size: 130px; }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText strong {
                font-size: 30px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssName {
            font-size: 32px;
            margin-left: -70px;
            top: 40px;
            width: 140px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAge {
            font-size: 22px;
            margin-left: -70px;
            top: 74px;
            width: 140px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio {
            bottom: 110px; } }
  @media only screen and (min-width: 1024px) {
    #contentBB section #successStories {
      padding-bottom: 124px; }
      #contentBB section #successStories article {
        max-width: 910px; }
      #contentBB section #successStories .heading h2 {
        font-size: 1.9em; }
      #contentBB section #successStories .heading img {
        width: 34%; }
      #contentBB section #successStories .modContainer .simpleSliderModule {
        height: 634px !important;
        width: 907px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .simpleSliderWrapperContainer {
          height: 640px !important;
          width: 907px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .nav.rightNav {
          right: 5%;
          top: 200px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .nav.leftNav {
          left: 36px;
          top: 200px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
          background-position: center top;
          background-size: 100%;
          height: 640px !important;
          left: -34px;
          top: 0;
          width: 907px; }
          #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.ssBefore {
            margin-left: 8%; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter {
            margin-right: 82px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight {
            margin: 0 auto;
            padding-right: auto;
            top: 166px;
            width: 100%; }
            #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText {
              font-size: 46px;
              margin: 0 auto;
              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 .and {
                font-size: 30px;
                margin-right: 0; }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText .lbs {
                font-size: 130px; }
              #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight .weightText strong {
                font-size: 30px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssName {
            font-size: 32px;
            margin-left: -85px;
            top: 40px;
            width: 170px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAge {
            font-size: 22px;
            margin-left: -85px;
            top: 74px;
            width: 170px; }
          #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio {
            bottom: 110px; } }
  @media only screen and (min-width: 1100px) {
    #contentBB section #successStories {
      padding-bottom: 130px; }
      #contentBB section #successStories .heading h2 {
        font-size: 1.9em; }
      #contentBB section #successStories .modContainer .simpleSliderModule {
        height: 675px !important; }
        #contentBB section #successStories .modContainer .simpleSliderModule .simpleSliderWrapperContainer {
          height: 675px !important; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
          background-size: auto auto;
          height: 675px !important; } }
  @media only screen and (min-width: 1200px) {
    #contentBB section #successStories .heading h2 {
      font-size: 2.3em; }
    #contentBB section #successStories .modContainer .simpleSliderModule {
      height: 683px !important; }
      #contentBB section #successStories .modContainer .simpleSliderModule .nav.rightNav {
        right: 5%;
        top: 200px; }
      #contentBB section #successStories .modContainer .simpleSliderModule .nav.leftNav {
        left: 60px;
        top: 200px; }
      #contentBB section #successStories .modContainer .simpleSliderModule .simpleSliderWrapperContainer {
        height: 683px !important; }
      #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap {
        background-position: center top;
        background-size: auto auto;
        left: auto;
        height: 683px !important;
        width: 1100px; }
        #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.ssBefore {
          margin-left: 8%; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAfter {
          margin-right: 88px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssWeight {
          margin: 0 auto;
          padding-right: auto;
          top: 166px;
          width: 100%; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssName {
          margin-left: -85px;
          width: 170px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssAge {
          margin-left: -85px;
          width: 170px; }
        #contentBB section #successStories .modContainer .simpleSliderModule .ssWrap div.ssBio {
          width: 221px;
          line-height: 19px;
          font-size: 17px;
          left: 49%; } }

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; }
      @media only screen and (min-width: 375px) {
        #dances h2 sup {
          display: none; } }
      @media only screen and (min-width: 480px) {
        #dances h2 sup {
          display: inline; } }
  #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: -29px -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("/images/can/common/products/programs/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("/images/can/common/products/programs/cize/cize-gifts-bg-375.jpg") no-repeat center 50px;
  background-size: 100%;
  padding: 20px 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; } }

.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 {
      width: 95%; } }
  .wrap h3 {
    color: #fcff00;
    font-style: italic;
    text-transform: uppercase;
    text-align: center;
    font-size: 22px;
    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: 25px; } }
    @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 hr {
    border: 1px solid #fcff00; }
    @media only screen and (min-width: 960px) {
      .wrap hr {
        margin-top: 15px; } }
    .wrap hr#hr-tools {
      width: 286px; }
      @media only screen and (min-width: 375px) {
        .wrap hr#hr-tools {
          width: 318px; } }
      @media only screen and (min-width: 640px) {
        .wrap hr#hr-tools {
          width: 457px; } }
      @media only screen and (min-width: 960px) {
        .wrap hr#hr-tools {
          width: 876px; } }
    .wrap hr#hr-gifts {
      width: 268px; }
      @media only screen and (min-width: 375px) {
        .wrap hr#hr-gifts {
          width: 304px; } }
      @media only screen and (min-width: 640px) {
        .wrap hr#hr-gifts {
          width: 440px; } }
      @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: 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 {
        width: 45%; } }
    @media only screen and (min-width: 667px) {
      .wrap .images {
        width: 48%; } }
    @media only screen and (min-width: 1100px) {
      .wrap .images {
        padding: 20px 20px 0 80px;
        width: 46%; } }
    .wrap .images #guides {
      background: url("/images/can/en_ca/products/programs/cize/cize-portrait-guides.png") no-repeat;
      width: 126px;
      height: 365px;
      background-size: 75%; }
      @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%; } }
      @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("/images/can/en_ca/products/programs/cize/cize-landscape-guides-v1.png") no-repeat;
          width: 303px;
          height: 537px;
          background-size: 90%;
          margin-left: -10px; } }
      @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("/images/can/en_ca/products/programs/cize/cize-desktop-guides.png") no-repeat;
          width: 522px;
          height: 846px;
          background-size: 84%;
          height: 703px; } }
      @media only screen and (min-width: 1100px) {
        .wrap .images #guides {
          background-size: 86%;
          height: 738px; } }
    .wrap .images #calendar {
      background: url("/images/can/en_ca/products/programs/cize/cize-portrait-calendar.png") no-repeat;
      width: 140px;
      height: 137px;
      background-size: 75%;
      margin-top: 325px; }
      @media only screen and (min-width: 360px) {
        .wrap .images #calendar {
          margin-top: 236px;
          background-size: 80%; } }
      @media only screen and (min-width: 375px) {
        .wrap .images #calendar {
          background-size: 95%;
          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 {
      background: url("/images/can/en_ca/products/programs/cize/cize-portrait-bonuses.png") no-repeat;
      width: 153px;
      height: 538px;
      background-size: 70%; }
      @media only screen and (min-width: 360px) {
        .wrap .images #bonuses {
          background-size: 75%; } }
      @media only screen and (min-width: 375px) {
        .wrap .images #bonuses {
          background-size: 100%;
          margin-left: -10px; } }
      @media only screen and (min-width: 640px) {
        .wrap .images #bonuses {
          background: url("/images/can/en_ca/products/programs/cize/cize-landscape-bonuses.png") no-repeat;
          width: 343px;
          height: 535px;
          background-size: 90%;
          margin-left: -30px; } }
      @media only screen and (min-width: 667px) {
        .wrap .images #bonuses {
          background-size: 100%; } }
      @media only screen and (min-width: 768px) {
        .wrap .images #bonuses {
          margin: 0 auto; } }
      @media only screen and (min-width: 960px) {
        .wrap .images #bonuses {
          background: url("/images/can/en_ca/products/programs/cize/cize-desktop-bonuses.png") no-repeat;
          width: 687px;
          height: 841px;
          background-size: 74%;
          margin-left: -53px;
          height: 640px; } }
      @media only screen and (min-width: 1100px) {
        .wrap .images #bonuses {
          background-size: 91%;
          margin-left: -166px;
          height: 768px; } }
  .wrap .bullets {
    display: inline-block;
    width: 54%;
    color: #fffbfb;
    font-family: 'Roboto', arial;
    font-size: 14px;
    line-height: 1.3em;
    list-style-image: url("/images/can/common/products/programs/cize/cize-yellow-bullet.png"); }
    @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: 46%; } }
    @media only screen and (min-width: 667px) {
      .wrap .bullets {
        width: 45%; } }
    @media only screen and (min-width: 960px) {
      .wrap .bullets {
        font-size: 18px; } }
    @media only screen and (min-width: 1100px) {
      .wrap .bullets {
        width: 37%; } }
    .wrap .bullets li {
      padding: 20px 0 0 0px;
      vertical-align: top;
      background-position: 0px center; }
      @media only screen and (min-width: 375px) {
        .wrap .bullets li {
          padding: 25px 0 0 0px; } }
      .wrap .bullets li span {
        color: #fff10a;
        text-transform: uppercase;
        display: block;
        font-weight: bold;
        font-style: italic; }
        @media only screen and (min-width: 960px) {
          .wrap .bullets li span {
            padding-bottom: 4px;
            font-weight: 400; } }
      .wrap .bullets li p {
        padding-top: 15px;
        color: #fffbfb; }
  @media only screen and (min-width: 1100px) {
    .wrap .bonus-bullets {
      width: 31%; } }
  @media only screen and (min-width: 480px) {
    .wrap .bonus-bullets li:nth-child(2) {
      padding-top: 30px; }
    .wrap .bonus-bullets li:nth-child(3) {
      padding-top: 60px; }
    .wrap .bonus-bullets li:nth-child(4) {
      padding-top: 50px; } }
  @media only screen and (min-width: 568px) {
    .wrap .bonus-bullets li:nth-child(2) {
      padding-top: 50px; }
    .wrap .bonus-bullets li:nth-child(3) {
      padding-top: 75px; }
    .wrap .bonus-bullets li:nth-child(4) {
      padding-top: 70px; } }
  @media only screen and (min-width: 640px) {
    .wrap .bonus-bullets li:nth-child(2) {
      padding-top: 30px; }
    .wrap .bonus-bullets li:nth-child(3) {
      padding-top: 40px; }
    .wrap .bonus-bullets li:nth-child(4) {
      padding-top: 30px; } }
  @media only screen and (min-width: 768px) {
    .wrap .bonus-bullets li:nth-child(2) {
      padding-top: 60px; }
    .wrap .bonus-bullets li:nth-child(3) {
      padding-top: 60px; }
    .wrap .bonus-bullets li:nth-child(4) {
      padding-top: 60px; } }
  @media only screen and (min-width: 960px) {
    .wrap .bonus-bullets li:nth-child(2) {
      padding-top: 50px; }
    .wrap .bonus-bullets li:nth-child(3) {
      padding-top: 50px; }
    .wrap .bonus-bullets li:nth-child(4) {
      padding-top: 50px; } }

article#cta {
  margin: 0 0 5px; }
  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; } }
    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%;
      display: inline-block; }
      @media only screen and (min-width: 960px) {
        article#cta .cta .cta-info {
          width: 84%;
          margin: 0 auto; } }
      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;
              display: none; } }
          @media only screen and (min-width: 480px) {
            article#cta .cta .cta-info img.bbb {
              width: 30px;
              display: inline-block; } }
          @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;
              position: static;
              float: right; } }
          @media only screen and (min-width: 375px) {
            article#cta .cta .cta-info img.mbg {
              left: 45px;
              position: static;
              float: right; } }
          @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;
            float: left; } }
        @media only screen and (min-width: 375px) {
          article#cta .cta .cta-info small {
            font-size: 0.75em;
            float: left; } }
        @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("/images/can/common/products/programs/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/v1455670942/bbweb/cize/30-ENG_L.png") no-repeat;
    width: 142px;
    height: 80px;
    background-size: 100%;
    float: left;
    margin: 10px 0 0 5px;
    cursor: pointer; }
    @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: 100px; } }
    @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: 248px; } }
  #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; }

img.mbg {
  cursor: pointer; }

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("/images/can/common/products/programs/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("/images/can/common/products/programs/cize/cize-desktop-scroll.png") no-repeat;
        width: 350px;
        height: 52px;
        background-size: 100%; } }
  section#choreographer #choreographer-img {
    display: inline-block;
    background: url("/images/can/en_ca/products/programs/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("/images/can/en_ca/products/programs/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: 360px) {
        section#choreographer #choreographer-copy p {
          font-weight: bold; } }
      @media only screen and (min-width: 768px) {
        section#choreographer #choreographer-copy p {
          font-size: 18px;
          font-weight: 300; } }
      @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: 375px) {
          section#choreographer #choreographer-copy p sup {
            display: none; } }
        @media only screen and (min-width: 768px) {
          section#choreographer #choreographer-copy p sup {
            font-size: 12px;
            display: inline; } }
      section#choreographer #choreographer-copy p span {
        font-style: italic; }

section#dance-in-the-dark {
  background: #000000 url("/images/can/common/products/programs/cize/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/can/common/products/programs/cize/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: 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: 30px;
      margin-bottom: 11px;
      max-width: 330px;
      text-transform: uppercase; }
      @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: 80%;
      font-weight: 300; }
      @media only screen and (min-width: 375px) {
        section#dance-in-the-dark .container p {
          width: 69%;
          font-weight: 400; } }
      @media only screen and (min-width: 667px) {
        section#dance-in-the-dark .container p {
          width: 47%;
          font-weight: 300; } }
      @media only screen and (min-width: 960px) {
        section#dance-in-the-dark .container p {
          font-size: 24px;
          font-weight: 300;
          letter-spacing: 1px;
          line-height: 32px;
          margin-bottom: 21px;
          width: 53%; } }

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: 58%;
        margin-left: 45%;
        padding: 0; } }
    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: 88%;
          margin-bottom: 7px;
          font-size: 3.7em;
          line-height: 0.95; } }
      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: unset;
      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;
          font-weight: bold; } }
      @media only screen and (min-width: 375px) {
        section#cha-cha-cha .container .cha-content p {
          width: 92%;
          font-weight: bold; } }
      @media only screen and (min-width: 414px) {
        section#cha-cha-cha .container .cha-content p {
          width: 80%;
          font-size: 1.09em;
          font-weight: unset; } }
      @media only screen and (min-width: 480px) {
        section#cha-cha-cha .container .cha-content p {
          width: 90%;
          font-size: 0.85em;
          font-weight: unset; } }
      @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: 85%;
              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 20px 0 82px;
              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 img {
          display: inline-block;
          vertical-align: top; }
          section#cha-cha-cha .container .cha-content .cta .cta-info img.bbb {
            display: none;
            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("/images/can/common/products/programs/cize//bbweb/cize/cize-socks-mobile-bg.gif") no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    section#socks {
      background: #08a4df url("/images/can/common/products/programs/cize//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; } }

#playerContainer {
  position: relative;
  width: 100%;
  height: auto; }
  @media only screen and (min-width: 960px) {
    #playerContainer {
      width: 926px;
      margin: 0 auto; } }
  #playerContainer .close {
    position: absolute;
    background: #eee url("//img1.beachbodyimages.com/beachbody/image/upload/common/mbg-close-sprite.png") no-repeat center top;
    background-size: 95%;
    top: 15px;
    left: 93.9%;
    width: 20px;
    height: 19px;
    padding: 2px;
    box-sizing: border-box; }
    @media only screen and (min-width: 360px) {
      #playerContainer .close {
        background-size: 96%;
        width: 22px;
        height: 22px; } }
    @media only screen and (min-width: 480px) {
      #playerContainer .close {
        background-position: center 1px;
        left: 93.6%;
        width: 30px;
        height: 30px; } }
    @media only screen and (min-width: 640px) {
      #playerContainer .close {
        left: 93.9%; } }
    @media only screen and (min-width: 768px) {
      #playerContainer .close {
        left: 94.3%; } }
    @media only screen and (min-width: 960px) {
      #playerContainer .close {
        background-size: 90%;
        left: 94.2%;
        width: 40px;
        height: 39px; } }
    #playerContainer .close:hover {
      cursor: pointer; }
  #playerContainer #player {
    position: relative;
    background: #000;
    width: 92%;
    height: 0;
    margin: 20px 0 0 1.3%;
    padding-bottom: 52%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    top: 15px;
    border: 1px solid #eee; }
    @media only screen and (min-width: 480px) {
      #playerContainer #player {
        width: 92%;
        padding-bottom: 51.6%; } }
    @media only screen and (min-width: 640px) {
      #playerContainer #player {
        margin-left: 1.6%; } }
    @media only screen and (min-width: 667px) {
      #playerContainer #player {
        width: 92.1%; } }
    @media only screen and (min-width: 768px) {
      #playerContainer #player {
        margin-left: 1.9%; } }
    @media only screen and (min-width: 960px) {
      #playerContainer #player {
        width: 92%; } }
  #playerContainer #myExperience3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#footer {
  background: #000;
  padding: 0 0 20px; }
  #footer .footer-list {
    display: block;
    padding: 24px 0 0;
    margin: 0 auto 15px; }
    @media only screen and (min-width: 480px) {
      #footer .footer-list {
        font-size: 1.3em;
        width: 100%; } }
    @media only screen and (min-width: 640px) {
      #footer .footer-list {
        width: 500px; } }
    @media only screen and (min-width: 768px) {
      #footer .footer-list {
        width: 500px; } }
    #footer .footer-list a {
      display: inline-block;
      color: #898989;
      font-family: "Arial",sans-serif;
      font-size: 12px;
      font-weight: bolder;
      text-decoration: underline;
      text-align: center; }
      @media only screen and (min-width: 375px) {
        #footer .footer-list a {
          width: 100%;
          padding-bottom: 15px; } }
      @media only screen and (min-width: 640px) {
        #footer .footer-list a {
          width: auto;
          padding: 0; } }
    #footer .footer-list span {
      padding: 0 24px;
      font-size: 14px;
      color: #898989; }
      @media only screen and (min-width: 375px) {
        #footer .footer-list span {
          display: none; } }
      @media only screen and (min-width: 640px) {
        #footer .footer-list span {
          display: inline-block; } }
  #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: 375px) {
      #footer .footer-container {
        width: 100%;
        padding-top: 10px; } }
    @media only screen and (min-width: 640px) {
      #footer .footer-container {
        padding: 30px 0 35px; } }
    @media only screen and (min-width: 960px) {
      #footer .footer-container {
        padding: 0 10px 20px; } }
    #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: 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: inline-block;
        list-style-type: none;
        margin: 0 0 20px;
        padding: 0 13px;
        border-left: 1px solid #898989; }
        @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; } }
        #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: 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; }
      #footer .footer-container .logo-strip a {
        color: #707070;
        text-decoration: none; }
      @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; }

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