﻿#productModal {
  z-index: 6666666666999 !important; }

.upsell-landing-header {
  display: block;
  margin: 15px auto;
  text-align: center; }
  .upsell-landing-header a {
    outline: none;
    text-decoration: none; }
  .upsell-landing-header img {
    width: auto;
    max-width: 100%;
    height: auto; }

.upsell-landing-footer {
  display: block;
  margin: 0 auto;
  text-align: center; }
  .upsell-landing-footer a {
    outline: none;
    text-decoration: none; }
  .upsell-landing-footer img {
    width: auto;
    max-width: 100%;
    height: auto; }
  .upsell-landing-footer p {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 1.1;
    text-align: center;
    margin: 15px 0; }
    .upsell-landing-footer p a {
      color: inherit;
      text-decoration: underline; }

.strikethrough {
  position: relative; }
  .strikethrough:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg); }

.red-text {
  color: #F8231B; }

.modal-content {
  border: none;
  border-radius: 10px; }

.bonusHeader h2 {
  color: #fff;
  font-size: 20px;
  margin: 0;
  margin-left: 30px;
  padding: 10px 0; }
  @media (max-width: 480px) {
    .bonusHeader h2 {
      font-size: 16px; } }

.carousel img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  display: block;
  object-fit: cover;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor; }

.carousel video {
  width: 100%;
  height: 100%;
  max-width: 100%;
  display: block;
  background-color: #000; }

.carousel .carousel-cell {
  width: 100%;
  height: 315px; }
  .carousel .carousel-cell:not(:first-child) {
    visibility: hidden;
    position: absolute;
    z-index: -1; }
  .carousel .carousel-cell .video-wrapper {
    width: 100%;
    height: 100%;
    position: relative; }
    .carousel .carousel-cell .video-wrapper.playing .play-icon {
      display: none; }
  .carousel .carousel-cell .play-icon {
    display: none; }

.carousel.ready .carousel-cell {
  visibility: visible;
  z-index: auto; }

@media (min-width: 768px) {
  .carousel img {
    width: auto;
    height: auto;
    object-fit: contain;
    margin: 0 auto; }
  .carousel video {
    width: 100%;
    height: auto;
    max-height: 100%; }
  .carousel .carousel-cell .play-icon {
    display: block;
    position: absolute;
    z-index: 4;
    pointer-events: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%); } }

.upsell-carousel-nav {
  margin: 5px 0; }
  .upsell-carousel-nav .carousel-cell {
    height: 100px;
    width: 100px;
    margin: 0 10px 0 0;
    padding: 10px 0; }
    .upsell-carousel-nav .carousel-cell .thumb-img {
      width: 100%;
      height: 100%;
      border: 2px solid #fff;
      border-radius: 10px;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center; }
      .upsell-carousel-nav .carousel-cell .thumb-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center; }
    .upsell-carousel-nav .carousel-cell.is-nav-selected {
      border: none; }
      .upsell-carousel-nav .carousel-cell.is-nav-selected .thumb-img {
        border: 2px solid #009e0b;
        box-shadow: 0 0 10px #fff775; }
    .upsell-carousel-nav .carousel-cell:before {
      font-size: 50px;
      line-height: 80px; }
    .upsell-carousel-nav .carousel-cell:last-child {
      margin: 0; }
  .upsell-carousel-nav .flickity-prev-next-button {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06);
    background-repeat: no-repeat;
    background-size: 35px auto;
    background-position: center center;
    opacity: 0.7;
    display: none; }
    .upsell-carousel-nav .flickity-prev-next-button.previous {
      left: -15px;
      background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M19 12H6M12 5l-7 7 7 7'/></svg>"); }
    .upsell-carousel-nav .flickity-prev-next-button.next {
      right: -15px;
      background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h13M12 5l7 7-7 7'/></svg>"); }
  .upsell-carousel-nav.show-nav-arrows .flickity-prev-next-button {
    display: block; }

.modal-header {
  border: none !important;
  background: #cc0000;
  height: auto;
  min-height: 50px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative; }
  .modal-header h2 {
    color: #fff;
    font-size: 19px;
    margin: 0;
    padding: 0 25px;
    text-align: center; }
    @media (max-width: 480px) {
      .modal-header h2 {
        font-size: 16px; } }
    @media (min-width: 768px) {
      .modal-header h2 {
        padding: 0 25px 0 0;
        text-align: left; } }
  .modal-header .close {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    height: 20px;
    width: 20px;
    color: #cc0000;
    background: #fff;
    border-radius: 50%;
    font-size: 20px;
    line-height: 20px;
    margin: 0; }
    .modal-header .close:active, .modal-header .close:visited, .modal-header .close:focus, .modal-header .close:hover {
      outline: none; }

.modal-footer {
  color: #bbb;
  text-align: center !important;
  font-size: 11px; }
  .modal-footer .footer_close_btn {
    font-size: 14px;
    font-weight: 700;
    color: #0f457a;
    display: table;
    margin: 0 auto;
    padding: 10px 0 0 0;
    text-decoration: underline;
    outline: none; }
  .modal-footer .fb-share-button {
    display: block;
    clear: both;
    text-align: center;
    margin: 0 0 5px 0; }
  .modal-footer .ingredients-close {
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #316fa7;
    text-decoration: underline;
    text-align: left; }
  .modal-footer .footer-btn-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 1px solid #e5e5e5;
    padding: 15px 15px 0 15px; }
    .modal-footer .footer-btn-row .footer_close_btn {
      display: inline-block;
      margin: auto auto 0 0;
      order: 1; }
    .modal-footer .footer-btn-row .get-started-btn-holder {
      order: 0;
      align-self: stretch;
      width: 100%;
      text-align: center;
      margin: 0 auto 10px auto; }
      .modal-footer .footer-btn-row .get-started-btn-holder .get-started-btn {
        font-size: 26px;
        font-weight: 700;
        color: #fff;
        background: #cc0000;
        padding: 10px 20px;
        margin: 0;
        line-height: 1;
        text-decoration: none;
        outline: none;
        border-radius: 30px;
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        justify-content: center; }
        .modal-footer .footer-btn-row .get-started-btn-holder .get-started-btn img {
          width: auto;
          height: 40px;
          display: inline-block; }
          .modal-footer .footer-btn-row .get-started-btn-holder .get-started-btn img:first-child {
            margin: 0 15px 0 0; }
          .modal-footer .footer-btn-row .get-started-btn-holder .get-started-btn img:last-child {
            margin: 0 0 0 15px; }
    .modal-footer .footer-btn-row .share-holder {
      display: inline-flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      margin: 0;
      position: relative;
      order: 2; }
      .modal-footer .footer-btn-row .share-holder p {
        font-size: 14px;
        font-weight: 600;
        color: #106dac;
        line-height: 1;
        margin: 0 5px 0 0; }
      .modal-footer .footer-btn-row .share-holder .share-btn {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        overflow: hidden;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #106dac;
        line-height: 1;
        text-decoration: none;
        outline: none; }
        .modal-footer .footer-btn-row .share-holder .share-btn i {
          font-size: 20px;
          color: #fff; }
      .modal-footer .footer-btn-row .share-holder .share-box {
        display: none;
        width: 310px;
        max-width: calc(100vw - 30px);
        height: auto;
        position: absolute;
        top: -70px;
        bottom: auto;
        left: auto;
        right: 0;
        background: #fff;
        border-radius: 5px;
        border: none;
        padding: 10px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
        .modal-footer .footer-btn-row .share-holder .share-box .addthis_inline_share_toolbox {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center; }
          .modal-footer .footer-btn-row .share-holder .share-box .addthis_inline_share_toolbox .at-resp-share-element .at-share-btn {
            margin-bottom: 0; }
          .modal-footer .footer-btn-row .share-holder .share-box .addthis_inline_share_toolbox .at300b {
            margin-bottom: 0; }
        .modal-footer .footer-btn-row .share-holder .share-box .at-resp-share-element {
          display: none; }
      .modal-footer .footer-btn-row .share-holder.open .share-box {
        display: block; }
  .modal-footer .copyright-text {
    font-size: 11px;
    font-weight: 400;
    color: #bbb;
    margin: 15px 0 0 0;
    line-height: 1;
    text-align: center; }
  @media (min-width: 768px) {
    .modal-footer .footer_close_btn {
      display: none; }
    .modal-footer .footer-btn-row {
      flex-wrap: nowrap; }
      .modal-footer .footer-btn-row .footer_close_btn {
        display: inline-block;
        order: 0; }
      .modal-footer .footer-btn-row .get-started-btn-holder {
        order: 1;
        align-self: auto;
        width: auto;
        margin: 0 auto; }
      .modal-footer .footer-btn-row .share-holder {
        order: 2; } }

.pfs-checkout-page .modal-footer .footer-btn-row .footer_close_btn {
  margin: 0 auto; }

.pfs-checkout-page .modal-footer .footer-btn-row .get-started-btn-holder {
  display: none; }

.pfs-checkout-page .modal-footer .footer-btn-row .get-started-btn {
  display: none; }

.pfs-checkout-page .modal-footer .footer-btn-row .share-holder {
  display: none; }

.list-help-text {
  display: block;
  font-size: 10px;
  font-weight: 400;
  color: #316fa7;
  text-align: left;
  margin: -10px 0 10px 0; }

.ingredients a {
  color: inherit;
  font-size: 12px; }
  .ingredients a:hover, .ingredients a:visited {
    color: inherit;
    font-size: 12px; }

.visible-xs .ingredients {
  display: block;
  margin: 0 0 5px 0; }

.visible-xs .text-left.collapse {
  margin: 0 0 10px 0; }

.bonusContent {
  border-top: none;
  border-top-right-radius: 0; }

.bonusHeader {
  background: #cc0000;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.bonus-wrap {
  color: #0f457a;
  max-width: 100%;
  width: 600px;
  margin: 0 auto; }
  .bonus-wrap.bonus-lg {
    width: 900px; }
  .bonus-wrap .modal-header {
    border: none; }
    .bonus-wrap .modal-header .close {
      opacity: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center; }
      .bonus-wrap .modal-header .close span {
        font-size: 14px;
        line-height: 1; }

.modal-content .bonus-wrap {
  width: 100%; }
  .modal-content .bonus-wrap.bonus-lg {
    width: 100%; }

.bonusItem {
  font-family: "proxima-nova",sans-serif;
  font-style: normal;
  font-weight: 500;
  margin: 10px auto;
  padding: 0 25px;
  max-width: 650px;
  text-align: center; }

#productModal .modal-body {
  padding: 15px; }
  #productModal .modal-body.no-padding-top {
    padding-top: 0; }
  #productModal .modal-body.no-padding {
    padding: 0; }

.modal-body {
  color: #0f457a; }
  .modal-body.no-padding-top {
    padding-top: 0; }
  .modal-body .bold {
    font-weight: 600; }
  .modal-body .col-md-7 p {
    font-size: 125%;
    text-align: center; }
  .modal-body .col-md-7 .light-text {
    font-size: 12px;
    font-weight: 300; }
  .modal-body .col-md-7 .sub-img-text {
    font-size: 16px;
    font-weight: 300;
    color: #316fa7;
    margin: 15px 0;
    text-align: center; }
    .modal-body .col-md-7 .sub-img-text.semi-bold {
      font-weight: 400; }
    .modal-body .col-md-7 .sub-img-text + .sub-img-text {
      margin: 0 0 15px 0; }
    .modal-body .col-md-7 .sub-img-text i {
      font-weight: 600;
      display: block; }
    .modal-body .col-md-7 .sub-img-text .testimonial-name {
      font-size: 10px;
      font-style: italic;
      display: block;
      margin: 5px 0 0 0; }
  .modal-body .col-md-5 h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 5px 0; }
  .modal-body .col-md-5 h4 {
    font-size: 20px;
    font-weight: 500;
    margin: 0; }
  .modal-body .col-md-5 ul {
    font-size: 12px;
    padding-left: 0;
    text-align: left; }
  .modal-body .col-md-5 img, .modal-body .col-md-5 h2, .modal-body .col-md-5 h3 {
    align-self: center; }
  .modal-body .second-row h4 {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin: 15px 0; }
  .modal-body .second-row .bullet-list-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    margin: 0 auto;
    font-size: 0;
    width: 80%; }
    .modal-body .second-row .bullet-list-row .bullet-list-col {
      display: inline-block;
      width: 50%;
      padding: 0 10px; }
      .modal-body .second-row .bullet-list-row .bullet-list-col ul {
        font-size: 0;
        padding: 0;
        margin: 0;
        text-align: left;
        list-style: none; }
        .modal-body .second-row .bullet-list-row .bullet-list-col ul li {
          font-size: 12px;
          display: flex;
          flex-direction: row;
          align-items: flex-start;
          justify-content: flex-start;
          margin: 0 0 2px 0; }
          .modal-body .second-row .bullet-list-row .bullet-list-col ul li b {
            color: #2D5D8D; }
          .modal-body .second-row .bullet-list-row .bullet-list-col ul li span {
            font-size: 20px;
            line-height: 12px;
            margin: 0 2px 0 0; }
          .modal-body .second-row .bullet-list-row .bullet-list-col ul li:last-child {
            margin: 0; }
  @media screen and (max-width: 480) {
    .modal-body .second-row .bullet-list-row {
      flex-direction: column;
      justify-content: flex-start; }
      .modal-body .second-row .bullet-list-row .bullet-list-col {
        width: 100%; } }
  .modal-body .img-margin-btm {
    margin-bottom: 5px !important; }
  @media screen and (min-width: 768px) {
    .modal-body .magic-snow {
      float: right; } }

.bonus-wrap .img-responsive {
  width: 275px;
  margin: auto; }
  @media (min-width: 768px) {
    .bonus-wrap .img-responsive {
      width: auto; } }

.nicecert-list {
  font-size: 12px; }

.windowdecal, .rudolphbell, .sugarcookie {
  font-size: 12px;
  text-align: left; }

.ingredients {
  font-size: 12px;
  text-decoration: underline; }
  .ingredients a:visited {
    font-size: 12px; }

.candycane, .gifttags {
  font-size: 12px;
  text-align: left; }

.keepsakeVideo {
  font-size: 13px;
  text-align: left; }

.vacationPostcard, .audioCD {
  font-size: 12px;
  text-align: left; }

.audioCDsmall {
  font-size: 11px;
  text-align: left; }

.shippingLabel {
  font-size: 12px;
  text-align: left; }

.bonusItem .blue a {
  color: Yellow; }
  .bonusItem .blue a:visited {
    color: Yellow; }

.bonusItem .big {
  font-size: 17px; }

.bonusItem .medium {
  font-size: 13px; }

.bonusItem .small {
  font-size: 10px; }

.bonusItem img {
  max-width: 100%;
  height: auto; }

.bonusItem ul, .bonusItem ol {
  text-align: left;
  font-size: 11px; }

.blue ul, .blue ol {
  padding-left: 20px; }

.bonusItem li {
  padding: 4px; }

.bonusItem .additionalInfo {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal; }

.additionalInfoSwatch {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px; }

.additionalInfoTree {
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  font-weight: normal;
  font-size: 11px; }

.additionalInfoFood {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px; }

.bonusItem .social {
  width: 350px;
  margin: 15px auto 5px auto;
  min-height: 25px; }

.bonusItem .addthis_toolbox iframe {
  min-width: 95px; }

.bonusItem .copyright {
  color: #003399;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px; }

.bonusItem .free-video {
  min-height: 440px;
  /* background-image:url('/images/bonus/2013-PersonalizedGreetingBkgrnd_001a.jpg'); */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }
  .bonusItem .free-video .iframe-wrap {
    max-width: 370px;
    max-height: 202px;
    margin: 25% auto 0 auto; }

.footer-addnl-text p {
  font-size: 14px;
  font-weight: 500;
  color: #0f457a;
  margin: 0 auto 10px auto;
  text-align: left;
  width: 520px;
  max-width: 100%; }
  .footer-addnl-text p .bold {
    font-size: 16px;
    font-weight: 800; }

.upsell-modal-video {
  width: 275px;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  padding: 0; }
  @media (min-width: 768px) {
    .upsell-modal-video {
      width: 650px; } }

@media screen and (min-width: 768px) {
  #bonus-modal .modal-dialog {
    width: 600px; } }

@media screen and (min-width: 768px) and (min-height: 700px) {
  #bonus-modal .modal-dialog {
    margin: 90px auto 0 auto; } }

@media (min-width: 768px) {
  .modal-body.partner-modal-body #bonus-body h3 {
    font-size: 19px;
    margin: 20px 0; }
  .modal-body.partner-modal-body #bonus-body .row.less-padding > .col-xs-12 > .row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start; }
    .modal-body.partner-modal-body #bonus-body .row.less-padding > .col-xs-12 > .row ul li {
      font-size: 15px; } }

#bonus-body h3 {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin: 20px 0 0 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }
  #bonus-body h3 img {
    width: 30px;
    height: auto;
    flex-shrink: 0; }
  #bonus-body h3.big {
    font-size: 36px;
    margin: 0; }
  #bonus-body h3.even-margin {
    margin: 20px 0; }

#bonus-body h4 {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 15px 0; }

#bonus-body .mobile-note {
  font-size: 16px;
  font-weight: 400;
  margin: 10px 0; }

#bonus-body .row.less-padding {
  margin: 0 -5px; }
  #bonus-body .row.less-padding .col-xs-12 {
    padding: 0 5px; }
  #bonus-body .row.less-padding ul {
    padding-left: 15px; }

#bonus-body .detail-info-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 -5px; }
  #bonus-body .detail-info-row .col-xs-12 {
    padding: 0 5px; }
  #bonus-body .detail-info-row .img-col img {
    width: 275px;
    height: auto;
    max-width: 100%;
    display: block; }

#bonus-body .check-list {
  padding: 0;
  margin: 0 auto;
  list-style: none;
  display: block;
  width: 470px;
  max-width: 100%; }
  #bonus-body .check-list li {
    font-size: 16px;
    font-weight: 500;
    color: #0f457a;
    display: block;
    text-align: left;
    margin-left: 40px;
    text-indent: -40px; }
    #bonus-body .check-list li::before {
      margin: 0 15px 0 0;
      content: '';
      display: inline-block;
      width: 20px;
      height: 18px;
      background: url("/images/GreenCheckMark_01a.png");
      background-size: contain; }

@media (max-width: 767px) {
  #bonus-body h3 {
    font-size: 20px;
    display: block; }
    #bonus-body h3 img {
      display: none; }
  #bonus-body h4 {
    font-size: 16px;
    font-weight: 400; } }

@media (max-width: 480px) {
  #bonus-body h3 {
    font-size: 18px; } }

@media (min-width: 481px) {
  #bonus-body .col-sm-9.col-sm-push-3 {
    width: 75%;
    left: 25%; }
  #bonus-body .col-sm-3.col-sm-pull-9 {
    width: 25%;
    right: 75%; } }

@media (min-width: 768px) {
  #bonus-body .row.less-padding ul {
    margin: 0; }
    #bonus-body .row.less-padding ul li {
      font-size: 16px; }
  #bonus-body .detail-info-row {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center; }
    #bonus-body .detail-info-row .info-col {
      width: auto; }
      #bonus-body .detail-info-row .info-col ul li {
        font-size: 16px; }
    #bonus-body .detail-info-row .img-col {
      width: auto; }
      #bonus-body .detail-info-row .img-col img {
        width: 195px; } }

.upsell-video-holder {
  position: relative;
  display: block;
  width: 100%;
  background: #fff;
  padding: 0; }
  .upsell-video-holder img {
    width: 100%;
    height: auto; }
  .upsell-video-holder video {
    width: 100%;
    height: auto;
    outline: none;
    object-fit: fill; }
  .upsell-video-holder .video-help-text {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    display: block;
    text-align: center;
    margin: 0;
    padding: 0 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    z-index: 4;
    text-decoration: underline; }
  .upsell-video-holder .video-learnmore-text {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    display: block;
    text-align: right;
    margin: 0;
    padding: 0 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    z-index: 4;
    text-decoration: underline;
    text-shadow: 0 0 2px #000; }
  .upsell-video-holder .upsell-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 5; }
    .upsell-video-holder .upsell-video-play img {
      width: auto;
      height: auto; }
  .upsell-video-holder.playing .upsell-video-play {
    display: none; }
  .upsell-video-holder.playing .video-help-text {
    display: none; }
  .upsell-video-holder.playing .video-learnmore-text {
    display: none; }
  @media (max-width: 480px) {
    .upsell-video-holder .video-learnmore-text {
      bottom: 5px; }
    .upsell-video-holder .upsell-video-play img {
      max-width: 40px; } }
  @media (min-width: 768px) {
    .upsell-video-holder {
      padding: 0; } }

.modal-bonus-video {
  color: #1c58ae;
  font-size: 28px;
  line-height: 1.1; }
  .modal-bonus-video .row {
    margin-left: -5px;
    margin-right: -5px; }
    .modal-bonus-video .row > div {
      padding-left: 5px;
      padding-right: 5px; }
  .modal-bonus-video .bonus-text {
    background-color: #c60c0d;
    color: white;
    padding: 10px 0; }
  .modal-bonus-video .video-text {
    padding: 15px 0; }
  .modal-bonus-video .image-row {
    max-width: 660px;
    margin: 10px auto; }
    .modal-bonus-video .image-row .col-xs-3 {
      padding-left: 0;
      padding-right: 0; }
  .modal-bonus-video .footer-text {
    color: black;
    font-size: 13px;
    padding-top: 10px; }

@media (max-width: 991px) {
  .modal-body .col-md-7 {
    width: 58% !important;
    float: left !important; }
  .modal-body .col-md-5 {
    width: 42% !important;
    float: left !important; }
  .modal-bonus-video .top-text {
    padding-top: 10px;
    padding-bottom: 20px; } }

@media (min-width: 992px) {
  .modal-bonus-video {
    background: url("/images/bonus/bonus-video-corner.png") no-repeat top left; }
    .modal-bonus-video .top-text {
      padding-top: 70px;
      padding-bottom: 20px; } }

@media (max-width: 767px) {
  .modal-body .col-md-7 {
    width: 60% !important;
    float: left !important; }
  .modal-body .col-md-5 {
    width: 40% !important;
    float: left !important; } }

@media (max-width: 480px) {
  .modal-body .col-md-7, .modal-body .col-md-5 {
    width: 100% !important;
    float: none !important;
    display: block !important; }
  .modal-body .col-md-7 img {
    margin: 0 auto 10px auto !important; }
  .modal-body .col-md-5 ul {
    padding-left: 20px; }
  .modal-bonus-video {
    font-size: 24px; }
  #productModal.callsfromsanta-modal #bonus-body h3.big {
    font-size: 16px; }
  #productModal.callsfromsanta-modal #bonus-body h4 {
    font-size: 14px; } }

@media (min-width: 768px) {
  .centered-content-desktop {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start; } }
