@font-face {
  font-family: 'montserratlight';
  src: url("fonts/montserrat-light-webfont.eot?julio");
  src: url("fonts/montserrat-light-webfont.eot?#iefix_") format("embedded-opentype"), url("fonts/montserrat-light-webfont.woff2?julio") format("woff2"), url("fonts/montserrat-light-webfont.woff?julio") format("woff"), url("fonts/montserrat-light-webfont.ttf?julio") format("truetype"), url("fonts/montserrat-light-webfont.svg#montserratlight?julio") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'montserratsemi_bold';
  src: url("fonts/montserrat-semibold-webfont.eot?julio");
  src: url("fonts/montserrat-semibold-webfont.eot?#iefix_") format("embedded-opentype"), url("fonts/montserrat-semibold-webfont.woff2?julio") format("woff2"), url("fonts/montserrat-semibold-webfont.woff?julio") format("woff"), url("fonts/montserrat-semibold-webfont.ttf?julio") format("truetype"), url("fonts/montserrat-semibold-webfont.svg#montserratsemi_bold?julio") format("svg");
  font-weight: normal;
  font-style: normal; }
body {
  font-family: "montserratlight", sans-serif;
  color: #757575;
  background: #fff;
  margin: 0;
  padding: 0;
  font-size: 14px; }
  @media only screen and (min-width: 960px) {
    body {
      background: #f4f4f4; } }
  body.modal-open {
    overflow: visible;
    position: relative;
    position: fixed;
    width: 100%;
    margin-right: 0 !important;
    padding-right: 0 !important;
    top: 0; }
  body.login {
    background: transparent url(images/modal-bg.jpg) no-repeat;
    background-size: cover; }
  body.shipping, body.shopping-order {
    background: #fff; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }
  *:focus {
    outline: none;
    box-shadow: none; }

strong {
  font-weight: normal; }

a {
  text-decoration: none; }

.pull-right {
  float: right !important;
  display: table; }

.pull-left {
  float: left !important;
  display: table; }

.visible-tablet {
  display: block !important; }
  @media only screen and (min-width: 960px) {
    .visible-tablet {
      display: none !important; } }

.visible-desktop {
  display: none !important; }
  @media only screen and (min-width: 960px) {
    .visible-desktop {
      display: block !important; } }

.hidden-desktop {
  display: block !important; }
  @media only screen and (min-width: 960px) {
    .hidden-desktop {
      display: none !important; } }

.hidden-mobile {
  display: none !important; }
  @media only screen and (min-width: 960px) {
    .hidden-mobile {
      display: block !important; } }

.visible-print {
  display: none !important; }
  @media only print {
    .visible-print {
      display: block !important; } }

@media only print {
  .hidden-print {
    display: none !important; } }

.content {
  width: 100%;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  padding: 20px 15px; }
  @media only screen and (min-width: 960px) {
    .content {
      width: 960px;
      padding: 0; } }
  @media only screen and (min-width: 1280px) {
    .content {
      width: 1200px; } }

.margin {
  margin-bottom: 20px; }

.no-margin {
  margin: 0 !important; }

.no-overflow {
  overflow: inherit !important; }

h3 {
  margin: 0;
  padding: 0;
  font-family: "montserratsemi_bold";
  font-size: 26px;
  color: #4b4b4b; }

h4 {
  margin: 0;
  padding: 0;
  font-family: "montserratlight", sans-serif;
  font-size: 16px;
  color: #4b4b4b; }

.clear {
  clear: both;
  overflow: hidden; }

.center {
  display: table;
  margin: 0 auto; }
  .center .btn + .btn {
    margin: 0 0 0 10px; }

.service-alert {
  background: #fff1f1;
  padding: 10px 15px;
  display: block;
  clear: both;
  margin: 0 0 20px;
  border: dashed 1px #ff9b9b;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  .service-alert p {
    margin: 0;
    padding: 0; }
    .service-alert p strong {
      color: #de1d1d;
      display: block; }

.general-alert {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 20px;
  text-align: center; }
  .general-alert.alert-error {
    background: #da3a3a;
    color: #fff; }
    .general-alert.alert-error .general-alert-btn:hover {
      background: #fff;
      color: #da3a3a;
      border-color: #da3a3a; }
  .general-alert p {
    display: block;
    margin-bottom: 20px; }
  .general-alert .general-alert-btn {
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 15px 30px;
    height: auto;
    border: solid 1px #fff;
    color: #fff;
    background: none; }
    @media only screen and (min-width: 960px) {
      .general-alert .general-alert-btn {
        width: auto;
        display: table; } }

hr {
  clear: both;
  background-color: #d1d1d1;
  margin-bottom: 10px;
  border: none;
  height: 1px; }

.loading {
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  overflow: hidden; }
  .loading .loading-inner {
    width: 110px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -55px; }
    .loading .loading-inner span {
      position: absolute;
      width: 20px;
      height: 20px;
      background: #bf0122;
      opacity: 0.5;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      animation: Cuncuna 1s infinite ease-in-out;
      -moz-animation: Cuncuna 1s infinite ease-in-out;
      -webkit-animation: Cuncuna 1s infinite ease-in-out; }
      .loading .loading-inner span:nth-child(2) {
        left: 30px;
        background: #dbdcdd;
        animation-delay: .2s;
        -moz-animation-delay: .2s;
        -webkit-animation-delay: .2s; }
      .loading .loading-inner span:nth-child(3) {
        left: 60px;
        background: #fcd32f;
        animation-delay: .4s;
        -webkit-animation-delay: .4s;
        -moz-animation-delay: .4s; }
      .loading .loading-inner span:nth-child(4) {
        left: 90px;
        background: #782769;
        animation-delay: .6s;
        -webkit-animation-delay: .6s;
        -moz-animation-delay: .6s; }

@keyframes Cuncuna {
  0% {
    opacity: 0.3;
    transform: translateY(0px);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); }
  50% {
    opacity: 1;
    transform: translateY(-10px);
    background: #6E357C;
    box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05); }
  100% {
    opacity: 0.3;
    transform: translateY(0px);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); } }
@-moz-keyframes Cuncuna {
  0% {
    opacity: 0.3;
    transform: translateY(0px);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); }
  50% {
    opacity: 1;
    transform: translateY(-10px);
    background: #6E357C;
    box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05); }
  100% {
    opacity: 0.3;
    transform: translateY(0px);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); } }
@-webkit-keyframes Cuncuna {
  0% {
    opacity: 0.3;
    transform: translateY(0px);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); }
  50% {
    opacity: 1;
    transform: translateY(-10px);
    background: #6E357C;
    box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05); }
  100% {
    opacity: 0.3;
    transform: translateY(0px);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); } }
.alert {
  text-align: center;
  padding: 10px 0;
  margin-bottom: 15px;
  clear: both;
  display: block;
  width: 100%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  .alert .fa {
    display: block;
    text-align: center;
    font-size: 28px;
    color: #b8b8b8;
    margin-bottom: 10px; }
  .alert p {
    margin: 0; }
  .alert.alert-shipping {
    color: #79568e;
    text-align: left; }
  .alert.alert-oneclick {
    background: #fafafa;
    color: #f55656;
    border: dashed 1px #eaeaea;
    padding: 15px 30px;
    text-align: left; }
    .alert.alert-oneclick .fa {
      color: #f55656;
      display: block;
      margin-right: 10px;
      font-size: 40px;
      float: left; }
    .alert.alert-oneclick strong {
      font-family: "montserratsemi_bold"; }
  .alert.alert-info {
    border: none;
    color: #79568e;
    margin-bottom: 15px;
    background: #fff; }
    .alert.alert-info strong {
      font-family: "montserratsemi_bold"; }
  .alert.alert-danger {
    background: #cc3b3b;
    color: #fff;
    text-align: center;
    font-family: "montserratsemi_bold"; }
  .alert.alert-error {
    color: #757575;
    font-size: 12px;
    margin-bottom: 15px;
    text-align: center;
    background: #fff1f1;
    padding: 10px;
    border: dashed 1px #fc3e39; }
    .alert.alert-error p {
      margin: 0 !important; }
    .alert.alert-error.white {
      background: none;
      border: none;
      padding: 0;
      color: #e03333;
      text-align: left; }
      .alert.alert-error.white h5 {
        font-family: "montserratsemi_bold";
        font-size: 16px;
        margin: 0 0 15px;
        overflow: hidden;
        line-height: 28pt; }
      .alert.alert-error.white .fa {
        display: block;
        float: left;
        margin: 0 5px 0 0;
        color: #e03333;
        font-size: 32px;
        width: 32px;
        height: 32px; }
    .alert.alert-error strong {
      font-family: "montserratsemi_bold"; }
  .alert.alert-success {
    background: #dff0d8;
    border: dashed 1px #227133;
    color: #227133;
    margin-bottom: 15px;
    padding: 10px;
    font-size: 12px;
    height: 35px; }
  .alert.alert-default {
    text-align: left;
    font-size: 12px; }
  .alert.alert-gift, .alert.alert-promo {
    border: none;
    color: #79568e;
    font-size: 0.9em;
    margin-bottom: 15px;
    background: #fff;
    padding: 15px;
    text-align: center;
    overflow: hidden;
    line-height: 16pt;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
    @media only screen and (min-width: 960px) {
      .alert.alert-gift, .alert.alert-promo {
        line-height: 38pt;
        padding: 0 0 0 15px;
        text-align: left; } }
    .alert.alert-gift .btn, .alert.alert-promo .btn {
      margin: 15px auto 0;
      float: none;
      font-family: "montserratsemi_bold";
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px; }
      @media only screen and (min-width: 960px) {
        .alert.alert-gift .btn, .alert.alert-promo .btn {
          margin: 0;
          float: right;
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          border-radius: 0; } }
  .alert.alert-promo {
    text-align: center;
    border-top: solid 1px #d7d7d7;
    background: #f1e9f6; }
    .alert.alert-promo .fa {
      display: inline;
      font-size: 20px;
      color: #79568e;
      margin-bottom: 0;
      line-height: 16pt;
      margin-right: 7px; }
      @media only screen and (min-width: 960px) {
        .alert.alert-promo .fa {
          display: block;
          float: left;
          line-height: 38pt; } }
    .alert.alert-promo p {
      display: table;
      margin: 0 auto;
      overflow: hidden; }
      .alert.alert-promo p strong {
        font-family: "montserratsemi_bold"; }
    .alert.alert-promo .pull-right {
      display: block;
      float: none !important;
      text-align: center; }
      @media only screen and (min-width: 960px) {
        .alert.alert-promo .pull-right {
          display: table;
          float: right !important;
          text-align: right; } }
      .alert.alert-promo .pull-right span {
        text-align: center;
        font-family: "montserratsemi_bold"; }
        @media only screen and (min-width: 960px) {
          .alert.alert-promo .pull-right span {
            margin-right: 100px;
            text-align: right; } }
    .alert.alert-promo .pull-left {
      display: block;
      float: none !important;
      text-align: center; }
      @media only screen and (min-width: 960px) {
        .alert.alert-promo .pull-left {
          display: table;
          float: left !important;
          text-align: left; } }
    .alert.alert-promo strong {
      font-family: "montserratsemi_bold"; }
  .alert .btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 12px;
    float: right;
    display: table; }
  .alert.alert-warning {
    text-align: center;
    background: #fffce7;
    border: dashed 1px #ffdd65;
    font-size: 12px;
    padding: 10px; }
    .alert.alert-warning strong {
      display: block;
      color: #97703d;
      margin: 10px 0 0;
      font-family: "montserratsemi_bold"; }
  .alert.alert-payment, .alert.purple-alert {
    background: #f5f0f8;
    color: #79568e;
    text-align: left;
    padding: 15px;
    border: dashed 1px #79568e;
    line-height: 14pt;
    margin: 0 15px 20px;
    display: block;
    width: auto; }
    @media only screen and (min-width: 960px) {
      .alert.alert-payment, .alert.purple-alert {
        margin: 0 0 20px; } }
    .alert.alert-payment .fa, .alert.purple-alert .fa {
      font-size: 18px;
      color: #79568e;
      display: inline;
      margin: 0 7px 0 0; }
    .alert.alert-payment p, .alert.purple-alert p {
      margin: 0 !important; }

.alert-use-ripleypuntos {
  background: #f2eaf7;
  padding: 10px 15px;
  display: block;
  overflow: hidden;
  margin: 15px 0 0;
  clear: both;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  .alert-use-ripleypuntos .ripleypuntos-icon {
    margin: 0 0 0 15px; }
  .alert-use-ripleypuntos strong {
    font-family: "montserratsemi_bold";
    color: #6E357C; }
  .alert-use-ripleypuntos .col-50 {
    overflow: hidden;
    text-align: center;
    margin: 0 0 15px; }
    @media only screen and (min-width: 960px) {
      .alert-use-ripleypuntos .col-50 {
        text-align: left;
        margin: 0; } }
    .alert-use-ripleypuntos .col-50:last-child {
      margin: 0; }
  .alert-use-ripleypuntos .btn {
    text-align: center;
    display: block;
    margin: 0 auto;
    line-height: 24pt; }
    @media only screen and (min-width: 960px) {
      .alert-use-ripleypuntos .btn {
        float: right;
        display: table; } }
  .alert-use-ripleypuntos .disclaimer {
    font-size: 12px; }

#ripleypuntos-modal h4 {
  font-size: 12px;
  text-align: center; }
#ripleypuntos-modal .form-group strong {
  font-family: "montserratsemi_bold";
  color: #6E357C; }
#ripleypuntos-modal .form-group label span {
  display: block;
  font-size: 11px; }
#ripleypuntos-modal dl {
  overflow: hidden;
  display: block;
  margin: 0 0 15px; }
  #ripleypuntos-modal dl dd, #ripleypuntos-modal dl dt {
    display: block;
    width: 50%;
    float: left; }
  #ripleypuntos-modal dl dd {
    color: #6E357C;
    font-family: "montserratsemi_bold"; }
    #ripleypuntos-modal dl dd.red {
      color: #d0313c; }
#ripleypuntos-modal .featured {
  color: #6E357C; }

div.msgpopup1 .msgpopup_content_wrapper .content .icon, div.msgpopup2 .msgpopup_content_wrapper .content .icon {
  display: inline-block;
  vertical-align: middle; }

div.msgpopup1 .msgpopup_content_wrapper .content .message_text, div.msgpopup2 .msgpopup_content_wrapper .content .message_text {
  display: inline-block;
  padding: 0;
  margin: 0; }

.col-50 {
  width: 100%;
  float: none;
  padding: 0; }
  @media only screen and (min-width: 960px) {
    .col-50 {
      width: 50%;
      float: left;
      padding: 0 20px 0 0; }
      .col-50 + .col-50 {
        padding-left: 20px;
        padding-right: 0; } }

.col-33 {
  width: 100%;
  float: none;
  padding: 0; }
  @media only screen and (min-width: 960px) {
    .col-33 {
      width: 33.3%;
      float: left;
      padding: 0 20px 0 0; }
      .col-33 + .col-33 {
        padding-left: 20px;
        padding-right: 0; } }

.col-30 {
  width: 100%;
  float: none;
  padding: 0; }
  @media only screen and (min-width: 960px) {
    .col-30 {
      width: 30%;
      float: left;
      padding: 0; }
      .col-30:first-child {
        padding-right: 0; }
      .col-30 + .col-70 {
        padding-left: 10px;
        padding-right: 0; } }

.col-70 {
  width: 100%;
  float: none;
  padding: 0; }
  @media only screen and (min-width: 960px) {
    .col-70 {
      width: 70%;
      float: left;
      padding: 0; }
      .col-70:first-child {
        padding-right: 0; }
      .col-70 + .col-30 {
        padding-left: 10px; } }

.col-40 {
  width: 100%;
  float: none;
  padding: 0; }
  @media only screen and (min-width: 960px) {
    .col-40 {
      width: 40%;
      float: left;
      padding: 0; }
      .col-40:first-child {
        padding-right: 0; }
      .col-40 + .col-60 {
        padding-left: 10px; } }

.col-60 {
  width: 100%;
  float: none;
  padding: 0; }
  @media only screen and (min-width: 960px) {
    .col-60 {
      width: 60%;
      float: left;
      padding: 0; }
      .col-60:first-child {
        padding-right: 0; }
      .col-60 + .col-40 {
        padding-left: 10px; } }

.btn {
  border: solid 1px #e4e4e4;
  padding: 8px 12px;
  background: #fff;
  min-height: 30px;
  font-size: 14px;
  line-height: 20pt;
  cursor: pointer;
  font-family: "montserratlight", sans-serif;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  .btn:hover {
    background: #6E357C;
    border-color: #6E357C;
    color: #fff; }
  .btn.btn-block {
    display: block;
    width: 100%; }
  .btn.btn-block-small {
    width: 100%;
    display: block; }
    @media only screen and (min-width: 960px) {
      .btn.btn-block-small {
        width: auto;
        display: table; } }
  .btn.btn-default {
    padding: 5px 20px;
    height: 40px;
    border-color: #757575;
    color: #757575;
    background: transparent;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out; }
    .btn.btn-default:hover {
      background: #6E357C;
      color: #fff;
      border-color: #6E357C; }
  .btn.btn-primary {
    background: #da3a3a;
    color: #fff;
    border-color: transparent;
    padding: 10px 35px;
    min-height: 50px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out; }
    .btn.btn-primary:hover {
      background: #6E357C;
      border-color: #6E357C; }
  .btn.btn-secondary {
    background: #424242;
    color: #fff;
    padding: 10px 25px;
    border-color: transparent;
    min-height: 50px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out; }
    .btn.btn-secondary:hover {
      background: #6E357C;
      border-color: #6E357C; }
  .btn.btn-info {
    background: #79568e;
    color: #fff;
    padding: 10px 18px;
    border-color: transparent;
    min-height: 50px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out; }
    .btn.btn-info:hover {
      background: #6E357C;
      border-color: #6E357C; }
  .btn.btn-gift {
    border-color: #79568e;
    color: #79568e;
    background: transparent;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12pt; }
    .btn.btn-gift:hover {
      background: #6E357C;
      color: #fff;
      border-color: #6E357C; }
    .btn.btn-gift.btn-secondary {
      background: #7d7d7d;
      color: #fff;
      border-color: #7d7d7d; }
      .btn.btn-gift.btn-secondary:hover {
        background: #6E357C;
        color: #fff;
        border-color: #6E357C; }
    .btn.btn-gift.btn-info {
      background: #79568e;
      color: #fff; }
      .btn.btn-gift.btn-info:hover {
        background: #6E357C; }
  .btn.btn-small {
    padding: 5px 12px;
    min-height: 34px;
    line-height: 12pt; }
  .btn.btn-md {
    padding: 10px 15px;
    min-height: 50px;
    line-height: 12pt; }
    @media only screen and (min-width: 960px) {
      .btn.btn-md {
        height: auto; } }
  .btn.btn-50 {
    width: 49%; }

.form-group {
  overflow: hidden;
  margin-bottom: 15px;
  padding: 3px; }
  .form-group.form-horizontal {
    float: left;
    display: table; }
  .form-group input, .form-group select {
    margin-bottom: 0 !important;
    display: block;
    width: 100%; }
  .form-group label {
    display: block;
    margin-bottom: 5px; }

input {
  height: 34px; }
  input.valid-code {
    background-image: url(images/icon-form.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 50px; }
  input.invalid-code {
    background-image: url(images/icon-invalid-form.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 50px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
      input.invalid-code {
        background-image: url(images/icon-invalid-form@2x.png);
        background-size: 35px; } }

input, textarea {
  border: solid 1px #e4e4e4;
  background: #fff;
  padding: 8px 12px;
  font-family: "montserratlight", sans-serif;
  font-size: 14px; }
  input:focus, textarea:focus {
    border: solid 1px #6E357C;
    outline: none;
    box-shadow: none; }

label {
  display: block;
  margin-bottom: 5px; }

label.radio {
  cursor: pointer; }
  label.radio::before {
    content: "\f111";
    display: block;
    float: left;
    width: 24px;
    font-size: 24px;
    margin: 0 5px 0 0;
    font-family: "FontAwesome";
    color: #f7f7f7;
    text-shadow: 0 0 1px #757575;
    line-height: 16pt;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out; }

label.section, label.section-lab {
  cursor: pointer;
  display: block; }

label .small, label small {
  color: #79568e;
  font-family: "montserratsemi_bold"; }

input[type="radio"] {
  border: none;
  position: absolute;
  left: -99999px; }
  input[type="radio"]:checked + label.radio::before {
    content: "\f058";
    font-size: 24px;
    font-family: "FontAwesome";
    color: #54b268;
    text-shadow: none; }

input[type="checkbox"] {
  border: none;
  position: absolute;
  left: -99999px; }
  input[type="checkbox"] + label.checkbox {
    line-height: 15pt; }
    input[type="checkbox"] + label.checkbox::before {
      background: #fff;
      color: #fff;
      content: "\f00c";
      font-family: "FontAwesome";
      display: block;
      width: 18px;
      height: 18px;
      float: left;
      margin-right: 10px;
      border: solid 2px #ddd;
      text-align: center;
      font-size: 14px;
      line-height: 14pt;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -ms-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out; }
  input[type="checkbox"]:checked + label.checkbox::before {
    background: #54b268;
    color: #fff;
    content: "\f00c";
    font-family: "FontAwesome";
    border: solid 2px #54b268; }

select {
  width: 100%;
  height: 34px;
  margin-bottom: 20px;
  display: block;
  border: solid 1px #e4e4e4;
  background: #fff;
  font-size: 13px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.custom-select {
  width: 100%;
  height: 34px;
  margin-bottom: 20px;
  display: block;
  overflow: hidden;
  background: #fff url('images/select-arrow.jpg') right 15px no-repeat;
  border: solid 1px #e4e4e4;
  padding-right: 40px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .custom-select {
      background-image: url('images/select-arrow@2x.jpg');
      background-size: 25px; } }
  .custom-select select {
    width: 160% !important;
    height: 34px;
    margin: 0;
    display: block;
    padding: 0 15px;
    border: none;
    float: none;
    font-size: 13px;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }

.tab-pane {
  display: none; }
  .tab-pane.active {
    display: block; }

.loading {
  background: transparent url(images/60.png) repeat;
  height: 100%;
  width: 100%;
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999; }
  .loading .spinner {
    background: #fff url(images/loading.GIF) center center no-repeat;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
  .loading .loading-inner {
    width: 110px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -55px; }
    .loading .loading-inner span {
      position: absolute;
      width: 20px;
      height: 20px;
      background: #bf0122;
      opacity: 0.5;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      animation: Cuncuna 1s infinite ease-in-out;
      -moz-animation: Cuncuna 1s infinite ease-in-out;
      -webkit-animation: Cuncuna 1s infinite ease-in-out; }
      .loading .loading-inner span:nth-child(2) {
        left: 30px;
        background: #dbdcdd;
        animation-delay: .2s;
        -moz-animation-delay: .2s;
        -webkit-animation-delay: .2s; }
      .loading .loading-inner span:nth-child(3) {
        left: 60px;
        background: #fcd32f;
        animation-delay: .4s;
        -webkit-animation-delay: .4s;
        -moz-animation-delay: .4s; }
      .loading .loading-inner span:nth-child(4) {
        left: 90px;
        background: #782769;
        animation-delay: .6s;
        -webkit-animation-delay: .6s;
        -moz-animation-delay: .6s; }

.modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  height: auto;
  overflow: auto;
  outline: 0;
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out; }
  @media only screen and (min-width: 960px) {
    .modal {
      overflow: hidden;
      height: 100%; } }
  .modal.in {
    display: block;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100); }
  .modal .modal-margin {
    margin-bottom: 30px !important}
  .modal .modal-dialog{
    background: #fff;
    padding: 25px;
    width: 100%;
    height: auto;
    min-height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    display: block;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out; }
    @media only screen and (min-width: 960px) {
      .modal .modal-dialog{
        width: 750px;
        height: auto;
        min-height: 10px;
        padding: 20px 25px;
        position: absolute;
        top: 50px;
        left: 50%;
        margin-bottom: 50px;
        margin-left: -375px;
        box-shadow: -2px -2px 25px #ccc;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px; } }
    .modal .modal-dialog:focus {
      outline: none;
      box-shadow: none;
      border: none; }

    @media only screen and (min-width: 960px) {
      .modal .modal-dialog.modal-wide {
        width: 960px;
        position: absolute;
        top: 50px;
        left: 50%;
        margin-left: -480px; } }
    @media only screen and (min-width: 960px) {
      .modal .modal-dialog.modal-small {
        width: 400px;
        position: absolute;
        top: 50px;
        left: 50%;
        margin-left: -200px; } }
    @media only screen and (min-width: 960px) {
      .modal .modal-dialog.modal-medium {
        width: 590px;
        position: absolute;
        top: 50px;
        left: 50%;
        margin-left: -265px; } }
  .modal .modal-header {
    padding: 0 0 15px;
    margin-bottom: 15px;
    position: relative;
    border-bottom: solid 1px #e4e4e4;
    overflow: hidden; }
    .modal .modal-header h3 {
      font-size: 18px;
      display: block;
      padding: 0 0 15px;
      clear: both;
      text-align: center;
      font-family: "montserratsemi_bold"; }
    .modal .modal-header button.close {
      border: none;
      background: none;
      color: #c5c5c5;
      font-size: 12px;
      font-family: "montserratlight", sans-serif;
      text-transform: uppercase;
      cursor: pointer;
      float: right;
      margin: 0 0 25px;
      padding: 0;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -ms-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out; }
      .modal .modal-header button.close:hover, .modal .modal-header button.close:active {
        color: #6E357C; }
      .modal .modal-header button.close .fa {
        font-size: 16px; }
    .modal .modal-header.visible-tablet button.close {
      margin: 20px 20px 5px; }
  .modal .modal-body {
    overflow: auto;
    height: auto;
    -webkit-overflow-scrolling: touch; }
    @media only screen and (min-width: 960px) {
      .modal .modal-body {
        overflow: hidden; } }
    .modal .modal-body h3 {
      font-size: 20px;
      display: block;
      clear: both;
      margin: 20px 0; }
    .modal .modal-body input {
      display: block;
      margin: 0 0 20px;
      width: 100%; }
    .modal .modal-body address {
      font-style: normal;
      margin-bottom: 25px; }
      .modal .modal-body address strong {
        color: #79568e;
        font-family: "montserratsemi_bold";
        display: block; }
    .modal .modal-body .btn {
      width: 100%; }
      @media only screen and (min-width: 960px) {
        .modal .modal-body .btn {
          display: table;
          width: auto;
          margin: 0 auto; } }
      .modal .modal-body .btn.btn-block {
        width: 100%; }
        @media only screen and (min-width: 960px) {
          .modal .modal-body .btn.btn-block {
            width: 100%;
            display: block; } }
  .modal .modal-footer {
    padding: 15px 0 0; }

.modal-backdrop {
  background: #fff;
  position: fixed;
  z-index: 900;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  @media only screen and (min-width: 960px) {
    .modal-backdrop {
      background: transparent url(images/60.png) repeat; } }

.collapse {
  height: 0 !important;
  display: none;
  overflow: hidden;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  -ms-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out; }
  .collapse.in {
    display: block;
    height: auto !important;
    opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100); }

table {
  border-collapse: collapse; }
  table th {
    padding: 5px 15px;
    font-family: "montserratsemi_bold";
    background: #6E357C;
    color: #fff; }
  table td {
    padding: 5px 15px; }
  table tr:nth-child(2n) td {
    background: #e4e4e4; }
  table.stackable {
    width: 100%; }
    table.stackable thead {
      display: none; }
      @media only screen and (min-width: 960px) {
        table.stackable thead {
          display: table-header-group; } }
    table.stackable tr {
      display: block;
      width: 100%; }
      @media only screen and (min-width: 960px) {
        table.stackable tr {
          display: table-row; } }
    table.stackable td {
      display: block; }
      @media only screen and (min-width: 960px) {
        table.stackable td {
          display: table-cell; } }

.domicilio-small-icon {
  background: transparent url('images/tileset_2018.png') 0 -415px no-repeat;
  height: 21px;
  width: 26px;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  margin: 0 auto 10px; }
  @media only screen and (min-width: 480px) {
    .domicilio-small-icon {
      float: left;
      margin: 0 7px 0 0; } }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .domicilio-small-icon {
      background-image: url('images/tileset@2x_2018.png');
      background-size: 175px; } }

.tienda-small-icon {
  background: transparent url('images/tileset_2018.png') -27px -415px no-repeat;
  height: 21px;
  width: 26px;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  margin: 0 auto 10px; }
  @media only screen and (min-width: 480px) {
    .tienda-small-icon {
      float: left;
      margin: 0 7px 0 0; } }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .tienda-small-icon {
      background-image: url('images/tileset@2x_2018.png');
      background-size: 175px; } }

.retiro-small-icon {
  background: transparent url('images/tileset_2018.png') -55px -415px no-repeat;
  height: 21px;
  width: 16px;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  margin: 0 auto 10px; }
  @media only screen and (min-width: 480px) {
    .retiro-small-icon {
      float: left;
      margin: 0 7px 0 0; } }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .retiro-small-icon {
      background-image: url('images/tileset@2x_2018.png');
      background-size: 175px; } }

.ripleypuntos-icon {
  background: transparent url('images/tileset_2018.png') -84px -172px no-repeat;
  height: 24px;
  width: 92px;
  overflow: hidden;
  display: inline-block;
  text-indent: -9999px;
  margin: 0 10px 0 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .ripleypuntos-icon {
      background-image: url('images/tileset@2x_2018.png');
      background-size: 175px; } }

#avaible-ripleypuntos {
  background: #f0f0f0;
  padding: 10px 15px;
  color: #6E357C;
  display: block;
  overflow: hidden;
  margin: 20px 0 0;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  #avaible-ripleypuntos span {
    font-family: "montserratsemi_bold"; }

#shopping-bag-header h1 {
  margin: 0;
  padding: 0; }
  @media only screen and (min-width: 960px) {
    #shopping-bag-header h1 {
      display: table;
      float: left; } }
  #shopping-bag-header h1 img#logo-ripley-chile {
    /* background: transparent url(images/logo-header.png) 0 0 no-repeat; */
    height: 56px;
    width: 180px;
    overflow: hidden;
    text-indent: -9999px;
    margin: 25px auto;
    display: block; }
    @media only screen and (min-width: 960px) {
      #shopping-bag-header h1 img#logo-ripley-chile {
        margin: 20px auto; } }
    @media only print {
      #shopping-bag-header h1 img#logo-ripley-chile {
        text-align: center; } }
#shopping-bag-header h3 {
  display: block;
  text-align: center;
  padding: 0 0 15px; }
  @media only screen and (min-width: 960px) {
    #shopping-bag-header h3 {
      border: none;
      padding: 0;
      margin: 30px 0;
      text-align: left;
      line-height: 1.8em; } }
  #shopping-bag-header h3 .icon-shopping-bag {
    background: transparent url(images/bolsa-icon.png) 0 0 no-repeat;
    display: none;
    height: 39px;
    width: 23px;
    overflow: hidden;
    text-indent: -9999px; }
    @media only screen and (min-width: 960px) {
      #shopping-bag-header h3 .icon-shopping-bag {
        display: block;
        float: left;
        margin: 0 10px 0 0; } }

body.shopping-order #shopping-bag-header h1, body.error #shopping-bag-header h1 {
  display: table;
  margin: 0 auto;
  float: none; }

#shopping-bag-items ul {
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 0; }
  #shopping-bag-items ul > li, #shopping-bag-items ul .group > li {
    display: block;
    background: #fff;
    padding: 0;
    overflow: hidden;
    border-top: solid 1px #e4e4e4; }
    @media only screen and (min-width: 960px) {
      #shopping-bag-items ul > li, #shopping-bag-items ul .group > li {
        margin: 0 0 15px;
        padding: 0;
        width: 100%;
        border: none; } }
    #shopping-bag-items ul > li .shopping-item-holder, #shopping-bag-items ul .group > li .shopping-item-holder {
      display: block;
      overflow: hidden;
      padding: 15px; }
      @media only screen and (min-width: 960px) {
        #shopping-bag-items ul > li .shopping-item-holder, #shopping-bag-items ul .group > li .shopping-item-holder {
          display: table;
          width: 100%; } }
      #shopping-bag-items ul > li .shopping-item-holder + .alert, #shopping-bag-items ul .group > li .shopping-item-holder + .alert {
        margin: 15px 0 0; }
      #shopping-bag-items ul > li .shopping-item-holder + .alert-gift, #shopping-bag-items ul .group > li .shopping-item-holder + .alert-gift {
        margin: 15px 0 0;
        border-top: solid 1px #d3bfde;
        background: #F2EDF5; }
    @media only screen and (min-width: 960px) {
      #shopping-bag-items ul > li .shopping-bag-item-image, #shopping-bag-items ul .group > li .shopping-bag-item-image {
        display: table-cell;
        vertical-align: middle;
        width: 120px; } }
    #shopping-bag-items ul > li .shopping-bag-item-image img, #shopping-bag-items ul .group > li .shopping-bag-item-image img {
      display: block;
      margin: 10px auto;
      width: 150px;
      height: auto; }
      @media only screen and (min-width: 960px) {
        #shopping-bag-items ul > li .shopping-bag-item-image img, #shopping-bag-items ul .group > li .shopping-bag-item-image img {
          margin: 0 15px 0 0; } }
    #shopping-bag-items ul > li h3, #shopping-bag-items ul .group > li h3 {
      display: block;
      text-align: center;
      text-transform: uppercase;
      margin: 0 0 5px;
      color: #6E357C;
      font-size: 1.4em; }
      @media only screen and (min-width: 960px) {
        #shopping-bag-items ul > li h3, #shopping-bag-items ul .group > li h3 {
          text-align: left; } }
    #shopping-bag-items ul > li h4, #shopping-bag-items ul .group > li h4 {
      display: block;
      text-align: center;
      text-transform: uppercase;
      margin: 0 0 5px; }
      @media only screen and (min-width: 960px) {
        #shopping-bag-items ul > li h4, #shopping-bag-items ul .group > li h4 {
          text-align: left; } }
    #shopping-bag-items ul > li h5, #shopping-bag-items ul .group > li h5 {
      display: block;
      font-size: 12px;
      text-transform: uppercase;
      text-align: center;
      margin: 0 0 15px;
      color: #7e7e7e;
      font-family: "montserratlight", sans-serif; }
      @media only screen and (min-width: 960px) {
        #shopping-bag-items ul > li h5, #shopping-bag-items ul .group > li h5 {
          text-align: left; } }
    #shopping-bag-items ul > li ul, #shopping-bag-items ul .group > li ul {
      display: table;
      list-style-type: none;
      margin: 0 auto 15px;
      padding: 0;
      overflow: hidden; }
      @media only screen and (min-width: 720px) {
        #shopping-bag-items ul > li ul, #shopping-bag-items ul .group > li ul {
          display: table;
          margin: 0 auto 15px;
          width: 50%; } }
      @media only screen and (min-width: 960px) {
        #shopping-bag-items ul > li ul, #shopping-bag-items ul .group > li ul {
          width: 340px;
          margin: 0 0 15px; } }
      @media only screen and (min-width: 1280px) {
        #shopping-bag-items ul > li ul, #shopping-bag-items ul .group > li ul {
          width: 600px; } }
      #shopping-bag-items ul > li ul li, #shopping-bag-items ul .group > li ul li {
        width: 33.3%;
        display: block;
        float: left;
        padding: 0 10px 0 0;
        margin: 0;
        color: #7e7e7e;
        font-size: 12px;
        border: none; }
        #shopping-bag-items ul > li ul li strong, #shopping-bag-items ul .group > li ul li strong {
          display: block;
          font-size: 11px; }
        #shopping-bag-items ul > li ul li.avaible-shipping strong, #shopping-bag-items ul .group > li ul li.avaible-shipping strong {
          color: #54b268; }
        #shopping-bag-items ul > li ul li.unavaible-shipping strong, #shopping-bag-items ul .group > li ul li.unavaible-shipping strong {
          color: #da3a3a; }
        #shopping-bag-items ul > li ul li .pull-right, #shopping-bag-items ul .group > li ul li .pull-right {
          width: 100%; }
          @media only screen and (min-width: 960px) {
            #shopping-bag-items ul > li ul li .pull-right, #shopping-bag-items ul .group > li ul li .pull-right {
              width: 65%; } }
          @media only screen and (min-width: 1280px) {
            #shopping-bag-items ul > li ul li .pull-right, #shopping-bag-items ul .group > li ul li .pull-right {
              width: 80%; } }
        #shopping-bag-items ul > li ul li:last-child .pull-right, #shopping-bag-items ul .group > li ul li:last-child .pull-right {
          width: 100%; }
          @media only screen and (min-width: 960px) {
            #shopping-bag-items ul > li ul li:last-child .pull-right, #shopping-bag-items ul .group > li ul li:last-child .pull-right {
              width: 75%; } }
          @media only screen and (min-width: 1280px) {
            #shopping-bag-items ul > li ul li:last-child .pull-right, #shopping-bag-items ul .group > li ul li:last-child .pull-right {
              width: 85%; } }
    #shopping-bag-items ul > li .guaranty-item, #shopping-bag-items ul .group > li .guaranty-item {
      padding: 30px 15px;
      display: block;
      clear: both; }
      @media only screen and (min-width: 960px) {
        #shopping-bag-items ul > li .guaranty-item, #shopping-bag-items ul .group > li .guaranty-item {
          padding: 15px;
          border-top: solid 1px #d7d7d7;
          background: #fcfafd; } }
      @media only screen and (min-width: 960px) {
        #shopping-bag-items ul > li .guaranty-item .guaranty-holder, #shopping-bag-items ul .group > li .guaranty-item .guaranty-holder {
          display: table; } }
      #shopping-bag-items ul > li .guaranty-item h4, #shopping-bag-items ul .group > li .guaranty-item h4 {
        text-transform: lowercase;
        font-family: "montserratsemi_bold";
        color: #999; }
        #shopping-bag-items ul > li .guaranty-item h4 span, #shopping-bag-items ul .group > li .guaranty-item h4 span {
          color: #79568e; }
      #shopping-bag-items ul > li .guaranty-item p, #shopping-bag-items ul .group > li .guaranty-item p {
        margin-bottom: 15px;
        text-align: center; }
        @media only screen and (min-width: 960px) {
          #shopping-bag-items ul > li .guaranty-item p, #shopping-bag-items ul .group > li .guaranty-item p {
            text-align: left;
            color: #79568e; } }
      #shopping-bag-items ul > li .guaranty-item .underline-link, #shopping-bag-items ul .group > li .guaranty-item .underline-link {
        margin-bottom: 25px;
        font-size: 12px;
        padding-bottom: 8px; }
        @media only screen and (min-width: 960px) {
          #shopping-bag-items ul > li .guaranty-item .underline-link, #shopping-bag-items ul .group > li .guaranty-item .underline-link {
            margin: 0; } }
      #shopping-bag-items ul > li .guaranty-item .shopping-bag-guaranty-info, #shopping-bag-items ul > li .guaranty-item .shopping-bag-guaranty-price, #shopping-bag-items ul > li .guaranty-item .shopping-bag-delete, #shopping-bag-items ul .group > li .guaranty-item .shopping-bag-guaranty-info, #shopping-bag-items ul .group > li .guaranty-item .shopping-bag-guaranty-price, #shopping-bag-items ul .group > li .guaranty-item .shopping-bag-delete {
        display: block; }
        @media only screen and (min-width: 960px) {
          #shopping-bag-items ul > li .guaranty-item .shopping-bag-guaranty-info, #shopping-bag-items ul > li .guaranty-item .shopping-bag-guaranty-price, #shopping-bag-items ul > li .guaranty-item .shopping-bag-delete, #shopping-bag-items ul .group > li .guaranty-item .shopping-bag-guaranty-info, #shopping-bag-items ul .group > li .guaranty-item .shopping-bag-guaranty-price, #shopping-bag-items ul .group > li .guaranty-item .shopping-bag-delete {
            display: table-cell;
            vertical-align: middle; } }
      @media only screen and (min-width: 960px) {
        #shopping-bag-items ul > li .guaranty-item .shopping-bag-guaranty-info, #shopping-bag-items ul .group > li .guaranty-item .shopping-bag-guaranty-info {
          width: 530px;
          padding-right: 15px; } }
      @media only screen and (min-width: 1280px) {
        #shopping-bag-items ul > li .guaranty-item .shopping-bag-guaranty-info, #shopping-bag-items ul .group > li .guaranty-item .shopping-bag-guaranty-info {
          width: 765px; } }
      #shopping-bag-items ul > li .guaranty-item .shopping-bag-guaranty-price, #shopping-bag-items ul .group > li .guaranty-item .shopping-bag-guaranty-price {
        display: table;
        margin: 0 auto; }
        @media only screen and (min-width: 960px) {
          #shopping-bag-items ul > li .guaranty-item .shopping-bag-guaranty-price, #shopping-bag-items ul .group > li .guaranty-item .shopping-bag-guaranty-price {
            width: 355px;
            padding-right: 30px;
            display: table-cell;
            vertical-align: middle; } }
      #shopping-bag-items ul > li .guaranty-item .guaranty-price, #shopping-bag-items ul .group > li .guaranty-item .guaranty-price {
        font-family: "montserratsemi_bold";
        margin-bottom: 15px;
        overflow: hidden; }
        @media only screen and (min-width: 960px) {
          #shopping-bag-items ul > li .guaranty-item .guaranty-price, #shopping-bag-items ul .group > li .guaranty-item .guaranty-price {
            margin-bottom: 0; } }
        #shopping-bag-items ul > li .guaranty-item .guaranty-price dt, #shopping-bag-items ul .group > li .guaranty-item .guaranty-price dt {
          display: table;
          float: left; }
          @media only screen and (min-width: 720px) {
            #shopping-bag-items ul > li .guaranty-item .guaranty-price dt, #shopping-bag-items ul .group > li .guaranty-item .guaranty-price dt {
              max-width: 135px; } }
        #shopping-bag-items ul > li .guaranty-item .guaranty-price dd, #shopping-bag-items ul .group > li .guaranty-item .guaranty-price dd {
          display: table;
          float: right; }
          @media only screen and (min-width: 720px) {
            #shopping-bag-items ul > li .guaranty-item .guaranty-price dd, #shopping-bag-items ul .group > li .guaranty-item .guaranty-price dd {
              margin-top: 10px; } }
  @media only screen and (min-width: 960px) {
    #shopping-bag-items ul .shopping-bag-item-info {
      width: 360px;
      display: table-cell;
      vertical-align: middle; } }
  @media only screen and (min-width: 1280px) {
    #shopping-bag-items ul .shopping-bag-item-info {
      width: 600px; } }
  #shopping-bag-items ul .shopping-bag-item-cuantity {
    display: block;
    margin: 0 0 5px;
    overflow: hidden; }
    @media only screen and (min-width: 720px) {
      #shopping-bag-items ul .shopping-bag-item-cuantity {
        display: table;
        margin: 0 auto 25px; } }
    @media only screen and (min-width: 960px) {
      #shopping-bag-items ul .shopping-bag-item-cuantity {
        margin: 0 0 15px;
        padding: 0;
        width: 100%; } }
    #shopping-bag-items ul .shopping-bag-item-cuantity > span {
      font-size: 14px;
      display: table;
      float: left;
      line-height: 26pt;
      margin-right: 10px; }
    #shopping-bag-items ul .shopping-bag-item-cuantity .btn {
      margin: 0 2px;
      width: 30px;
      height: 30px;
      display: block;
      float: left;
      padding: 6px 0;
      line-height: 12pt; }
    #shopping-bag-items ul .shopping-bag-item-cuantity input {
      margin-left: 0;
      width: 30px !important;
      height: 30px;
      display: block;
      float: left;
      padding: 8px 0;
      text-align: center; }
  #shopping-bag-items ul .shopping-bag-item-price {
    overflow: hidden;
    margin-bottom: 5px; }
    @media only screen and (min-width: 720px) {
      #shopping-bag-items ul .shopping-bag-item-price {
        display: table;
        margin: 0 auto 5px; } }
    @media only screen and (min-width: 960px) {
      #shopping-bag-items ul .shopping-bag-item-price {
        width: 355px;
        margin: 0;
        padding: 0 30px 0 0;
        display: table-cell;
        vertical-align: middle; } }
    #shopping-bag-items ul .shopping-bag-item-price dl {
      overflow: hidden;
      margin: 0 0 5px; }
      #shopping-bag-items ul .shopping-bag-item-price dl.total-price, #shopping-bag-items ul .shopping-bag-item-price dl.guaranty-price {
        font-family: "montserratsemi_bold"; }
    #shopping-bag-items ul .shopping-bag-item-price dt {
      float: left;
      display: table; }
    #shopping-bag-items ul .shopping-bag-item-price dd {
      float: right;
      display: table; }

dl.total-price, dl.subtotal-price {
  overflow: hidden;
  margin: 0 0 5px;
  font-family: "montserratsemi_bold"; }
  dl.total-price dt, dl.subtotal-price dt {
    float: left;
    display: table; }
  dl.total-price dd, dl.subtotal-price dd {
    float: right;
    display: table;
    color: #bf0a0a; }

dl.subtotal-price {
  font-family: "montserratlight", sans-serif; }

@media only screen and (min-width: 960px) {
  .shopping-bag-delete {
    display: table-cell;
    vertical-align: middle; } }
.shopping-bag-delete .btn {
  width: 30%;
  padding: 0 20px;
  height: 20px}
  @media only screen and (min-width: 720px) {
    .shopping-bag-delete .btn {
      width: auto;
      margin: 0 auto; } }
.shopping-bag-delete .delete-shopping-bag-item {
  font-size: 26px;
  color: #adadad;
  background: none;
  width: 32px;
  height: 32px;
  border: none;
  text-align: center;
  cursor: pointer;
  line-height: 24pt;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out; }
  .shopping-bag-delete .delete-shopping-bag-item:hover, .shopping-bag-delete .delete-shopping-bag-item:active, .shopping-bag-delete .delete-shopping-bag-item:visited {
    color: #6E357C; }

#shopping-bag-total {
  background: #f4f4f4;
  padding: 35px 15px;
  margin-top:0}
  @media only screen and (min-width: 960px) {
    #shopping-bag-total {
      background: none;
      padding: 0;
      margin-top: 0; } }
  #shopping-bag-total .holder {
    overflow: hidden; }
    @media only screen and (min-width: 960px) {
      #shopping-bag-total .holder {
        background: #fff;
        padding: 15px;
        margin-bottom: 30px;
        overflow: hidden; } }
  @media only screen and (min-width: 720px) {
    #shopping-bag-total .btn-holder {
      display: block;
      width: 50%;
      margin: 0 auto; } }
  @media only screen and (min-width: 960px) {
    #shopping-bag-total .btn-holder {
      width: 435px;
      float: left; } }
  #shopping-bag-total #coupon-code::after {
    content: "";
    clear: both;
    display: block; }
  #shopping-bag-total #coupon-code #discount-code-btn, #shopping-bag-total #coupon-code #discount-code-input {
    width: 80%;
    margin: 0 10px 15px 0;
    min-height: 50px;
    height: auto; }
    @media only screen and (min-width: 480px) {
      #shopping-bag-total #coupon-code #discount-code-btn, #shopping-bag-total #coupon-code #discount-code-input {
        height: 50px; } }
    @media only screen and (min-width: 960px) {
      #shopping-bag-total #coupon-code #discount-code-btn, #shopping-bag-total #coupon-code #discount-code-input {
        width: 65%; } }
  #shopping-bag-total #coupon-code #discount-code-btn {
    border-color: #757575;
    background: transparent;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out; }
    #shopping-bag-total #coupon-code #discount-code-btn:hover, #shopping-bag-total #coupon-code #discount-code-btn:active, #shopping-bag-total #coupon-code #discount-code-btn:visited {
      background: #6E357C;
      color: #fff;
      border-color: #6E357C; }
  #shopping-bag-total #coupon-code #discount-code-input {
    font-size: 14px;
    float: left; }
  #shopping-bag-total #applied-coupons {
    display: block;
    margin: 0 auto 20px;
    clear: both;
    background: #fff;
    overflow: hidden;
    padding: 15px; }
    @media only screen and (min-width: 960px) {
      #shopping-bag-total #applied-coupons {
        margin: 0 0 20px;
        padding: 0; } }
    #shopping-bag-total #applied-coupons h4 {
      background: #f4f4f4;
      display: block;
      padding: 10px;
      margin: -15px -15px 0;
      font-family: "montserratsemi_bold"; }
      @media only screen and (min-width: 960px) {
        #shopping-bag-total #applied-coupons h4 {
          background: none;
          padding: 0;
          margin: 0 0 10px; } }
    #shopping-bag-total #applied-coupons p {
      display: block;
      text-align: left;
      color: #79568e;
      padding: 10px 0;
      line-height: 14pt;
      font-size: 12px;
      padding: 10px 0; }
      #shopping-bag-total #applied-coupons p strong {
        font-family: "montserratsemi_bold"; }
    #shopping-bag-total #applied-coupons .underline-link {
      width: auto;
      margin: 12px 0 30px;
      display: table;
      font-size: 12px;
      padding: 0 0 4px; }
    #shopping-bag-total #applied-coupons ul {
      max-height: 200px;
      overflow: auto;
      list-style-type: none; }
      @media only screen and (min-width: 960px) {
        #shopping-bag-total #applied-coupons ul {
          padding: 0; } }
      #shopping-bag-total #applied-coupons ul li {
        list-style-type: none;
        display: block;
        overflow: hidden;
        padding: 10px 0;
        font-family: "montserratsemi_bold";
        color: #79568e;
        font-size: 12px;
        text-transform: uppercase;
        border-bottom: solid 1px #e4e4e4; }
        @media only screen and (min-width: 720px) {
          #shopping-bag-total #applied-coupons ul li {
            text-align: left;
            line-height: 26pt; } }
        #shopping-bag-total #applied-coupons ul li dl {
          overflow: hidden;
          display: block;
          margin: 0;
          width: 77%;
          float: left; }
          @media only screen and (min-width: 720px) {
            #shopping-bag-total #applied-coupons ul li dl {
              width: 70%;
              float: left;
              margin-bottom: 0; } }
          #shopping-bag-total #applied-coupons ul li dl .coupon-name {
            margin-right: 10px; }
            @media only screen and (min-width: 720px) {
              #shopping-bag-total #applied-coupons ul li dl .coupon-name {
                display: table;
                float: left;
                max-width: 170px; } }
          @media only screen and (min-width: 720px) {
            #shopping-bag-total #applied-coupons ul li dl .discount {
              display: table;
              float: right; } }
        #shopping-bag-total #applied-coupons ul li .btn {
          text-decoration: none;
          display: table;
          margin: 0;
          text-align: center;
          width: 20%;
          padding: 7px 15px;
          font-size: 11px;
          text-transform: uppercase; }
          @media only screen and (min-width: 720px) {
            #shopping-bag-total #applied-coupons ul li .btn {
              display: table;
              float: right;
              margin-left: 10px;
              width: 25%; } }
          #shopping-bag-total #applied-coupons ul li .btn + .btn {
            margin-top: 15px; }
            @media only screen and (min-width: 720px) {
              #shopping-bag-total #applied-coupons ul li .btn + .btn {
                margin-top: 0; } }
  #shopping-bag-total #gift-code::after {
    content: "";
    clear: both;
    display: block; }
  #shopping-bag-total #gift-code #gift-code-btn {
    width: 80%;
    margin: 0 10px 35px 0;

    background: url(https://home.ripley.cl/assets-email/img/clubes-logo.svg) no-repeat;
background-size: 60px;
background-position: 165px 10px;
text-align: left;
padding: 0 0 0 50px;

  }
    @media only screen and (min-width: 720px) {
      #shopping-bag-total #gift-code #gift-code-btn {
        margin: 0 10px 30px 0; } }
    @media only screen and (min-width: 960px) {
      #shopping-bag-total #gift-code #gift-code-btn {
        width: 65%;
        margin-bottom: 0;

      }
      }
    #shopping-bag-total #gift-code #gift-code-btn .fa {
      font-size: 18px;
      margin: 0 6px 0 0; }
  #shopping-bag-total .collapse-parent {
    margin: 15px 0 0;
    cursor: pointer;
    border: none;
    background: none;
    cursor: pointer; }
    #shopping-bag-total .collapse-parent .fa {
      font-size: 24px;
      color: #999;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -ms-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out; }
      #shopping-bag-total .collapse-parent .fa:hover, #shopping-bag-total .collapse-parent .fa:active, #shopping-bag-total .collapse-parent .fa:visited {
        color: #6E357C; }
  #shopping-bag-total #collapsediscount, #shopping-bag-total #collapsegift {
    background: #f4ebbd;
    color: #6b4410;
    font-size: 14px;
    overflow: hidden;
    clear: both;
    margin-bottom: 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }
    #shopping-bag-total #collapsediscount p, #shopping-bag-total #collapsegift p {
      padding: 20px;
      margin: 0 0 20px;
      border-bottom: solid 1px #c9ab82;
      line-height: 16pt; }
      @media only screen and (min-width: 960px) {
        #shopping-bag-total #collapsediscount p, #shopping-bag-total #collapsegift p {
          border: none;
          margin: 0;
          width: 74%;
          float: left;
          text-align: left; } }
    #shopping-bag-total #collapsediscount .close-collapse, #shopping-bag-total #collapsegift .close-collapse {
      border: none;
      display: table;
      background: none;
      font-size: 13px;
      font-family: "montserratlight", sans-serif;
      text-transform: uppercase;
      margin: 0 auto 20px;
      color: #97703d;
      cursor: pointer;
      -webkit-transition: color 0.1s ease-in-out;
      -moz-transition: color 0.1s ease-in-out;
      -ms-transition: color 0.1s ease-in-out;
      -o-transition: color 0.1s ease-in-out; }
      @media only screen and (min-width: 960px) {
        #shopping-bag-total #collapsediscount .close-collapse{
          margin: 42px 20px;
          float: right}
        #shopping-bag-total #collapsegift .close-collapse{
          margin: 30px 20px;
          float: right}
      }
      #shopping-bag-total #collapsediscount .close-collapse:hover, #shopping-bag-total #collapsediscount .close-collapse:active, #shopping-bag-total #collapsediscount .close-collapse:visited, #shopping-bag-total #collapsegift .close-collapse:hover, #shopping-bag-total #collapsegift .close-collapse:active, #shopping-bag-total #collapsegift .close-collapse:visited {
        color: #6b4410; }
  @media only screen and (min-width: 960px) {
    #shopping-bag-total #collapsegift {
      margin-bottom: 0;
      margin-top: 15px; } }
  #shopping-bag-total .shopping-total {
    overflow: hidden;
    font-size: 14px;
    display: block; }
    @media only screen and (min-width: 720px) {
      #shopping-bag-total .shopping-total {
        display: table;
        margin: 0 auto;
        width: 50%; } }
    @media only screen and (min-width: 960px) {
      #shopping-bag-total .shopping-total {
        width: 485px;
        float: right;
        padding: 10px; } }
    #shopping-bag-total .shopping-total dl {
      overflow: hidden;
      margin: 0 0 6px; }
      @media only screen and (min-width: 960px) {
        #shopping-bag-total .shopping-total dl {
          padding: 0 70px; } }
      #shopping-bag-total .shopping-total dl.total-price, #shopping-bag-total .shopping-total dl.guaranty-price {
        font-family: "montserratsemi_bold"; }
      @media only screen and (min-width: 960px) {
        #shopping-bag-total .shopping-total dl:last-child {
          margin: 0; } }
    #shopping-bag-total .shopping-total dt {
      display: table;
      float: left; }
    #shopping-bag-total .shopping-total dd {
      display: table;
      float: right;
      color: #bf0a0a; }
    #shopping-bag-total .shopping-total hr {
      clear: both;
      background-color: #d1d1d1;
      margin-bottom: 10px;
      border: none;
      height: 1px; }

#shopping-bag-total .content{
  padding: 0;
}

#shopping-bag-actions {
  padding: 15px; }
  @media only screen and (min-width: 960px) {
    #shopping-bag-actions {
      background: #f4f4f4; } }
  #shopping-bag-actions .btn {
    width: 100%;
    margin: 0 0 25px; }
    @media only screen and (min-width: 720px) {
      #shopping-bag-actions .btn {
        width: auto;
        display: table;
        margin: 0 auto 25px; } }
    @media only screen and (min-width: 960px) {
      #shopping-bag-actions .btn {
        width: auto;
        display: table;
        margin: 0 auto 25px; } }
  #shopping-bag-actions .underline-link {
    display: table;
    margin: 0 auto;
    text-decoration: none; }
    #shopping-bag-actions .underline-link .fa {
      margin-right: 6px; }
  #shopping-bag-actions .btn-info {
    line-height: 20pt;
    text-align: center; }

.underline-link {
  display: table;
  color: #757575;
  text-align: center;
  text-decoration: none;
  border-bottom: dashed 1px #757575;
  padding: 0 0 10px;
  margin: 0 auto;
  font-family: "montserratsemi_bold";
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out; }
  .underline-link:hover {
    color: #6E357C; }
  .underline-link .fa {
    margin-right: 6px; }

#gift-code-modal, #discount-code-modal, .modal-gift, #gift-code-modal-s4 {
  height: auto !important;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow: auto; }
  #gift-code-modal .modal-content, #discount-code-modal .modal-content, .modal-gift .modal-content, #gift-code-modal-s4 .modal-content {
    overflow: auto;
    height: auto;
    -webkit-overflow-scrolling: touch; }
  #gift-code-modal .modal-body, #discount-code-modal .modal-body, .modal-gift .modal-body, #gift-code-modal-s4 .modal-body {
    padding: 25px 0 0;
    height: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
    #gift-code-modal .modal-body iframe, #discount-code-modal .modal-body iframe, .modal-gift .modal-body iframe, #gift-code-modal-s4 .modal-body iframe {
      width: 100% !important;
      -webkit-overflow-scrolling: touch;
      height: auto; }
  #gift-code-modal .col-50, #discount-code-modal .col-50, .modal-gift .col-50, #gift-code-modal-s4 .col-50 {
    padding-top: 20px; }
    @media only screen and (min-width: 960px) {
      #gift-code-modal .col-50, #discount-code-modal .col-50, .modal-gift .col-50, #gift-code-modal-s4 .col-50 {
        padding-top: 0;
        padding-bottom: 0; } }
  #gift-code-modal form, #discount-code-modal form, .modal-gift form, #gift-code-modal-s4 form {
    overflow: hidden; }
    #gift-code-modal form label, #discount-code-modal form label, .modal-gift form label, #gift-code-modal-s4 form label {
      text-align: left;
      display: block;
      font-family: "montserratsemi_bold";
      margin-bottom: 15px; }
    #gift-code-modal form input, #discount-code-modal form input, .modal-gift form input, #gift-code-modal-s4 form input {
      width: 100%;
      font-size: 14px;
      font-family: "montserratlight", sans-serif;
      height: 50px; }
      @media only screen and (min-width: 960px) {
        #gift-code-modal form input, #discount-code-modal form input, .modal-gift form input, #gift-code-modal-s4 form input {
          width: 100%;
          display: table;
          margin: 15px auto; } }
    #gift-code-modal form .btn, #discount-code-modal form .btn, .modal-gift form .btn, #gift-code-modal-s4 form .btn {
      display: table;
      margin: 0 auto; }
      #gift-code-modal form .btn .fa, #discount-code-modal form .btn .fa, .modal-gift form .btn .fa, #gift-code-modal-s4 form .btn .fa {
        font-size: 18px; }
    #gift-code-modal form textarea, #discount-code-modal form textarea, .modal-gift form textarea, #gift-code-modal-s4 form textarea {
      width: 100%;
      height: 250px;
      margin-bottom: 20px; }
    #gift-code-modal form select, #discount-code-modal form select, .modal-gift form select, #gift-code-modal-s4 form select {
      width: 100%;
      height: 45px;
      margin-bottom: 20px;
      display: block;
      border: solid 1px #e4e4e4;
      background: #fff; }
  #gift-code-modal hr, #discount-code-modal hr, .modal-gift hr, #gift-code-modal-s4 hr {
    border: none;
    outline: none;
    box-shadow: none;
    background-color: #e4e4e4;
    height: 1px;
    margin-bottom: 15px; }
  #gift-code-modal #event-name, #discount-code-modal #event-name, .modal-gift #event-name, #gift-code-modal-s4 #event-name {
    display: block;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #79568e; }
    #gift-code-modal #event-name strong, #discount-code-modal #event-name strong, .modal-gift #event-name strong, #gift-code-modal-s4 #event-name strong {
      display: block;
      font-family: "montserratsemi_bold"; }
  #gift-code-modal #add-points, #discount-code-modal #add-points, .modal-gift #add-points, #gift-code-modal-s4 #add-points {
    margin-bottom: 10px; }
  #gift-code-modal #coupon-list, #discount-code-modal #coupon-list, .modal-gift #coupon-list, #gift-code-modal-s4 #coupon-list {
    display: block;
    margin: 0 auto 20px; }
    #gift-code-modal #coupon-list ul, #discount-code-modal #coupon-list ul, .modal-gift #coupon-list ul, #gift-code-modal-s4 #coupon-list ul {
      list-style-type: none; }
      #gift-code-modal #coupon-list ul li, #discount-code-modal #coupon-list ul li, .modal-gift #coupon-list ul li, #gift-code-modal-s4 #coupon-list ul li {
        list-style-type: none;
        display: block;
        overflow: hidden;
        padding: 10px 0;
        font-family: "montserratsemi_bold";
        color: #79568e;
        font-size: 12px;
        text-transform: uppercase;
        border-bottom: solid 1px #e4e4e4;
        text-align: center; }
        @media only screen and (min-width: 720px) {
          #gift-code-modal #coupon-list ul li, #discount-code-modal #coupon-list ul li, .modal-gift #coupon-list ul li, #gift-code-modal-s4 #coupon-list ul li {
            text-align: left;
            line-height: 26pt; } }
        #gift-code-modal #coupon-list ul li dl, #discount-code-modal #coupon-list ul li dl, .modal-gift #coupon-list ul li dl, #gift-code-modal-s4 #coupon-list ul li dl {
          overflow: hidden;
          display: table;
          margin: 0 auto;
          width: 70%;
          float: left;
          text-align: left; }
          @media only screen and (min-width: 720px) {
            #gift-code-modal #coupon-list ul li dl, #discount-code-modal #coupon-list ul li dl, .modal-gift #coupon-list ul li dl, #gift-code-modal-s4 #coupon-list ul li dl {
              width: 85%; } }
          @media only screen and (min-width: 960px) {
            #gift-code-modal #coupon-list ul li dl, #discount-code-modal #coupon-list ul li dl, .modal-gift #coupon-list ul li dl, #gift-code-modal-s4 #coupon-list ul li dl {
              width: 70%; } }
          @media only screen and (min-width: 720px) {
            #gift-code-modal #coupon-list ul li dl .coupon-name, #discount-code-modal #coupon-list ul li dl .coupon-name, .modal-gift #coupon-list ul li dl .coupon-name, #gift-code-modal-s4 #coupon-list ul li dl .coupon-name {
              display: table;
              float: left;
              max-width: 200px; } }
          #gift-code-modal #coupon-list ul li dl .discount, #discount-code-modal #coupon-list ul li dl .discount, .modal-gift #coupon-list ul li dl .discount, #gift-code-modal-s4 #coupon-list ul li dl .discount {
            display: block; }
            @media only screen and (min-width: 720px) {
              #gift-code-modal #coupon-list ul li dl .discount, #discount-code-modal #coupon-list ul li dl .discount, .modal-gift #coupon-list ul li dl .discount, #gift-code-modal-s4 #coupon-list ul li dl .discount {
                display: table;
                float: right; } }
        #gift-code-modal #coupon-list ul li .btn, #discount-code-modal #coupon-list ul li .btn, .modal-gift #coupon-list ul li .btn, #gift-code-modal-s4 #coupon-list ul li .btn {
          text-decoration: none;
          display: table;
          float: right;
          text-align: center;
          width: auto;
          padding: 8px 15px;
          font-size: 11px;
          text-transform: uppercase; }
          @media only screen and (min-width: 720px) {
            #gift-code-modal #coupon-list ul li .btn, #discount-code-modal #coupon-list ul li .btn, .modal-gift #coupon-list ul li .btn, #gift-code-modal-s4 #coupon-list ul li .btn {
              display: table;
              float: right;
              margin-left: 10px; } }
          #gift-code-modal #coupon-list ul li .btn + .btn, #discount-code-modal #coupon-list ul li .btn + .btn, .modal-gift #coupon-list ul li .btn + .btn, #gift-code-modal-s4 #coupon-list ul li .btn + .btn {
            margin-top: 15px; }
            @media only screen and (min-width: 720px) {
              #gift-code-modal #coupon-list ul li .btn + .btn, #discount-code-modal #coupon-list ul li .btn + .btn, .modal-gift #coupon-list ul li .btn + .btn, #gift-code-modal-s4 #coupon-list ul li .btn + .btn {
                margin-top: 0; } }
#sent-as-gift-modal #event-search-results, .modal-gift #event-search-results {
  max-height: 300px;
  overflow: auto; }
  #sent-as-gift-modal #event-search-results ul, .modal-gift #event-search-results ul {
    max-height: 400px;
    overflow: auto;
    list-style-type: none; }
    @media only screen and (min-width: 960px) {
      #sent-as-gift-modal #event-search-results ul, .modal-gift #event-search-results ul {
        max-height: 250px; } }
    #sent-as-gift-modal #event-search-results ul li, .modal-gift #event-search-results ul li {
      list-style-type: none;
      display: block;
      overflow: hidden;
      background: #fff;
      padding: 10px;
      border-bottom: solid 1px #e4e4e4; }
      #sent-as-gift-modal #event-search-results ul li:last-child, .modal-gift #event-search-results ul li:last-child {
        border-bottom: none; }
      #sent-as-gift-modal #event-search-results ul li .btn, .modal-gift #event-search-results ul li .btn {
        text-decoration: none;
        display: table;
        margin: 0 auto;
        text-align: center;
        width: auto;
        padding: 5px 18px;
        font-size: 11px; }
        @media only screen and (min-width: 960px) {
          #sent-as-gift-modal #event-search-results ul li .btn, .modal-gift #event-search-results ul li .btn {
            display: table;
            float: right;
            margin-left: 10px; } }
        #sent-as-gift-modal #event-search-results ul li .btn + .btn, .modal-gift #event-search-results ul li .btn + .btn {
          margin-top: 15px; }
          @media only screen and (min-width: 960px) {
            #sent-as-gift-modal #event-search-results ul li .btn + .btn, .modal-gift #event-search-results ul li .btn + .btn {
              margin-top: 0; } }
      #sent-as-gift-modal #event-search-results ul li .info, .modal-gift #event-search-results ul li .info {
        display: block;
        text-align: center;
        margin-bottom: 15px; }
        @media only screen and (min-width: 960px) {
          #sent-as-gift-modal #event-search-results ul li .info, .modal-gift #event-search-results ul li .info {
            float: left;
            text-align: left;
            display: table;
            margin-bottom: 0;
            max-width: 235px; } }
        #sent-as-gift-modal #event-search-results ul li .info strong, .modal-gift #event-search-results ul li .info strong {
          text-transform: uppercase;
          color: #79568e;
          font-family: "montserratsemi_bold";
          display: block; }
#sent-as-gift-modal select, .modal-gift select {
  display: block;
  width: 100%;
  background: #fff;
  height: 35px;
  margin: 0 0 15px;
  font-size: 14px;
  line-height: 16pt; }
#sent-as-gift-modal .col-50 h3, .modal-gift .col-50 h3 {
  text-align: center; }

.or {
  background: #e4e4e4;
  width: 100%;
  height: 1px;
  position: relative;
  margin: 30px 0; }
  .or span {
    background: #fff;
    padding: 10px;
    text-align: center;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -15px; }

#sent-message-modal p {
  display: block;
  margin-bottom: 20px; }
#sent-message-modal label {
  display: block;
  font-size: 16px;
  margin-bottom: 10px; }
#sent-message-modal textarea {
  display: block;
  width: 100%;
  resize: vertical;
  height: 200px;
  margin-bottom: 5px; }
#sent-message-modal #letter-counter {
  font-size: 12px;
  display: block;
  width: 100%;
  text-align: right;
  margin-bottom: 25px; }

#login-modal, #display-login {
  background: #f4f4f4 url(images/modal-bg.jpg) repeat-x; }
  #login-modal .modal-dialog, #display-login .modal-dialog {
    padding: 0;
    overflow: hidden; }
  #login-modal input, #display-login input {
    height: 45px; }
  #login-modal label, #display-login label {
    margin-bottom: 10px;
    display: block;
    font-family: "montserratsemi_bold"; }
  #login-modal img, #display-login img {
    display: block;
    width: 120px;
    margin: 20px auto}
    @media only screen and (min-width: 960px){
      #login-modal img, #display-login img{
        width: 180px;
        margin: 40px auto
      }
    }

  #login-modal #signin-user, #display-login #signin-user {
    padding: 10px 20px; }
    @media only screen and (min-width: 960px) {
      #login-modal #signin-user, #display-login #signin-user {
        width: 50%;
        float: left;
        padding: 35px; } }
    #login-modal #signin-user .underline-link, #display-login #signin-user .underline-link {
      margin-bottom: 20px; }
    #login-modal #signin-user p, #display-login #signin-user p {
      text-align: center;
      margin-bottom: 20px; }
  #login-modal #signup-user, #display-login #signup-user {
    background: #e7e7e7;
    padding: 25px 20px}
    @media only screen and (min-width: 960px) {
      #login-modal #signup-user, #display-login #signup-user {
        width: 50%;
        float: left;
        background: #fff;
        border-left: solid 1px #e4e4e4;
        margin-bottom: 45px;
        padding: 25px 40px} }
    #login-modal #signup-user p, #display-login #signup-user p {
      text-align: center;
      margin-bottom: 20px; }
  #login-modal h3, #display-login h3 {
    margin: 0 0 20px;
    display: block;
    text-align: center;
    font-size: 20px; }
  #login-modal label input, #display-login label input {
    display: inline;
    width: auto;
    height: auto; }
  #login-modal label.modal-margin, #display-login label.modal-margin {
    margin-bottom: 30px; }

#choose-gift-modal p {
  text-align: center;
  display: block;
  margin-bottom: 20px; }
#choose-gift-modal .free-gift {
  display: block;
  padding: 15px;
  width: 100%;
  border-bottom: solid 1px #e4e4e4; }
  #choose-gift-modal .free-gift:last-child {
    border: none;
    margin-bottom: 20px; }
  @media only screen and (min-width: 960px) {
    #choose-gift-modal .free-gift {
      display: table;
      width: 100%; } }
  #choose-gift-modal .free-gift .section {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px; }
    @media only screen and (min-width: 960px) {
      #choose-gift-modal .free-gift .section:last-child {
        width: 74%; } }
  #choose-gift-modal .free-gift dl {
    overflow: hidden;
    margin-bottom: 3px; }
    #choose-gift-modal .free-gift dl:last-child {
      font-family: "montserratsemi_bold"; }
    #choose-gift-modal .free-gift dl dt {
      display: table;
      float: left;
      max-width: 50%;
      padding-right: 10px; }
    #choose-gift-modal .free-gift dl dd {
      display: table;
      float: right;
      max-width: 50%; }
  #choose-gift-modal .free-gift input {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0; }
  #choose-gift-modal .free-gift img {
    width: 60px;
    height: auto; }
    @media only screen and (min-width: 960px) {
      #choose-gift-modal .free-gift img {
        width: 100px; } }
  #choose-gift-modal .free-gift p {
    display: block;
    text-align: left;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 15px 0; }
    @media only screen and (min-width: 960px) {
      #choose-gift-modal .free-gift p {
        font-size: 1em; } }
    #choose-gift-modal .free-gift p strong {
      display: block;
      color: #7e7e7e;
      font-size: 0.9em;
      font-family: "montserratlight", sans-serif; }
    @media only screen and (min-width: 960px) {
      #choose-gift-modal .free-gift p {
        margin: 0;
        display: block;
        float: left; } }
  #choose-gift-modal .free-gift .free-gift-price {
    display: block;
    overflow: hidden;
    font-size: 12px; }
    @media only screen and (min-width: 960px) {
      #choose-gift-modal .free-gift .free-gift-price {
        float: right;
        margin-left: 15px; } }
#choose-gift-modal .btn {
  margin-top: 20px; }
  @media only screen and (min-width: 960px) {
    #choose-gift-modal .btn {
      margin: 20px 8px 0; } }

.sent-as-gift-resume {
  clear: both;
  overflow: hidden;
  border-top: solid 1px #e4e4e4;
  padding: 15px; }
  .sent-as-gift-resume .code-info {
    display: block;
    color: #79568e;
    text-transform: uppercase;
    text-align: left;
    overflow: hidden;
    margin-bottom: 25px; }
    .sent-as-gift-resume .code-info span {
      font-family: "montserratsemi_bold";
      margin-right: 5px; }
    .sent-as-gift-resume .code-info strong {
      font-family: "montserratsemi_bold"; }
    .sent-as-gift-resume .code-info h4 {
      color: #757575;
      display: block !important;
      text-transform: none !important;
      font-size: 14px;
      text-align: left !important; }
      .sent-as-gift-resume .code-info h4 span {
        font-family: "FontAwesome"; }
  .sent-as-gift-resume .code-message {
    display: block;
    width: 100%;
    overflow: hidden; }
    .sent-as-gift-resume .code-message label {
      display: block;
      margin-bottom: 15px; }
  .sent-as-gift-resume .message {
    display: block;
    width: 100%;
    float: left; }
    @media only screen and (min-width: 960px) {
      .sent-as-gift-resume .message {
        width: 85%;
        display: block;
        float: left; } }
    .sent-as-gift-resume .message.wide {
      width: 100%; }
    .sent-as-gift-resume .message textarea {
      display: block;
      height: 80px;
      resize: vertical;
      width: 100%;
      margin-bottom: 20px; }
      @media only screen and (min-width: 960px) {
        .sent-as-gift-resume .message textarea {
          margin-bottom: 0; } }
    .sent-as-gift-resume .message label {
      display: block;
      width: 50%;
      float: left; }
    .sent-as-gift-resume .message .letter-counter {
      display: block;
      width: 50%;
      float: right;
      text-align: right; }
  .sent-as-gift-resume .delete-message {
    display: block;
    width: 100%; }
    @media only screen and (min-width: 960px) {
      .sent-as-gift-resume .delete-message {
        width: 15%;
        padding: 55px 0 0 30px;
        display: block;
        float: left; } }
    .sent-as-gift-resume .delete-message .btn {
      display: block;
      margin: 0 auto;
      width: 100%; }
      @media only screen and (min-width: 960px) {
        .sent-as-gift-resume .delete-message .btn {
          margin: 0;
          width: auto; } }

#event-code-info {
  clear: both;
  color: #79568e;
  overflow: hidden;
  background: #fff;
  padding: 10px;
  margin-bottom: 20px; }
  @media only screen and (min-width: 960px) {
    #event-code-info {
      width: 80%;
      padding: 0;
      background: transparent; } }
  #event-code-info label {
    clear: both;
    display: block;
    margin-bottom: 10px; }
  #event-code-info textarea {
    display: block;
    resize: vertical;
    width: 100%;
    margin-bottom: 10px; }
  #event-code-info p {
    color: #999;
    text-align: right;
    margin-bottom: 10px; }
  #event-code-info h4 {
    margin-bottom: 10px;
    display: block;
    font-family: "montserratsemi_bold";
    color: #757575;
    text-align: center; }
    @media only screen and (min-width: 960px) {
      #event-code-info h4 {
        text-align: left; } }
  #event-code-info .info {
    display: table;
    margin: 0 auto 15px;
    padding: 10px;
    text-transform: uppercase;
    float: left; }
    #event-code-info .info strong {
      font-family: "montserratsemi_bold";
      display: block; }
  #event-code-info .btn-small {
    display: table;
    text-decoration: none;
    margin: 10px auto 0; }
    @media only screen and (min-width: 960px) {
      #event-code-info .btn-small {
        float: right;
        margin-top: 10px; } }
  #event-code-info .btn-default {
    width: 100%; }

#gift-code-message label {
  clear: both;
  display: block;
  margin-bottom: 10px; }
#gift-code-message textarea {
  display: block;
  resize: vertical;
  width: 100%;
  margin-bottom: 10px;
  height: 100px; }
#gift-code-message p {
  color: #999;
  text-align: right;
  margin-bottom: 10px; }

#display-login {
  background: none; }
  #display-login .modal-dialog {
    background: #fff;
    position: absolute;
    margin: 0;
    position: inherit;
    padding: 0}
    @media only screen and (min-width: 960px) {
      #display-login .modal-dialog {
        width: 960px;
        margin: 50px auto;
        padding: 0;
        box-shadow: -2px -2px 25px #ccc;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px; } }
    @media only screen and (min-width: 1280px) {
      #display-login .modal-dialog {
        width: 1000px; } }
    @media only screen and (min-width: 960px) {
      #display-login .modal-dialog.modal-dialog.modal-medium {
        width: 700px; } }
    #display-login .modal-dialog.modal-dialog.modal-medium p {
      text-align: center;
      margin: 0 0 20px; }
    @media only screen and (min-width: 960px) {
      #display-login .modal-dialog .create-password {
        width: 60%;
        display: block;
        margin: 0 auto 70px; } }
  #display-login input {
    display: block;
    margin: 0 0 10px;
    width: 100%; }
    @media only screen and (min-width: 960px) {
      #display-login input {
        margin: 0 0 20px;
      }
    }

#shipping-method, #payment-method, #confirmation-step {
  background: #fff;
  padding: 15px 10px;
  overflow: visible;
  margin: 0 0 15px; }
  @media only screen and (min-width: 960px) {
    #shipping-method, #payment-method, #confirmation-step {
      background: #f9f9f9;
      padding: 25px;
      float: left;
      width: 700px;
      margin: 0 0 30px; } }
  @media only screen and (min-width: 1280px) {
    #shipping-method, #payment-method, #confirmation-step {
      width: 830px; } }
  #shipping-method .choose-shipping, #payment-method .choose-shipping, #confirmation-step .choose-shipping {
    margin-bottom: 30px; }
  #shipping-method h3, #payment-method h3, #confirmation-step h3 {
    font-size: 20px;
    font-family: "montserratlight", sans-serif;
    display: block;
    margin-bottom: 25px;
    text-align: left;
    overflow: hidden; }
    #shipping-method h3 span, #payment-method h3 span, #confirmation-step h3 span {
      display: block;
      margin: 0 0 15px; }
      @media only screen and (min-width: 960px) {
        #shipping-method h3 span, #payment-method h3 span, #confirmation-step h3 span {
          display: table;
          float: left;
          max-width: 70%;
          margin: 0; } }
    @media only screen and (min-width: 960px) {
      #shipping-method h3, #payment-method h3, #confirmation-step h3 {
        font-size: 20px; } }
    #shipping-method h3 .btn, #payment-method h3 .btn, #confirmation-step h3 .btn {
      display: block;
      margin: 0; }
      @media only screen and (min-width: 960px) {
        #shipping-method h3 .btn, #payment-method h3 .btn, #confirmation-step h3 .btn {
          display: table;
          float: right; } }
  #shipping-method > ul, #payment-method > ul, #confirmation-step > ul {
    margin: 0 0 25px;
    list-style-type: none;
    overflow: hidden; }
    #shipping-method > ul li, #payment-method > ul li, #confirmation-step > ul li {
      list-style-type: none;
      margin: 0;
      display: block;
      float: left;
      width: 33%;
      font-size: 13px; }
      #shipping-method > ul li:last-child, #payment-method > ul li:last-child, #confirmation-step > ul li:last-child {
        margin-right: 0; }
      #shipping-method > ul li a, #payment-method > ul li a, #confirmation-step > ul li a {
        display: table;
        overflow: hidden;
        padding: 6px;
        text-decoration: none;
        color: #a5a5a5;
        text-align: center; }
        @media only screen and (min-width: 960px) {
          #shipping-method > ul li a, #payment-method > ul li a, #confirmation-step > ul li a {
            text-align: left; } }
        #shipping-method > ul li a strong, #payment-method > ul li a strong, #confirmation-step > ul li a strong {
          color: #59b46b;
          display: block;
          font-size: 12px;
          font-family: "montserratsemi_bold"; }
        #shipping-method > ul li a.selected, #payment-method > ul li a.selected, #confirmation-step > ul li a.selected {
          color: #474747; }
          #shipping-method > ul li a.selected .shipping-method-type, #payment-method > ul li a.selected .shipping-method-type, #confirmation-step > ul li a.selected .shipping-method-type {
            background: #79568e; }
            #shipping-method > ul li a.selected .shipping-method-type .retiro-icon, #payment-method > ul li a.selected .shipping-method-type .retiro-icon, #confirmation-step > ul li a.selected .shipping-method-type .retiro-icon {
              background: transparent url('images/tileset_2018.png') 0 -29px no-repeat; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
                #shipping-method > ul li a.selected .shipping-method-type .retiro-icon, #payment-method > ul li a.selected .shipping-method-type .retiro-icon, #confirmation-step > ul li a.selected .shipping-method-type .retiro-icon {
                  background-image: url('images/tileset@2x_2018.png');
                  background-size: 175px; } }
            #shipping-method > ul li a.selected .shipping-method-type .casa-icon, #payment-method > ul li a.selected .shipping-method-type .casa-icon, #confirmation-step > ul li a.selected .shipping-method-type .casa-icon {
              background: transparent url('images/tileset_2018.png') -24px -28px no-repeat; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
                #shipping-method > ul li a.selected .shipping-method-type .casa-icon, #payment-method > ul li a.selected .shipping-method-type .casa-icon, #confirmation-step > ul li a.selected .shipping-method-type .casa-icon {
                  background-image: url('images/tileset@2x_2018.png');
                  background-size: 175px; } }
            #shipping-method > ul li a.selected .shipping-method-type .tienda-icon, #payment-method > ul li a.selected .shipping-method-type .tienda-icon, #confirmation-step > ul li a.selected .shipping-method-type .tienda-icon {
              background: transparent url('images/tileset_2018.png') -56px -28px no-repeat; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
                #shipping-method > ul li a.selected .shipping-method-type .tienda-icon, #payment-method > ul li a.selected .shipping-method-type .tienda-icon, #confirmation-step > ul li a.selected .shipping-method-type .tienda-icon {
                  background-image: url('images/tileset@2x_2018.png');
                  background-size: 175px; } }
        #shipping-method > ul li a.disabled .retiro-icon, #payment-method > ul li a.disabled .retiro-icon, #confirmation-step > ul li a.disabled .retiro-icon {
          background: transparent url('images/tileset_2018.png') 0 -58px no-repeat; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
            #shipping-method > ul li a.disabled .retiro-icon, #payment-method > ul li a.disabled .retiro-icon, #confirmation-step > ul li a.disabled .retiro-icon {
              background-image: url('images/tileset@2x_2018.png');
              background-size: 175px; } }
        #shipping-method > ul li a.disabled .casa-icon, #payment-method > ul li a.disabled .casa-icon, #confirmation-step > ul li a.disabled .casa-icon {
          background: transparent url('images/tileset_2018.png') -24px -57px no-repeat; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
            #shipping-method > ul li a.disabled .casa-icon, #payment-method > ul li a.disabled .casa-icon, #confirmation-step > ul li a.disabled .casa-icon {
              background-image: url('images/tileset@2x_2018.png');
              background-size: 175px; } }
        #shipping-method > ul li a.disabled .tienda-icon, #payment-method > ul li a.disabled .tienda-icon, #confirmation-step > ul li a.disabled .tienda-icon {
          background: transparent url('images/tileset_2018.png') -56px -57px no-repeat; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
            #shipping-method > ul li a.disabled .tienda-icon, #payment-method > ul li a.disabled .tienda-icon, #confirmation-step > ul li a.disabled .tienda-icon {
              background-image: url('images/tileset@2x_2018.png');
              background-size: 175px; } }
        #shipping-method > ul li a.disabled strong, #payment-method > ul li a.disabled strong, #confirmation-step > ul li a.disabled strong {
          color: #dd4b4c; }
      #shipping-method > ul li .shipping-method-icon, #payment-method > ul li .shipping-method-icon, #confirmation-step > ul li .shipping-method-icon {
        display: table;
        margin: 0 auto 10px; }
        @media only screen and (min-width: 960px) {
          #shipping-method > ul li .shipping-method-icon, #payment-method > ul li .shipping-method-icon, #confirmation-step > ul li .shipping-method-icon {
            display: table-cell;
            padding: 0 10px 0 0;
            vertical-align: middle; } }
      #shipping-method > ul li .shipping-method-type, #payment-method > ul li .shipping-method-type, #confirmation-step > ul li .shipping-method-type {
        background: #fff;
        width: 54px;
        height: 54px;
        display: block;
        box-shadow: 0 0 10px #ccc;
        position: relative;
        margin: 0 auto 10px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px; }
        #shipping-method > ul li .shipping-method-type .retiro-icon, #payment-method > ul li .shipping-method-type .retiro-icon, #confirmation-step > ul li .shipping-method-type .retiro-icon {
          background: transparent url('images/tileset_2018.png') 0 0 no-repeat;
          height: 29px;
          width: 24px;
          display: block;
          overflow: hidden;
          text-indent: -9999px;
          position: absolute;
          top: 13px;
          left: 16px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
            #shipping-method > ul li .shipping-method-type .retiro-icon, #payment-method > ul li .shipping-method-type .retiro-icon, #confirmation-step > ul li .shipping-method-type .retiro-icon {
              background-image: url('images/tileset@2x_2018.png');
              background-size: 175px; } }
        #shipping-method > ul li .shipping-method-type .casa-icon, #payment-method > ul li .shipping-method-type .casa-icon, #confirmation-step > ul li .shipping-method-type .casa-icon {
          background: transparent url('images/tileset_2018.png') -24px 0 no-repeat;
          height: 29px;
          width: 33px;
          display: block;
          overflow: hidden;
          text-indent: -9999px;
          position: absolute;
          top: 14px;
          left: 11px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
            #shipping-method > ul li .shipping-method-type .casa-icon, #payment-method > ul li .shipping-method-type .casa-icon, #confirmation-step > ul li .shipping-method-type .casa-icon {
              background-image: url('images/tileset@2x_2018.png');
              background-size: 175px; } }
        #shipping-method > ul li .shipping-method-type .tienda-icon, #payment-method > ul li .shipping-method-type .tienda-icon, #confirmation-step > ul li .shipping-method-type .tienda-icon {
          background: transparent url('images/tileset_2018.png') -56px 0 no-repeat;
          height: 29px;
          width: 31px;
          display: block;
          overflow: hidden;
          text-indent: -9999px;
          position: absolute;
          top: 13px;
          left: 11px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
            #shipping-method > ul li .shipping-method-type .tienda-icon, #payment-method > ul li .shipping-method-type .tienda-icon, #confirmation-step > ul li .shipping-method-type .tienda-icon {
              background-image: url('images/tileset@2x_2018.png');
              background-size: 175px; } }
      #shipping-method > ul li .shipping-method-info, #payment-method > ul li .shipping-method-info, #confirmation-step > ul li .shipping-method-info {
        display: table;
        margin: 0 auto 10px;
        text-align: center; }
        @media only screen and (min-width: 960px) {
          #shipping-method > ul li .shipping-method-info, #payment-method > ul li .shipping-method-info, #confirmation-step > ul li .shipping-method-info {
            display: table-cell;
            vertical-align: middle;
            text-align: left; } }

#shipping-method h3 {
  text-align: center; }

#shipping-map {
  width: 100%;
  height: 280px;
  display: block;
  position: relative;
  margin-bottom: 25px; }

#shipping-sidebar {
  background: #f4f4f4;
  padding: 15px 15px 30px;
  overflow: hidden; }
  @media only screen and (min-width: 960px) {
    #shipping-sidebar {
      padding: 0;
      width: 260px;
      padding: 0;
      background: #fff; } }
  @media only screen and (min-width: 1280px) {
    #shipping-sidebar {
      width: 360px; } }
  #shipping-sidebar .shopping-sidebar-wrapper {
    display: block; }
    @media only screen and (min-width: 960px) {
      #shipping-sidebar .shopping-sidebar-wrapper {
        width: 260px;
        background: #fff;
        padding: 0 15px 15px; } }
    @media only screen and (min-width: 1280px) {
      #shipping-sidebar .shopping-sidebar-wrapper {
        width: 360px; } }
    #shipping-sidebar .shopping-sidebar-wrapper .alert-info {
      border-top: solid 1px #ddd;
      margin-bottom: 10px; }
  #shipping-sidebar .shopping-total {
    overflow: hidden;
    font-size: 14px;
    display: block; }
    #shipping-sidebar .shopping-total dl {
      overflow: hidden;
      margin: 0 0 6px; }
      #shipping-sidebar .shopping-total dl.total-price, #shipping-sidebar .shopping-total dl.guaranty-price {
        font-family: "montserratsemi_bold"; }
      #shipping-sidebar .shopping-total dl:last-child {
        margin: 0 0 30px; }
      #shipping-sidebar .shopping-total dl.discount-ripleypuntos {
        color: #6E357C;
        font-family: "montserratsemi_bold"; }
        #shipping-sidebar .shopping-total dl.discount-ripleypuntos dd {
          color: #6E357C; }
    #shipping-sidebar .shopping-total dt {
      display: table;
      float: left; }
      #shipping-sidebar .shopping-total dt a {
        color: #757575;
        text-decoration: none;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out; }
        #shipping-sidebar .shopping-total dt a a:hover {
          color: #6E357C; }
    #shipping-sidebar .shopping-total dd {
      display: table;
      float: right;
      color: #bf0a0a; }
    #shipping-sidebar .shopping-total hr {
      clear: both;
      background-color: #d1d1d1;
      margin-bottom: 10px;
      border: none;
      height: 1px; }
  #shipping-sidebar .btn {
    margin: 10px auto 20px;
    display: block;
    width: 100%; }
    @media only screen and (min-width: 960px) {
      #shipping-sidebar .btn {
        width: 100%;
        display: block;
        margin: 0 0 20px; } }
  #shipping-sidebar form label.checkbox {
    text-align: center; }
  #shipping-sidebar form .underline-link {
    padding-bottom: 3px;
    margin: 0 auto 30px;
    display: table; }

@media only screen and (min-width: 960px) {
  #shipping-steps {
    display: table;
    float: right;
    margin-top: 45px; } }
#shipping-steps ul {
  list-style-type: none;
  margin: 0px auto 20px;
  padding: 0;
  display: table; }
  #shipping-steps ul li {
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 0;
    display: table;
    float: left;
    line-height: 18pt;
    color: #d7d7d7;
    text-indent: -9999px;
    text-transform: uppercase;
    font-size: 12px; }
    #shipping-steps ul li:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 960px) {
      #shipping-steps ul li {
        text-indent: 0;
        margin: 0 15px 0 0; } }
    #shipping-steps ul li a {
      width: 30px;
      height: 30px;
      display: block;
      color: #d7d7d7;
      -webkit-transition: 0.5s ease-out;
      -moz-transition: 0.5s ease-out;
      -o-transition: 0.5s ease-out;
      transition: 0.5s ease-out;}
      @media only screen and (min-width: 960px) {
        #shipping-steps ul li a {
          width: auto;
          height: 22px; } }
    #shipping-steps ul li span {
      background: #d7d7d7;
      height: 30px;
      width: 30px;
      display: block;
      float: left;
      color: #fff;
      text-align: center;
      font-size: 14px;
      line-height: 22pt;
      text-indent: 0;
      margin: 0;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      border-radius: 15px; }
      @media only screen and (min-width: 960px) {
        #shipping-steps ul li span {
          height: 22px;
          width: 22px;
          font-size: 12px;
          line-height: 18pt;
          margin: 0 10px 0 0; } }
      #shipping-steps ul li span.separador {
        background: #d7d7d7;
        width: 45px;
        height: 2px;
        float: right;
        margin: 10px 0 0 10px; }
      #shipping-steps ul li span.shopping-bag-small-icon {
        background: transparent url('images/tileset_2018.png') -100px -358px no-repeat;
        height: 30px;
        width: 30px;
        display: block;
        overflow: hidden;
        text-indent: -9999px; }
        @media only screen and (min-width: 960px) {
          #shipping-steps ul li span.shopping-bag-small-icon {
            background: transparent url('images/tileset_2018.png') -101px -334px no-repeat;
            height: 22px;
            width: 22px; } }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
          #shipping-steps ul li span.shopping-bag-small-icon {
            background-image: url('images/tileset@2x_2018.png');
            background-size: 175px; } }
    #shipping-steps ul li.active{
      color:#424242;
      -webkit-transition: 0.5s ease-out;
      -moz-transition: 0.5s ease-out;
      -o-transition: 0.5s ease-out;
      transition: 0.5s ease-out;
      text-indent: 0;
      line-height: 22pt; }
      @media only screen and (min-width: 960px) {
        #shipping-steps ul li.active {
          line-height: 18pt; } }
      #shipping-steps ul li.active span {
        background: #424242;
        margin-right: 10px; }
        @media only screen and (min-width: 960px) {
          #shipping-steps ul li.active span {
            margin-right: 10px; } }
        #shipping-steps ul li.active span.separador {
          background: #d7d7d7; }
      #shipping-steps ul li.active a {
        color: #333;}
      #shipping-steps ul li a:hover{
        color:#424242;
        -webkit-transition: 0.5s ease-out;
        -moz-transition: 0.5s ease-out;
        -o-transition: 0.5s ease-out;
        transition: 0.5s ease-out;}
    #shipping-steps ul li.shopping-bag .shopping-bag-icon {
      background: transparent url('images/tileset_2018.png') -58px -334px no-repeat;
      height: 39px;
      width: 39px;
      overflow: hidden;
      text-indent: -9999px;
      margin: -10px 10px 0 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
        #shipping-steps ul li.shopping-bag .shopping-bag-icon {
          background-image: url('images/tileset@2x_2018.png');
          background-size: 175px; } }

@media only screen and (min-width: 960px) {
  .recipient-info, .account-recipient-info {
    border-left: solid 1px #ddd; } }
.recipient-info h4, .account-recipient-info h4 {
  margin: 0 auto 20px;
  text-align: center;
  color: #6E357C; }
  @media only screen and (min-width: 960px) {
    .recipient-info h4, .account-recipient-info h4 {
      margin: 0 0 20px;
      text-align: left; } }
  .recipient-info h4 strong, .account-recipient-info h4 strong {
    font-family: "montserratsemi_bold"; }
.recipient-info p, .account-recipient-info p {
  margin: 0 0 25px; }
  .recipient-info p strong, .account-recipient-info p strong {
    font-family: "montserratsemi_bold"; }
.recipient-info input[type="text"], .account-recipient-info input[type="text"] {
  width: 100%;
  margin: 0 0 10px; }
.recipient-info form, .account-recipient-info form {
  overflow: hidden;
  margin: 0 0 20px; }
  .recipient-info form .form-group, .account-recipient-info form .form-group {
    float: left;
    margin: 0;
    padding: 0;
    width: 50%; }
    @media only screen and (min-width: 960px) {
      .recipient-info form .form-group, .account-recipient-info form .form-group {
        margin: 0 10px 0 0;
        padding: 3px;
        display: table;
        width: auto; } }
    .recipient-info form .form-group:last-child label.radio, .account-recipient-info form .form-group:last-child label.radio {
      border-left: none;
      -webkit-border-radius: 0 6px 6px 0;
      -moz-border-radius: 0 6px 6px 0;
      border-radius: 0 6px 6px 0; }
  .recipient-info form label.radio, .account-recipient-info form label.radio {
    background: #fff;
    border: solid 2px #ccc;
    margin: 0;
    padding: 10px 20px;
    display: block;
    text-align: center;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px; }
    .recipient-info form label.radio::before, .account-recipient-info form label.radio::before {
      display: none; }
    @media only screen and (min-width: 960px) {
      .recipient-info form label.radio, .account-recipient-info form label.radio {
        background: none;
        border: none;
        padding: 0;
        text-align: left;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0; }
        .recipient-info form label.radio::before, .account-recipient-info form label.radio::before {
          display: block; } }
  .recipient-info form input[type="radio"]:checked + label.radio, .account-recipient-info form input[type="radio"]:checked + label.radio {
    background: #54b268;
    color: #fff; }
    @media only screen and (min-width: 960px) {
      .recipient-info form input[type="radio"]:checked + label.radio, .account-recipient-info form input[type="radio"]:checked + label.radio {
        background: none;
        color: #757575; } }
.recipient-info .btn, .account-recipient-info .btn {
  margin-bottom: 30px; }
.recipient-info .bolsa-icon, .account-recipient-info .bolsa-icon {
  background: transparent url('images/tileset_2018.png') 0 -91px no-repeat;
  height: 34px;
  width: 32px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  float: left;
  margin: 0 20px 10px 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .recipient-info .bolsa-icon, .account-recipient-info .bolsa-icon {
      background-image: url('images/tileset@2x_2018.png');
      background-size: 175px; } }
.recipient-info .horario-icon, .account-recipient-info .horario-icon {
  background: transparent url('images/tileset_2018.png') -35px -91px no-repeat;
  height: 34px;
  width: 34px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  float: left;
  margin: 0 20px 10px 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .recipient-info .horario-icon, .account-recipient-info .horario-icon {
      background-image: url('images/tileset@2x_2018.png');
      background-size: 175px; } }
.recipient-info .precio-icon, .account-recipient-info .precio-icon {
  background: transparent url('images/tileset_2018.png') -70px -91px no-repeat;
  height: 34px;
  width: 34px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  float: left;
  margin: 0 20px 10px 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .recipient-info .precio-icon, .account-recipient-info .precio-icon {
      background-image: url('images/tileset@2x_2018.png');
      background-size: 175px; } }
.recipient-info .email-icon, .account-recipient-info .email-icon {
  background: transparent url('images/tileset_2018.png') -105px -91px no-repeat;
  height: 34px;
  width: 34px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  float: left;
  margin: 0 20px 10px 0; }
  @media only screen and (min-width: 960px) {
    .recipient-info .email-icon, .account-recipient-info .email-icon {
      margin-bottom: 60px; } }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .recipient-info .email-icon, .account-recipient-info .email-icon {
      background-image: url('images/tileset@2x_2018.png');
      background-size: 175px; } }
.recipient-info > ul > li, .account-recipient-info > ul > li {
  display: block;
  margin: 0 0 20px;
  float: none; }
  .recipient-info > ul > li h5, .account-recipient-info > ul > li h5 {
    font-size: 14px;
    font-family: "montserratsemi_bold"; }
  .recipient-info > ul > li strong, .account-recipient-info > ul > li strong {
    color: #79568e;
    font-family: "montserratlight", sans-serif; }
.recipient-info .form-group.shipping-info, .account-recipient-info .form-group.shipping-info {
  margin: 0;
  display: block;
  overflow: hidden;
  padding: 10px;
  float: none;
  width: 100%; }
  .recipient-info .form-group.shipping-info.selected, .account-recipient-info .form-group.shipping-info.selected {
    background: #ebebeb; }
    @media only screen and (min-width: 960px) {
      .recipient-info .form-group.shipping-info.selected, .account-recipient-info .form-group.shipping-info.selected {
        background: #fff; } }
  .recipient-info .form-group.shipping-info label.radio, .account-recipient-info .form-group.shipping-info label.radio {
    border: none;
    background: none;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
    .recipient-info .form-group.shipping-info label.radio::before, .account-recipient-info .form-group.shipping-info label.radio::before {
      display: block; }
.recipient-info .section, .account-recipient-info .section {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px; }
  .recipient-info .section address, .account-recipient-info .section address {
    margin-bottom: 10px; }
  .recipient-info .section .pull-right, .account-recipient-info .section .pull-right {
    float: none !important;
    display: block; }
    @media only screen and (min-width: 960px) {
      .recipient-info .section .pull-right, .account-recipient-info .section .pull-right {
        float: right !important; } }
    .recipient-info .section .pull-right strong, .account-recipient-info .section .pull-right strong {
      font-family: "montserratsemi_bold";
      margin: 0;
      display: block; }
      @media only screen and (min-width: 960px) {
        .recipient-info .section .pull-right strong, .account-recipient-info .section .pull-right strong {
          margin-top: 15px; } }
  .recipient-info .section .pull-left, .account-recipient-info .section .pull-left {
    float: none !important;
    display: block;
    width: 100%; }
    @media only screen and (min-width: 960px) {
      .recipient-info .section .pull-left, .account-recipient-info .section .pull-left {
        float: left !important;
        width: 60%;
        padding-right: 10px; } }
    .recipient-info .section .pull-left p, .account-recipient-info .section .pull-left p {
      margin: 0; }
      .recipient-info .section .pull-left p span, .account-recipient-info .section .pull-left p span {
        display: block;
        color: #55b06a;
        white-space: nowrap;
        font-family: "montserratsemi_bold"; }

@media only screen and (min-width: 960px) {
  .col-50.recipient-info {
    padding: 0 10px 0 20px; } }

.account-recipient-info {
  margin: 0 0 20px;
  border-left: none;
  clear: both; }
  .account-recipient-info > .title {
    display: block;
    margin: 0 0 15px; }
    @media only screen and (min-width: 960px) {
      .account-recipient-info > .title {
        display: table;
        float: left;
        max-width: 50%; } }
    .account-recipient-info > .title h4 {
      font-size: 14px;
      line-height: 20pt; }

.shipping-info {
  margin-bottom: 30px; }
  @media only screen and (min-width: 960px) {
    .shipping-info {
      margin-bottom: 0; } }
  .shipping-info h4 {
    color: #79568e; }
  .shipping-info p {
    display: block;
    margin: 0 auto 20px; }
    @media only screen and (min-width: 960px) {
      .shipping-info p {
        margin: 0 0 20px; } }
  .shipping-info .btn {
    margin-bottom: 20px;
    width: auto; }
  .shipping-info #add-address-instructions {
    display: block;
    clear: both;
    text-decoration: none;
    line-height: 18pt;
    color: #333;
    margin-bottom: 20px; }
    .shipping-info #add-address-instructions span {
      margin: 0 5px 0 0;
      font-size: 24px;
      width: 22px;
      height: 22px;
      display: block;
      float: left;
      color: #757575; }
      .shipping-info #add-address-instructions span::before {
        background: #54b268;
        color: #fff;
        content: "\f00c";
        font-family: "FontAwesome";
        display: block;
        width: 18px;
        height: 18px;
        border: solid 2px #54b268;
        text-align: center;
        font-size: 14px;
        line-height: 14pt;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out; }
    .shipping-info #add-address-instructions.collapsed span {
      margin: 0 5px 0 0;
      width: 22px;
      height: 22px;
      display: block;
      float: left;
      color: #757575; }
      .shipping-info #add-address-instructions.collapsed span::before {
        background: #fff;
        border: solid 2px #ccc;
        display: block;
        width: 18px;
        height: 18px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out; }
  .shipping-info #address-instructions {
    border: none;
    padding: 0 10px 0 0; }
    .shipping-info #address-instructions textarea {
      width: 100%;
      display: block;
      height: 100px;
      resize: vertical;
      margin-bottom: 15px; }

#change-shipping-address-modal .saved-address {
  display: table;
  width: 100%;
  padding: 15px;
  border-bottom: solid 1px #e4e4e4; }
  #change-shipping-address-modal .saved-address:last-child {
    border: none;
    margin-bottom: 20px; }
  #change-shipping-address-modal .saved-address .section {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px; }
    @media only screen and (min-width: 960px) {
      #change-shipping-address-modal .saved-address .section:first-child {
        width: 80px; } }
    #change-shipping-address-modal .saved-address .section address {
      margin-bottom: 10px; }
      #change-shipping-address-modal .saved-address .section address strong {
        font-size: 16px; }
    #change-shipping-address-modal .saved-address .section .pull-right {
      float: none !important;
      display: block; }
      @media only screen and (min-width: 960px) {
        #change-shipping-address-modal .saved-address .section .pull-right {
          float: right !important; } }
      #change-shipping-address-modal .saved-address .section .pull-right .btn {
        display: table;
        float: left;
        width: auto;
        margin: 0 10px 0 0; }
        #change-shipping-address-modal .saved-address .section .pull-right .btn#delete-second-address {
          display: none; }
    #change-shipping-address-modal .saved-address .section .pull-left {
      float: none !important;
      display: block; }
      @media only screen and (min-width: 960px) {
        #change-shipping-address-modal .saved-address .section .pull-left {
          float: left !important;
          max-width: 60%; } }
      #change-shipping-address-modal .saved-address .section .pull-left .btn {
        display: table;
        float: left;
        width: auto;
        margin: 0 10px 0 0; }
  #change-shipping-address-modal .saved-address input {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0; }
  #change-shipping-address-modal .saved-address img {
    width: 60px;
    height: auto; }
    @media only screen and (min-width: 960px) {
      #change-shipping-address-modal .saved-address img {
        width: 100px; } }
  #change-shipping-address-modal .saved-address p {
    display: inline;
    text-align: left;
    text-transform: uppercase;
    font-size: 1em; }
    #change-shipping-address-modal .saved-address p strong {
      display: block;
      color: #7e7e7e;
      font-size: 0.9em;
      font-family: "montserratlight", sans-serif; }
  @media only screen and (min-width: 960px) {
    #change-shipping-address-modal .saved-address .btn {
      margin: 0 8px 0;
      float: left; } }
#change-shipping-address-modal .btn {
  margin-bottom: 15px; }
  @media only screen and (min-width: 960px) {
    #change-shipping-address-modal .btn {
      margin-bottom: 0; } }
#select-shipping-date0{
  margin:0;
}
#select-shipping-date .pull-right {
  margin-top: 15px; }

#no-avaible-shipping, .no-avaible-shipping-sidebar {
  background: #fff;
  padding: 35px 15px;
  border-bottom: solid 1px #ddd;
  margin-bottom: 20px;
  text-align: center; }
  #no-avaible-shipping img, .no-avaible-shipping-sidebar img {
    display: block;
    margin: 0 auto 15px;
    padding: 0;
    width: 125px;
    height: auto; }
  #no-avaible-shipping h3, .no-avaible-shipping-sidebar h3 {
    font-family: "montserratlight", sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 20px; }
  #no-avaible-shipping h4, .no-avaible-shipping-sidebar h4 {
    display: block;
    font-size: 14px;
    font-family: "montserratsemi_bold";
    margin-bottom: 10px; }
  #no-avaible-shipping .alert-icon, .no-avaible-shipping-sidebar .alert-icon {
    background: transparent url('images/tileset_2018.png') 0 -167px no-repeat;
    height: 33px;
    width: 34px;
    display: block;
    float: left;
    margin: 0 10px 0 0; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
      #no-avaible-shipping .alert-icon, .no-avaible-shipping-sidebar .alert-icon {
        background-image: url('images/tileset@2x_2018.png');
        background-size: 175px; } }
  #no-avaible-shipping .alert-danger, .no-avaible-shipping-sidebar .alert-danger {
    line-height: 24pt;
    font-family: "montserratlight", sans-serif; }
    #no-avaible-shipping .alert-danger strong, .no-avaible-shipping-sidebar .alert-danger strong {
      font-family: "montserratsemi_bold"; }

.no-avaible-shipping-sidebar {
  display: block; }
  .no-avaible-shipping-sidebar .alert-danger {
    padding: 10px;
    line-height: 14pt;
    text-align: left;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  .no-avaible-shipping-sidebar .alert-icon {
    margin: 0 10px 0 0; }
  .no-avaible-shipping-sidebar h4 {
    display: block;
    font-size: 13px;
    font-family: "montserratsemi_bold";
    margin-bottom: 10px;
    text-align: left; }
  .no-avaible-shipping-sidebar .shopping-item-sidebar {
    border: none;
    margin-bottom: 0;
    padding: 0 0 20px; }

.shopping-item-sidebar {
  display: block;
  overflow: hidden;
  padding: 0 0 15px;
  border-bottom: solid 1px #ddd;
  margin-bottom: 15px}
  #shipping-sidebar .shopping-item-sidebar{
    display:none}
  #shipping-sidebar .shopping-item-sidebar.no-avaible-shipping-sidebar{
    display:block}
  #shipping-sidebar .shopping-item-sidebar.no-avaible-shipping-sidebar .shopping-item-sidebar{
    display:block}
  @media only screen and (min-width: 960px) {
    #shipping-sidebar .shopping-item-sidebar{
      display: block}
  }
  .shopping-item-sidebar .shopping-item-image {
    width: 30%;
    display: block;
    float: left;
    padding-right: 10px; }
    .shopping-item-sidebar .shopping-item-image img {
      display: block;
      padding: 0;
      width: 100%;
      height: auto;
      margin: 0; }
  .shopping-item-sidebar .shopping-item-info {
    display: block;
    float: right;
    width: 70%;
    text-align: left; }
    .shopping-item-sidebar .shopping-item-info h3 {
      font-size: 14px;
      display: block;
      width: 100%;
      text-transform: uppercase;
      font-family: "montserratlight", sans-serif;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 5px; }
      @media only screen and (min-width: 960px) {
        .shopping-item-sidebar .shopping-item-info h3 {
          font-size: 16px; } }
    .shopping-item-sidebar .shopping-item-info h4 {
      text-transform: uppercase;
      color: #79568e; }
    .shopping-item-sidebar .shopping-item-info dl {
      overflow: hidden;
      display: block; }
      .shopping-item-sidebar .shopping-item-info dl dt {
        display: table;
        float: left;
        max-width: 50%;
        padding-right: 10px; }
      .shopping-item-sidebar .shopping-item-info dl dd {
        display: table;
        float: right;
        max-width: 50%; }
  .shopping-item-sidebar.no-avaible-shipping-sidebar {
    display: block; }
    .shopping-item-sidebar.no-avaible-shipping-sidebar .alert-danger {
      padding: 10px;
      line-height: 14pt;
      text-align: left;
      background: #a9a9a9;
      margin: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0; }
    .shopping-item-sidebar.no-avaible-shipping-sidebar .shopping-item-sidebar {
      padding: 15px 10px;
      display: block;
      border: solid 1px #ddd;
      margin: 0;
      border-top: none; }
    .shopping-item-sidebar.no-avaible-shipping-sidebar > p {
      clear: both;
      font-size: 12px;
      padding: 10px 15px;
      margin-bottom: 15px;
      border: solid 1px #ddd;
      border-top: none; }
    .shopping-item-sidebar.no-avaible-shipping-sidebar .shopping-item-info {
      width: 68%; }
    .shopping-item-sidebar.no-avaible-shipping-sidebar .shopping-item-image {
      width: 28%; }

.no-avaible-shipping-sidebar {
  padding: 0; }
  .no-avaible-shipping-sidebar > p {
    clear: both;
    font-size: 12px;
    padding: 10px 15px 0;
    margin-bottom: 0; }
  .no-avaible-shipping-sidebar .shopping-item-sidebar {
    border: none;
    padding: 0;
    margin-bottom: 0; }
    .no-avaible-shipping-sidebar .shopping-item-sidebar .shopping-item-image {
      padding: 0 10px 0 15px; }
    .no-avaible-shipping-sidebar .shopping-item-sidebar .shopping-item-image {
      width: 28%; }
    .no-avaible-shipping-sidebar .shopping-item-sidebar .shopping-item-info {
      padding: 0 15px 0 0; }

#change-shipping-date p {
  margin-bottom: 30px; }

img.maps {
  margin-bottom: 20px;
  width: 100%;
  height: auto; }

#change-shipping-date h4 {
  font-family: "montserratsemi_bold";
  font-size: 14px; }

#change-shipping-store-modal h4, #choose-shipping-place h4 {
  margin-bottom: 7px;
  font-size: 14px;
  font-family: "montserratsemi_bold";
  display: block; }

#change-shipping-store-modal #change-shipping-store li {
  margin: 0;
  padding: 7px 15px; }
  #change-shipping-store-modal #change-shipping-store li:first-child {
    padding-top: 15px; }
  #change-shipping-store-modal #change-shipping-store li:last-child {
    padding-bottom: 15px; }
@media only screen and (min-width: 960px) {
  #change-shipping-store-modal label.pull-left {
    display: table;
    float: left;
    line-height: 24pt; } }
@media only screen and (min-width: 960px) {
  #change-shipping-store-modal .custom-select {
    width: 200px;
    float: left;
    display: block;
    margin: 0 0 0 10px; } }

.avaible-shipping-method ul {
  display: block;
  list-style-type: none;
  margin: 0 0 15px;
  padding: 0;
  overflow: hidden; }
  @media only screen and (min-width: 720px) {
    .avaible-shipping-method ul {
      display: table;
      margin: 0 auto 15px; } }
  .avaible-shipping-method ul li {
    width: 50%;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    color: #7e7e7e;
    font-size: 12px;
    border: none; }
    .avaible-shipping-method ul li .fa {
      font-size: 28px;
      margin-right: 5px;
      display: block;
      width: 25px;
      float: left;
      padding: 3px; }
      .avaible-shipping-method ul li .fa.fa-check-circle {
        color: #54b268; }
      .avaible-shipping-method ul li .fa.fa-times-circle {
        color: #ec3a40; }

#PaymentForm1 {
  display: block;
  margin: 0 0 30px; }
  #PaymentForm1 .form-group {
    margin: 0;
    padding: 15px;
    border-bottom: solid 1px #ddd; }
    #PaymentForm1 .form-group label {
      display: block;
      overflow: hidden;
      line-height: 22pt;
      padding: 3px; }
      #PaymentForm1 .form-group label.radio::before {
        margin-top: 5px; }
      #PaymentForm1 .form-group label .name {
        width: auto;
        max-width: 100%;
        display: table;
        float: left; }
      #PaymentForm1 .form-group label .tripley-icon, #PaymentForm1 .form-group label .webpayo-icon, #PaymentForm1 .form-group label .webpay-icon, #PaymentForm1 .form-group label .webpayc-icon, #PaymentForm1 .form-group label .tcgateway-icon, #PaymentForm1 .form-group label .giftcard-icon, #PaymentForm1 .form-group label .mripley-icon {
        float: right; }
    #PaymentForm1 .form-group.associated {
      overflow: hidden; }
      #PaymentForm1 .form-group.associated label {
        line-height: 16pt;
        display: block;
        margin-bottom: 15px; }
        @media only screen and (min-width: 960px) {
          #PaymentForm1 .form-group.associated label {
            display: table;
            float: left;
            margin-bottom: 0; } }
        #PaymentForm1 .form-group.associated label .name {
          margin-right: 15px; }
          #PaymentForm1 .form-group.associated label .name strong {
            display: block;
            font-family: "montserratsemi_bold"; }
      #PaymentForm1 .form-group.associated .visa-icon, #PaymentForm1 .form-group.associated .mastercard-icon, #PaymentForm1 .form-group.associated .american-icon, #PaymentForm1 .form-group.associated .discover-icon, #PaymentForm1 .form-group.associated .magna-icon, #PaymentForm1 .form-group.associated .dinners-icon {
        margin: 0 10px 0 0; }
      #PaymentForm1 .form-group.associated .tripley-icon, #PaymentForm1 .form-group.associated .webpayo-icon, #PaymentForm1 .form-group.associated .webpay-icon, #PaymentForm1 .form-group.associated .webpayc-icon, #PaymentForm1 .form-group.associated .tcgateway-icon, #PaymentForm1 .form-group.associated .giftcard-icon, #PaymentForm1 .form-group.associated .mripley-icon {
        float: right; }
        @media only screen and (min-width: 960px) {
          #PaymentForm1 .form-group.associated .tripley-icon, #PaymentForm1 .form-group.associated .webpayo-icon, #PaymentForm1 .form-group.associated .webpay-icon, #PaymentForm1 .form-group.associated .webpayc-icon, #PaymentForm1 .form-group.associated .tcgateway-icon, #PaymentForm1 .form-group.associated .giftcard-icon, #PaymentForm1 .form-group.associated .mripley-icon {
            float: left; } }
      #PaymentForm1 .form-group.associated .btn {
        float: none;
        width: 100%;
        margin: 0 0 15px; }
        @media only screen and (min-width: 960px) {
          #PaymentForm1 .form-group.associated .btn {
            float: right;
            width: auto;
            margin: 0; } }
    #PaymentForm1 .form-group.selected label.radio::before {
      content: "\f058";
      font-size: 24px;
      font-family: "FontAwesome";
      color: #54b268;
      text-shadow: none; }
    #PaymentForm1 .form-group.selected label + .alert {
      margin-top: 15px; }
    #PaymentForm1 .form-group #total-details {
      padding: 20px 0 0;
      overflow: hidden;
      clear: both; }
      #PaymentForm1 .form-group #total-details dl {
        overflow: hidden;
        clear: both;
        margin-bottom: 10px; }
        @media only screen and (min-width: 960px) {
          #PaymentForm1 .form-group #total-details dl {
            width: 300px; } }
        #PaymentForm1 .form-group #total-details dl.tripley {
          font-family: "montserratsemi_bold"; }
        #PaymentForm1 .form-group #total-details dl dt {
          width: 60%;
          float: left;
          display: block; }
        #PaymentForm1 .form-group #total-details dl dd {
          width: 40%;
          float: right;
          display: block;
          color: #bf0a0a; }
  #PaymentForm1 #associated-mercadopago {
    overflow: hidden;
    border-bottom: solid 1px #ddd;
    padding: 15px; }
    #PaymentForm1 #associated-mercadopago .form-group {
      border: none;
      padding: 0;
      margin: 0 0 15px; }
      #PaymentForm1 #associated-mercadopago .form-group:last-child {
        margin: 0; }
      #PaymentForm1 #associated-mercadopago .form-group > label {
        display: block;
        float: none; }
    #PaymentForm1 #associated-mercadopago .nueva-tarjeta {
      margin: 0 0 -15px; }
    #PaymentForm1 #associated-mercadopago .branded .btn {
      text-align: center;
      display: block; }
      @media only screen and (min-width: 720px) {
        #PaymentForm1 #associated-mercadopago .branded .btn {
          margin: 0 10px 0 0;
          float: right; } }
    #PaymentForm1 #associated-mercadopago .branded span {
      margin: 0 auto 15px;
      display: block; }
      @media only screen and (min-width: 720px) {
        #PaymentForm1 #associated-mercadopago .branded span {
          float: right;
          margin: 0 0 15px; } }

.modalesTarjetas .col-50:last-child label {
  color: #da3a3a; }

.tripley-icon{display:none !important}
.tripley-icon {
  background: transparent url('images/tileset_2018.png') 0 -206px no-repeat;
  height: 27px;
  width: 42px;
  display: block;
  overflow: hidden;
  text-indent: -9999px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .tripley-icon {
      background-image: url('images/tileset@2x_2018.png');
      background-size: 175px; } }

.mripley-icon {
  background: transparent url('images/tileset_2018.png') no-repeat;
  background-position: 0 -202px;
  height: 32px;
  width: 46px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  margin-left: 3px;}
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .mripley-icon {
      background-image: url('images/tileset@2x_2018.png');
      background-size: 195px;
      background-position: 0px -228px;
      width: 50px} }

.mercadopago-icon {
  background: transparent url('images/tileset_2018.png') -58px -440px no-repeat;
  height: 31px;
  width: 119px;
  display: block;
  margin-bottom: 15px;
  overflow: hidden;
  text-indent: -9999px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .mercadopago-icon {
      background-image: url('images/tileset@2x_2018.png');
      background-size: 175px; } }

.mercadopago-small {
  background: transparent url('images/tileset_2018.png') -92px -399px no-repeat;
  height: 31px;
  width: 85px;
  display: block;
  overflow: hidden;
  text-indent: -9999px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .mercadopago-small {
      background-image: url('images/tileset@2x_2018.png');
      background-size: 175px; } }

.webpayo-icon {
  background: transparent url('images/tileset_2018.png') 0 -234px no-repeat;
  height: 26px;
  width: 63px;
  display: block;
  overflow: hidden;
  text-indent: -9999px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .webpayo-icon {
      background-image: url('images/tileset@2x_2018.png');
      background-size: 175px; } }

.webpay-icon {
  background: transparent url('images/tileset_2018.png') 0 -262px no-repeat;
  height: 32px;
  width: 112px;
  display: block;
  overflow: hidden;
  text-indent: -9999px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .webpay-icon {
      background-image: url('images/tileset@2x_2018.png');
      background-size: 175px; }
    }
.webpayc-icon {
  background: transparent url('images/tileset_2018.png') -64px -233px no-repeat;
  height: 31px;
  width: 63px;
  display: block;
  overflow: hidden;
  text-indent: -9999px}
.tcgateway-icon{
    background: transparent url('images/credit_cards_icon.png') no-repeat;
    height: 32px;
    display: block;
    background-size: cover;
    width: 60px}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .webpayc-icon {
      background-image: url('images/tileset@2x_2018.png');
      background-size: 175px; } }

.giftcard-icon {
  background: transparent url('images/tileset_2018.png') 0 -298px no-repeat;
  height: 35px;
  width: 36px;
  display: block;
  overflow: hidden;
  text-indent: -9999px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .giftcard-icon {
      background-image: url('images/tileset@2x_2018.png');
      background-size: 175px; } }

ul#payment-document {
  display: block;
  overflow: hidden; }
  ul#payment-document li {
    display: block;
    width: 50%;
    float: left; }
    @media only screen and (min-width: 960px) {
      ul#payment-document li {
        width: auto;
        display: table;
        margin-right: 15px; } }
    ul#payment-document li a {
      display: block;
      border: solid 2px #ccc;
      margin: 0;
      padding: 10px 20px;
      display: block;
      text-align: center;
      color: #ccc;
      -webkit-border-radius: 6px 0 0 6px;
      -moz-border-radius: 6px 0 0 6px;
      border-radius: 6px 0 0 6px;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -ms-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out; }
      @media only screen and (min-width: 960px) {
        ul#payment-document li a {
          border: none;
          text-align: left;
          color: #333;
          padding: 3px;
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          border-radius: 0; } }
      ul#payment-document li a.disabled {
        cursor: default; }
      @media only screen and (min-width: 960px) {
        ul#payment-document li a::before {
          content: "\f111";
          display: block;
          float: left;
          width: 24px;
          font-size: 24px;
          margin: 0 5px 0 0;
          font-family: "FontAwesome";
          color: #f7f7f7;
          text-shadow: 0 0 1px #757575;
          line-height: 16pt; } }
    ul#payment-document li.active a {
      background: #54b268;
      color: #fff; }
      @media only screen and (min-width: 960px) {
        ul#payment-document li.active a {
          background: none;
          color: #333; } }
      @media only screen and (min-width: 960px) {
        ul#payment-document li.active a::before {
          content: "\f058";
          font-size: 24px;
          font-family: "FontAwesome";
          color: #54b268;
          text-shadow: none; } }
    ul#payment-document li:last-child a {
      -webkit-border-radius: 0 6px 6px 0;
      -moz-border-radius: 0 6px 6px 0;
      border-radius: 0 6px 6px 0;
      border-left: none; }
      @media only screen and (min-width: 960px) {
        ul#payment-document li:last-child a {
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          border-radius: 0; } }

#payment-document-detail p strong {
  font-family: "montserratsemi_bold";
  color: #79568e; }

#mercadopago-modal .custom-select select, #add-ripley-card-modal .custom-select select {
  width: 130% !important; }

#add-ripley-card-modal .form-group.form-horizontal, #edit-ripley-card-modal .form-group.form-horizontal, #mercadopago-modal .form-group.form-horizontal {
  width: 50%;
  float: left;
  margin-bottom: 15px; }
#add-ripley-card-modal .form-group label, #edit-ripley-card-modal .form-group label, #mercadopago-modal .form-group label {
  display: block; }
#add-ripley-card-modal .form-group .custom-select, #edit-ripley-card-modal .form-group .custom-select, #mercadopago-modal .form-group .custom-select {
  margin-bottom: 15px; }
  @media only screen and (min-width: 960px) {
    #add-ripley-card-modal .form-group .custom-select, #edit-ripley-card-modal .form-group .custom-select, #mercadopago-modal .form-group .custom-select {
      margin-bottom: 0; } }
#add-ripley-card-modal .form-group.vcode input, #edit-ripley-card-modal .form-group.vcode input, #mercadopago-modal .form-group.vcode input {
  display: block;
  width: 50%;
  margin-right: 10px;
  float: left; }
#add-ripley-card-modal .form-group.vcode button, #edit-ripley-card-modal .form-group.vcode button, #mercadopago-modal .form-group.vcode button {
  background: none;
  border: none;
  color: #999;
  font-size: 24px;
  height: 24px;
  width: 24px;
  display: block;
  float: left;
  cursor: pointer; }
#add-ripley-card-modal .form-group.titular-name input, #edit-ripley-card-modal .form-group.titular-name input, #mercadopago-modal .form-group.titular-name input {
  display: block;
  width: 80%;
  margin-right: 10px;
  float: left; }
#add-ripley-card-modal .form-group.titular-name button, #edit-ripley-card-modal .form-group.titular-name button, #mercadopago-modal .form-group.titular-name button {
  background: none;
  border: none;
  color: #999;
  font-size: 24px;
  height: 24px;
  width: 24px;
  display: block;
  float: left;
  cursor: pointer; }
#add-ripley-card-modal .modal-header h3, #edit-ripley-card-modal .modal-header h3, #mercadopago-modal .modal-header h3 {
  margin: 0;
  text-align: center; }
#add-ripley-card-modal input.input-tripley, #edit-ripley-card-modal input.input-tripley, #mercadopago-modal input.input-tripley, #add-card-tcgateway-modal input.input-tripley {
  background: #fff url('images/tripley.png') right center no-repeat;
  padding-right: 55px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    #add-ripley-card-modal input.input-tripley, #edit-ripley-card-modal input.input-tripley, #mercadopago-modal input.input-tripley, #add-card-tcgateway-modal input.input-tripley {
      background-image: url('images/tripley@2x.png');
      background-size: 37px; } }
#add-ripley-card-modal input.input-tvisa, #edit-ripley-card-modal input.input-tvisa, #mercadopago-modal input.input-tvisa, #add-card-tcgateway-modal input.input-tvisa {
  background: #fff url('images/payment/tvisa.png') right center no-repeat;
  padding-right: 55px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    #add-ripley-card-modal input.input-tvisa, #edit-ripley-card-modal input.input-tvisa, #mercadopago-modal input.input-tvisa, #add-card-tcgateway-modal input.input-tvisa {
      background-image: url('images/payment/tvisa@2x.png');
      background-size: 37px; } }
#add-ripley-card-modal input.input-tmastercard, #edit-ripley-card-modal input.input-tmastercard, #mercadopago-modal input.input-tmastercard, #add-card-tcgateway-modal input.input-tmastercard {
  background: #fff url('images/payment/tmastercard.png') right center no-repeat;
  padding-right: 55px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    #add-ripley-card-modal input.input-tmastercard, #edit-ripley-card-modal input.input-tmastercard, #mercadopago-modal input.input-tmastercard, #add-card-tcgateway-modal input.input-tmastercard {
      background-image: url('images/payment/tmastercard@2x.png');
      background-size: 37px; } }
#add-ripley-card-modal input.input-tdinners, #edit-ripley-card-modal input.input-tdinners, #mercadopago-modal input.input-tdinners, #add-card-tcgateway-modal input.input-tdinners {
  background: #fff url('images/payment/tdinners.png') right center no-repeat;
  padding-right: 55px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    #add-ripley-card-modal input.input-tdinners, #edit-ripley-card-modal input.input-tdinners, #mercadopago-modal input.input-tdinners, #add-card-tcgateway-modal input.input-tdinners {
      background-image: url('images/payment/tdinners@2x.png');
      background-size: 37px; } }
#add-ripley-card-modal input.input-tmagna, #edit-ripley-card-modal input.input-tmagna, #mercadopago-modal input.input-tmagna, #add-card-tcgateway-modal input.input-tmagna {
  background: #fff url('images/payment/tmagna.png') right center no-repeat;
  padding-right: 55px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    #add-ripley-card-modal input.input-tmagna, #edit-ripley-card-modal input.input-tmagna, #mercadopago-modal input.input-tmagna, #add-card-tcgateway-modal input.input-tmagna {
      background-image: url('images/payment/tmagna@2x.png');
      background-size: 37px; } }
#add-ripley-card-modal input.input-tamerican, #edit-ripley-card-modal input.input-tamerican, #mercadopago-modal input.input-tamerican, #add-card-tcgateway-modal input.input-tamerican {
  background: #fff url('images/payment/tamericanexpress.png') right center no-repeat;
  padding-right: 55px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    #add-ripley-card-modal input.input-tamerican, #edit-ripley-card-modal input.input-tamerican, #mercadopago-modal input.input-tamerican, #add-card-tcgateway-modal input.input-tamerican {
      background-image: url('images/payment/tamericanexpress@2x.png');
      background-size: 37px; } }

#mercadopago-vcode {
  display: block; }
  @media only screen and (min-width: 960px) {
    #mercadopago-vcode {
      margin: 0 auto; } }
  #mercadopago-vcode .form-group.vcode {
    border-bottom: none; }
    #mercadopago-vcode .form-group.vcode input {
      display: block;
      width: 50%;
      margin-right: 10px;
      float: left; }
    #mercadopago-vcode .form-group.vcode .collapse-parent {
      background: none;
      border: none;
      color: #999;
      font-size: 24px;
      height: 24px;
      width: 24px;
      display: block;
      float: left;
      cursor: pointer;
      margin-right: 10px; }
#collapse-vcode{
  height:auto;
}
#collapse-vcode, #collapse-titular-name {
  height: 65px !important;
  background: #f4ebbd;
  color: #6b4410;
  padding: 10px;
  font-size: 13px;
  overflow: hidden;
  clear: both;
  margin-bottom: 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  #collapse-vcode p, #collapse-titular-name p {
    margin: 0 0 10px;
    text-align: left;
    width: 47%;
    float: left;
    font-size: 13px; }
    @media only screen and (min-width: 960px) {
      #collapse-vcode p, #collapse-titular-name p {
        border: none;
        margin: 0 !important;
        padding: 0; } }
  #collapse-vcode hr, #collapse-titular-name hr {
    border: none;
    height: 1px;
    width: 100%;
    clear: both;
    background: #97703d;
    margin: 15px 0; }
  #collapse-vcode button, #collapse-titular-name button {
    border: none;
    display: table;
    background: none;
    font-size: 13px;
    font-family: "montserratlight";
    text-transform: uppercase;
    margin: 0 auto;
    color: #97703d;
    cursor: pointer;
    clear: both;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out; }
    @media only screen and (min-width: 960px) {
      #collapse-vcode button, #collapse-titular-name button {
        margin: 12px 10px 0 0;
        float: right;
        clear: none; } }
  #collapse-vcode .simple-rcard, #collapse-titular-name .simple-rcard {
    background: transparent url('images/tileset_2018.png') 0 -332px no-repeat;
    height: 42px;
    width: 52px;
    display: block;
    float: left;
    margin: 0 10px 15px 0; }
    @media only screen and (min-width: 960px) {
      #collapse-vcode .simple-rcard, #collapse-titular-name .simple-rcard {
        margin: 0 10px 0 0; } }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
      #collapse-vcode .simple-rcard, #collapse-titular-name .simple-rcard {
        background-image: url('images/tileset@2x_2018.png');
        background-size: 175px; } }
  #collapse-vcode .simple-tcard, #collapse-titular-name .simple-tcard {
    background: transparent url('images/tileset_2018.png') 0 -440px no-repeat;
    height: 42px;
    width: 52px;
    display: block;
    float: left;
    margin: 0 10px 15px 0; }
    @media only screen and (min-width: 960px) {
      #collapse-vcode .simple-tcard, #collapse-titular-name .simple-tcard {
        margin: 0 10px 0 0; } }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
      #collapse-vcode .simple-tcard, #collapse-titular-name .simple-tcard {
        background-image: url('images/tileset@2x_2018.png');
        background-size: 175px; } }

#payment-details {
  overflow: hidden;
  clear: both;
  padding: 15px;
  background: #e9e9e9;
  border-bottom: solid 1px #ddd; }
  @media only screen and (min-width: 960px) {
    #payment-details {
      background: none; } }
  #payment-details label {
    font-family: "montserratsemi_bold"; }
  #payment-details p {
    font-size: 12px;
    margin-bottom: 10px; }
    #payment-details p strong {
      font-family: "montserratsemi_bold"; }
  #payment-details dl {
    overflow: hidden;
    margin-bottom: 5px; }
    #payment-details dl dt {
      display: table;
      float: left; }
    #payment-details dl dd {
      display: table;
      float: right;
      color: #bf0a0a; }
    #payment-details dl.total-price {
      font-family: "montserratsemi_bold"; }

#payment-details-mercadopago-cvv {
  overflow: hidden;
  clear: both;
  padding: 0px;
  background: #e9e9e9; }
  @media only screen and (min-width: 960px) {
    #payment-details-mercadopago-cvv {
      background: none; } }
  #payment-details-mercadopago-cvv label {
    font-family: "montserratsemi_bold"; }
  #payment-details-mercadopago-cvv p {
    font-size: 12px;
    margin-bottom: 10px; }
    #payment-details-mercadopago-cvv p strong {
      font-family: "montserratsemi_bold"; }
  #payment-details-mercadopago-cvv dl {
    overflow: hidden;
    margin-bottom: 5px; }
    #payment-details-mercadopago-cvv dl dt {
      display: table;
      float: left; }
    #payment-details-mercadopago-cvv dl dd {
      display: table;
      float: right;
      color: #bf0a0a; }
    #payment-details-mercadopago-cvv dl.total-price {
      font-family: "montserratsemi_bold"; }

#collapse-add-oneclick {
  padding: 10px 0;
  overflow: hidden; }
  #collapse-add-oneclick p {
    display: block;
    padding: 0 15px 0 0;
    width: 100%;
    margin: 0 0 20px; }
    @media only screen and (min-width: 960px) {
      #collapse-add-oneclick p {
        margin: 0 0 15px; } }
    #collapse-add-oneclick p strong {
      color: #27b5f1;
      width: 75%; }
  #collapse-add-oneclick .btn-primary {
    background: #27b5f1;
    color: #fff;
    font-size: 13px;
    display: block;
    width: 100%;
    margin: 0 0 20px 0; }
    @media only screen and (min-width: 960px) {
      #collapse-add-oneclick .btn-primary {
        width: 25%;
        float: left;
        margin: 0; } }
    #collapse-add-oneclick .btn-primary:hover {
      background: #1aa6e1;
      border-color: #1aa6e1; }
  #collapse-add-oneclick .underline-link {
    float: none;
    margin: 0 auto;
    display: table;
    font-family: "montserratlight", sans-serif;
    font-size: 13px;
    clear: both; }
    @media only screen and (min-width: 960px) {
      #collapse-add-oneclick .underline-link {
        margin: 0; } }

#term-conditions-modal p {
  display: block;
  margin-bottom: 15px; }
  #term-conditions-modal p strong {
    color: #27b5f1;
    text-align: center;
    font-size: 16px;
    font-family: "montserratsemi_bold";
    display: block; }
  #term-conditions-modal p.small {
    font-size: 12px;
    margin-bottom: 12px; }
#term-conditions-modal .btn-primary {
  background: #27b5f1;
  color: #fff;
  margin: 0 0 0 10px; }
  #term-conditions-modal .btn-primary:hover {
    background: #1aa6e1;
    border-color: #1aa6e1; }

#shopping-term-conditions-modal p {
  display: block;
  margin-bottom: 15px; }
  #shopping-term-conditions-modal p.small {
    font-size: 12px;
    margin-bottom: 12px; }
#shopping-term-conditions-modal .term-holder {
  max-height: 400px;
  overflow: auto; }
  #shopping-term-conditions-modal .term-holder h5 {
    font-size: 16px;
    color: #6E357C; }
  #shopping-term-conditions-modal .term-holder h6 {
    font-size: 14px;
    color: #6E357C; }

#giftcard-modal .form-horizontal {
  width: 100%; }
  @media only screen and (min-width: 960px) {
    #giftcard-modal .form-horizontal {
      width: 33.3%;
      padding: 0 10px; } }
#giftcard-modal hr {
  margin: 15px 0; }
#giftcard-modal dl {
  overflow: hidden; }
  @media only screen and (min-width: 960px) {
    #giftcard-modal dl + dl {
      margin-top: 0; } }
  #giftcard-modal dl dt {
    width: 60%;
    text-align: left;
    float: left; }
  #giftcard-modal dl dd {
    width: 40%;
    text-align: right;
    float: left;
    color: #bf0a0a; }
#giftcard-modal .btn {
  clear: both; }
  #giftcard-modal .btn.btn-small {
    height: 34px; }
#giftcard-modal .giftcard-amount input {
  color: #bf0a0a;
  text-align: right; }
#giftcard-modal .giftcard-amount label small {
  font-size: 11px; }
#giftcard-modal .giftcard-amount label {
  line-height: 14pt !important; }
#giftcard-modal .vcode input {
  display: block;
  width: 80%;
  margin-right: 10px;
  float: left; }
#giftcard-modal .vcode button {
  background: none;
  border: none;
  color: #999;
  font-size: 24px;
  height: 24px;
  width: 24px;
  display: block;
  float: left;
  cursor: pointer; }
#giftcard-modal #tripley-wvcode, #giftcard-modal #tripley-vcode {
  overflow: hidden; }
  #giftcard-modal #tripley-wvcode .state, #giftcard-modal #tripley-vcode .state {
    overflow: hidden; }
    @media only screen and (min-width: 960px) {
      #giftcard-modal #tripley-wvcode .state, #giftcard-modal #tripley-vcode .state {
        padding-top: 22px; } }
    #giftcard-modal #tripley-wvcode .state .col-50, #giftcard-modal #tripley-vcode .state .col-50 {
      clear: both;
      margin-bottom: 15px; }
      @media only screen and (min-width: 960px) {
        #giftcard-modal #tripley-wvcode .state .col-50, #giftcard-modal #tripley-vcode .state .col-50 {
          margin-bottom: 0;
          clear: none; } }
  @media only screen and (min-width: 960px) {
    #giftcard-modal #tripley-wvcode #collapse-vcode, #giftcard-modal #tripley-vcode #collapse-vcode {
      line-height: 32pt; } }

#add-giftcard-modal .btn.btn-small {
  height: 34px; }
#add-giftcard-modal input {
  color: #bf0a0a;
  text-align: left; }
#add-giftcard-modal label small {
  font-size: 10px; }

#add-factura-modal label, #edit-factura-modal label {
  display: block;
  width: 100%; }
#add-factura-modal .form-horizontal, #edit-factura-modal .form-horizontal {
  display: block;
  width: 50%;
  padding: 0 8px;
  float: left; }
#add-factura-modal .custom-select, #edit-factura-modal .custom-select {
  margin: 0; }

#factura.tab-pane h4 {
  display: block;
  overflow: hidden;
  margin-bottom: 10px; }
  #factura.tab-pane h4 span {
    float: none;
    margin: 0;
    display: block; }
    @media only screen and (min-width: 960px) {
      #factura.tab-pane h4 span {
        float: left; } }
  #factura.tab-pane h4 .btn {
    float: none;
    margin: 10px 0 0; }
    @media only screen and (min-width: 960px) {
      #factura.tab-pane h4 .btn {
        float: right;
        margin: 0; } }
#factura.tab-pane h5 {
  font-family: "montserratsemi_bold";
  font-size: 14px;
  margin-bottom: 0; }
#factura.tab-pane .col-33 {
  margin: 0 0 15px; }
  @media only screen and (min-width: 960px) {
    #factura.tab-pane .col-33 {
      margin-bottom: 20px; } }

#confirmation-step .alert {
  margin-bottom: 30px; }
#confirmation-step > p {
  text-align: left; }
  #confirmation-step > p strong {
    font-family: "montserratsemi_bold";
    margin: 0;
    display: block; }
#confirmation-step h4 {
  display: block;
  margin: 0 0 15px; }
#confirmation-step ul {
  display: block;
  overflow: hidden; }
  #confirmation-step ul li {
    display: table;
    width: 100%;
    background: #fff;
    padding: 20px; }
    #confirmation-step ul li .section {
      display: block; }
      @media only screen and (min-width: 960px) {
        #confirmation-step ul li .section {
          display: table-cell;
          vertical-align: middle; } }
    #confirmation-step ul li img {
      display: block;
      width: 120px;
      height: auto;
      margin: 0 auto 15px; }
      @media only screen and (min-width: 960px) {
        #confirmation-step ul li img {
          margin: 0; } }
    #confirmation-step ul li h3 {
      font-size: 16px;
      text-transform: uppercase;
      margin: 0 0 8px;
      text-align: center; }
      @media only screen and (min-width: 960px) {
        #confirmation-step ul li h3 {
          text-align: left; } }
    #confirmation-step ul li strong {
      text-align: center;
      display: block; }
      @media only screen and (min-width: 960px) {
        #confirmation-step ul li strong {
          text-align: left; } }
    #confirmation-step ul li dl {
      overflow: hidden;
      display: table;
      margin: 0 auto 10px;
      width: 60%; }
      @media only screen and (min-width: 960px) {
        #confirmation-step ul li dl {
          margin: 0 0 10px;
          width: auto;
          display: block; } }
      #confirmation-step ul li dl dt {
        width: 60%;
        float: left; }
      #confirmation-step ul li dl dd {
        width: 40%;
        float: right; }
      #confirmation-step ul li dl.total {
        font-family: "montserratsemi_bold"; }
        #confirmation-step ul li dl.total dd {
          color: #bf0a0a; }
#confirmation-step #shipping-payment-resume {
  overflow: hidden; }
  #confirmation-step #shipping-payment-resume .col-50 {
    overflow: hidden;
    margin-bottom: 20px; }
    @media only screen and (min-width: 960px) {
      #confirmation-step #shipping-payment-resume .col-50 {
        margin-bottom: 0;
        padding: 0 20px 0 0; } }
    @media only screen and (min-width: 960px) {
      #confirmation-step #shipping-payment-resume .col-50 + .col-50 {
        border-left: solid 1px #ddd;
        padding-right: 0;
        padding-left: 20px; } }
  #confirmation-step #shipping-payment-resume h3 {
    text-align: left;
    font-size: 16px;
    font-family: "montserratsemi_bold";
    overflow: hidden;
    margin-bottom: 15px; }
    #confirmation-step #shipping-payment-resume h3 span {
      display: table;
      margin: 0 0 15px;
      float: left; }
      @media only screen and (min-width: 960px) {
        #confirmation-step #shipping-payment-resume h3 span {
          margin: 7px 0 5px; } }
    #confirmation-step #shipping-payment-resume h3 .btn {
      display: block;
      float: none;
      width: 100%; }
      @media only screen and (min-width: 960px) {
        #confirmation-step #shipping-payment-resume h3 .btn {
          display: table;
          float: right;
          width: auto; } }
  #confirmation-step #shipping-payment-resume address {
    font-style: normal; }
    #confirmation-step #shipping-payment-resume address strong {
      font-family: "montserratsemi_bold";
      color: #79568e; }
  #confirmation-step #shipping-payment-resume h5 {
    font-size: 14px;
    margin: 0 0 5px;
    display: block;
    font-family: "montserratsemi_bold"; }
    #confirmation-step #shipping-payment-resume h5.main {
      color: #79568e; }
  #confirmation-step #shipping-payment-resume p {
    display: block;
    margin: 0 0 15px; }
    #confirmation-step #shipping-payment-resume p strong {
      font-family: "montserratsemi_bold"; }
  #confirmation-step #shipping-payment-resume .tripley-icon, #confirmation-step #shipping-payment-resume .webpayo-icon, #confirmation-step #shipping-payment-resume .webpay-icon, #confirmation-step #shipping-payment-resume .webpayc-icon, #confirmation-step #shipping-payment-resume .tcgateway-icon, #confirmation-step #shipping-payment-resume .giftcard-icon, #confirmation-step #shipping-payment-resume .mripley-icon {
    margin: 0 7px 10px 0; }
  #confirmation-step #shipping-payment-resume .tripley-icon, #confirmation-step #shipping-payment-resume .mripley-icon {
    float: left; }

#shopping-bag-footer {
  padding: 10px;
  text-align: center;
  font-size: 12px;
  background: #f4f4f4; }
  #shopping-bag-footer p {
    display: block;
    margin-bottom: 15px; }
    #shopping-bag-footer p.norton {
      font-size: 12px;
      font-family: "montserratsemi_bold";
      display: table;
      margin: 0 auto; }
      @media only screen and (min-width: 960px) {
        #shopping-bag-footer p.norton {
          line-height: 28pt; } }
  #shopping-bag-footer.shipping {
    background: #fff; }
  #shopping-bag-footer strong {
    font-size: 16px;
    font-family: "montserratsemi_bold"; }
  #shopping-bag-footer .norton-icon {
    background: transparent url('images/tileset_2018.png') 0 -376px no-repeat;
    height: 34px;
    width: 63px;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    margin: 0 auto 15px; }
    @media only screen and (min-width: 960px) {
      #shopping-bag-footer .norton-icon {
        float: left;
        margin: 0 10px 0 0; } }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
      #shopping-bag-footer .norton-icon {
        background-image: url('images/tileset@2x_2018.png');
        background-size: 175px; } }

#empty-shopping-bag {
  background: #fff;
  padding: 60px 30px;
  text-align: center;
  margin-bottom: 50px; }
  #empty-shopping-bag p {
    text-transform: uppercase; }

#guaranty-modal p {
  display: block;
  margin-bottom: 15px;
  line-height: 14pt; }
#guaranty-modal ul {
  display: block; }
  #guaranty-modal ul li {
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 10px; }
#guaranty-modal a.btn {
  display: inline-block;
  line-height: 22pt; }

#register-email-modal p {
  text-align: center;
  margin: 0 0 15px; }
#register-email-modal strong {
  font-family: "montserratsemi_bold"; }
#register-email-modal label {
  display: block;
  margin-bottom: 10px;
  font-family: "montserratsemi_bold"; }

#register-email-display-modal {
  text-align: center;
  margin: 0 0 15px; }

.collapse-parent-small {
  margin: 0;
  border: none;
  background: none;
  cursor: pointer;
  font-family: "montserratlight", sans-serif;
  font-size: 14px;
  color: #757575;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out; }
  .collapse-parent-small .fa {
    font-size: 14px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out; }
    .collapse-parent-small .fa:hover, .collapse-parent-small .fa:active, .collapse-parent-small .fa:visited {
      color: #6E357C; }
  .collapse-parent-small:hover {
    color: #79568e; }

#collapse-discount-total, #master-key-collapse {
  background: #f4ebbd;
  color: #6b4410;
  font-size: 14px;
  overflow: hidden;
  clear: both;
  margin-bottom: 15px;
  position: relative; }
  #collapse-discount-total .holder, #master-key-collapse .holder {
    padding: 20px;
    overflow: hidden;
    display: block;
    background: none;
    margin: 0; }
    @media only screen and (min-width: 960px) {
      #collapse-discount-total .holder, #master-key-collapse .holder {
        padding: 20px 0 20px 20px; } }
    #collapse-discount-total .holder dd, #collapse-discount-total .holder p, #master-key-collapse .holder dd, #master-key-collapse .holder p {
      color: #6b4410;
      font-family: "montserratsemi_bold"; }
  #collapse-discount-total .close-collapse, #master-key-collapse .close-collapse {
    color: #97703d;
    border: none;
    background: none;
    cursor: pointer;
    display: block;
    text-align: center;
    padding: 15px 0;
    width: 100%;
    font-size: 13px;
    text-transform: uppercase;
    border-top: solid 1px #c9ab82;
    font-family: "montserratlight", sans-serif; }
    @media only screen and (min-width: 960px) {
      #collapse-discount-total .close-collapse, #master-key-collapse .close-collapse {
        position: absolute;
        top: 15px;
        right: 15px;
        padding: 0;
        text-transform: none;
        width: auto;
        font-size: 16px;
        border: none; } }
    #collapse-discount-total .close-collapse .hidden-desktop, #master-key-collapse .close-collapse .hidden-desktop {
      display: inline-block !important; }
      @media only screen and (min-width: 960px) {
        #collapse-discount-total .close-collapse .hidden-desktop, #master-key-collapse .close-collapse .hidden-desktop {
          display: none !important; } }

@media only screen and (min-width: 960px) {
  #select-store .visible-desktop, #change-shipping-store .visible-desktop {
    display: table !important; } }
#select-store .visible-desktop .section, #change-shipping-store .visible-desktop .section {
  display: table-cell;
  padding: 0 20px; }
  #select-store .visible-desktop .section:first-child, #change-shipping-store .visible-desktop .section:first-child {
    width: 260px; }
  #select-store .visible-desktop .section:last-child, #change-shipping-store .visible-desktop .section:last-child {
    padding-right: 0;
    border-right: none; }
  #select-store .visible-desktop .section h3, #change-shipping-store .visible-desktop .section h3 {
    font-size: 16px;
    display: block;
    margin-bottom: 10px; }
@media only screen and (min-width: 960px) {
  #select-store #div_tiendas .section:first-child, #change-shipping-store #div_tiendas .section:first-child {
    width: 276px; } }
@media only screen and (min-width: 960px) {
  #select-store #div_tiendas .section:last-child, #change-shipping-store #div_tiendas .section:last-child {
    width: 180px;
    padding: 0; } }
#select-store .center, #change-shipping-store .center {
  display: block;
  width: 100%; }
  @media only screen and (min-width: 960px) {
    #select-store .center, #change-shipping-store .center {
      display: table;
      width: auto; } }
#select-store .form-group label, #change-shipping-store .form-group label {
  display: block;
  width: 100%;
  margin: 0 0 10px; }
  @media only screen and (min-width: 960px) {
    #select-store .form-group label, #change-shipping-store .form-group label {
      width: 170px;
      float: left;
      margin: 10px 15px 0 0; } }
#select-store .form-group .custom-select, #change-shipping-store .form-group .custom-select {
  display: block;
  width: 100%;
  height: 40px;
  background-position: right 17px; }
  @media only screen and (min-width: 960px) {
    #select-store .form-group .custom-select, #change-shipping-store .form-group .custom-select {
      width: 200px;
      float: left; } }
  #select-store .form-group .custom-select select, #change-shipping-store .form-group .custom-select select {
    height: 40px; }
#select-store ul, #change-shipping-store ul {
  margin: 0 0 30px;
  display: block; }
  #select-store ul li, #change-shipping-store ul li {
    list-style-type: none;
    background: #fff;
    padding: 0;
    margin: 0 0 15px; }
    @media only screen and (min-width: 960px) {
      #select-store ul li, #change-shipping-store ul li {
        display: table;
        padding: 15px; } }
    #select-store ul li .section, #change-shipping-store ul li .section {
      display: block;
      overflow: hidden; }
      @media only screen and (min-width: 960px) {
        #select-store ul li .section, #change-shipping-store ul li .section {
          display: table-cell;
          vertical-align: middle;
          border-right: solid 1px #f1f1f1;
          padding: 0 15px; } }
      @media only screen and (min-width: 960px) {
        #select-store ul li .section:first-child, #change-shipping-store ul li .section:first-child {
          width: 260px;
          padding-left: 0; } }
      #select-store ul li .section:last-child, #change-shipping-store ul li .section:last-child {
        padding-right: 0;
        border-right: none; }
    #select-store ul li h4, #change-shipping-store ul li h4 {
      display: block;
      border-bottom: solid 1px #dcc4ea;
      padding-bottom: 10px;
      margin-bottom: 20px; }
      @media only screen and (min-width: 960px) {
        #select-store ul li h4, #change-shipping-store ul li h4 {
          border: none;
          padding-bottom: 0;
          margin-bottom: 0; } }
      #select-store ul li h4 strong, #change-shipping-store ul li h4 strong {
        color: #6E357C;
        font-family: "montserratsemi_bold"; }
    #select-store ul li p, #change-shipping-store ul li p {
      display: block;
      margin-bottom: 30px;
      width: 60%;
      float: left; }
      @media only screen and (min-width: 960px) {
        #select-store ul li p, #change-shipping-store ul li p {
          width: 100%;
          float: none;
          margin-bottom: 10px; } }
    #select-store ul li dl, #change-shipping-store ul li dl {
      overflow: hidden;
      font-size: 14px; }
      @media only screen and (min-width: 960px) {
        #select-store ul li dl, #change-shipping-store ul li dl {
          font-size: 13px; } }
    #select-store ul li dd, #change-shipping-store ul li dd {
      display: block;
      margin: 0 0 20px; }
      @media only screen and (min-width: 960px) {
        #select-store ul li dd, #change-shipping-store ul li dd {
          float: none;
          width: 150px;
          margin: 0 auto;
          max-width: 100%;
          display: block;
          text-align: center; } }
      #select-store ul li dd .fa, #change-shipping-store ul li dd .fa {
        font-size: 18px; }
      #select-store ul li dd .underline-link, #change-shipping-store ul li dd .underline-link {
        padding: 5px 10px; }
        @media only screen and (min-width: 960px) {
          #select-store ul li dd .underline-link, #change-shipping-store ul li dd .underline-link {
            margin: 5px auto 0;
            padding: 8px 15px; } }
    #select-store ul li dt, #change-shipping-store ul li dt {
      color: #757575;
      font-family: "montserratsemi_bold";
      margin-bottom: 5px; }
      @media only screen and (min-width: 960px) {
        #select-store ul li dt, #change-shipping-store ul li dt {
          display: table;
          float: left;
          max-width: 45%; } }
    #select-store ul li .avaible, #change-shipping-store ul li .avaible {
      color: #54b268; }
    #select-store ul li .unavaible, #change-shipping-store ul li .unavaible {
      color: #da3a3a; }
    #select-store ul li .few-stock, #change-shipping-store ul li .few-stock {
      color: #ffb147; }
    #select-store ul li .underline-link, #change-shipping-store ul li .underline-link {
      display: table;
      margin: 0;
      font-size: 10px;
      float: right;
      padding: 5px 8px;
      border: solid 1px #757575;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px; }
      @media only screen and (min-width: 960px) {
        #select-store ul li .underline-link, #change-shipping-store ul li .underline-link {
          font-size: 12px;
          float: none;
          padding: 0 0 5px;
          border: none;
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          border-radius: 0; } }

#view-details-modal .col-50 {
  margin-bottom: 50px; }
  @media only screen and (min-width: 960px) {
    #view-details-modal .col-50 {
      margin-bottom: 0; } }
#view-details-modal h3 strong {
  display: block;
  color: #6E357C; }
#view-details-modal h4 {
  display: block;
  text-align: center;
  margin-bottom: 30px;
  font-size: 16px; }
  #view-details-modal h4 .fa {
    font-size: 20px; }
  #view-details-modal h4.avaible {
    color: #54b268; }
  #view-details-modal h4.unavaible {
    color: #fc3e39; }
#view-details-modal .no-avaible-shipping-sidebar {
  border-color: #a9a9a9;
  padding: 15px 10px; }

#change-shipping-store {
  max-height: 1000px;
  overflow: auto; }
  @media only screen and (min-width: 960px) {
    #change-shipping-store {
      max-height: 300px; } }

.address-store strong {
  color: #79568e;
  display: block;
  font-family: "montserratsemi_bold"; }

#citybox-shipping-modal p, #correoschile-shipping-modal p, #store-shipping-modal p {
  margin-bottom: 15px; }
  #citybox-shipping-modal p strong, #correoschile-shipping-modal p strong, #store-shipping-modal p strong {
    color: #79568e; }
#citybox-shipping-modal .center, #correoschile-shipping-modal .center, #store-shipping-modal .center {
  display: block;
  margin: 0;
  width: 100%; }
  @media only screen and (min-width: 960px) {
    #citybox-shipping-modal .center, #correoschile-shipping-modal .center, #store-shipping-modal .center {
      display: table;
      width: auto;
      margin: 0 auto; } }

.visa-icon, .mastercard-icon, .discover-icon, .american-icon, .magna-icon, .dinners-icon {
  display: block;
  float: left;
  width: 32px;
  height: 32px;
  overflow: hidden;
  margin: 0 3px 0 0; }

.visa-icon {
  background: transparent url(images/payment/visa.png) 0 0 no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .visa-icon {
      background-image: url(images/payment/tvisa@2x.png);
      background-size: 32px; } }

.mastercard-icon {
  background: transparent url(images/payment/mastercard.png) 0 0 no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .mastercard-icon {
      background-image: url(images/payment/tmastercard@2x.png);
      background-size: 32px; } }

.discover-icon {
  background: transparent url(images/payment/discover.png) 0 0 no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .discover-icon {
      background-image: url(images/payment/tdiscover@2x.png);
      background-size: 32px; } }

.american-icon {
  background: transparent url(images/payment/americanexpress.png) 0 0 no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .american-icon {
      background-image: url(images/payment/tamericanexpress@2x.png);
      background-size: 32px; } }

.magna-icon {
  background: transparent url(images/payment/magna.png) 0 0 no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .magna-icon {
      background-image: url(images/payment/tmagna@2x.png);
      background-size: 32px; } }

.dinners-icon {
  background: transparent url(images/payment/dinners.png) 0 0 no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .dinners-icon {
      background-image: url(images/payment/tdinners@2x.png);
      background-size: 32px; } }

@media only screen and (min-width: 960px) {
  #shopping-order .content {
    width: 660px; } }
#shopping-order h3 {
  font-size: 20px;
  display: block;
  margin: 0 0 20px; }
  #shopping-order h3 #shopping-order-number {
    text-decoration: underline; }
  #shopping-order h3 .fa {
    color: #54b268;
    margin: 0 7px 0 0;
    font-size: 24px; }
#shopping-order p {
  line-height: 14pt;
  margin: 0 0 15px; }
  #shopping-order p strong {
    font-family: "montserratsemi_bold"; }
#shopping-order .alert.alert-warning p {
  margin-bottom: 0; }
  #shopping-order .alert.alert-warning p strong {
    margin: 0; }
#shopping-order .alert.purple-alert {
  border: solid 1px #79568e;
  text-align: center; }
  #shopping-order .alert.purple-alert img {
    display: table;
    margin: 0 auto; }
    @media only screen and (min-width: 960px) {
      #shopping-order .alert.purple-alert img {
        float: right;
        margin: 0 0 0 5px; } }
  #shopping-order .alert.purple-alert p {
    display: table;
    float: left;
    line-height: 25pt; }
#shopping-order h4 {
  font-size: 18px;
  display: block;
  margin: 0 0 20px; }
  #shopping-order h4 .fa {
    font-size: 24px;
    margin: 0 7px 0 0; }
  #shopping-order h4.shipping-info-title {
    text-transform: none !important;
    display: block;
    margin: 20px 0 10px !important;
    font-family: "montserratsemi_bold"; }
#shopping-order hr {
  margin: 20px 0; }
#shopping-order .shopping-order-shipping-info p {
  margin-bottom: 15px !important;
  display: block; }
  #shopping-order .shopping-order-shipping-info p strong {
    display: block; }
#shopping-order #shopping-order-items {
  overflow: hidden; }
  #shopping-order #shopping-order-items li {
    display: table;
    margin: 0 0 30px; }
    #shopping-order #shopping-order-items li .section {
      display: table-cell;
      vertical-align: middle; }
      #shopping-order #shopping-order-items li .section.with-shipping-info {
        vertical-align: top; }
    #shopping-order #shopping-order-items li img {
      display: block;
      margin: 0;
      padding: 0;
      width: 120px;
      height: auto; }
    #shopping-order #shopping-order-items li .info {
      padding: 0 0 0 30px;
      text-align: left; }

      @media only screen and (max-width: 490px){
        #shopping-order #shopping-order-items li .info{
          padding: 0 0 50px 0;
          display: table-caption}
      }

      #shopping-order #shopping-order-items li .info h4 {
        margin: 0;
        text-transform: uppercase;
        font-size: 16px; }
      #shopping-order #shopping-order-items li .info h5 {
        margin: 0;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: normal;
        font-family: "montserratlight", sans-serif;
        color: #6E357C; }
      #shopping-order #shopping-order-items li .info p {
        font-size: 12px;
        margin: 0; }
    #shopping-order #shopping-order-items li dl {
      margin: 0; }
      #shopping-order #shopping-order-items li dl dd, #shopping-order #shopping-order-items li dl dt {
        color: #757575;
        margin: 0; }
#shopping-order dl {
  overflow: hidden;
  margin: 0 0 15px; }
  #shopping-order dl dt {
    display: table;
    float: left;
    max-width: 50%; }
  #shopping-order dl dd {
    display: table;
    float: right;
    max-width: 50%; }
#shopping-order h5 {
  font-size: 14px;
  font-family: "montserratsemi_bold"; }
#shopping-order .underline-link {
  margin: 0 auto 20px;
  padding: 0 0 5px; }
#shopping-order .btn-info {
  margin-bottom: 20px; }
#shopping-order .must-know {
  margin-bottom: 50px; }
  #shopping-order .must-know li {
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 15px; }
    #shopping-order .must-know li strong {
      font-family: "montserratsemi_bold"; }
    #shopping-order .must-know li a {
      color: #717171;
      text-decoration: underline;
      font-family: "montserratsemi_bold"; }

.shopping-bag-resume-icon {
  background: transparent url('images/tileset_2018.png') -92px 0 no-repeat;
  height: 20px;
  width: 20px;
  display: inline-block;
  margin: 0 7px 0 0;
  overflow: hidden;
  text-indent: -9999px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .shopping-bag-resume-icon {
      background-image: url('images/tileset@2x_2018.png');
      background-size: 175px; } }

#shopping-order-reserved-product {
  overflow: hidden;
  border: solid 1px #757575;
  margin: 0 0 20px; }
  #shopping-order-reserved-product .alert {
    background: #757575;
    color: #fff;
    padding: 10px 10px 12px;
    margin: 0;
    display: block;
    text-align: center;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
    #shopping-order-reserved-product .alert .fa {
      color: #fff;
      display: inline-block;
      margin: 0 7px 0 0; }
    #shopping-order-reserved-product .alert p {
      margin: 0;
      padding: 0; }
  #shopping-order-reserved-product #reserved-product-list {
    padding: 15px;
    overflow: hidden; }
    #shopping-order-reserved-product #reserved-product-list li {
      display: table; }
      #shopping-order-reserved-product #reserved-product-list li .section {
        display: table-cell;
        vertical-align: middle;
        padding: 0 15px 0 0; }
      #shopping-order-reserved-product #reserved-product-list li img {
        display: block;
        width: 120px;
        height: auto; }
      #shopping-order-reserved-product #reserved-product-list li h4 {
        text-transform: uppercase;
        margin: 0; }

#shopping-order-reserved-product + .btn {
  display: table;
  margin: 0 auto 20px; }

#shopping-order-detail {
  display: block;
  overflow: hidden;
  margin: 0 0 30px; }
  #shopping-order-detail dl {
    margin: 0;
    padding: 10px;
    display: block;
    overflow: hidden;
    background: #fff; }
    #shopping-order-detail dl:nth-child(2n+1) {
      background: #f7f7f7; }

#master-key-modal .modal-body > p {
  display: block;
  margin: 0 0 20px; }
#master-key-modal .modal-body .col-33 {
  padding: 0 10px;
  margin: 0 0 20px;
  width: 33.3%;
  float: left; }
  @media only screen and (min-width: 960px) {
    #master-key-modal .modal-body .col-33 {
      margin: 0;
      width: 33.3%; } }
#master-key-modal .modal-body label {
  display: block;
  text-align: center;
  color: #6E357C;
  font-family: "montserratsemi_bold";
  margin: 0; }
#master-key-modal .modal-body input {
  border-color: #6E357C; }
#master-key-modal .modal-body hr {
  margin: 25px 0; }
#master-key-modal .modal-body .col-50 {
  margin: 0 0 20px;
  text-align: center;
  overflow: hidden; }
  @media only screen and (min-width: 960px) {
    #master-key-modal .modal-body .col-50 {
      margin: 0;
      text-align: left; } }
  #master-key-modal .modal-body .col-50 a {
    color: #757575;
    font-size: 18px;
    margin: 15px 0 0 10px;
    display: table;
    float: left; }
  #master-key-modal .modal-body .col-50 img {
    display: table;
    float: left; }
#master-key-modal .modal-body #master-key-collapse p {
  margin: 0 0 15px;
  font-family: "montserratlight", sans-serif; }
  @media only screen and (min-width: 960px) {
    #master-key-modal .modal-body #master-key-collapse p {
      margin: 0 85px 0 0; } }
#master-key-modal .modal-body .close-collapse {
  text-transform: uppercase;
  font-size: 13px; }
#master-key-modal .modal-footer .btn.pull-left {
  float: none;
  margin: 0 0 15px;
  display: block;
  width: 100%; }
  @media only screen and (min-width: 960px) {
    #master-key-modal .modal-footer .btn.pull-left {
      float: left;
      margin: 0;
      display: table;
      width: auto; } }
#master-key-modal .modal-footer .btn.pull-right {
  float: none;
  margin: 0;
  display: block;
  width: 100%; }
  @media only screen and (min-width: 960px) {
    #master-key-modal .modal-footer .btn.pull-right {
      float: right;
      margin: 0;
      display: table;
      width: auto; } }

body.error {
  background: #fff; }

#main-error {
  text-align: center;
  padding: 0 0 50px; }
  #main-error .content > img {
    margin: 0 auto 40px;
    display: block; }
  #main-error h3 {
    color: #6E357C;
    font-size: 24px;
    font-family: "montserratlight", sans-serif;
    margin: 0 0 5px;
    display: block; }
  #main-error h4 {
    color: #6E357C;
    font-size: 18px;
    font-family: "montserratlight", sans-serif;
    display: block;
    margin: 0 0 30px; }
  #main-error p {
    font-size: 16px;
    display: block;
    margin: 0 0 50px; }
  #main-error .btn {
    margin: 0 10px 20px;
    line-height: 18pt; }
    @media only screen and (min-width: 960px) {
      #main-error .btn {
        margin-bottom: 50px; } }
    #main-error .btn .fa {
      font-size: 24px;
      margin: 0 10px 0 0;
      display: block;
      width: 28px;
      height: 24px;
      text-align: center;
      float: left; }
      #main-error .btn .fa.fa-mobile {
        width: 14px; }

#conoceServicioCorreos {
  display: none; }

#MessageArea {
  display: none;
  position: fixed;
  _position: absolute;
  z-index: 10000;
  padding: 0;
  width: 100%;
  top: 0px; }

div.msgpopup1 .msgpopup_content_wrapper, div.msgpopup2 .msgpopup_content_wrapper {
  width: 100%;
  min-height: 60px;
  padding: 0;
  margin: 0;
  position: relative; }

div.msgpopup1 .msgpopup_content_wrapper .left, div.msgpopup1 .msgpopup_content_wrapper .right, div.msgpopup2 .msgpopup_content_wrapper .left, div.msgpopup2 .msgpopup_content_wrapper .right {
  display: none; }

.left, .left_wishlist, .left_drop_down_shipment, .pagination {
  float: left; }

.right {
  float: right; }

div.msgpopup1 .msgpopup_content_wrapper .content, div.msgpopup2 .msgpopup_content_wrapper .content {
  background: #54b268;
  min-height: 26px;
  padding: 17px 0;
  margin: 0;
  width: 100%;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.6);
  text-align: center;
  white-space: nowrap; }
  @media only screen and (max-width: 960px){
    div.msgpopup1 .msgpopup_content_wrapper .content,
    div.msgpopup2 .msgpopup_content_wrapper .content {
      padding: 17px 20px;
    }
    #MessageArea .content .icon, #MessageArea .content .close{
      display:none !important;
    }
    #MessageArea .content .message_text{
      white-space: normal !important;
    }
  }
div.msgpopup2 .msgpopup_content_wrapper .content {
  background: #dd4748 none repeat scroll 0 0; }

div.msgpopup1 .msgpopup_content_wrapper .content .icon, div.msgpopup2 .msgpopup_content_wrapper .content .icon {
  display: inline-block;
  vertical-align: middle; }

div.msgpopup1 .msgpopup_content_wrapper .content .icon .exc {
  background: transparent url("images/msgpopup_ok.png") no-repeat scroll 0 0;
  background-size: 26px;
  background-position: -2px 0;
}

div.msgpopup2 .msgpopup_content_wrapper .content .icon .exc {
  background: transparent url("images/msgpopup_error.png") no-repeat scroll 0 0;
  background-size: 26px;
  ackground-position: -2px 0;
}

div.msgpopup1 .msgpopup_content_wrapper .content .icon .exc, div.msgpopup2 .msgpopup_content_wrapper .content .icon .exc {
  width: 24px;
  height: 24px;
  margin: 0 5px 0 0; }

div.msgpopup1 .msgpopup_content_wrapper .content .message_text, div.msgpopup2 .msgpopup_content_wrapper .content .message_text {
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: middle; }

div#MessageArea div#msgpopup_content_wrapper div#msgpopup1_content div#msgpopup1_txt span#ErrorMessageText, div#MessageArea div#msgpopup_content_wrapper div#msgpopup2_content div#msgpopup2_txt span#ErrorMessageText {
  color: #fff;
  font-size: 14px;
  border: none; }

.error_msg {
  color: #FF0000; }

div.msgpopup1 .msgpopup_content_wrapper .content .close, div.msgpopup2 .msgpopup_content_wrapper .content .close {
  max-height: 50px;
  position: absolute;
  right: 20px;
  top: 23px; }

div.msgpopup1 .msgpopup_content_wrapper .content .close .msgpopup1_x, div.msgpopup2 .msgpopup_content_wrapper .content .close .msgpopup1_x {
  margin: 0; }

#msgpopup_close_text {
  vertical-align: top; }

#msgpopup_close_text a#clickableErrorMessage {
  display: none; }

.nodisplay {
  display: none; }

.modalesTarjetas {
  padding: 0px !important;
  border: none !important; }

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 9999;
  outline: none;
  display: none; }

#fancybox-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: url(../javascript/Miscellaneous/fancybox/btnClose.jpg) no-repeat 0 0;
  cursor: pointer;
  z-index: 1103; }

.dijitTooltip {
  position: absolute;
  z-index: 99999;
  display: block;
  left: 50%;
  top: -10000px;
  overflow: visible; }

.dijitTooltipContainer {
  border: solid #000 2px;
  background: #b8b5b5;
  color: #000;
  font-size: small; }

.dijitTooltipFocusNode {
  padding: 2px 2px 2px 2px; }

.dijitTooltipConnector {
  position: absolute; }

.dijit_a11y .dijitTooltipContainer {
  opacity: 1 !important;
  background-color: #fff !important; }

.dj_safari .tundra .dijitPopup {
  -webkit-box-shadow: 0 5px 10px #adadad; }

.dijitTooltip, .dijitTooltipDialog {
  opacity: 0.95;
  background: transparent; }

.dijitTooltipBelow {
  padding-top: 13px; }

.dijitTooltipAbove {
  padding-bottom: 13px; }

.dijitTooltipContainer {
  background-color: #fafafa;
  border: 1px solid #b6c7d5;
  padding: .45em;
  border-radius: 6px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 6px;
  width: 300px;
  font-size: 12px; }

.dijitTooltipConnector {
  border: 0;
  z-index: 2; }

.dijitTooltipABRight .dijitTooltipConnector {
  left: auto !important;
  right: 3px; }

.dijitTooltipBelow .dijitTooltipConnector {
  top: 0;
  left: 3px;
  background: url("../../images/colors/color1/tooltipConnectorUp.png") no-repeat top left;
  width: 16px;
  height: 14px; }

.dj_ie6 .dijitTooltipBelow .dijitTooltipConnector {
  background-image: url("../../images/colors/color1/tooltipConnectorUp.gif"); }

.dijitTooltipAbove .dijitTooltipConnector {
  bottom: 0;
  left: 3px;
  background: url("../images/colors/color1/tooltipConnectorDown.png") no-repeat top left;
  width: 16px;
  height: 14px; }

.dj_ie6 .dijitTooltipAbove .dijitTooltipConnector {
  background-image: url("../images/colors/color1/tooltipConnectorDown.gif"); }

.dijitTooltipLeft {
  padding-right: 13px; }

.dj_ie6 .dijitTooltipLeft {
  padding-right: 15px; }

.dijitTooltipLeft .dijitTooltipConnector {
  right: 0;
  bottom: 7px;
  background: url("../../images/colors/color1/tooltipConnectorRight.png") no-repeat top left;
  width: 16px;
  height: 14px; }

.dj_ie6 .dijitTooltipLeft .dijitTooltipConnector {
  background-image: url("../../images/colors/color1/tooltipConnectorRight.gif"); }

.dijitTooltipRight {
  padding-left: 13px; }

.dijitTooltipRight .dijitTooltipConnector {
  left: 0;
  bottom: 7px;
  background: url("../../images/colors/color1/tooltipConnectorLeft.png") no-repeat top left;
  width: 16px;
  height: 14px; }

.dj_ie6 .dijitTooltipRight .dijitTooltipConnector {
  background-image: url("../../images/colors/color1/tooltipConnectorLeft.gif"); }

.dj_ie .dijitRtl .dijitTooltipLeft {
  margin-right: 0;
  margin-left: 13px; }

.dj_ie .dijitRtl .dijitTooltipRight {
  margin-left: 26px;
  margin-right: -13px; }

.dijitBackgroundIframe {
  display: none; }

/* OCULTAR RETIRO POR TERCERO CITYBOX */
section#correoschile-shipping-modal div.modal-header {
  border: 0px;
  padding: 0;
  margin: 0; }

section#correoschile-shipping-modal div.account-recipient-info {
  display: none; }

/* FIN OCULTAR RETIRO POR TERCERO CITYBOX */
/* OCULTAR RETIRO POR TERCERO TIENDA */
section#store-shipping-modal div.modal-header {
  border: 0px;
  padding: 0;
  margin: 0; }

section#store-shipping-modal div.account-recipient-info {
  display: none; }

/* FIN OCULTAR RETIRO POR TERCERO TIENDA */
/* FIX NUMEROS DE TELEFONO */
@media only screen and (max-width: 720px){
  #store-shipping-modal input#codPais,
  #store-shipping-modal input#fax2{
    width: 20%;
    display: inline-block;
  }
  #store-shipping-modal input#telefono_0{
    width: 56%;
    display: inline-block;
  }
  #store-shipping-modal .form-group-despacho input[type="text"]:disabled{
    color: #383838 !important
  }
}
/* FIN FIX NUMEROS DE TELEFONO */
/* FIN - Elementos que se ocultan por que no calzan con la grafica */
loading {
  width: 44px;
  height: 44px;
  border: 0px; }

/* Eliminar espacio entre la extragarantia y el producto */
.extragarantiaBolsaCompra {
  margin-top: -15px !important; }

/* Eliminar espacio entre comentario de regalo y el producto */
.codigoRegaloBolsaCompra {
  margin-top: -15px !important; }

/* Eliminar espacio entre la modal de codigo de regalo */
#gift-code-modal .modal-body {
  padding: 25px 0 0; }
  #gift-code-modal .modal-body iframe {
    width: 100% !important;
    -webkit-overflow-scrolling: touch; }

/* Generar un espacio fijo para mostrar nombre del producto en OC */
#nombreDelProductoOC {
  min-width: 200px; }

/* */
#add-giftcard-modal .modal-dialog.modal-small .modal-content .modal-header.modal-margin h3 {
  margin-bottom: 0px;
  text-align: center; }

#add-giftcard-modal #numeroDeTarjetaTRE label {
  line-height: 10pt; }

#add-giftcard-modal #claveDeTarjetaTRE label {
  line-height: 10pt; }
#claveDeTarjetaTRE .col-40{
  width: 100% !important}
#seccionSaldoDisponible > .form-group {
  margin-bottom: 15px;
  overflow: hidden;
  padding: 3px;
  border-bottom: 0px; }

#seccionCuantoPagar > .form-group {
  margin-bottom: 15px;
  overflow: hidden;
  padding: 3px;
  border-bottom: 0px; }

#add-giftcard-modal .modal-content #showErrorTreSystem p#errorTreSystem {
  font-size: 12px;
  font-family: 'montserratlight';
  color: #757575; }

#agregarBorderIzquierdo {
  padding-right: 0 !important;
  border-left: solid 1px #ddd;
  padding-left: 20px !important; }

#colorMoradoCorreo {
  color: #79568e; }

.colorPromocionRegaloOC {
  color: #79568e; }

#errorFrmUserGuest {
  display: none; }

#OC_ZonaMarquetingInferior {
  margin-top: 20px;
  margin-bottom: 20px; }

/* Ocultar mensaje de validaciones del Registro */
#mensajesErrorVal {
  display: none; }

/* Ocultar mensaje validacion */
#store-shipping-modal_error {
  display: none; }

/* Ocultar mensaje de validacion login */
#loginPrincipal {
  display: none; }

/* Agregar un ancho maximo a la descripcion del popup de regalos */
.desc-gift-popup {
  max-width: 290px; }

label.checkbox {
  cursor: pointer; }

.free-gift-price {
  max-width: 145px; }

.precioRegaloPopup {
  width: 50px; }

#errorCodEvento {
  display: none; }

.nodisplay {
  display: none; }

/* -------------------------------------------------------*/
/* 27.PROGRESS BAR
/* -------------------------------------------------------*/
#progress_bar {
  position: absolute;
  z-index: 9999;
  display: none; }

#progress_bar_dialog {
  position: absolute;
  z-index: 9999;
  display: none; }

.dijitDialogUnderlay {
  display: none; }

#loading_popup {
  width: 59px; }

#loading_popup .top_left {
  background-image: url("../images/colors/color1/popup_topleft.png");
  background-repeat: no-repeat;
  background-position: top;
  height: 7px;
  width: 8px;
  float: left; }

#loading_popup .top_right {
  background-image: url("../images/colors/color1/popup_topright.png");
  background-repeat: no-repeat;
  background-position: top right;
  height: 7px;
  width: 51px;
  float: left; }

#loading_popup .header {
  background-image: url("../images/colors/color1/popup_center_tile_mini.png");
  background-repeat: repeat-y;
  text-align: right;
  clear: left; }

#loading_popup .close {
  padding: 5px 15px 2px 0;
  color: #666; }

#loading_popup .close .icon {
  padding-top: 2px;
  padding-left: 4px;
  float: right; }

#loading_popup .bodycontent {
  background-color: transparent;
  background-image: url("../images/colors/color1/popup_center_tile_mini.png");
  background-repeat: repeat-y;
  background-position: right;
  padding: 0 5px;
  margin: 0; }

#loading_popup .bodycontent h2 {
  font-size: 14px;
  font-weight: bold; }

#loading_popup .bodycontent p {
  margin: 3px 0 10px 2px; }

#loading_popup .bodycontent div.form_2column {
  padding: 0; }

#loading_popup .bodycontent_short {
  padding: 12px 17px 12px 15px;
  margin: 0 1px; }

#loading_popup .footer {
  text-align: right;
  height: 20px;
  width: 59px; }

#loading_popup .footer .bot_left {
  background-image: url("../images/colors/color1/popup_botleft.png");
  background-repeat: no-repeat;
  background-position: bottom;
  height: 11px;
  width: 8px;
  float: left; }

#loading_popup .footer .bot_right {
  background-image: url("../images/colors/color1/popup_botright.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  height: 11px;
  width: 51px;
  float: left; }

/*--- Para Usuario Fonocompras ---*/
/* FONOCOMPRAS */
#agentFonoComp {
  width: 934px;
  display: block;
  min-height: 115px;
  overflow: hidden;
  margin: 8px auto;
  padding: 14px;
  border: 1px dashed #DADADA;
  background: #fff; }

.datAge {
  float: left;
  width: 335px; }

#agentFonoComp .datAge > p > strong {
  font-size: 14px;
  font-weight: bold;
  color: #4C4C4C;
  padding: 0 0 5px;
  display: block; }

.contDatAg {
  display: block;
  margin: 5px 0;
  overflow: hidden; }

.groupDat {
  float: left;
  margin: 0 0 10px;
  width: 204px; }

#agentFonoComp .contDatAg p:last-child {
  color: #791369;
  font-weight: bold;
  font-size: 14px;
  display: block;
  padding: 0; }

label.labelClie {
  float: left; }

input.rClie {
  float: left;
  margin: 0 2px 0 12px;
  width: 100px; }

/* BOTONES */
a.linkRegCliFC {
  font-size: 14px;
  display: inline-block;
  width: 124px;
  text-align: center;
  background: #79568e;
  color: #fff;
  padding: 8px 13px;
  margin: 0 0 0 38px; }

.btnAccFonocom {
  background: #666;
  clear: right;
  color: #fff;
  float: right;
  font-size: 13px;
  margin: 4px 0;
  padding: 3px 5px;
  text-align: center;
  text-transform: uppercase;
  width: 150px;
  text-decoration: none; }

.btnGenFonoComp {
  background: #666;
  color: #fff;
  float: left;
  font-size: 13px;
  margin: 0 6px 8px 0;
  padding: 2px 8px;
  text-decoration: none; }

#agentFonoComp a.btnRegCliFon {
  background: #79568e;
  color: #fff;
  float: left;
  font-size: 13px;
  margin: 0 6px 8px 0;
  padding: 2px 8px;
  text-decoration: none; }

.btnAccFonocom {
  background: #666;
  clear: right;
  color: #FFF;
  float: right;
  font-size: 13x;
  margin: 5px 0;
  padding: 3px 0;
  text-align: center;
  text-transform: uppercase;
  width: 150px;
  text-decoration: none; }

.btnRegCliFon:hover,
.btnAccFonocom:hover,
.btnGenFonoComp:hover {
  background: #7a7a7a; }

#facturaLi2 {
  opacity: .48;
  -moz-opacity: .48;
  filter: alpha(opacity=48);
  float: left; }

.NoCityBoxFactura {
  opacity: .48;
  -moz-opacity: .48;
  filter: alpha(opacity=48);
  float: left; }

/* FANCYBOX */
#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 9999;
  outline: none;
  display: none; }

#fancybox-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: url(../javascript/Miscellaneous/fancybox/btnClose.jpg) no-repeat 0 0;
  cursor: pointer;
  z-index: 1103; }

@media only screen and (min-width: 960px) {
  .form-group-despacho div.col-80 input {
    width: 55px;
    display: inline-block;
    float: left;
    margin-left: 15px; } }

@media only screen and (min-width: 960px) {
  .form-group-despacho div.col-80 input#telefono_0 {
    width: 140px; } }

@media only screen and (min-width: 960px) {
  .form-group-despacho > div.col-30 {
    padding: 0 15px 0 0; } }

.form-group-despacho input[type="text"]:disabled {
  background: #e6e6e6;
  color: #acacac; }

/*added*/
.div_space {
  margin-bottom: 15px; }

.recipient-info h4 strong, .account-recipient-info h4 strong {
  font-family: "montserratsemi_bold"; }

.main1 {
  color: #79568e; }

.total-price > dt {
  font-weight: bold; }

/* MARKETPLACE */
.alert.alert-promo.marketplace-alert {
  text-align: left;
  position: relative;
  margin:0 }
  .alert.alert-promo.marketplace-alert p {
    display: block;
    margin: 0; }
    .alert.alert-promo.marketplace-alert p a {
      font-family: "montserratsemi_bold";
      color: #79568e; }
    .alert.alert-promo.marketplace-alert p img {
      width: 16px;
      display: inline;
      margin: 0 5px 0 0;
      vertical-align: middle; }

.tooltip-parent {
  display: table;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: 10px; }
  .tooltip-parent .tooltip {
    background: #6e357c;
    padding: 15px 20px;
    color: #fff;
    display: none;
    text-align: center;
    font-size: 12px;
    line-height: 14pt;
    width: 200px;
    position: absolute;
    bottom: 24px;
    right: -20px;
    z-index: 20;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }
  .tooltip-parent .fa {
    line-height: 20px !important; }
  .tooltip-parent:hover .tooltip {
    display: block; }

#shopping-bag-items ul .group > li {
  margin-bottom: 0; }
  #shopping-bag-items ul .group > li:last-child {
    margin-bottom: 15px; }

.shopping-item-sidebar.marketplace {
  background: #f3f0f7;
  padding: 10px; }
  .shopping-item-sidebar.marketplace .alert {
    background: #f1e9f6;
    color: #79568e;
    margin: -10px -10px 10px;
    width: auto; }
    .shopping-item-sidebar.marketplace .alert strong {
      font-family: "montserratsemi_bold"; }
  .shopping-item-sidebar.marketplace .shopping-item-image {
    overflow: hidden;
    padding: 0;
    width: 20%;
    border: solid 1px #ddd;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px; }
  .shopping-item-sidebar.marketplace .shopping-item-info {
    width: 80%;
    padding: 0 10px; }

.shopping-sidebar-wrapper .group .shopping-item-sidebar {
  margin-bottom: 0; }
  .shopping-sidebar-wrapper .group .shopping-item-sidebar:last-child {
    margin-bottom: 15px; }
#shipping-method .recipient-info .shopping-item-sidebar{
  border-bottom:none;}
#shipping-method .recipient-info .contSimulaDesp {
    border-bottom: 1px solid #ddd;
    margin: 0 0 30px 0;
    padding: 0 0 20px 0;}
#shipping-method .recipient-info .contSimulaDesp select{
  padding:0 0 0 8px;
  background: #fff url('images/select-arrow.jpg') right 15px no-repeat !important;
  background-size: 20px !important;
  -webkit-appearance: inherit !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  #shipping-method .recipient-info .contSimulaDesp select{
    background-image: url('images/select-arrow@2x.jpg');
    background-size: 25px;} }

#shipping-method .recipient-info h3 {
  font-size: 16px;
  margin-bottom: 10px;
  text-align: left;}

.marketplace-recipient-info{
  border-bottom: 1px solid #ddd;
  margin-bottom: 40px;
  padding-bottom: 30px;
}
.marketplace-recipient-info:first-child{
  border-bottom:none;
  margin-bottom:0;
  padding-bottom:0;
}
.marketplace-recipient-info h3 {
  font-size: 16px;
  margin-bottom: 10px;
  color: #6E357C; }
.marketplace-recipient-info .alert-promo {
  border: none;
  position: relative;
  overflow: visible;
  padding-right: 30px; }
  .marketplace-recipient-info .alert-promo img {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    margin: 0 5px 0 0; }
  .marketplace-recipient-info .alert-promo .tooltip-parent {
    top: 15px; }
.marketplace-recipient-info form .form-group:last-child .pull-left {
  width: 60%; }
.marketplace-recipient-info .shopping-item-sidebar.marketplace {
  background: transparent;
  padding: 0 0 10px; }

.product-preview-item {
  overflow: hidden;
  position: relative;
  padding-left: 60px;
  min-height: 50px;
  margin: 0 0 15px; }
  .product-preview-item .thumbnail {
    display: block;
    overflow: hidden;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px; }
    .product-preview-item .thumbnail img {
      display: block;
      width: 100%;
      height: auto;
      min-height: 100%; }
  .product-preview-item h5 {
    display: block;
    font-size: 16px;
    text-transform: uppercase; }

.shipped-by-marketplace {
  color: #6E357C;
  font-size: 16px !important;
  display: block;
  margin: 20px 0 !important; }
  .shipped-by-marketplace strong {
    font-weight: 700; }

#payment-document .alert.alert-warning{
  margin: 40px 0 0 0}

/* BOTON VOLVER A LA BOLSA */
#back-first-step {
  display: block;
  overflow: hidden;
  text-align: center;
  color: #757575;
  margin: 0 0 20px;
  font-size: 12px;
  border-bottom: solid 1px #ddd;
  padding: 0 0 20px;
  font-family: "montserratsemi_bold";
  cursor: pointer; }
  #back-first-step:hover {
    color: #6E357C; }

/* Botón utilizar este punto de retiro */
#WC_ShippingAddressSelectSingle_div_1_sec1 #WC_ShippingAddressSelectSingle_btnSel{
  background: #54b268;
  color: #fff;
  border-color: #54b268;
  animation: retiro_cercano 2.72s ease infinite;
  transform-origin: 50% 50%;
}
@keyframes retiro_cercano {
  0% { transform:translate(0,0) }
  4.41177% { transform:translate(5px,0) }
  8.82353% { transform:translate(0,0) }
  13.23529% { transform:translate(5px,0) }
  17.64706% { transform:translate(0,0) }
  22.05882% { transform:translate(5px,0) }
  26.47059% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}
#WC_ShippingAddressSelectSingle_div_1_sec1 #WC_ShippingAddressSelectSingle_btnSel:hover{
  background: #6E357C;
  color: #fff;
  border-color: #6E357C;
}

#shipmentAddressDomicilioDetalle .col-50.shipping-info{
  width:100%
}

#div_tiendas > .section:first-child > h3 {
    text-align: left !important;
}

/* MODAL GIFTCARD */
#add-giftcard-modal .modal-content .modal-body #claveDeTarjetaTRE > div.col-60{width:100% !important; padding:0 !important; margin: 15px 0 0}









































/* MOBILE / TABLET */
@media only screen and (max-width: 959px){
  div#page.content{
    padding: 10px 0px !important
  }
  #shopping-bag-footer{
    padding: 0px 10px;
  }
  .alert.alert-warning{
    margin: 0 auto 20px !important;
    width: 90% !important;
  }
  #shipping-method h3, #payment-method h3, #confirmation-step h3{
    text-align: center !important;
    font-size: 18px !important;
    padding: 0 15px;
  }
    div.shopping-item-sidebar.no-avaible-shipping-sidebar > div.alert.alert-danger > p.center{
    font-size: 12px !important
  }
  /* PASO 1 DESPACHO */
  button#singleShipmentAddressB, #shipping-method > div.col-50.shipping-info > button, #shipping-method > div.col-50.recipient-info > button{
    width: 100%;
  }
  #shipping-method > ul li a{
    margin:0 auto;
  }
  #shopping-bag-header h1 img#logo-ripley-chile{
    background:none !important;
    height: 40px !important;
    width: 125px !important;
    margin: 0px auto 20px !important
  }
  #shopping-bag-header > .content{
    padding: 20px 15px 0 !important;
  }
  #shipping-steps ul li.shopping-bag .shopping-bag-icon{
    margin: -6px 10px 0 0 !important;
  }
  #shipping-steps ul{
    margin: 0 auto !important
  }
  #shopping-bag-items ul > li .shopping-item-holder{
    padding: 10px 5px !important
  }
  #paraMobile{
    padding: 14px !important
  }
  #paraMobile p{
    margin-bottom: 12px;
    font-size: 11px;
  }
  #paraMobile a.general-alert-btn{
    padding: 7px 30px !important;
    font-size: 12px !important;
  }
  .shipping-info #add-address-instructions{
    margin: 0 0 60px 0
  }
  /* MODAL GENERAL */
  .modal .modal-dialog{
    padding:15px !important;
  }
  .modal .modal-header{
    margin-bottom: 8px !important;
  }
  .modal .modal-header h3{
    margin-bottom:15px !important;
  }
  /* MODAL DIRECCIONES */
  #change-shipping-address-modal .saved-address{
    padding:15px 0px !important;
  }
  #change-shipping-address-modal .saved-address .section:nth-child(1){
    width:55px;
  }
  #change-shipping-address-modal .saved-address .section:nth-child(2){
    padding:0 !important;
  }
  #select-store ul li, #change-shipping-store ul li{
    margin: 0 0 70px !important;
  }
  #select-store ul li h4, #select-store ul li p{
    margin-bottom: 15px !important;
  }
  button#verMasTiendas{
    background: #6E357C;
    color: #fff;
    border-color: #6E357C
  }
  #select-store ul{
    margin: 0 !important;
  }
  #tiendas_jsp .section .btn.btn-default{
  width: 100%;
}
  /* PASO 2 PAGO */
  #payment-method{
    padding: 0 !important
  }
  ul#payment-document, div#factura_info, .billing_address .tab-pane#factura{
    padding: 0 15px !important;
  }
  ul#payment-document #facturaLi a, ul#payment-document #facturaLi2 a{
    -webkit-border-radius: 0 6px 6px 0 !important;
    -moz-border-radius: 0 6px 6px 0 !important;
    border-radius: 0 6px 6px 0 !important;
    width: 100%
  }
  ul#payment-document li a{
    color:#4b4b4b;
  }
  button#btnEditarFactura {
    width: 100%;
    padding: 6px 0;
    margin: 15px 0 !important
  }
  div#page.CheckoutContainer .content{
    padding: 20px 0px !important
  }
  /* ARREGLO TOOLTIP MODAL TARJETA RIPLEY - Codigo Verificación */
  .boxPayTre #collapse-vcode{
    height: auto !important
  }
  /* BOX PAGO TRIPLEY */
  .modalesTarjetas#payment-details{
    padding: 10px !important;
    margin: 20px 0;
  }
  #PaymentForm1 .form-group label .name{
    max-width: 50% !important;
  }

  /* PASO 3 CONFIRMACION */
  body.shipping > div.content{
    padding: 20px 0 0 !important;
  }
  .alert.alert-warning strong{
    margin: 0 !important
  }
  #shipping-payment-resume h3{
    text-align: left !important;
    margin: 20px 0 0 !important;
    padding: 0 0 10px !important
  }
  #confirmation-step #shipping-payment-resume h5.main{
    margin: 10px 0 0;
  }
}

@media only screen and (max-width: 374px){
  /* MODAL GENERAL */
  .modal .modal-footer .btn{
    width: 100%;
      text-align: center;
  }
}

/* FIX HOTJAR */
@media only screen and (max-width: 720px){
  #_hj-f5b2a1eb-9b07_feedback[data-minimized-position="middle_left"] #_hj-f5b2a1eb-9b07_feedback_minimized{
    bottom: 104px !important
  }
  #_hj-f5b2a1eb-9b07_feedback[data-minimized-position="middle_left"] ._hj-f5b2a1eb-9b07_feedback_minimized_label_text{
    font-size: 0;
    position: fixed;
    bottom: 0;
  }
  #_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_label ._hj-f5b2a1eb-9b07_icon_emotion_default{
    margin: 4px 0 0 -5px !important;
    font-size: 18px !important;
  }
}

/* PAGO EN TIENDA 20JUN2018 */
.pago-tienda-icon{
  background:url('https://home.ripley.cl/assets-styles/rbolsa/images/payment/pago-tienda.png') 0 0 no-repeat;
  width: 69px;
  height: 35px;
  display: block;
  overflow: hidden;
  margin:0;
  padding:0;
}
.horario-pago-tienda{
  color:#78558d
}
.btn.btn-primary-disabled{
  background: #d3d3d3;
  color: #a9a9a9;
  border-color: transparent;
  padding: 10px 35px;
  min-height: 50px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  }
/* FIN PAGO EN TIENDAS */


/* SEGMENTOS */
span.tipDctos[title*="DESPACHO GRATIS PARA CLIENTES"]{font-size:0px}
span.tipDctos[title*="DESPACHO GRATIS PARA CLIENTES GOLD"]:after{content:'Descuento Gold:'; font-weight: 600; color: #FFB322; font-size:14px}
span.tipDctos[title*="DESPACHO GRATIS PARA CLIENTES SILVER"]:after{content:'Descuento Silver:'; font-weight: 600; color: #999; font-size:14px}
/* SEGMENTOS */


/* MOBILE BOTON CHECKOUT FIXED BOTTOM */
@media only screen and (max-width: 719px){
  button#guestShopperContinue,
  button#shopcartCheckout,
  button#WC_ShipmentDisplay_continue,
  button#shippingBillingPageNext,
  button#singleOrderSummary{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9998;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
  }
  div#WC_CheckoutPaymentAndBillingAddressSummaryf_div_1{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    background: #f4f4f4;
  }
  div#WC_CheckoutPaymentAndBillingAddressSummaryf_div_1 .form-group{
    margin: 0 auto !important;
    display: block;
    padding: 10px 0 0;
    width: 80%;
  }
}



/* ARREGLO CLUBES BOLSA */
#shopping-bag-total #gift-code .collapse.in{
  padding:20px;
}
#shopping-bag-total #gift-code .collapse.in p{
  display:none;
  }
#shopping-bag-total #gift-code .collapse.in::before{
  content: 'Acumula compras en cualquiera de nuestros Clubes Ripley. O Compra un regalo para Novi@s o Mamá.';
  padding: 10px;
  margin: 0 0 20px;
  border-bottom: solid 1px #c9ab82;
  line-height:16pt;
  display:inline-block;
}
@media only screen and (min-width: 960px){
  #shopping-bag-total #gift-code .collapse.in::before{
    border: none;
    margin: 0;
    padding:10px 0 10px 10px;
    width: 65%;
    float: left;
    text-align: left;
    line-height:18px;
  }
}
/* fin ARREGLO CLUBES */

/* OCULTAR PUNTO RETIRO */
  /* Bolsa */
#shopping-bag-items .shopping-bag-item-info ul form li:last-child{
  display:none;
}
  /* Paso Despacho */
#shipping-method #RET_TIENDA_RC, #shipping-method #DESP_DOMICILIO_RC{
  display:none;
}
/* fin OCULTAR PUNTO RETIRO */

/* OCULTAR WEBPAY - DEBITO Y CREDITO
#paymentSection1 div#checkout_1_2, #paymentSection1 div#checkout_1_4{
  display:none !important
}
*/

/* FIX MODAL */
@media only screen and (min-width: 960px){
  #change-shipping-address-modal,
  #edit-shipping-address-modal,
  #new-shipping-address-modal,
  #view-details-modal,
  #mercadopago-modal,
  #guaranty-modal{
    overflow:scroll !important;
  }
}
/* fin FIX MODAL */

/* Shipping */
#shipping-map, img.maps, #vermap{display:none !important}
/* Eliminar métodos de despacho en bolsa de compras */
#shopping-bag-items .shopping-item-holder .shopping-bag-item-info > ul{
  display:none!important
}
/*oculta logo mercadopago*/
.mercadopago-icon{display:none!important}

/* FIX Modal Tarjeta Ripley */
#add-ripley-card-modal #payTripley > .boxPayTre > .modalesTarjetas > label::after{
  content: "Verifica los 16 dígitos de tu tarjeta";
  font-size:12px;
  font-weight:bold;
  display:block;
  padding:0;
  margin:0;
  line-height:16px;
  color:#79568e;
  background:
}
#add-ripley-card-modal #payTripley > .boxPayTre > .modalesTarjetas > label::after{
  content: "Verifica los 16 dígitos de tu tarjeta";
  font-size:12px;
  font-weight:bold;
  display:block;
  padding:0;
  margin:0;
  line-height:16px;
  color:#79568e;
  background:
}
#add-ripley-card-modal #payTripley .boxPayTre > .vcode > label::after{
  content: "Son los 3 últimos números bajo la banda magnética / CVV";
  font-size:12px;
  font-weight:bold;
  display:block;
  padding:0;
  margin:0;
  line-height:16px;
  color:#79568e;
}
@media only screen and (max-width: 719px){
  #add-ripley-card-modal #payTripley .boxPayTre > .vcode > label{
    text-align:center
  }
  #add-ripley-card-modal #payTripley .boxPayTre > .vcode .inputCodVerTr{
    margin: 0 0 0 25%;
  }
  #add-ripley-card-modal #payTripley .boxPayTre > .vcode .inputCodVerTr {
      margin: 0 0 0 25%;
  }
}

/* FIX PAGO EN TIENDA */
#shipping-payment-resume  div.col-50:last-of-type h5:last-of-type{display:none!important}

#shipping-payment-resume .horario-pago-tienda::before{
  content:'Fecha límite de Pago:';
  display:inline-block;
  width:100%;
  font-weight:bold;
  color:#757575;
  font-size:13px;
}

/* ELIMINAR LEADTIME MERCADO RIPLEY */
.recipient-info .marketplace-recipient-info .alert-promo{
  display:none
}

/* FIX TEXTO CHECKOUT PASO CONFIRMACION SIN TILDE */
#confirmation-step > h3{
    display:none !important;
}
#confirmation-step::before{
    content:'Confirmación de Compra';
    font-size: 20px;
    font-family: "montserratlight", sans-serif;
    display: block;
    font-weight:bold;
    margin-bottom: 25px;
    text-align: left;
    overflow: hidden;
    color:#4b4b4b
}
@media only screen and (max-width: 959px){
  #confirmation-step::before{
    text-align: center !important;
    font-size: 18px !important;
    padding: 0 15px;
  }
}

/* OCULTA BANNERS DE CAROLL EN CHECKOUT */
.cbar_popup{display:none !important}

/* OCULTA VACIAR CARROS CLIENTE FONOCOMPRAS */
#agentFonoComp > a:nth-child(4){display:none!important}

/* OCULTA MENSAJES PAGO EN TIENDA */
/* (En medio de pago) */
#payment-details-pagoEnTienda{display:none}
/* (En confirmación) */
#shipping-payment-resume .text-pago-tienda{display:none !important}
/* FIN PAGO EN TIENDA */





/*TRANSACCION COMPLETA*/
#myCardsSection .checkout_myCardItem label span {
    font-family: montserratlight;
    font-size: 13px;
    color: #4B4B4B;
}
.checkout_myCardItem {
    padding: 24px 19px 10px 18px;
    margin-bottom: 0;
    border-bottom: solid 1px #ddd;
}
.checkout_myCardItem.selected {
    background: #fff;
}
.checkout_myCardItem:last-child {
    margin-bottom: 20px;
}
#myCardsSection .checkout_myCardItem label span.name {
    color: #95989A;
    margin-left: 10px;
}
#myCardsSection .checkout_myCardItem label span:first-child {
    text-transform: capitalize;
}
input[type="radio"]:checked + .hideCheck.radio::before {
    color: #f7f7f7;
    content: "\f111";
    text-shadow: 0 0 1px #757575;
}
#add-card-tcgateway-modal.modal .btn.btn-primary, #cont-webpay-tcgateway-modal.modal .btn.btn-primary, #cont-confirm-tcgateway-modal.modal .btn.btn-primary, #cont-attemps-tcgateway-modal.modal .btn.btn-primary  {
    font-family: montserratsemi_bold;
}
#add-card-tcgateway-modal.modal .underline-link, #cont-webpay-tcgateway-modal.modal .underline-link, #cont-confirm-tcgateway-modal.modal .underline-link, #cont-attemps-tcgateway-modal.modal .underline-link {
    font-family: montserratsemi_bold;
    font-size: 13px;
    border-bottom: 1px solid #dedede;
}
#cont-webpay-tcgateway-modal #cerrarConWebpayTCBtn, #cont-webpay-tcgateway-modal #closeWebpayTCBtn {
  display: none;
}
#add-card-tcgateway-modal.modal .modal-dialog.modal-small, #cont-webpay-tcgateway-modal.modal .modal-dialog.modal-small, #cont-confirm-tcgateway-modal.modal .modal-dialog.modal-small, #cont-attemps-tcgateway-modal.modal .modal-dialog.modal-small {
    width: 480px;
    padding: 38px 25px;
}
#add-card-tcgateway-modal.modal .modal-dialog.modal-small h3, #cont-webpay-tcgateway-modal.modal .modal-dialog.modal-small h3, #cont-confirm-tcgateway-modal.modal .modal-dialog.modal-small h3, #cont-attemps-tcgateway-modal.modal .modal-dialog.modal-small h3{
    font-size: 18px;
    color: #2E2E2E;
    text-align: center;
    padding: 0;
    margin: 0;
}
#add-card-tcgateway-modal.modal .modal-header, #cont-webpay-tcgateway-modal.modal .modal-header, #cont-confirm-tcgateway-modal.modal .modal-header, #cont-attemps-tcgateway-modal.modal .modal-header {
    border: 0;
    padding: 0;
    margin-bottom: 20px!important;
}
#add-card-tcgateway-modal .modal-dialog.modal-small .form-group label {
    font-size: 12px;
    color: #2E2E2E;
}
#add-card-tcgateway-modal .modal-dialog.modal-small .form-group label.checkbox {
    color: #6A3E9A;
    font-family: montserratlight;
  padding-top: 20px;
}
#add-card-tcgateway-modal .modal-dialog.modal-small .form-group{
    border: 0;
    padding: 0 60px;
    padding-top: 8px;
  overflow: visible;
}
#add-card-tcgateway-modal.modal .modal-body input,
#add-card-tcgateway-modal.modal .modal-body select,
.checkout_myCardItem .cardItemContent select {
    border: 1px solid #9B9B9B;
    font-family: montserratlight;
  padding: 0 5px;
}
#add-card-tcgateway-modal.modal .modal-body .btn, #cont-webpay-tcgateway-modal.modal .modal-body .btn, #cont-confirm-tcgateway-modal.modal .modal-body .btn, #cont-attemps-tcgateway-modal.modal .modal-body .btn {
    margin-top: 0;
    padding: 5px 36px;
    min-height: auto;
    font-family: montserratlight;
    font-size: 13px;
}
#add-card-tcgateway-modal.modal .modal-header button.close, #cont-webpay-tcgateway-modal.modal .modal-header button.close, #cont-confirm-tcgateway-modal.modal .modal-header button.close, #cont-attemps-tcgateway-modal.modal .modal-header button.close {
    position: absolute;
    right: 0;
    font-family: montserratlight;
}
#add-card-tcgateway-modal.modal .col-50{
  padding-right: 10px;
}
#add-card-tcgateway-modal.modal .col-50 + .col-50{
  padding-right: 0px;
  padding-left:  0px;
}
.cardItemContent {
    padding: 20px 0 93px 30px;
}
.checkout_myCardItem .cardItemContent label {
    font-size: 12px;
    color: #2E2E2E;
    margin-bottom: 11px;
}
.checkout_myCardItem .cardItemContent .col-50 {
  width: 48%;
}
#add-card-tcgateway-modal .underline-link, #cont-webpay-tcgateway-modal .underline-link, #cont-confirm-tcgateway-modal .underline-link, #cont-attemps-tcgateway-modal .underline-link {
    border: 0;
}
#add-card-tcgateway-modal.modal .modal-dialog.modal-small h4, #cont-webpay-tcgateway-modal.modal .modal-dialog.modal-small h4, #cont-confirm-tcgateway-modal.modal .modal-dialog.modal-small h4, #cont-attemps-tcgateway-modal.modal .modal-dialog.modal-small h4 {
    color: #4B4B4B;
    font-family: montserratlight;
    text-align: center;
    font-size: 18px;
}
#cont-webpay-tcgateway-modal .modal-dialog .btn, #cont-confirm-tcgateway-modal .modal-dialog .btn, #cont-attemps-tcgateway-modal .modal-dialog .btn{
  margin-top: 0px;
    margin-bottom: 15px;
}
.checkout_myCardItem div[id^="cardNumberOfAttemps"] {
    color: #DA3A3A;
    font-size: 11px;
    margin-top: 8px;
}
.checkout_myCardItem .cardItemContent .select_attemps {
    border: 1px solid #DA3A3A;
}
/*CARD ICON*/
.tc-diners-club-icon {
     background: url('images/payment/tdinners@2x.png') 7px -7px no-repeat;
    height: 32px;
    width: 54px;
    display: block;
    background-size: cover;
  position: relative;
    top: 0;
}
.tc-american-express-icon {
     background: url('images/payment/tamericanexpress@2x.png') 7px -7px no-repeat;
    height: 32px;
    width: 54px;
    display: block;
    background-size: cover;
  position: relative;
    top: 0;
}
.tc-mastercard-icon {
     background: url('images/payment/tmastercard@2x.png') 7px -7px no-repeat;
    height: 32px;
    width: 54px;
    display: block;
    background-size: cover;
  position: relative;
    top: 0;
}
.tc-visa-icon {
     background: url('images/payment/tvisa@2x.png') 7px -7px no-repeat;
    height: 32px;
    width: 54px;
    display: block;
    background-size: cover;
  position: relative;
    top: 0;
}
.cardDescriptionSection {
    width: 96%;
}
.cardDescriptionSection p {
    font-size: 12px;
    color: #95989A;
    margin-bottom: 15px;
}
.checkout_myCardItem.selected {
    border: 0;
}
.cardItemContent .col-40 {
    width: 30%;
    margin-right: 20px;
}
.cardItemContent .col-40 .col-50 {
  width: 48%;
}
.cardItemContent .col-40 .col-50 {
    padding: 0 8px 0 0;
}
.cardItemContent .col-40 .col-50 + .col-50 {
    padding-left: 8px;
  padding-right: 0;
}
.group_card_button .btn {
    line-height: normal;
    font-size: 12px;
    padding: 7px 17px;
  margin-right: 10px;
}
.checkout_myCardItem div[id^="divCvc_"] .col-40:first-child {
    width: auto;
    margin-right: 6px;
}
.tc-cvv-tooltip-parent {
  position: relative;
    top: -2px;
    right: 0;
}

.tc-cvv-tooltip-parent:hover .tooltip {
    display: flex; }

.tc-cvv-tooltip-parent .tc-cvv-tooltip {
    background: #F4EBBD;
    padding: 15px;
    color: #A57137;
    display: none;
    text-align: center;
    font-size: 12px;
    line-height: 14pt;
    width: 245px;
    position: absolute;
    bottom: 30px;
    left: -35px;
    z-index: 20;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.tc-tooltip-inner-icon.fa.fa-credit-card {
    line-height: normal!important;
}
.tc-tooltip-inner-icon.fa.fa-credit-card::before {
    font-size: 30px;
}

.tc-tooltip-question-icon {
  color: #7A578E;
}
.tc-tooltip-inner-icon {
  color: #996633
}
.tc-cvv-tooltip-parent .tc-cvv-tooltip p {
    color: #A57137;
    line-height: normal;
    font-size: 11px;
  margin-left: 10px;
    text-align: left;
}
.tc-tooltip-inner-icon.fa.fa-times-circle {
    position: absolute;
    top: -7px;
    right: -10px;
    background: #F4EBBD;
    border-radius: 50%;
}
.tc-tooltip-inner-icon.fa.fa-times-circle::before {
    font-size: 18px;
    padding: 1px 4px;
    display: block;
}
.tc-tooltip-question-icon::after {
    content: ' ';
    border-left: 10px solid transparent;
    border-top: 10px solid #F4EBBD;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    overflow: hidden;
    position: absolute;
  top: -10px;
    left: -5px;
  display: none;
}
.tooltip-parent:hover .tc-tooltip-question-icon::after {
    display: block;
}
.modal-dialog.modal-small .tc-cvv-tooltip-parent .tc-cvv-tooltip {
    left: auto;
    right: -60px;
}
.checkout_myCardItem .radio::before {
    position: relative;
    top: 5px;
}
.group_card {
    position: relative;
    top: 5px;
    display: inline-block;
}
.group_card_button {
    width: auto;
    float: right;
}
#add-card-tcgateway-modal .form-group .underline-link, #cont-webpay-tcgateway-modal .form-group .underline-link, #cont-confirm-tcgateway-modal .form-group .underline-link, #cont-attemps-tcgateway-modal .form-group .underline-link{
    border: 0;
    text-decoration: underline;
    margin-top: 20px;
}
#add-card-tcgateway-modal .modal-header .underline-link, #cont-webpay-tcgateway-modal .modal-header .underline-link, #cont-confirm-tcgateway-modal .modal-header .underline-link, #cont-attemps-tcgateway-modal .modal-header .underline-link{
    color: #9B9B9B;
    font-size: 11px;
}
#add-card-tcgateway-modal .cvv_modal .modal-header, #cont-webpay-tcgateway-modal .cvv_modal .modal-header, #cont-confirm-tcgateway-modal .cvv_modal .modal-header, #cont-attemps-tcgateway-modal .cvv_modal .modal-header{
    padding-top: 30px;
}
#add-card-tcgateway-modal .cvv_modal button.close{
    top: 0;
}
#add-card-tcgateway-modal .modal-dialog.modal-small.cvv_modal, #cont-webpay-tcgateway-modal .modal-dialog.modal-small.cvv_modal, #cont-confirm-tcgateway-modal .modal-dialog.modal-small.cvv_modal, #cont-attemps-tcgateway-modal .modal-dialog.modal-small.cvv_modal{
    width: 320px;
    padding: 16px;
    left: 50%;
    margin-left: -160px;
    top: 75px;
}
#add-card-tcgateway-modal .cvv_modal .modal-body .btn, #cont-webpay-tcgateway-modal .cvv_modal .modal-body .btn, #cont-confirm-tcgateway-modal .cvv_modal .modal-body .btn, #cont-attemps-tcgateway-modal .cvv_modal .modal-body .btn{
    width: 75%;
}
#cont-attemps-tcgateway-modal .cvv_modal .modal-body .btn{
    width: 90%;
}
#add-card-tcgateway-modal.modal .modal-dialog.modal-small .tc-cvv-tooltip-parent {
    top: 8px;
    line-height: 22pt;
    z-index: 100;
}
#add-card-tcgateway-modal .col-40.label_cvv, #cont-confirm-tcgateway-modal .col-40.label_cvv, #cont-attemps-tcgateway-modal .col-40.label_cvv {
    width: auto;
    margin-right: 4px;
}
#add-card-tcgateway-modal .modal-dialog.modal-small.cvv_modal .form-group .tc-cvv-tooltip-parent, #cont-confirm-tcgateway-modal .modal-dialog.modal-small.cvv_modal .form-group .tc-cvv-tooltip-parent, #cont-attemps-tcgateway-modal .modal-dialog.modal-small.cvv_modal .form-group .tc-cvv-tooltip-parent{
    top: 0;
}
#add-card-tcgateway-modal .modal-dialog.modal-small.cvv_modal .form-group, #cont-webpay-tcgateway-modal .modal-dialog.modal-small.cvv_modal .form-group, #cont-confirm-tcgateway-modal .modal-dialog.modal-small.cvv_modal .form-group, #cont-attemps-tcgateway-modal .modal-dialog.modal-small.cvv_modal .form-group{
  border-bottom: 0px;
}
#add-card-tcgateway-modal .modal-dialog.modal-small.cvv_modal .form-group, #cont-webpay-tcgateway-modal .modal-dialog.modal-small.cvv_modal .form-group, #cont-confirm-tcgateway-modal .modal-dialog.modal-small.cvv_modal .form-group, #cont-attemps-tcgateway-modal .modal-dialog.modal-small.cvv_modal .form-group,
#add-card-tcgateway-modal .modal-dialog.modal-small.cvv_modal .modal-body, #cont-webpay-tcgateway-modal .modal-dialog.modal-small.cvv_modal .modal-body, #cont-confirm-tcgateway-modal .modal-dialog.modal-small.cvv_modal .modal-body, #cont-attemps-tcgateway-modal .modal-dialog.modal-small.cvv_modal .modal-body {
    overflow: visible;
}
#add-card-tcgateway-modal .modal-dialog.modal-small.cvv_modal .form-group .col-60 .col-30 {
    padding: 0px;
    position: relative;
    left: -10px;
}
#add-card-tcgateway-modal .modal-dialog.modal-small.cvv_modal .tc-cvv-tooltip-parent .tc-cvv-tooltip, #cont-confirm-tcgateway-modal .modal-dialog.modal-small.cvv_modal .tc-cvv-tooltip-parent .tc-cvv-tooltip, #cont-attemps-tcgateway-modal .modal-dialog.modal-small.cvv_modal .tc-cvv-tooltip-parent .tc-cvv-tooltip{
    left: auto;
    right: -80px;
}
@media only screen and (max-width: 960px) {
  #cont-webpay-tcgateway-modal.modal, #cont-confirm-tcgateway-modal.modal {
    background-color: #fff
  }
  #add-card-tcgateway-modal .form-group label, #cont-webpay-tcgateway-modal .form-group label, #cont-confirm-tcgateway-modal .form-group label, #cont-attemps-tcgateway-modal .form-group label {
    padding: 0 10px;
    margin: 0;
  }
  #add-card-tcgateway-modal.modal .underline-link, #cont-webpay-tcgateway-modal.modal .underline-link, #cont-confirm-tcgateway-modal.modal .underline-link, #cont-attemps-tcgateway-modal.modal .underline-link {
    margin-top: 10px;
  }
  #add-card-tcgateway-modal.modal .modal-dialog.modal-small {
    width: 100%;
  }
  #add-card-tcgateway-modal.modal .modal-header button.close{
    position: relative;
    margin-bottom: 50px;
  }
  #add-card-tcgateway-modal .modal-dialog.modal-small .form-group, #cont-webpay-tcgateway-modal .modal-dialog.modal-small .form-group, #cont-confirm-tcgateway-modal .modal-dialog.modal-small .form-group, #cont-attemps-tcgateway-modal .modal-dialog.modal-small .form-group {
    padding: 0 15px;
  }
  #add-card-tcgateway-modal .modal-dialog.modal-small .form-group label, #cont-webpay-tcgateway-modal .modal-dialog.modal-small .form-group label, #cont-confirm-tcgateway-modal .modal-dialog.modal-small .form-group label, #cont-attemps-tcgateway-modal .modal-dialog.modal-small .form-group label {
    padding: 0;
  }
  #add-card-tcgateway-modal .col-60 {
    width: 60%;
    float: left;
    padding: 0;
  }
  #add-card-tcgateway-modal .col-40 {
    width: 40%;
    float: left;
    padding: 0;
  }
  #add-card-tcgateway-modal .col-50 {
    width: 50%;
    float: left;
  }
  #add-card-tcgateway-modal .col-50 + .col-50 {
    padding-left: 0;
  }
  #add-card-tcgateway-modal .modal-dialog.modal-small .form-group, #cont-webpay-tcgateway-modal .modal-dialog.modal-small .form-group, #cont-confirm-tcgateway-modal .modal-dialog.modal-small .form-group, #cont-attemps-tcgateway-modal .modal-dialog.modal-small .form-group {
    margin-bottom: 10px;
  }
  .checkout_myCardItem {
    padding: 17px 25px;
    max-height: 70px;
  }
  #myCardsSection .checkout_myCardItem label span:first-child {
    text-transform: capitalize;
    display: block;
    font-family: montserratsemi_bold;
  }
  #myCardsSection .checkout_myCardItem label span.name {
    color: #95989A;
    margin-left: 0;
  }
  .cardItemContent {
    background: #fff;
    padding: 20px 19px;
    margin: 15px 0 5px;
  }
  .checkout_myCardItem .cardItemContent .col-40 {
    float: initial;
    display: block;
    vertical-align: top;
    width: 100%;
    margin-top: 10px;
  }
  .checkout_myCardItem .cardItemContent .col-40:first-child {
    margin-bottom: 20px;
  }
  .checkout_myCardItem .cardItemContent .col-50 {
    width: 50%;
  }
  .cardItemContent .col-40 .col-50 + .col-50 {
    padding-left: 12px;
}
  .checkout_myCardItem .cardItemContent .col-40:first-child {
    margin-bottom: 65px;
  }
  #cont-webpay-tcgateway-modal .modal-dialog, #cont-confirm-tcgateway-modal .modal-dialog, #cont-attemps-tcgateway-modal .modal-dialog{
    min-height: auto;
    background: #fff;
    box-shadow: 0px 1px 20px 0px #0000003b;
    width: 90%;
    margin: 0 auto;
    position: absolute;
    padding: 30px 12px!important;
    border-radius: 7px;
  }
  #add-card-tcgateway-modal .modal-backdrop, #cont-webpay-tcgateway-modal .modal-backdrop, #cont-confirm-tcgateway-modal .modal-backdrop, #cont-attemps-tcgateway-modal .modal-backdrop{
    background: rgba(255, 255, 255, 0.7);
  }
  #add-card-tcgateway-modal.modal .modal-body input, .modal .modal-body select, .checkout_myCardItem .cardItemContent select {
    padding: 0 10px;
  }
  #cont-webpay-tcgateway-modal .modal-dialog .btn, #cont-confirm-tcgateway-modal .modal-dialog .btn, #cont-attemps-tcgateway-modal .modal-dialog .btn{
    margin-top: 10px;
    margin-bottom: 0;
  }
  .tc-mastercard-icon, .tc-american-express-icon, .tc-diners-club-icon, .tc-visa-icon {
    top: 0;
  }
  #add-card-tcgateway-modal .cvv_modal .modal-body .btn, #cont-webpay-tcgateway-modal .cvv_modal .modal-body .btn, #cont-confirm-tcgateway-modal .cvv_modal .modal-body .btn, #cont-attemps-tcgateway-modal .cvv_modal .modal-body .btn {
    width: 100%;
}
#add-card-tcgateway-modal .cvv_modal button.close, #cont-webpay-tcgateway-modal .cvv_modal button.close, #cont-confirm-tcgateway-modal .cvv_modal button.close, #cont-attemps-tcgateway-moda .cvv_modal button.close {
    top: 0px;
}
  .checkout_myCardItem.selected {
    max-height: initial;
  }
  .checkout_myCardItem.selected .cardItemContent {
    background: #F0F0F0;
  }
  .cardItemContent .col-40 .col-50 {
    padding: 0 12px 0 0;
    margin-bottom: 7px;
  }
  .checkout_myCardItem div[id^="cardNumberOfAttemps"] {
    margin-top: 8px;
    float: initial;
    width: 100%;
  }
  #add-card-tcgateway-modal .modal-dialog .col-60 .col-50 {
    padding: 0 12px 0 0;
  }
  .checkout_myCardItem div[id^="divCvc_"] div .col-40 {
    display: inline-block!important;
    width: auto!important;
    margin-bottom: 0!important;
}
.checkout_myCardItem div[id^="divCvc_"] .col-40:first-child {
    margin-right: 4px;
}
#add-card-tcgateway-modal.modal .modal-dialog.modal-small .tc-cvv-tooltip-parent {
    top: 5px;
    left: 2px;
}
#add-card-tcgateway-modal .modal-dialog.modal-small .tc-cvv-tooltip-parent .tc-cvv-tooltip {
    right: -70px;
}
#add-card-tcgateway-modal .modal-dialog.modal-small.cvv_modal .form-group .col-60 > div > * {
    display: inline-block!important;
    width: auto;
}
#add-card-tcgateway-modal .modal-dialog.modal-small.cvv_modal .form-group .col-60 .col-30 {0
    left: 0;
    top: 5px;
}
#add-card-tcgateway-modal .modal-dialog.modal-small.cvv_modal .form-group input#cc_cvc {
    width: 100%;
}
#add-card-tcgateway-modal .modal-dialog.modal-small.cvv_modal .tc-cvv-tooltip-parent .tc-cvv-tooltip {
    right: -90px;
}
}

@media only screen and (max-width: 359px) {
  #myCardsSection .checkout_myCardItem label span {
    display: block
  }
  .checkout_myCardItem {
    max-height: 89px;
  }
}

@media only screen and (max-width: 959px){
  #myCardsSection .group_card_button .btn{
    font-size: 11px;
    padding: 6px 8px;
    margin-right: 4px;
  }
  #add-card-tcgateway-modal input[type="checkbox"]{
    position: relative !important;
  }
  #add-card-tcgateway-modal .modal-dialog.modal-small .form-group label.checkbox{
    padding-top: 0;
    line-height: 22px;
    font-size: 11px;
  }
}