/* ----------------------------------------------------------
 * CHECKOUT
 *  /* COMMONS
 *    /* header
 *    /* body
 *    /* footer
 *  /* LOGIN
 *  /* CART
 *    /* movies
 *    /* total
 *  /* END MESSAGE
 *    /* code promo
 *  /* PAYMENT
 *  /* REGISTRATION
 *  /* SUCCESS
 *  /* ERROR
 * --------------------------------------------------------- */
/* -------------------------------------------------------
 * IMPORT FALLBACK DEFAULT VARIABLES
 * ------------------------------------------------------- */
/* -------------------------------------------------------
 * COMMON VARIABLES
 * ------------------------------------------------------- */
/* COLORS
 * ------------------------- */
/* COLORS to sort / to clean
 * ------------------------- */
/* SIZES
 * ------------------------- */
/* SIZES to sort/check/clean
 * ------------------------- */
/* COLUMN SIZES to sort/to check / to clean
 * ------------------------- */
/* -------------------------------------------------------
 * DEFAULT BOOTSTRAP BREACKPOINTS
 * ------------------------------------------------------- */
/* -------------------------------------------------------
 * UC FONT VARIABLES
 * ------------------------------------------------------- */
/* -------------------------------------------------------------------------------
 *  * COMMONS
 *  *----------------------------------------------------------------------------- */
.modal-content-checkout {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
  outline: 0;
  box-sizing: border-box; }

.registration #main-container {
  background-color: white; }

#registration-form .checkout-title {
  margin-bottom: 25px; }

#fos_user_registration_form_gender {
  margin-bottom: 10px; }

.modal-getback {
  z-index: 1;
  position: absolute;
  top: 54px;
  left: 47px; }
  .modal-getback:hover {
    text-decoration: none; }
  .modal-getback:before {
    font-size: 32px;
    color: #888a8d; }
  .modal-getback:hover:before {
    color: white; }

.checkout {
  width: 650px;
  /* -------------------------------------------------------------------------------
   * header
   * ----------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------
   * body
   * ----------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------
   * form
   * ----------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------
   * footer
   * ----------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------
   * LOGIN
   *----------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------
   * CART
   *----------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------
   * END MESSAGE
   * ----------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------
   * PAYMENT
   * ----------------------------------------------------------------------------- */ }
  .checkout .modal-container-step2 {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .checkout .modal-header .left-arrow-btn {
    position: absolute;
    top: 52px;
    left: 45px;
    text-decoration: none;
    color: #68696d;
    font-size: 32px; }
    .checkout .modal-header .left-arrow-btn:hover {
      color: white; }
    @media (max-width: 479px) {
      .checkout .modal-header .left-arrow-btn {
        left: 12px; } }
  .checkout .modal-body {
    position: relative;
    margin-top: -25px;
    padding: 0 15px; }
    .checkout .modal-body.bg-step1 {
      height: 223px;
      margin-bottom: -29px;
      position: relative;
      background: transparent url("../bundles/cineweb/images/common/backgrounds/bg-step1.jpg") no-repeat 0 0;
      background-size: cover; }
      .checkout .modal-body.bg-step1 p {
        max-width: 550px;
        margin: 0 auto;
        line-height: 1.2;
        color: white;
        font-family: "Lato";
        font-size: 26px;
        font-weight: lighter;
        text-align: center; }
        .checkout .modal-body.bg-step1 p.first-paragraph, .checkout .modal-body.bg-step1 p.first-paragraph-payment-confirmation {
          margin-top: 30px; }
          .checkout .modal-body.bg-step1 p.first-paragraph .styles-payment-confirmation-1,
          .checkout .modal-body.bg-step1 p.first-paragraph .styles-payment-confirmation-2, .checkout .modal-body.bg-step1 p.first-paragraph-payment-confirmation .styles-payment-confirmation-1,
          .checkout .modal-body.bg-step1 p.first-paragraph-payment-confirmation .styles-payment-confirmation-2 {
            font-weight: bolder; }
        .checkout .modal-body.bg-step1 p.first-paragraph {
          font-weight: bold; }
      @media (min-width: 480px) {
        .checkout .modal-body.bg-step1 p {
          line-height: 1.6; } }
    .checkout .modal-body .checkout-title {
      border-right: 0; }
    .checkout .modal-body .checkout-title,
    .checkout .modal-body .checkout-title-single,
    .checkout .modal-body .checkout-title-cb {
      width: 230px;
      margin: 0 auto;
      padding: 0 0 24px;
      text-align: center;
      font-family: "Lato";
      font-size: 20px;
      font-weight: 900;
      color: white;
      -webkit-font-smoothing: antialiased; }
      .checkout .modal-body .checkout-title.checkout-title, .checkout .modal-body .checkout-title.checkout-title-cb,
      .checkout .modal-body .checkout-title-single.checkout-title,
      .checkout .modal-body .checkout-title-single.checkout-title-cb,
      .checkout .modal-body .checkout-title-cb.checkout-title,
      .checkout .modal-body .checkout-title-cb.checkout-title-cb {
        border-bottom: 1px #3a3e48 solid; }
      .checkout .modal-body .checkout-title.checkout-title-cb,
      .checkout .modal-body .checkout-title-single.checkout-title-cb,
      .checkout .modal-body .checkout-title-cb.checkout-title-cb {
        display: none;
        width: 275px; }
  .checkout label a {
    color: #2791c6; }
    .checkout label a.registration-cgv-link {
      text-transform: uppercase; }
      .checkout label a.registration-cgv-link:hover {
        color: white;
        text-decoration: none; }
  .checkout input.form-control {
    position: relative;
    padding-left: 37px; }
  .checkout .form-group {
    position: relative; }
    .checkout .form-group i {
      z-index: 1;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 12px;
      font-size: 12px;
      line-height: 40px;
      color: #a9a9ac; }
      .checkout .form-group i .icon-account {
        font-size: 14px; }
      .checkout .form-group i .icon-pin, .checkout .form-group i .icon-key {
        font-size: 15px; }
    .checkout .form-group.has-error > i {
      color: #c93333; }
    .checkout .form-group.has-error .form-control {
      border-width: 2px; }
  .checkout .form-control {
    height: 40px; }
    .checkout .form-control:focus:before {
      color: #2791c6; }
  .checkout .modal-footer,
  .checkout .modal-footer-2 {
    margin-top: 29px; }
    .checkout .modal-footer.modal-footer-2,
    .checkout .modal-footer-2.modal-footer-2 {
      margin-top: 0;
      padding-top: 25px; }
    .checkout .modal-footer .cssc-button--middle,
    .checkout .modal-footer-2 .cssc-button--middle {
      vertical-align: middle; }
    .checkout .modal-footer .cinepass-add,
    .checkout .modal-footer-2 .cinepass-add {
      margin-bottom: 27px;
      padding: 0 52px 0 38px; }
      .checkout .modal-footer .cinepass-add .sub-cinepass-add,
      .checkout .modal-footer-2 .cinepass-add .sub-cinepass-add {
        width: 100%;
        display: inline-block;
        border-top: 2px solid #979ca5;
        border-bottom: 2px solid #979ca5; }
        .checkout .modal-footer .cinepass-add .sub-cinepass-add .checkout-payment-types-figure,
        .checkout .modal-footer-2 .cinepass-add .sub-cinepass-add .checkout-payment-types-figure {
          width: 228px;
          padding: 10px 0;
          float: left;
          text-align: center; }
        .checkout .modal-footer .cinepass-add .sub-cinepass-add .checkout-payment-types-details,
        .checkout .modal-footer-2 .cinepass-add .sub-cinepass-add .checkout-payment-types-details {
          padding: 25px 0 10px 228px;
          text-align: left; }
          .checkout .modal-footer .cinepass-add .sub-cinepass-add .checkout-payment-types-details p,
          .checkout .modal-footer-2 .cinepass-add .sub-cinepass-add .checkout-payment-types-details p {
            margin: 0; }
          .checkout .modal-footer .cinepass-add .sub-cinepass-add .checkout-payment-types-details .payment-types-details-title,
          .checkout .modal-footer-2 .cinepass-add .sub-cinepass-add .checkout-payment-types-details .payment-types-details-title {
            margin-bottom: 18px;
            color: white;
            font-size: 17px; }
          .checkout .modal-footer .cinepass-add .sub-cinepass-add .checkout-payment-types-details .payment-types-details-msg-1,
          .checkout .modal-footer-2 .cinepass-add .sub-cinepass-add .checkout-payment-types-details .payment-types-details-msg-1 {
            color: white; }
          .checkout .modal-footer .cinepass-add .sub-cinepass-add .checkout-payment-types-details .payment-types-details-msg-1, .checkout .modal-footer .cinepass-add .sub-cinepass-add .checkout-payment-types-details .payment-types-details-msg-1-gray,
          .checkout .modal-footer-2 .cinepass-add .sub-cinepass-add .checkout-payment-types-details .payment-types-details-msg-1,
          .checkout .modal-footer-2 .cinepass-add .sub-cinepass-add .checkout-payment-types-details .payment-types-details-msg-1-gray {
            font-size: 13px; }
          .checkout .modal-footer .cinepass-add .sub-cinepass-add .checkout-payment-types-details .payment-types-details-msg-1-gray,
          .checkout .modal-footer-2 .cinepass-add .sub-cinepass-add .checkout-payment-types-details .payment-types-details-msg-1-gray {
            color: #979ca5; }
          .checkout .modal-footer .cinepass-add .sub-cinepass-add .checkout-payment-types-details .payment-types-details-code,
          .checkout .modal-footer-2 .cinepass-add .sub-cinepass-add .checkout-payment-types-details .payment-types-details-code {
            font-size: 13px; }
          .checkout .modal-footer .cinepass-add .sub-cinepass-add .checkout-payment-types-details .payment-types-details-msg-2,
          .checkout .modal-footer-2 .cinepass-add .sub-cinepass-add .checkout-payment-types-details .payment-types-details-msg-2 {
            margin-top: 5px;
            color: #979ca5;
            font-size: 11px; }
          .checkout .modal-footer .cinepass-add .sub-cinepass-add .checkout-payment-types-details .payment-types-details-buy,
          .checkout .modal-footer-2 .cinepass-add .sub-cinepass-add .checkout-payment-types-details .payment-types-details-buy {
            margin-top: 10px;
            display: block; }
          .checkout .modal-footer .cinepass-add .sub-cinepass-add .checkout-payment-types-details .payment-types-btns,
          .checkout .modal-footer-2 .cinepass-add .sub-cinepass-add .checkout-payment-types-details .payment-types-btns {
            margin-top: 7.5px; }
          .checkout .modal-footer .cinepass-add .sub-cinepass-add .checkout-payment-types-details a,
          .checkout .modal-footer-2 .cinepass-add .sub-cinepass-add .checkout-payment-types-details a {
            text-decoration: underline; }
          .checkout .modal-footer .cinepass-add .sub-cinepass-add .checkout-payment-types-details a.click-here, .checkout .modal-footer .cinepass-add .sub-cinepass-add .checkout-payment-types-details a.the-cinepass,
          .checkout .modal-footer-2 .cinepass-add .sub-cinepass-add .checkout-payment-types-details a.click-here,
          .checkout .modal-footer-2 .cinepass-add .sub-cinepass-add .checkout-payment-types-details a.the-cinepass {
            color: #2791c6; }
            .checkout .modal-footer .cinepass-add .sub-cinepass-add .checkout-payment-types-details a.click-here:hover, .checkout .modal-footer .cinepass-add .sub-cinepass-add .checkout-payment-types-details a.the-cinepass:hover,
            .checkout .modal-footer-2 .cinepass-add .sub-cinepass-add .checkout-payment-types-details a.click-here:hover,
            .checkout .modal-footer-2 .cinepass-add .sub-cinepass-add .checkout-payment-types-details a.the-cinepass:hover {
              color: white; }
          .checkout .modal-footer .cinepass-add .sub-cinepass-add .checkout-payment-types-details .cssc-button--gray-inactive,
          .checkout .modal-footer-2 .cinepass-add .sub-cinepass-add .checkout-payment-types-details .cssc-button--gray-inactive {
            box-shadow: none;
            cursor: auto;
            background-color: #333333;
            color: #666666; }
        @media (max-width: 567px) {
          .checkout .modal-footer .cinepass-add .sub-cinepass-add .checkout-payment-types-figure,
          .checkout .modal-footer-2 .cinepass-add .sub-cinepass-add .checkout-payment-types-figure {
            width: auto;
            margin-bottom: 0;
            float: none;
            text-align: left; }
          .checkout .modal-footer .cinepass-add .sub-cinepass-add .checkout-payment-types-details,
          .checkout .modal-footer-2 .cinepass-add .sub-cinepass-add .checkout-payment-types-details {
            padding: 15px 0 10px 0; } }
    .checkout .modal-footer .btns-before-share-on,
    .checkout .modal-footer-2 .btns-before-share-on {
      margin: 0 0 8px 0;
      text-align: center; }
      .checkout .modal-footer .btns-before-share-on button, .checkout .modal-footer .btns-before-share-on a, .checkout .modal-footer .btns-before-share-on object,
      .checkout .modal-footer-2 .btns-before-share-on button,
      .checkout .modal-footer-2 .btns-before-share-on a,
      .checkout .modal-footer-2 .btns-before-share-on object {
        width: 242px;
        margin-bottom: 7.5px;
        overflow: visible;
        display: inline-block; }
      .checkout .modal-footer .btns-before-share-on .sub-btns-before-share-on,
      .checkout .modal-footer-2 .btns-before-share-on .sub-btns-before-share-on {
        padding: 0 30px;
        display: inline-block; }
        .checkout .modal-footer .btns-before-share-on .sub-btns-before-share-on:first-child,
        .checkout .modal-footer-2 .btns-before-share-on .sub-btns-before-share-on:first-child {
          margin-bottom: 26px; }
        .checkout .modal-footer .btns-before-share-on .sub-btns-before-share-on .text-before-share-on,
        .checkout .modal-footer-2 .btns-before-share-on .sub-btns-before-share-on .text-before-share-on {
          margin-top: 30px;
          float: none;
          color: #999999;
          font-family: "Lato";
          font-size: 14px;
          text-align: left; }
        .checkout .modal-footer .btns-before-share-on .sub-btns-before-share-on .btn-block-before-share-on,
        .checkout .modal-footer-2 .btns-before-share-on .sub-btns-before-share-on .btn-block-before-share-on {
          width: 100%;
          float: none;
          position: relative; }
          .checkout .modal-footer .btns-before-share-on .sub-btns-before-share-on .btn-block-before-share-on button, .checkout .modal-footer .btns-before-share-on .sub-btns-before-share-on .btn-block-before-share-on a,
          .checkout .modal-footer-2 .btns-before-share-on .sub-btns-before-share-on .btn-block-before-share-on button,
          .checkout .modal-footer-2 .btns-before-share-on .sub-btns-before-share-on .btn-block-before-share-on a {
            padding: 0; }
            .checkout .modal-footer .btns-before-share-on .sub-btns-before-share-on .btn-block-before-share-on button .icon-flash, .checkout .modal-footer .btns-before-share-on .sub-btns-before-share-on .btn-block-before-share-on a .icon-flash,
            .checkout .modal-footer-2 .btns-before-share-on .sub-btns-before-share-on .btn-block-before-share-on button .icon-flash,
            .checkout .modal-footer-2 .btns-before-share-on .sub-btns-before-share-on .btn-block-before-share-on a .icon-flash {
              margin-right: 15px;
              font-size: 20px;
              line-height: 45px;
              vertical-align: middle; }
          .checkout .modal-footer .btns-before-share-on .sub-btns-before-share-on .btn-block-before-share-on a,
          .checkout .modal-footer-2 .btns-before-share-on .sub-btns-before-share-on .btn-block-before-share-on a {
            background: #2791c6 url(http://www.fr.universcine.be/bundles/cineweb/images/icons/icn-see-film.png) center 22px no-repeat; }
            .checkout .modal-footer .btns-before-share-on .sub-btns-before-share-on .btn-block-before-share-on a:hover,
            .checkout .modal-footer-2 .btns-before-share-on .sub-btns-before-share-on .btn-block-before-share-on a:hover {
              background-color: white; }
          .checkout .modal-footer .btns-before-share-on .sub-btns-before-share-on .btn-block-before-share-on .block-icn-arrow-circles,
          .checkout .modal-footer-2 .btns-before-share-on .sub-btns-before-share-on .btn-block-before-share-on .block-icn-arrow-circles {
            width: 100%;
            position: absolute; }
            .checkout .modal-footer .btns-before-share-on .sub-btns-before-share-on .btn-block-before-share-on .block-icn-arrow-circles .cssc-button-icn-arrow-circles,
            .checkout .modal-footer-2 .btns-before-share-on .sub-btns-before-share-on .btn-block-before-share-on .block-icn-arrow-circles .cssc-button-icn-arrow-circles {
              margin: 10px 0 0 -135px;
              display: inline-block;
              text-align: center; }
        @media (min-width: 568px) {
          .checkout .modal-footer .btns-before-share-on .sub-btns-before-share-on:first-child,
          .checkout .modal-footer-2 .btns-before-share-on .sub-btns-before-share-on:first-child {
            margin-bottom: 52px; }
          .checkout .modal-footer .btns-before-share-on .sub-btns-before-share-on .text-before-share-on,
          .checkout .modal-footer-2 .btns-before-share-on .sub-btns-before-share-on .text-before-share-on {
            margin-bottom: 0;
            float: left; }
          .checkout .modal-footer .btns-before-share-on .sub-btns-before-share-on .btn-block-before-share-on,
          .checkout .modal-footer-2 .btns-before-share-on .sub-btns-before-share-on .btn-block-before-share-on {
            float: right; }
          .checkout .modal-footer .btns-before-share-on .sub-btns-before-share-on .block-icn-arrow-circles,
          .checkout .modal-footer-2 .btns-before-share-on .sub-btns-before-share-on .block-icn-arrow-circles {
            width: 235px; }
            .checkout .modal-footer .btns-before-share-on .sub-btns-before-share-on .block-icn-arrow-circles .cssc-button-icn-arrow-circles,
            .checkout .modal-footer-2 .btns-before-share-on .sub-btns-before-share-on .block-icn-arrow-circles .cssc-button-icn-arrow-circles {
              margin: 10px 0 0 20px;
              display: inline-block;
              text-align: left; } }
    .checkout .modal-footer .title-share-on,
    .checkout .modal-footer-2 .title-share-on {
      color: #8b8d95;
      font-family: "Lato";
      font-size: 22px; }
    .checkout .modal-footer .icons-share-on,
    .checkout .modal-footer-2 .icons-share-on {
      text-align: center; }
      .checkout .modal-footer .icons-share-on a, .checkout .modal-footer .icons-share-on .fb-share-button,
      .checkout .modal-footer-2 .icons-share-on a,
      .checkout .modal-footer-2 .icons-share-on .fb-share-button {
        width: 38px;
        height: 38px;
        margin: 0 6px;
        display: inline-block;
        border-radius: 3px;
        background-color: #686a6e;
        text-align: center;
        text-decoration: none; }
        .checkout .modal-footer .icons-share-on a .fa, .checkout .modal-footer .icons-share-on .fb-share-button .fa,
        .checkout .modal-footer-2 .icons-share-on a .fa,
        .checkout .modal-footer-2 .icons-share-on .fb-share-button .fa {
          vertical-align: middle;
          line-height: 38px;
          color: white;
          font-size: 25px; }
    .checkout .modal-footer #submit-checkout-form,
    .checkout .modal-footer-2 #submit-checkout-form {
      width: 235px; }
  .checkout#modal_connexion .modal-footer .title {
    padding-right: 20px; }
    @media (max-width: 480px) {
      .checkout#modal_connexion .modal-footer .title {
        padding-right: 0;
        width: 100%; } }
  .checkout .modal-body-login {
    padding: 0 25px; }
    .checkout .modal-body-login .modal-body-login-left,
    .checkout .modal-body-login .modal-body-login-right,
    .checkout .modal-body-login .modal-login__submit {
      box-sizing: border-box; }
    .checkout .modal-body-login .modal-body-login-left {
      padding-right: 30px; }
      .checkout .modal-body-login .modal-body-login-left.next-modal-disabled {
        margin: 0 auto;
        float: none;
        padding-right: 0;
        border-right: 0;
        text-align: center; }
      .checkout .modal-body-login .modal-body-login-left .form-group-login {
        width: 100%; }
      .checkout .modal-body-login .modal-body-login-left .input-group {
        width: 100%;
        display: inline-block;
        position: relative; }
        .checkout .modal-body-login .modal-body-login-left .input-group i {
          position: absolute;
          top: 14px;
          left: 13px;
          z-index: 10;
          color: #aaacb2;
          font-size: 14px; }
        .checkout .modal-body-login .modal-body-login-left .input-group .form-control {
          width: 100%;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -ms-border-radius: 4px;
          border-radius: 4px;
          float: none;
          color: #a9a9ac;
          font-size: 14px;
          font-weight: lighter; }
      .checkout .modal-body-login .modal-body-login-left .pw-forgot-checkout-link {
        color: #a9a9ac;
        font-size: 13px;
        font-weight: bold;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .checkout .modal-body-login .modal-body-login-left .pw-forgot-checkout-link:hover {
          color: white;
          text-decoration: none;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
    .checkout .modal-body-login .modal-body-login-right {
      padding-left: 30px; }
    .checkout .modal-body-login .form-group-login,
    .checkout .modal-body-login .modal-login__submit,
    .checkout .modal-body-login .cssc-button--social.is-facebook,
    .checkout .modal-body-login .modal-login__social .cssc-button + .cssc-button,
    .checkout .modal-body-login .pw-forgot-checkout-link {
      margin: 10px 0;
      padding: 0;
      display: inline-block; }
    .checkout .modal-body-login .modal-login__submit .cssc-button {
      margin-bottom: 0; }
    @media (max-width: 768px) and (min-width: 480px) {
      .checkout .modal-body-login .modal-body-login-left.next-modal-disabled {
        width: 50%; } }
    @media (max-width: 768px) {
      .checkout .modal-body-login .modal-body-login-left .modal-login__submit {
        display: block; } }
  .checkout .modal-list {
    /* -------------------------------------------------------------------------------
     * movies
     * ----------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------------
     * total
     * ----------------------------------------------------------------------------- */ }
    .checkout .modal-list .checkout-movies-list {
      max-height: 305px;
      margin-top: 0;
      padding: 0 30px;
      border-top: #3a3e48 solid 1px;
      border-bottom: #3a3e48 solid 5px;
      overflow-x: hidden;
      overflow-y: auto; }
      .checkout .modal-list .checkout-movies-list li {
        width: 100%;
        padding: 12px 0;
        display: inline-block;
        border-bottom: #3a3e48 solid 1px;
        position: relative;
        z-index: 1; }
        .checkout .modal-list .checkout-movies-list li:last-child {
          border: 0; }
        .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-img {
          width: 70px;
          height: 92px;
          margin-right: 25px;
          float: left; }
          .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-img .checkout-img {
            border: 0; }
        .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas {
          width: 100%;
          margin-bottom: 4px; }
          .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-movies-title {
            margin: 8px 0 8px 0;
            color: white;
            font-family: "Lato";
            font-size: 16px;
            font-weight: bold; }
          .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks {
            width: 100%;
            padding: 0 0 0 95px; }
            .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .bundle-content {
              color: white; }
            .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-left, .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-right {
              width: 50%;
              float: left;
              box-sizing: border-box; }
            .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-left {
              border-right: #3a3e48 solid 1px; }
              .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-left p {
                height: 20px;
                margin: 0 auto;
                margin-right: 2px;
                padding: 0 8px;
                float: left;
                border-radius: 3px;
                background-color: #7f7f7f;
                text-align: center; }
                .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-left p span {
                  line-height: 20px;
                  vertical-align: middle;
                  color: #e3e3e3;
                  font-family: "Lato";
                  font-size: 10px;
                  font-weight: bold;
                  text-transform: uppercase; }
            .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-right p {
              margin: 0;
              padding: 0;
              float: left;
              font-family: "Lato";
              font-size: 15px;
              font-weight: bold;
              text-align: right; }
            .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-right .details-price {
              width: 55%;
              padding: 0 10px 0 10px; }
              .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-right .details-price span {
                color: white; }
            .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-right .price {
              width: 30%; }
              .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-right .price span {
                color: #2791c6; }
            .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-right .icon-round-delete {
              width: 15%;
              float: right;
              display: block;
              color: #2791c6;
              font-size: 24px;
              text-decoration: none;
              text-align: right; }
        .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-reduction {
          width: 100%;
          height: 32px;
          position: absolute;
          bottom: 12px;
          z-index: -1;
          background-color: #77a37d; }
          .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-reduction .checkout-sub-block-reduction {
            width: 100%;
            padding: 0 35px;
            display: inline-block;
            line-height: 32px;
            color: white;
            font-family: "Lato"; }
            .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-reduction .checkout-sub-block-reduction .details-reduction {
              width: 60%;
              margin: 0 0 0 20%;
              float: left;
              text-align: center; }
              .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-reduction .checkout-sub-block-reduction .details-reduction .details {
                font-size: 14px; }
              .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-reduction .checkout-sub-block-reduction .details-reduction .code {
                font-size: 18px; }
            .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-reduction .checkout-sub-block-reduction .price-reduction {
              margin: 0;
              float: right;
              font-size: 18px;
              font-weight: bold;
              text-align: right; }
        @media (max-width: 567px) {
          .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas {
            width: auto;
            float: none;
            display: block; }
            .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-left, .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-right {
              width: auto;
              float: none;
              display: block; }
              .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-left.checkout-block-left, .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-right.checkout-block-left {
                border: 0; }
              .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-left.checkout-block-right, .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-right.checkout-block-right {
                width: 100%;
                float: left; }
                .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-left.checkout-block-right .details-price, .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-left.checkout-block-right .price, .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-right.checkout-block-right .details-price, .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-right.checkout-block-right .price {
                  margin-top: 10px;
                  margin-left: 0; }
                .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-left.checkout-block-right .details-price, .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-right.checkout-block-right .details-price {
                  padding-left: 0;
                  text-align: left; }
                .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-left.checkout-block-right .icon-round-delete, .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-datas .checkout-blocks .checkout-block-right.checkout-block-right .icon-round-delete {
                  margin-top: 7.5px; }
          .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-reduction {
            height: auto;
            float: left;
            position: inherit; }
            .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-reduction .checkout-sub-block-reduction {
              padding: 2.5px 5px;
              line-height: normal; }
              .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-reduction .checkout-sub-block-reduction .details-reduction {
                width: auto;
                margin: 0; }
              .checkout .modal-list .checkout-movies-list li .checkout-movies-sub-item .checkout-block-reduction .checkout-sub-block-reduction .price-reduction {
                width: auto;
                margin: 0;
                float: left; } }
      @media (max-width: 768px) {
        .checkout .modal-list .checkout-movies-list {
          overflow: visible;
          max-height: inherit; } }
    .checkout .modal-list .checkout-movies-total {
      width: 100%;
      margin-bottom: 10px;
      padding: 0 30px;
      display: inline-block;
      box-sizing: border-box;
      color: white; }
      .checkout .modal-list .checkout-movies-total .checkout-movies-total-left {
        width: 50%;
        margin-top: 5px;
        float: left;
        color: #bebebe;
        font-size: 14px; }
      .checkout .modal-list .checkout-movies-total .checkout-movies-total-center, .checkout .modal-list .checkout-movies-total .checkout-movies-total-right {
        float: left;
        box-sizing: border-box;
        font-size: 18px;
        font-weight: bold; }
      .checkout .modal-list .checkout-movies-total .checkout-movies-total-center {
        width: 25%;
        color: #bebebe; }
        .checkout .modal-list .checkout-movies-total .checkout-movies-total-center span {
          margin-left: 60px; }
      .checkout .modal-list .checkout-movies-total .checkout-movies-total-right {
        float: right; }
        .checkout .modal-list .checkout-movies-total .checkout-movies-total-right span {
          margin-right: 35px;
          text-align: right; }
  .checkout .modal-end-messages {
    /* -------------------------------------------------------------------------------
     * code promo
     * ----------------------------------------------------------------------------- */ }
    .checkout .modal-end-messages .checkout-code-promo {
      width: 100%;
      padding: 0 27.5px;
      display: inline-block; }
      .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .before-end-messages-form {
        width: 50%;
        float: left;
        position: relative; }
        .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .before-end-messages-form .left-icon-block {
          width: 37px;
          margin-right: 18px;
          float: left;
          position: absolute;
          top: 0;
          left: 0;
          background-color: white;
          text-align: center; }
          .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .before-end-messages-form .left-icon-block .left-icon {
            margin: 10px 0;
            display: block;
            font-size: 24px; }
          .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .before-end-messages-form .left-icon-block .bottom-icon {
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 18.5px 12px 18.5px; }
        .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .before-end-messages-form .after-icon-block {
          margin-left: 55px;
          float: left;
          color: white;
          font-family: "Lato"; }
          .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .before-end-messages-form .after-icon-block .title-after-icon-block {
            margin: 10px 0;
            font-size: 18px;
            font-weight: bold;
            text-transform: uppercase; }
          .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .before-end-messages-form .after-icon-block .text-after-icon-block {
            margin: 0 0 25px 0;
            font-size: 13px; }
      .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .checkout-end-messages-form {
        width: 50%;
        float: left; }
        .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .checkout-end-messages-form fieldset {
          margin-top: 28.5px;
          position: relative; }
          .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .checkout-end-messages-form fieldset i {
            position: absolute;
            top: 10px;
            bottom: 0;
            left: 32px;
            color: #a9a9ac;
            font-size: 20px; }
          .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .checkout-end-messages-form fieldset input, .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .checkout-end-messages-form fieldset button {
            height: 40px;
            float: left;
            border: 0;
            border-radius: 3px;
            overflow: hidden;
            background-color: white;
            font-size: 14px;
            font-weight: lighter; }
          .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .checkout-end-messages-form fieldset .code-promo-input {
            width: 200px;
            margin: 0 10px 0 20px;
            padding: 0 16px 0 36px;
            color: #a9a9ac; }
            .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .checkout-end-messages-form fieldset .code-promo-input.error {
              padding: 0 14px;
              border: 2px solid red; }
          .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .checkout-end-messages-form fieldset .code-promo-submit-btn {
            padding: 0 16px;
            color: #191b1f; }
      .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .after-end-messages-form {
        width: 50%;
        float: left; }
        .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .after-end-messages-form .presentation-offer, .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .after-end-messages-form .title-offer, .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .after-end-messages-form .cancel-offer-btn {
          margin: 0;
          color: white;
          font-family: "Lato"; }
        .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .after-end-messages-form .presentation-offer {
          margin-top: 15px;
          font-size: 18px; }
        .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .after-end-messages-form .title-offer {
          font-size: 18px;
          font-weight: bold; }
        .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .after-end-messages-form .cancel-offer-btn {
          margin: 5px 0 15px;
          display: block;
          font-size: 14px;
          text-decoration: underline; }
      @media (max-width: 767px) {
        .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .before-end-messages-form {
          width: auto; }
        .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .checkout-end-messages-form {
          width: auto; }
          .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .checkout-end-messages-form fieldset {
            margin: 0 0 28.5px 0; }
            .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .checkout-end-messages-form fieldset i {
              left: 10px; }
            .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .checkout-end-messages-form fieldset .code-promo-input {
              margin: 0 10px 0 0; }
        .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .after-end-messages-form {
          width: auto; }
          .checkout .modal-end-messages .checkout-code-promo .checkout-sub-end-messages .after-end-messages-form .presentation-offer {
            margin: 0; } }
      .checkout .modal-end-messages .checkout-code-promo.checkout-code-promo-type-code {
        background-color: black; }
        .checkout .modal-end-messages .checkout-code-promo.checkout-code-promo-type-code .left-icon {
          color: black; }
        .checkout .modal-end-messages .checkout-code-promo.checkout-code-promo-type-code .bottom-icon {
          border-color: transparent transparent black transparent; }
      .checkout .modal-end-messages .checkout-code-promo.checkout-code-promo-all-cart {
        background-color: #77a37d; }
        .checkout .modal-end-messages .checkout-code-promo.checkout-code-promo-all-cart .left-icon {
          color: #77a37d; }
        .checkout .modal-end-messages .checkout-code-promo.checkout-code-promo-all-cart .bottom-icon {
          border-color: transparent transparent #77a37d transparent; }
  .checkout .checkout-total-price-basket {
    margin: 37px 0 35px 0;
    color: white;
    font-family: "Lato";
    font-size: 20px;
    text-align: center; }
    .checkout .checkout-total-price-basket .title-price, .checkout .checkout-total-price-basket .total-price {
      display: inline-block; }
    .checkout .checkout-total-price-basket .title-price {
      padding-right: 30px; }
    .checkout .checkout-total-price-basket .total-price {
      font-weight: bold; }
  .checkout .modal-credit-cards-error {
    min-height: 44px;
    visibility: hidden;
    margin: 0 auto;
    padding: 0 15px;
    background-color: red;
    text-align: center;
    color: white;
    font-family: "Lato";
    font-size: 20px;
    vertical-align: middle; }
    .checkout .modal-credit-cards-error .sub-modal-credit-cards-error {
      margin: 5px 0;
      vertical-align: middle;
      color: white;
      font-family: "Lato";
      font-size: 18px;
      font-weight: bold; }
      @media (min-width: 480px) {
        .checkout .modal-credit-cards-error .sub-modal-credit-cards-error {
          margin: 0;
          line-height: 44px; } }
  .checkout .modal-payment-types {
    padding: 0 15px;
    color: white;
    font-family: "Lato"; }
    .checkout .modal-payment-types .cssc-button {
      width: 235px;
      padding: 0 16px; }
    .checkout .modal-payment-types .credit-cards-types-checkout {
      min-height: 180px;
      padding: 20px;
      border: #41444a solid 1px;
      border-radius: 4px; }
      .checkout .modal-payment-types .credit-cards-types-checkout .payment-types-details-msg-little,
      .checkout .modal-payment-types .credit-cards-types-checkout .payment-types-details-msg-little-gray {
        font-size: 12px; }
      .checkout .modal-payment-types .credit-cards-types-checkout.cb-type-checkout .checkout-payment-types-figure {
        padding-top: 12px; }
      .checkout .modal-payment-types .credit-cards-types-checkout.cinepass-type-checkout {
        margin: 12px 0 20px; }
      .checkout .modal-payment-types .credit-cards-types-checkout .checkout-payment-types-figure {
        width: 228px;
        padding-right: 10px;
        float: left;
        text-align: center; }
      .checkout .modal-payment-types .credit-cards-types-checkout .checkout-payment-types-details {
        padding-left: 228px; }
        .checkout .modal-payment-types .credit-cards-types-checkout .checkout-payment-types-details p {
          margin: 0; }
        .checkout .modal-payment-types .credit-cards-types-checkout .checkout-payment-types-details .payment-types-details-title {
          margin-bottom: 18px;
          font-size: 17px; }
        .checkout .modal-payment-types .credit-cards-types-checkout .checkout-payment-types-details .payment-types-details-msg-1, .checkout .modal-payment-types .credit-cards-types-checkout .checkout-payment-types-details .payment-types-details-msg-1-gray {
          font-size: 13px; }
        .checkout .modal-payment-types .credit-cards-types-checkout .checkout-payment-types-details .payment-types-details-msg-1-gray {
          color: #979ca5; }
        .checkout .modal-payment-types .credit-cards-types-checkout .checkout-payment-types-details .payment-types-details-code {
          font-size: 13px; }
        .checkout .modal-payment-types .credit-cards-types-checkout .checkout-payment-types-details .payment-types-details-msg-2 {
          margin-top: 5px;
          color: #979ca5;
          font-size: 11px; }
        .checkout .modal-payment-types .credit-cards-types-checkout .checkout-payment-types-details .payment-types-details-buy {
          margin-top: 10px;
          display: block; }
        .checkout .modal-payment-types .credit-cards-types-checkout .checkout-payment-types-details .payment-types-btns {
          margin-top: 7.5px; }
          .checkout .modal-payment-types .credit-cards-types-checkout .checkout-payment-types-details .payment-types-btns a {
            text-decoration: none; }
        .checkout .modal-payment-types .credit-cards-types-checkout .checkout-payment-types-details a {
          text-decoration: underline; }
        .checkout .modal-payment-types .credit-cards-types-checkout .checkout-payment-types-details a.click-here, .checkout .modal-payment-types .credit-cards-types-checkout .checkout-payment-types-details a.the-cinepass {
          color: #2791c6; }
          .checkout .modal-payment-types .credit-cards-types-checkout .checkout-payment-types-details a.click-here:hover, .checkout .modal-payment-types .credit-cards-types-checkout .checkout-payment-types-details a.the-cinepass:hover {
            color: white; }
        .checkout .modal-payment-types .credit-cards-types-checkout .checkout-payment-types-details .cssc-button--gray-inactive {
          box-shadow: none;
          cursor: auto;
          background-color: #333333;
          color: #666666; }
    @media (max-width: 567px) {
      .checkout .modal-payment-types .credit-cards-types-checkout .checkout-payment-types-figure {
        margin-bottom: 20px; }
      .checkout .modal-payment-types .credit-cards-types-checkout .checkout-payment-types-details {
        padding-left: 0; } }
  .checkout .credit-cards-types-checkout-form {
    display: none; }
    .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers {
      padding: 0 15px;
      color: white;
      font-family: "Lato"; }
      .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-choose-card-type {
        text-align: center; }
        .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-choose-card-type input {
          margin: 0 2px 0 20px; }
      .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout {
        margin: 0 0 40px 0;
        text-align: center; }
        .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block {
          width: 100%;
          display: inline-block;
          position: relative;
          color: #a9a9ac;
          text-align: center; }
          @media (min-width: 480px) {
            .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block {
              width: 340px; } }
          .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block input, .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block select {
            box-sizing: border-box; }
            .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block input.error, .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block select.error {
              border: 2px solid red; }
          .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block p, .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block label, .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block input, .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .fakeselect-wrapper {
            margin: 5px 0;
            font-size: 14px;
            font-weight: lighter; }
          .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block p, .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block label {
            margin-top: 15px;
            display: block;
            text-align: left; }
          .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .numbers-input, .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .numbers-input-lg {
            width: 70px;
            height: 40px;
            border: 0;
            border-radius: 4px;
            float: left;
            color: #a9a9ac;
            font-weight: bold;
            text-align: center; }
            .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .numbers-input.last-numbers-input, .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .numbers-input-lg.last-numbers-input {
              margin-left: 20px;
              float: right; }
            .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .numbers-input.numbers-input, .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .numbers-input-lg.numbers-input {
              float: right; }
            .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .numbers-input.numbers-input-lg, .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .numbers-input-lg.numbers-input-lg {
              width: 100%; }
          .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .union-input, .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .union-input-invisible {
            width: 20px;
            height: 40px;
            line-height: 40px;
            float: left;
            text-align: center; }
            .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .union-input.union-input-invisible, .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .union-input-invisible.union-input-invisible {
              display: none; }
              @media (min-width: 480px) {
                .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .union-input.union-input-invisible, .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .union-input-invisible.union-input-invisible {
                  display: block; } }
          .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .fakeselect-wrapper {
            position: relative;
            float: left;
            color: #a9a9ac;
            font-weight: bold; }
            .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .fakeselect-wrapper .fake-select {
              width: 100%;
              margin: 0px;
              padding: 0px;
              opacity: 0.01;
              position: absolute;
              top: 0px;
              left: 0px;
              z-index: 2;
              -webkit-appearance: menulist-button; }
          .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .last-numbers-text-top, .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .last-numbers-text-bottom {
            width: 180px;
            margin: 0;
            position: absolute;
            right: -110px; }
            @media (max-width: 567px) {
              .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .last-numbers-text-top, .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .last-numbers-text-bottom {
                right: 0; } }
          .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .last-numbers-text-top {
            bottom: 55px; }
            .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .last-numbers-text-top label {
              margin: 0;
              display: inline-block; }
            .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .last-numbers-text-top li {
              margin-right: 3px;
              font-size: 20px; }
          .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .credit-card-numbers-checkout .inputs-block .last-numbers-text-bottom {
            bottom: -40px; }
      @media (max-width: 567px) {
        .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .validate-credit-card-numbers-checkout {
          padding-top: 20px; } }
      .checkout .credit-cards-types-checkout-form .modal-credit-card-numbers .validate-credit-card-numbers-checkout .save-credit-card-numbers-checkout .after-checkbox {
        margin: 0;
        padding: 0 0 0 35px;
        color: #a9a9ac;
        font-size: 14px;
        font-weight: lighter;
        font-style: italic; }
  .checkout #credit-card-checkout-form-block .checkout-error-msg,
  .checkout .modal-container-pw-validation .checkout-error-msg {
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    display: inline-block;
    background-color: red;
    text-align: center; }
    .checkout #credit-card-checkout-form-block .checkout-error-msg p,
    .checkout .modal-container-pw-validation .checkout-error-msg p {
      margin: 0 30px;
      line-height: 30px;
      vertical-align: middle; }
      .checkout #credit-card-checkout-form-block .checkout-error-msg p span,
      .checkout .modal-container-pw-validation .checkout-error-msg p span {
        display: inline-block;
        color: white;
        font-size: 13px; }
        .checkout #credit-card-checkout-form-block .checkout-error-msg p span:first-child,
        .checkout .modal-container-pw-validation .checkout-error-msg p span:first-child {
          margin-right: 10px;
          font-size: 18px; }
      @media (max-width: 567px) {
        .checkout #credit-card-checkout-form-block .checkout-error-msg p p,
        .checkout .modal-container-pw-validation .checkout-error-msg p p {
          line-height: inherit; } }

/* -------------------------------------------------------------------------------
 * REGISTRATION
 * ----------------------------------------------------------------------------- */
.checkout-fieldset-title,
.checkout label {
  font-family: "Lato";
  font-size: 14px;
  font-weight: lighter;
  line-height: 20px;
  color: #a9a9ac; }
  .checkout-fieldset-title .checkout-checkbox,
  .checkout label .checkout-checkbox {
    margin-right: 8px; }

.checkout .password-label-registration,
.checkout .password-label-error-registration {
  display: block;
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 0;
  overflow: hidden;
  font-size: 14px; }
  .checkout .password-label-registration.password-label-registration,
  .checkout .password-label-error-registration.password-label-registration {
    color: #a9a9ac;
    font-weight: normal; }
  .checkout .password-label-registration.password-label-error-registration,
  .checkout .password-label-error-registration.password-label-error-registration {
    color: red; }

.checkout-fieldset-title {
  padding: 0 0 17px; }
  .checkout-fieldset-title .icon-account {
    padding-right: 6px;
    font-size: 12px; }

.form-group--dob .fakeselect-wrapper {
  float: left; }
  .form-group--dob .fakeselect-wrapper:last-child {
    width: 111px; }
  .form-group--dob .fakeselect-wrapper + .fakeselect-wrapper {
    margin-left: 20px; }
    .form-group--dob .fakeselect-wrapper + .fakeselect-wrapper:before {
      content: "/";
      position: absolute;
      top: 0;
      left: -14px;
      font-family: "Lato";
      font-size: 14px;
      font-weight: bold;
      color: #a9a9ab; }

/* Mobile */
@media (max-width: 767px) {
  .modal-getback {
    top: 129px;
    left: 15px; }

  .form-group--dob .fakeselect-wrapper {
    width: 69px; }
    .form-group--dob .fakeselect-wrapper:last-child {
      width: 90px; }
    .form-group--dob .fakeselect-wrapper .modal_checkout_cart .checkout-title {
      margin-bottom: 0; } }
/* ----------------------------------------------------------
 * SUCCESS
 * -------------------------------------------------------- */
.success {
  position: relative;
  margin: 0 -15px;
  text-align: center;
  font-family: "Lato";
  -webkit-font-smoothing: antialiased; }

.success__inner {
  position: relative;
  height: 216px;
  padding: 0 15px;
  background: transparent url("../bundles/cineweb/images/common/backgrounds/bg-success.jpg") center no-repeat; }

.success-title {
  position: relative;
  top: 42px;
  font-size: 24px;
  font-weight: 900;
  line-height: 31px;
  color: white;
  opacity: 0;
  transition-delay: 400ms;
  transform: translateY(-20px); }

.modal.fade.in .success-title {
  opacity: 0.999;
  transform: translateY(0px); }

.success-title span {
  font-weight: 300; }
.success-title a {
  color: #2791c6; }
  .success-title a:hover {
    text-decoration: underline; }

.success-illu {
  z-index: 1;
  position: absolute;
  top: 129px;
  right: 0;
  left: 0;
  opacity: 0;
  transition-delay: 700ms;
  transform: translateY(-20px);
  height: 216px;
  background: transparent url("../bundles/cineweb/images/icons/icn-success.png") center top no-repeat; }

.modal.fade.in .success-illu {
  opacity: 1;
  transform: translateY(0); }

.success > p {
  width: 525px;
  margin: 119px auto 0;
  font-family: "Lato";
  font-size: 14px;
  line-height: 20px;
  color: #babdc7; }

.success-share {
  padding-bottom: 35px; }
  .success-share .title {
    margin: 23px 0 6px;
    font-size: 22px;
    color: #8b8d95; }

.success-share__list {
  font-size: 0; }
  .success-share__list a {
    display: inline-block;
    font-size: 46px;
    vertical-align: middle;
    color: #686a6e;
    *display: inline;
    *zoom: 1; }
    .success-share__list a:hover {
      text-decoration: none;
      color: #2791c6; }
    .success-share__list a + a {
      margin-left: 13px; }

.end-step-block-btn-checkout {
  width: 100%;
  margin: 0;
  display: inline-block; }

.modal-switch-button {
  width: 242px;
  height: 45px;
  line-height: 45px;
  font-weight: bold; }

.cssc-button-inactive {
  margin: 0;
  padding: 0 16px;
  border: 0;
  display: inline-block;
  box-sizing: border-box;
  box-shadow: none;
  line-height: 40px;
  font-size: 13px;
  text-align: center;
  white-space: nowrap;
  color: #666666; }
  .cssc-button-inactive:hover {
    text-decoration: none;
    color: white; }

/* Mobile */
@media (max-width: 767px) {
  .checkout {
    width: 100%;
    margin: 0; }

  .success-title {
    top: 12px; }

  .success-illu {
    top: 150px;
    height: 135px;
    background-size: contain; }

  .success > p {
    width: 100%;
    margin-top: 80px;
    padding: 0 15px; } }
/* ----------------------------------------------------------
 * ERROR
 * -------------------------------------------------------- */
.checkout-error-msg {
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
  display: inline-block;
  background-color: red; }
  .checkout-error-msg p {
    margin: 0 30px;
    line-height: 30px;
    vertical-align: middle; }
  .checkout-error-msg#login-msg-error {
    height: auto;
    min-height: 62px;
    margin-bottom: 40px; }
    .checkout-error-msg#login-msg-error p {
      line-height: normal; }
    .checkout-error-msg#login-msg-error p:first-child {
      margin: 10px 30px 0 30px; }
    .checkout-error-msg#login-msg-error p:last-child {
      margin: 0 30px 10px 30px; }
  .checkout-error-msg#password-msg-error {
    height: 62px;
    margin-bottom: 40px;
    overflow: hidden; }
    .checkout-error-msg#password-msg-error p.login-msg-error-paragraph {
      margin: 0 50px;
      margin-top: auto;
      margin-bottom: auto;
      line-height: 62px; }
      .checkout-error-msg#password-msg-error p.login-msg-error-paragraph span {
        line-height: 1.2;
        vertical-align: middle; }
    .checkout-error-msg#password-msg-error span {
      display: inline-block;
      color: white;
      font-size: 13px; }
      .checkout-error-msg#password-msg-error span:first-child {
        margin-right: 10px;
        font-size: 18px; }
  @media (max-width: 567px) {
    .checkout-error-msg p {
      line-height: inherit; } }

/* Forgot password modal */
#lost-password-form-modal {
  margin: 0 25px 30px 25px; }
  #lost-password-form-modal .lost-password-title, #lost-password-form-modal .lost-password-desc {
    margin: 0;
    color: white; }
    #lost-password-form-modal .lost-password-title.lost-password-title, #lost-password-form-modal .lost-password-desc.lost-password-title {
      margin-bottom: 12px;
      font-size: 20px;
      font-weight: lighter; }
    #lost-password-form-modal .lost-password-title.lost-password-desc, #lost-password-form-modal .lost-password-desc.lost-password-desc {
      font-size: 13px;
      font-weight: normal; }
  #lost-password-form-modal .lost-password-block-input {
    margin-top: 40px;
    text-align: center; }
    #lost-password-form-modal .lost-password-block-input .lost-password-sub-block-input {
      margin: 0 0 20px 0;
      display: inline-block;
      position: relative; }
      #lost-password-form-modal .lost-password-block-input .lost-password-sub-block-input i {
        position: absolute;
        top: 14px;
        left: 13px;
        z-index: 10;
        color: #aaacb2;
        font-size: 14px; }
      #lost-password-form-modal .lost-password-block-input .lost-password-sub-block-input .lost-password-input {
        width: 288px; }
        @media (max-width: 479px) {
          #lost-password-form-modal .lost-password-block-input .lost-password-sub-block-input .lost-password-input {
            width: 100%; } }
  #lost-password-form-modal .lost-password-submit-block {
    text-align: center; }
    #lost-password-form-modal .lost-password-submit-block .lost-password-submit {
      width: 165px; }

.email-sent-title-modal {
  margin: 0 25px 12px 25px;
  color: white;
  font-size: 20px;
  font-weight: lighter; }

.email-sent-msg-modal {
  margin: 0 25px 60px 25px;
  color: white;
  font-size: 13px;
  font-weight: normal; }

.submit-block-reset {
  width: 100%;
  padding: 5px 25px 33px 25px;
  float: left;
  text-align: center; }
  @media (max-width: 320px) {
    .submit-block-reset {
      padding: 5px 0 33px 0; } }

#cb-msg-error,
#password-msg-errorx {
  height: auto; }

/* -------------------------------------------------------
 * IMPORT FALLBACK DEFAULT VARIABLES
 * ------------------------------------------------------- */
/* -------------------------------------------------------
 * COMMON VARIABLES
 * ------------------------------------------------------- */
/* COLORS
 * ------------------------- */
/* COLORS to sort / to clean
 * ------------------------- */
/* SIZES
 * ------------------------- */
/* SIZES to sort/check/clean
 * ------------------------- */
/* COLUMN SIZES to sort/to check / to clean
 * ------------------------- */
/* -------------------------------------------------------
 * DEFAULT BOOTSTRAP BREACKPOINTS
 * ------------------------------------------------------- */
/* -------------------------------------------------------
 * UC FONT VARIABLES
 * ------------------------------------------------------- */
.fakeselect-wrapper {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.fakeselect-cover {
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap; }

.fakeselect-wrapper select, .fakeselect-cover {
  height: 100%;
  font: inherit; }

.fakeselect-wrapper select {
  cursor: pointer; }
  .fakeselect-wrapper select[disabled] {
    cursor: not-allowed; }
    .fakeselect-wrapper select[disabled] ~ .fakeselect-cover {
      cursor: not-allowed; }

.vanilla-fakeselect {
  z-index: 1;
  position: relative; }
  .vanilla-fakeselect select, .vanilla-fakeselect .fakeselect-cover {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0; }
  .vanilla-fakeselect select {
    z-index: 2;
    -webkit-appearance: menulist-button;
    width: 100%;
    margin: 0;
    padding: 0;
    opacity: 0.01;
    filter: alpha(opacity=1); }
  .vanilla-fakeselect .fakeselect-cover {
    right: 0; }

.fakeselect-wrapper {
  height: 40px;
  width: 69px;
  border: 1px solid #c4c5c9;
  border-radius: 3px;
  font-family: "Lato";
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  color: #a9a9ac;
  background-color: white;
  box-shadow: inset 0 1px 1px rgba(16, 16, 19, 0.1); }
  .fakeselect-wrapper.has-focus {
    border: 1px solid #999999;
    background-color: #f0f0f0; }
  .fakeselect-wrapper:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-top: 4px solid #828591;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent; }

.fakeselect-cover {
  padding: 0 29px 0 0;
  text-align: right; }