/*
----------------------------------------------------------------------
    Component: Main
----------------------------------------------------------------------
*/
/*
----------------------------------------------------------------------
    Component: Global
----------------------------------------------------------------------
*/
@import url("https://fonts.googleapis.com/css?family=Archivo:500,600,700");
@import url("https://fonts.googleapis.com/css?family=Archivo+Black");
@import url("https://fonts.googleapis.com/css?family=Work+Sans:400,500");
/*
----------------------------------------------------------------------
    Fonts
----------------------------------------------------------------------
*/
.CH-extra-super-title {
  font-size: 28px;
  font-family: 'Archivo', sans-serif;
  font-weight: bold;
}

.CH-super-title {
  font-size: 26px;
  font-family: 'Archivo', sans-serif;
  font-weight: bold;
}

.CH-title_H1 {
  font-size: 24px;
  font-family: 'Archivo Black', sans-serif;
}

.CH-title_H2 {
  font-size: 16px;
  font-family: 'Archivo Black', sans-serif;
}

.CH-subtitle-normal-card {
  font-size: 16px;
  font-family: 'Archivo', sans-serif;
  font-weight: bold;
}

.CH-subtitle-big-card {
  font-size: 18px;
  font-family: 'Archivo Black', sans-serif;
  font-weight: bold;
}

.CH-subtitle-big-card-black {
  font-size: 18px;
  font-family: 'Archivo', sans-serif;
}

.CH-button {
  font-size: 12px;
  font-family: 'Archivo', sans-serif;
  font-weight: 500;
}

.CH-button-icon {
  font-size: 16px;
  font-family: 'Archivo', sans-serif;
  font-weight: 500;
}

.CH-big-paragraph {
  font-family: 'Work Sans', sans-serif;
  font-size: 16px;
}

.CH-paragraph {
  font-family: 'Work Sans', sans-serif;
  font-size: 14px;
}

.CH-small-paragraphs {
  font-family: 'Work Sans', sans-serif;
  font-size: 12px;
}

/*
----------------------------------------------------------------------
    Fonts
----------------------------------------------------------------------
*/
body {
  background-color: #F6F6F7;
  line-height: normal;
}

*:focus {
  outline: none !important;
}

:root {
  font-size: 16px;
}

@media screen and (max-width: 400px) {
  :root {
    font-size: 18px;
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  :root {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {
  :root {
    font-size: 18px;
  }
}

body {
  line-height: normal;
}

.webapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.webapp__body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #F6F6F7;
}

.webapp__hide {
  display: none;
}

.webapp__header--fixed {
  z-index: 99;
}

.webapp__header--fixed .body-container {
  margin-top: 155px;
}

.webapp__header--fixed .departments-all {
  top: 120px;
}

.webapp__header--fixed .webapp__header {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 9999;
}

.webapp__header--fixed .webapp__header .logo {
  width: 160px;
}

.webapp__header--fixed .webapp__header .header-user-menu {
  -webkit-box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0.15);
}

.webapp__header--fixed--modifier .body-container {
  margin-top: 150px;
}

.webapp__header--fixed--modifier .header-user-info__info--mobile {
  display: none;
}

.webapp__header--fixed--modifier__xs .body-container {
  margin-top: 210px;
}

.webapp__header--fixed--modifier__xs .header-user-info__info--mobile {
  display: none;
}

.display-components .header__search {
  height: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.display-components .component__example .header-user-menu__option {
  background-color: #F57C00;
}

.display-components .shopping-cart {
  position: relative !important;
  overflow-y: scroll;
  height: 300px;
}

.display-components .shopping-cart .shopping-cart__container {
  -webkit-transform: translateX(0px) !important;
          transform: translateX(0px) !important;
}

.form-control::-webkit-input-placeholder {
  color: #BBBBBB;
}

/* WebKit, Blink, Edge */
.form-control:-moz-placeholder {
  color: #BBBBBB;
}

/* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder {
  color: #BBBBBB;
}

/* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder {
  color: #BBBBBB;
}

/* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder {
  color: #BBBBBB;
}

/* Microsoft Edge */
/* width */
::-webkit-scrollbar {
  width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

input:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px inset, rgba(187, 187, 187, 0) 0px 0px 8px !important;
          box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px inset, rgba(187, 187, 187, 0) 0px 0px 8px !important;
  border-color: #BBBBBB !important;
  outline: 0px;
  background-color: #ffffff !important;
}

.search__form--input, .search__form--input2, .newsletter-input {
  height: 50px !important;
  padding: 20px !important;
}

.newsletter-input {
  border: 1px solid #5472D3;
}

.img-hover img {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.img-hover:hover img {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}

.break-text {
  display: none;
}

@media screen and (max-width: 1450px) {
  .break-text {
    display: inherit;
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .break-text {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .break-text {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .break-text {
    display: none;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .break-text {
    display: none;
  }
}

.body-container {
  width: 100%;
  margin-left: 10px;
  width: calc(100% - 20px);
  min-height: 600px;
  position: relative;
  z-index: 654564;
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .header-user-panel .header-user-panel__account--notifications {
    padding: 0px 25px 0px 15px !important;
  }
}

@media screen and (max-width: 768px) {
  .container-custom {
    width: 100% !important;
    padding: 0px !important;
    overflow-x: auto;
    overflow-y: scroll;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .container-custom {
    width: 100% !important;
    padding: 0px !important;
    overflow-x: auto;
    overflow-y: scroll;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .container-custom {
    width: 100% !important;
    padding: 0px !important;
  }
}

.demo-components {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

a {
  color: #0D47A1;
  text-decoration: none !important;
}

a:hover {
  color: #0D47A1;
}

a.link {
  padding: 20px 10px;
  height: auto !important;
  padding: 13px !important;
}

.orange {
  color: #F57C00;
}

.orange a {
  color: #F57C00;
}

.orange span {
  color: #F57C00;
}

.orange span:after {
  color: #F57C00;
}

.orange div {
  color: #F57C00;
}

.orange input {
  color: #F57C00;
}

.btn-disabled {
  background-image: none !important;
  background-color: #BBBBBB !important;
  border: none  !important;
}

.base-h1 {
  font-size: 1.5rem;
  color: #0D47A1;
  font-weight: 100;
  font-family: 'Archivo', sans-serif;
}

.center {
  text-align: center;
  margin: 0 auto;
}

input.form-control {
  height: 50px;
}

/*
----------------------------------------------------------------------
    Component: Fonts
----------------------------------------------------------------------
*/
@font-face {
  font-family: 'WorkSans';
  src: url("../fonts/WorkSans-Regular/WorkSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/WorkSans-Regular/WorkSans-Regular.woff") format("woff"), url("../fonts/WorkSans-Regular/WorkSans-Regular.ttf") format("truetype"), url("../fonts/WorkSans-Regular/WorkSans-Regular.svg#WorkSans-Regular") format("svg");
  font-weight: 100;
}

@font-face {
  font-family: 'WorkSans';
  src: url("../fonts/WorkSans-Medium/WorkSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/WorkSans-Medium/WorkSans-Medium.woff") format("woff"), url("../fonts/WorkSans-Medium/WorkSans-Medium.ttf") format("truetype"), url("../fonts/WorkSans-Medium/WorkSans-Medium.svg#WorkSans-Medium/WorkSans-Medium") format("svg");
  font-weight: 200;
}

@font-face {
  font-family: 'WorkSans';
  src: url("../fonts/WorkSans-Bold/WorkSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/WorkSans-Bold/WorkSans-Bold.woff") format("woff"), url("../fonts/WorkSans-Bold/WorkSans-Bold.ttf") format("truetype"), url("../fonts/WorkSans-Bold/WorkSans-Bold.svg#WorkSans-Bold") format("svg");
  font-weight: 300;
}

@font-face {
  font-family: 'Archivo';
  src: url("../fonts/Archivo-Regular/Archivo-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Archivo-Regular/Archivo-Regular.woff") format("woff"), url("../fonts/Archivo-Regular/Archivo-Regular.ttf") format("truetype"), url("../fonts/Archivo-Regular/Archivo-Regular.svg#Archivo-Regular") format("svg");
  font-weight: 400;
}

@font-face {
  font-family: 'Archivo';
  src: url("../fonts/ArchivoBlack-Regular/ArchivoBlack-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ArchivoBlack-Regular/ArchivoBlack-Regular.woff") format("woff"), url("../fonts/ArchivoBlack-Regular/ArchivoBlack-Regular.ttf") format("truetype"), url("../fonts/ArchivoBlack-Regular/ArchivoBlack-Regular.svg#ArchivoBlack-Regular") format("svg");
  font-weight: 100;
}

@font-face {
  font-family: 'Archivo';
  src: url("../fonts/Archivo-Medium/Archivo-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Archivo-Medium/Archivo-Medium.woff") format("woff"), url("../fonts/Archivo-Medium/Archivo-Medium.ttf") format("truetype"), url("../fonts/Archivo-Medium/Archivo-Medium.svg#Archivo-Medium") format("svg");
  font-weight: 200;
}

@font-face {
  font-family: 'Archivo';
  src: url("../fonts/Archivo-Bold/Archivo-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Archivo-Bold/Archivo-Bold.woff") format("woff"), url("../fonts/Archivo-Bold/Archivo-Bold.ttf") format("truetype"), url("../fonts/Archivo-Bold/Archivo-Bold.svg#Archivo-Bold") format("svg");
  font-weight: 300;
}

@font-face {
  font-family: 'Chedraui';
  src: url("../fonts/Chedraui/Chedraui-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Chedraui/Chedraui-Regular.woff") format("woff"), url("../fonts/Chedraui/Chedraui-Regular.ttf") format("truetype"), url("../fonts/Chedraui/Chedraui-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.icon_monedero::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' A';
}

.icon_monedero_png::after {
  background-image: url("../img/checkout/icon-recharge.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: '';
  width: 28px;
  height: 28px;
  display: inline-block;
}

.icon_new_monedero_png::after {
  background-image: url("../img/checkout/img-monedero.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: '';
  width: 90px;
  height: 60px;
  display: inline-block;
}

.icon_new_coupon_svg::after {
  background-image: url("../img/checkout/icon-coupon.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: '';
  width: 60px;
  height: 60px;
  display: inline-block;
  margin-right: 15px;
}

.icon_monedero_modal::after {
  background-image: url("../img/monedero-chedraui.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: '';
  width: 35px;
  height: 40px;
  margin-right: 10px;
  background-position-y: 17px;
  display: inline-block;
}

.recharge-icon-new::after {
  background-image: url("../img/checkout/icon-recharge.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: '';
  width: 28px;
  height: 26px;
  margin-right: 10px;
  display: inline-block;
}

.icon_notification::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' B';
}

.icon_shoppingcart::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' C';
}

.icon_add::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' D';
}

.icon_close::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' E';
}

.icon_location_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' F';
}

.icon_profile_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' G';
}

.icon_alert_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' H';
}

.icon_telephone_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' I';
}

.icon_card_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' J';
}

.icon_loader::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' K';
}

.icon_search::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' L';
}

.icon_vertical_arrows::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' M';
}

.icon_menu::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' N';
}

.icon_gift::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' O';
}

.icon_box_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' P';
}

.icon_truck_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' Q';
}

.icon_calendar_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' R';
}

.icon_closed_box_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' S';
}

.icon_trash_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' T';
}

.icon_checkmark::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' U';
}

.icon_more_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' V';
}

.icon_gear_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' W';
}

.icon_box2d_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' X';
}

.icon_edit_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' Y';
}

.icon_star_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' Z';
}

.icon_billing::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' a';
}

.icon_assistance::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' b';
}

.icon_store::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' c';
}

.icon_chat::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' d';
}

.icon_telephone::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' e';
}

.icon_location::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' f';
}

.icon_profile::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' G';
}

.icon_bag::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' h';
}

.icon_list::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' i';
}

.icon_card::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' j';
}

.icon_ticket::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' k';
}

.icon_tag::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' l';
}

.icon_logout::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' m';
}

.icon_message::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' n';
}

.icon_check::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' o';
}

.icon_star::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' p';
}

.icon_truck::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' q';
}

.icon_check_list::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' r';
}

.icon_calendar::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' s';
}

.icon_trash::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' t';
}

.icon_shopping_bold::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' u';
}

.icon_download::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' v';
}

.icon_arrow_up::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' 0';
}

.icon_arrow_down::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' 1';
}

.icon_arrow_left::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' 2';
}

.icon_arrow_right::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 3rem;
  color: #0D47A1;
  content: ' 3';
}

/*
----------------------------------------------------------------------
    Component: Tricks
----------------------------------------------------------------------
*/
.arrow-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}

.arrow-up__big {
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 25px solid green;
}

.search-wireframe {
  width: 100%;
  max-width: 500px;
  opacity: .2;
  cursor: pointer;
}

/*
----------------------------------------------------------------------
    Component: Autocomplete
----------------------------------------------------------------------
*/
.autocomplete-items {
  max-height: 415px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 0px !important;
  -webkit-box-shadow: 10px 14px 33px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 10px 14px 33px 4px rgba(0, 0, 0, 0.08);
}

.autocomplete-items div {
  border: 0px !important;
  color: rgba(62, 62, 62, 0.4);
}

.autocomplete-items div strong {
  color: #F57C00 !important;
}

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}

/*when hovering an item:*/
.autocomplete__image {
  width: 100px;
  margin-right: 10px;
  height: 100px;
}

/*
----------------------------------------------------------------------
    DEMOOOOOO
----------------------------------------------------------------------
*/
@media screen and (max-height: 700px) {
  width: 100%;
}

@media screen and (max-width: 400px) {
  width: 100%;
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  width: 100%;
}

@media screen and (max-width: 768px) {
  width: 80%;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  width: 80%;
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  width: 50%;
}

@media screen and (min-width: 1201px) {
  width: 50%;
}

/*
----------------------------------------------------------------------
   DEMOOOOOO
----------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------
    Component: Carrito Estado Zero
----------------------------------------------------------------------
*/
.general-tittle {
  font-family: 'archivobold';
  color: #3E3E3E;
  font-size: 16px;
}

/*
----------------------------------------------------------------------
    Component: Back
----------------------------------------------------------------------
*/
.back {
  background-color: green !important;
  padding: 20px  !important;
  color: white  !important;
}

/*
----------------------------------------------------------------------
    Component: Benefits
----------------------------------------------------------------------
*/
.benefits {
  background-color: #F6F6F7;
  padding: 20px !important;
}

.benefits__row {
  padding: 10px 0px;
}

/*
----------------------------------------------------------------------
    Component: Block Wizard 4
----------------------------------------------------------------------
*/
.block-wizard4 {
  background-color: green !important;
  padding: 20px  !important;
  color: white  !important;
}

@media screen and (max-width: 768px) {
  .margin-top-35-mobile {
    margin-top: 0px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .margin-top-35-mobile {
    margin-top: 0px !important;
  }
}

/*
----------------------------------------------------------------------
    Component: Button
----------------------------------------------------------------------
*/

@charset "UTF-8";
.subtitle {
  font-family: 'archivomedium';
  font-size: 14px;
  color: #777777;
}

@media screen and (max-width: 768px) {
  .subtitle {
    text-align: center;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .subtitle {
    text-align: center;
  }
}

a[type='button'].btn {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.orange-link16 {
  color: #F57C00;
  font-size: 16px;
  font-family: 'archivomedium';
  text-decoration: none;
}

.general-text {
  color: #777777;
  font-family: 'work_sansregular';
  font-size: 14px;
  line-height: 22px;
}

h1 {
  color: #0D47A1;
  font-family: 'archivo_blackregular';
  font-size: 28px;
  font-weight: normal;
  margin: 0px !important;
}

.h1-number {
  color: #0D47A1;
  font-family: 'archivo_blackregular';
  font-size: 28px;
  font-weight: normal;
  margin: 0px !important;
}

h2 {
  color: #0D47A1;
  font-family: 'archivobold';
  font-size: 20px;
  font-weight: normal;
  margin: 0px !important;
}

h3 {
  color: #0D47A1;
  font-family: 'archivo_blackregular';
  font-size: 18px;
  font-weight: normal;
  margin: 0px !important;
}

h4 {
  color: #0D47A1;
  font-family: 'archivobold';
  font-size: 16px;
  font-weight: normal;
  margin: 0px !important;
}

h5 {
  color: #FFF;
  font-family: 'archivobold';
  font-size: 28px;
  margin-top: 10px;
  margin-bottom: 0px;
}

.general-text-white {
  color: #FFFFFF;
  font-family: 'work_sansregular';
  font-size: 14px;
}

/* inputs */
input {
  width: 100%;
  height: auto !important;
  border: 2px solid #DCDCDC;
  border-radius: 7px;
  padding-left: 10px;
  font-family: 'work_sansregular';
  font-size: 16px;
  color: #3E3E3E;
}

input:hover {
  border: 2px solid #F57C00;
  background: #FEF8F2;
}

input:focus {
  border: 2px solid #F57C00;
  outline: 0px;
  background-color: #ffffff !important;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #DCDCDC;
  font-family: 'work_sansregular';
  font-size: 16px;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #DCDCDC;
  font-family: 'work_sansregular';
  font-size: 16px;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #DCDCDC;
  font-family: 'work_sansregular';
  font-size: 16px;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #DCDCDC;
  font-family: 'work_sansregular';
  font-size: 16px;
}

label {
  font-family: 'work_sansregular';
  font-size: 14px;
  color: #777;
  max-width: none;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px;
}

.btn-primary {
  font-family: 'archivobold';
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #f59b00), to(#f57c00));
  background-image: linear-gradient(180deg, #f59b00 25%, #f57c00 100%);
  border-color: #F57C00;
  width: 100%;
  font-size: 16px;
  border-radius: 7px;
  height: 50px !important;
  padding: 13px !important;
}

.orange-link12 {
  color: #F57C00;
  font-size: 12px;
  font-family: 'archivomedium';
  text-decoration: none;
}

.orange-link12:hover {
  opacity: .8;
  text-decoration: none;
  color: #F57C00;
}

.orange-link12 {
  color: #F57C00;
  font-size: 12px;
  font-family: 'archivomedium';
  text-decoration: none;
}

.back-button .icon_arrow-orange_left::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 36px;
  color: #F57C00;
  content: ' 2';
  margin-right: 10px;
  vertical-align: middle;
}

/* Tarjetas de crédito */
.card-visa {
  width: 222px;
  height: 132px;
  position: relative;
  background: #3a7eeb;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #3a7eeb), color-stop(100%, #0d48a1));
  background: -webkit-gradient(linear, left top, left bottom, from(#347FEB), to(#0D47A1));
  background: linear-gradient(to bottom, #347FEB 0%, #0D47A1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#347FEB', endColorstr='#0D47A1', GradientType=0 );
  overflow: hidden;
  z-index: 1;
  border-radius: 7px;
  -webkit-box-shadow: 0 20px 30px -15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 20px 30px -15px rgba(0, 0, 0, 0.4);
}

.card-mastercard {
  width: 210px;
  height: 132px;
  position: relative;
  margin: 0 auto;
  background: #EB3A3A;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #EB3A3A), color-stop(100%, #A10D0D));
  background: -webkit-gradient(linear, left top, left bottom, from(#EB3A3A), to(#A10D0D));
  background: linear-gradient(to bottom, #EB3A3A 0%, #A10D0D 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EB3A3A', endColorstr='#A10D0D', GradientType=0 );
  overflow: hidden;
  z-index: 1;
  border-radius: 7px;
  -webkit-box-shadow: 0 20px 30px -15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 20px 30px -15px rgba(0, 0, 0, 0.4);
}

.card-amex {
  width: 210px;
  height: 132px;
  position: relative;
  margin: 0 auto;
  background: #A5D949;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #A5D949), color-stop(100%, #429321));
  background: -webkit-gradient(linear, left top, left bottom, from(#A5D949), to(#429321));
  background: linear-gradient(to bottom, #A5D949 0%, #429321 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A5D949', endColorstr='#429321', GradientType=0 );
  overflow: hidden;
  z-index: 1;
  border-radius: 7px;
  -webkit-box-shadow: 0 20px 30px -15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 20px 30px -15px rgba(0, 0, 0, 0.4);
}

.card-carnet {
  width: 210px;
  height: 132px;
  position: relative;
  margin: 0 auto;
  background: #C53AEB;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #C53AEB), color-stop(100%, #5A0DA1));
  background: -webkit-gradient(linear, left top, left bottom, from(#C53AEB), to(#5A0DA1));
  background: linear-gradient(to bottom, #C53AEB 0%, #5A0DA1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C53AEB', endColorstr='#5A0DA1', GradientType=0 );
  overflow: hidden;
  z-index: 1;
  border-radius: 7px;
  -webkit-box-shadow: 0 20px 30px -15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 20px 30px -15px rgba(0, 0, 0, 0.4);
}

/* Tarjetas de crédito */
.card-content {
  width: 100%;
  padding: 15px 25px;
  position: relative;
  float: left;
  z-index: 1;
}

.credit-card-logo {
  margin-bottom: 10px;
}

.credit-card-number {
  font-family: 'archivosemibold';
  font-size: 16px;
  color: #ffffff;
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.41);
}

.credit-card-name {
  font-family: 'archivosemibold', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  text-align: left;
  margin: 0;
  margin-bottom: 5px;
}

.credit-card-date {
  font-family: 'Work Sans', sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: #ffffff;
  text-align: left;
  margin: 0;
  opacity: 0.5;
}

.main-wizard-container {
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
          filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
  padding: 50px 90px;
  margin-top: 40px;
  margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
  .main-wizard-container {
    padding: 50px 0px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .main-wizard-container {
    padding: 50px 0px;
  }
}

.container-fluid {
  width: 100%;
}

.container-fluid-2 {
  padding: 0px !important;
  width: 100%;
}

.col-no-padding {
  padding: 0px !important;
}

/* Monedero */
.card-monedero {
  width: 229px;
  height: 148px;
  border-radius: 14px 14px 14px 14px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url(../img/monedero-chedraui.png);
  -webkit-box-shadow: 0 20px 30px -15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 20px 30px -15px rgba(0, 0, 0, 0.4);
}

.card-monedero-new {
  width: 232px;
  height: 148px;
  border-radius: 14px 14px 14px 14px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url(../img/checkout/img-monedero.png);
  background-size: cover;
}

.card-monedero_numero {
  width: auto;
  height: 0px;
  font-family: 'archivosemibold';
  font-size: 16px;
  letter-spacing: 1px;
}

.padding-top-5 {
  padding-top: 5px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-35 {
  margin-top: 35px;
}

.margin-top-60 {
  margin-top: 60px;
}

.margin-bottom-35 {
  margin-bottom: 35px;
}

.margin-bottom-70 {
  margin-bottom: 70px;
}

.no-margin {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

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

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

.margin-right-30 {
  margin-right: 30px;
}

@media screen and (max-width: 768px) {
  .margin-right-30 {
    margin-right: 0px;
  }
}

.leyend {
  font-family: 'work_sansregular';
  font-size: 12px;
  color: #BBBBBB;
}

.width-60 {
  width: 60%;
}

@media screen and (max-width: 768px) {
  .width-60 {
    width: 100%;
  }
}

.step-circular__txt {
  width: 100%;
  color: #777777;
  font-family: 'work_sansregular';
  font-size: 14px;
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
}

.p-width-200-120 {
  width: 200px;
  height: 120px;
}

.letter-spacing-2 {
  letter-spacing: -.2px !important;
}

.dropdown-coupon {
  width: 75%;
}

.dropdown-coupon-wizard4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}

.a-30 {
  width: 30%;
}

@media screen and (max-width: 768px) {
  .a-30 {
    width: 60%;
  }
}

@charset "UTF-8";
/*
----------------------------------------------------------------------
    Component: Global  new
----------------------------------------------------------------------
*/
/*! Archivo */
@font-face {
  font-family: 'archivobold';
  src: url("../fonts/news/archivo/archivo-bold-webfont.woff2") format("woff2"), url("../fonts/news/archivo/archivo-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'archivobold_italic';
  src: url("../fonts/news/archivo/archivo-bolditalic-webfont.woff2") format("woff2"), url("../fonts/news/archivo/archivo-bolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'archivoitalic';
  src: url("../fonts/news/archivo/archivo-italic-webfont.woff2") format("woff2"), url("../fonts/news/archivo/archivo-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'archivomedium';
  src: url("../fonts/news/archivo/archivo-medium-webfont.woff2") format("woff2"), url("../fonts/news/archivo/archivo-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'archivomedium_italic';
  src: url("../fonts/news/archivo/archivo-mediumitalic-webfont.woff2") format("woff2"), url("../fonts/news/archivo/archivo-mediumitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'archivoregular';
  src: url("../fonts/news/archivo/archivo-regular-webfont.woff2") format("woff2"), url("../fonts/news/archivo/archivo-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'archivosemibold';
  src: url("../fonts/news/archivo/archivo-semibold-webfont.woff2") format("woff2"), url("../fonts/news/archivo/archivo-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'archivosemibold_italic';
  src: url("../fonts/news/archivo/archivo-semibolditalic-webfont.woff2") format("woff2"), url("../fonts/news/archivo/archivo-semibolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/*! Archivo Black */
@font-face {
  font-family: 'archivo_blackregular';
  src: url("../fonts/news/archivo/archivoblack-regular-webfont.woff2") format("woff2"), url("../fonts/news/archivo/archivoblack-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/*! Work Sans */
@font-face {
  font-family: 'work_sansextralight';
  src: url("../fonts/news/work-sans/worksans-extralight-webfont.woff2") format("woff2"), url("../fonts/news/work-sans/worksans-extralight-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'work_sansextrabold';
  src: url("../fonts/news/work-sans/worksans-extrabold-webfont.woff2") format("woff2"), url("../fonts/news/work-sans/worksans-extrabold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'work_sansbold';
  src: url("../fonts/news/work-sans/worksans-bold-webfont.woff2") format("woff2"), url("../fonts/news/work-sans/worksans-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'work_sansblack';
  src: url("../fonts/news/work-sans/worksans-black-webfont.woff2") format("woff2"), url("../fonts/news/work-sans/worksans-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'work_sansmedium';
  src: url("../fonts/news/work-sans/worksans-medium-webfont.woff2") format("woff2"), url("../fonts/news/work-sans/worksans-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'work_sanslight';
  src: url("../fonts/news/work-sans/worksans-light-webfont.woff2") format("woff2"), url("../fonts/news/work-sans/worksans-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'work_sanssemibold';
  src: url("../fonts/news/work-sans/worksans-semibold-webfont.woff2") format("woff2"), url("../fonts/news/work-sans/worksans-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'work_sansregular';
  src: url("../fonts/news/work-sans/worksans-regular-webfont.woff2") format("woff2"), url("../fonts/news/work-sans/worksans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'work_sansthin';
  src: url("../fonts/news/work-sans/worksans-thin-webfont.woff2") format("woff2"), url("../fonts/news/work-sans/worksans-thin-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/* Fuente Chedraui */
.new-styles {
  /* Generales */
  /* inputs */
  /* Estilos de titulos y subtitulos */
  /* Datos de productos */
  /* Texto link */
  /* Menú de departamentos  */
  /* Wizard  */
  /* Fuentes  */
  /*---- -------- -------- -------- Archivo Regular -------- -------- -------- ----*/
  /*---- -------- -------- -------- Archivo Medium -------- -------- -------- ----*/
  /*---- -------- -------- -------- Archivo Bold -------- -------- -------- ----*/
  /*---- -------- -------- -------- WordSans Regular -------- -------- -------- ----*/
  /*---- -------- -------- -------- WordSans Medium -------- -------- -------- ----*/
  /*---- -------- -------- -------- WordSans Bold -------- -------- -------- ----*/
  /*---- -------- -------- -------- -------- -------- -------- -------- ----*/
  /*---- -------- -------- -------- Colores Principales -------- -------- -------- ----*/
  /* Colores principales*/
  /* Escala de grises*/
  /* Padding*/
  /* Margen*/
  /* Monedero */
  /* Tarjetas de crédito */
  /* Dropdown envios */
  /* Elementos Paso 1 */
  /* Elementos Paso 3 */
  /* Elementos Nuevo */
  /* Elementos Paso 5 */
  /* Elementos Paso 6 */
  /* Elementos pre-definidos */
  /* Circulos paso 4 */
  /* Select */
}

.new-styles .wizard-container {
  padding: 50px 90px !important;
  margin: auto 0;
  background-color: white;
  -webkit-filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
  filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
  border-radius: 7px;
}

.new-styles .wizard-container-block {
  padding: 20px 20px !important;
  margin: 20px 20px;
  background-color: white;
  min-height: 300px;
  -webkit-filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
  filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
  border-radius: 7px;
  max-width: 225px;
}

.new-styles .wizard-container-summary {
  padding: 20px 40px;
  margin: 20px 20px;
  background-color: white;
  min-height: 280px;
  -webkit-filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
  filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
  border-radius: 7px;
  min-width: 206px;
}

.new-styles .summary-container {
  -webkit-filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
  filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
  background-color: white;
  border-radius: 7px;
  margin: 20px 0px;
}

.new-styles .summary-containerBottom {
  -webkit-filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
  filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
  background-color: white;
  border-radius: 7px;
  margin: 20px -15px;
}

.new-styles .summary-container-blue {
  padding: 40px 40px !important;
  background: #0D47A1;
  height: 180px !important;
  border-radius: 7px 7px 0px 0px;
}

.new-styles .summary-container-blue1 {
  padding: 20px 40px 20px 40px !important;
  background: #F3F6FA;
  height: 130px !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.new-styles .summary-container-white {
  padding: 20px 20px !important;
  background: white;
  border-radius: 7px;
}

.new-styles .summary-container-whiteData {
  padding: 20px 40px !important;
  background: white;
  border-radius: 7px;
}

.new-styles .icon_calendar::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #0D47A1;
  content: ' s';
  margin-right: 10px;
  vertical-align: middle;
}

.new-styles .icon_arrow_up-white::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #FFF;
  content: ' 0';
  vertical-align: middle;
}

.new-styles .icon_arrow_down-white::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #FFF;
  content: ' 1';
  vertical-align: middle;
}

.new-styles .icon_trash_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 36px;
  color: #D0021B;
  content: ' T';
  vertical-align: sub;
  margin-left: 10px;
}

.new-styles .icon_vertical_arrows::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #0D47A1;
  content: ' M';
  margin-left: 10px;
}

.new-styles .icon_message::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #F57C00;
  content: ' n';
  margin-left: 10px;
  vertical-align: sub;
}

.new-styles .icon_assistance::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #0D47A1;
  content: ' b';
  margin-right: 10px;
  vertical-align: sub;
}

.new-styles .icon_tag::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 28px;
  color: #0D47A1;
  margin-right: 10px;
  content: ' l';
  vertical-align: sub;
}

.new-styles .icon_truck::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #0D47A1;
  content: ' q';
  vertical-align: sub;
  margin-right: 10px;
}

.new-styles .icon_truck-blue::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #0D47A1;
  content: ' q';
  vertical-align: sub;
  margin-right: 10px;
}

.new-styles .icon_truck-white::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #FFF;
  content: ' q';
  vertical-align: sub;
  margin-right: 10px;
}

.new-styles .icon_store::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #0D47A1;
  content: ' c';
  margin-right: 10px;
  vertical-align: middle;
}

.new-styles .icon_truck-gray::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #777;
  content: ' q';
  vertical-align: sub;
  margin-right: 10px;
}

.new-styles .icon_store-gray::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #777;
  content: ' c';
  margin-right: 10px;
  vertical-align: middle;
}

.new-styles .icon_shopping-bold::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #0D47A1;
  content: ' u';
  vertical-align: middle;
  margin-right: 10px;
}

.new-styles .icon_edit_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 36px;
  color: #F57C00;
  content: ' Y';
  margin-left: 10px;
  vertical-align: middle;
  padding-right: 10px;
}

.new-styles .icon_edit_outline-blue::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 36px;
  color: #0D47A1;
  content: ' Y';
  margin-left: 10px;
  vertical-align: middle;
}

.new-styles .icon_arrow-orange_left::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 36px;
  color: #F57C00;
  content: ' 2';
  margin-right: 10px;
  vertical-align: middle;
}

.new-styles .icon_add::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 36px;
  color: #F57C00;
  content: ' D';
  margin-bottom: 10px;
}

.new-styles .icon_calendar_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 32px;
  color: #FFFFFF;
  content: ' R';
  margin-right: 10px;
  vertical-align: middle;
}

.new-styles .icon_calendar_outline-blue::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #0D47A1;
  content: ' R';
  margin-right: 10px;
  vertical-align: middle;
}

.new-styles .icon_profile_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 32px;
  color: #FFFFFF;
  content: ' G';
  margin-right: 10px;
  vertical-align: middle;
}

.new-styles .icon_location_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 32PX;
  color: #3E3E3E;
  content: ' F';
  margin-right: 10px;
  vertical-align: middle;
}

.new-styles .icon_location_outline-blue::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 32PX;
  color: #0D47A1;
  content: ' F';
  margin-right: 10px;
  vertical-align: middle;
}

.new-styles .icon_box_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 32px;
  color: #0D47A1;
  content: ' P';
  margin-right: 10px;
}

.new-styles .icon_box_outline_blue::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 58px;
  color: #0D47A1;
  content: ' P';
  margin-right: 10px;
  vertical-align: sub;
}

.new-styles .icon_box_outline-black::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 58px;
  color: #3E3E3E;
  content: ' P';
  margin-right: 10px;
  vertical-align: middle;
}

.new-styles .icon_truck_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 58px;
  color: #0D47A1;
  content: ' Q';
  vertical-align: middle;
  margin-right: 10px;
}

.new-styles .icon_closed_box_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 58PX;
  color: #0D47A1;
  content: ' S';
  margin-right: 10px;
  vertical-align: middle;
  font-weight: 400;
}

.new-styles .icon_calendar_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 58px;
  color: #0D47A1;
  content: ' R';
  margin-right: 10px;
  vertical-align: middle;
}

.new-styles .icon_card_blue::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 32px;
  color: #0D47A1;
  content: ' J';
  margin-right: 10px;
  vertical-align: middle;
}

.new-styles .icon_card_outline-white::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 32px;
  color: #FFF;
  content: ' J';
  margin-right: 10px;
  vertical-align: middle;
}

.new-styles .icon_profile_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 32PX;
  color: #0D47A1;
  content: ' G';
  margin-right: 10px;
  vertical-align: middle;
}

.new-styles .icon_telephone_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 58px;
  color: #0D47A1;
  content: ' I';
}

.new-styles .icon_message::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #F57C00;
  content: ' n';
  margin-left: 10px;
  vertical-align: middle;
}

.new-styles .icon_download-blue::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #0D47A1;
  content: ' v';
  margin-right: 10px;
  vertical-align: middle;
}

.new-styles p {
  font-family: 'work_sansregular';
  font-size: 14px;
  color: #777;
}

.new-styles a {
  color: #F57C00;
}

.new-styles label {
  /*margin: 5px 0px;*/
  font-family: 'work_sansregular';
  font-size: 14px;
  color: #777;
  width: 100%;
  margin-top: 5px;
}

.new-styles input {
  width: 100%;
  height: auto !important;
  border: 2px solid #DCDCDC;
  border-radius: 7px;
  padding-left: 10px;
  font-family: 'work_sansregular';
  font-size: 16px;
  color: #3E3E3E;
  margin-right: 5px;
}

.new-styles input:hover {
  border: 2px solid #F57C00;
  background: #FEF8F2;
}

.new-styles input:focus {
  border: 2px solid #F57C00;
  outline: 0px;
  background-color: #ffffff !important;
}

.new-styles ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #DCDCDC;
  font-family: 'work_sansregular';
  font-size: 16px;
}

.new-styles ::-moz-placeholder {
  /* Firefox 19+ */
  color: #DCDCDC;
  font-family: 'work_sansregular';
  font-size: 16px;
}

.new-styles :-ms-input-placeholder {
  /* IE 10+ */
  color: #DCDCDC;
  font-family: 'work_sansregular';
  font-size: 16px;
}

.new-styles :-moz-placeholder {
  /* Firefox 18- */
  color: #DCDCDC;
  font-family: 'work_sansregular';
  font-size: 16px;
}

.new-styles h1, .new-styles .h1 {
  color: #0D47A1;
  font-family: 'archivo_blackregular';
  font-size: 28px;
  font-weight: normal;
  margin-bottom: 0px;
  text-align: center;
  margin-top: 0px;
}

.new-styles h2 {
  color: #0D47A1;
  font-family: 'archivobold';
  font-size: 20px;
  font-weight: normal;
}

.new-styles h3 {
  color: #0D47A1;
  font-family: 'archivo_blackregular';
  font-size: 18px;
  font-weight: normal;
  margin-top: 0px;
}

.new-styles h4 {
  color: #0D47A1;
  font-family: 'archivobold';
  font-size: 16px;
  font-weight: normal;
  margin-top: 0px;
}

.new-styles h5 {
  color: #FFF;
  font-family: 'archivobold';
  font-size: 28px;
  margin-top: 10px;
  margin-bottom: 0px;
}

.new-styles .subtitle {
  font-family: 'archivomedium';
  font-size: 14px;
  color: #777777;
}

.new-styles .third-tittle {
  color: #0544A4;
  font-family: 'archivo_blackregular';
  font-size: 18px;
}

.new-styles .prodContainer6 {
  width: 100%;
  height: 130px;
  border: 3px solid #5472D3;
  background-color: #ffffff;
  margin-top: -3px;
}

.new-styles .product-name {
  color: #3E3E3E;
  font-family: 'archivobold';
  font-size: 18px;
  margin: 0px;
}

.new-styles .old-price {
  font-family: 'archivosemibold';
  color: #777;
  font-size: 12px;
  text-decoration: line-through;
  text-align: right;
  margin-bottom: 0px;
}

.new-styles .price {
  color: #3E3E3E;
  font-family: 'archivobold';
  font-size: 18px;
  margin: 0px;
  text-align: right;
}

.new-styles .descProdrecom {
  font-family: 'archivosemibold';
  font-size: 14px;
  color: #3E3E3E;
  text-align: left;
  margin: 0px;
}

.new-styles .addCartRec_6 {
  background-color: #F5F7FD;
  font-family: 'archivomedium';
  font-size: 12px;
  color: #0D47A1;
  padding: 8px;
  bottom: 0;
  border: 0px;
}

.new-styles .img-products {
  width: 70px;
}

.new-styles .item-products-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.new-styles .delate-link {
  color: #D0021B;
  font-size: 12px;
  font-family: 'archivomedium';
  text-decoration: none;
  margin-top: 5px;
  opacity: .4;
}

.new-styles .delate-link:hover {
  opacity: 1;
}

.new-styles .orange-link12 {
  color: #F57C00;
  font-size: 12px;
  font-family: 'archivomedium';
  text-decoration: none;
}

.new-styles .orange-link12:hover {
  opacity: .8;
  text-decoration: none;
  color: #F57C00;
}

.new-styles .orange-link12:active {
  opacity: .6;
  text-decoration: none;
  color: #F57C00;
}

.new-styles .orange-link16 {
  color: #F57C00;
  font-size: 16px;
  font-family: 'archivomedium';
  text-decoration: none;
}

.new-styles .blue-link12 {
  color: #0D47A1;
  font-size: 12px;
  font-family: 'archivomedium';
  text-decoration: none;
}

.new-styles .blue-link12:hover {
  opacity: .8;
  text-decoration: none;
}

.new-styles .blue-link {
  color: #0D47A1;
  font-size: 14px;
  font-family: 'archivomedium';
  text-decoration: none;
  margin-top: 5px;
}

.new-styles .blue-link:hover {
  opacity: .8;
  text-decoration: none;
}

.new-styles .link-general {
  font-family: 'archivosemibold';
  font-size: 14px;
  text-decoration: none;
}

.new-styles .link-menu {
  font-family: 'archivobold';
  font-size: 14px;
  text-decoration: none;
}

.new-styles .link-menu-sub {
  font-family: 'archivomedium';
  font-size: 14px;
  text-decoration: none;
}

.new-styles .item-promo {
  border: 3px solid #F57C00;
  padding: 0px 15px;
  border-radius: 42px;
  text-align: center;
  margin-right: 10px;
}

.new-styles .item-promo-text {
  color: #0D47A1;
  font-size: 12px;
  font-family: 'archivosemibold';
}

.new-styles .dropdown-menu {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 7px;
}

.new-styles .mainh5-menu {
  font-family: 'archivobold';
  font-size: 14px;
  color: #FFFFFF;
  text-decoration: none;
}

.new-styles .category-menu {
  font-family: 'archivobold';
  font-size: 14px;
  color: #0D47A1;
  text-decoration: none;
}

.new-styles .sub-menu {
  font-family: 'archivomedium';
  font-size: 14px;
  color: #0D47A1;
  text-decoration: none;
}

.new-styles .sub-menu:hover {
  opacity: .8;
}

.new-styles .departments-item:active {
  background-color: #5472D3;
}

.new-styles .departments-level2-item {
  padding: 10px !important;
  color: #0D47A1;
  width: 220px;
  border-radius: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  font-family: 'archivobold';
}

.new-styles .departments-level2-item:hover {
  background-color: #F57C00;
  color: #FFF;
}

.new-styles .wizard-line {
  border: 1px solid #5472D3;
  opacity: .2;
  margin-bottom: 20px;
}

.new-styles .content-summary .wizard-line {
  margin-top: 10px;
  margin-bottom: 10px;
}

.new-styles .wizard-line-pay {
  border: 1px solid #5472D3;
  opacity: .2;
  margin: 20px 0px;
}

.new-styles ul.pay-summary {
  padding-left: 0px;
  list-style: none;
}

.new-styles .summary-item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-height: 50px;
}

.new-styles .shopping-item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-height: 50px;
}

.new-styles .summary-pack-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.new-styles .summary-address-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.new-styles .summary-promo-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.new-styles .summary-address-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.new-styles .content-summary-pay {
  margin-bottom: 20px;
}

.new-styles .content-item-pack {
  margin-bottom: 5px;
}

.new-styles .item-sale {
  border: 3px solid #F57C00;
  padding: 10px 20px;
  border-radius: 42px;
}

.new-styles .item-number-tittle {
  font-family: 'archivo_blackregular';
  color: #0D47A1;
  font-size: 16px;
}

.new-styles .item-promo-text {
  color: #0D47A1;
  font-size: 12px;
  font-family: 'archivosemibold';
}

.new-styles .item-pay {
  background: #5472D3;
  padding: 25px;
  font-family: 'archivobold';
  font-size: 24px;
  color: #FFF;
}

.new-styles .item-pay-blue {
  background: #0D47A1;
  padding: 25px;
  font-family: 'archivobold';
  font-size: 24px;
  color: #FFF;
}

.new-styles .item-promo {
  border: 3px solid #F57C00;
  padding: 5px 10px;
  border-radius: 42px;
  text-align: center;
}

.new-styles .banner-promo {
  background: #0D47A1;
  padding: 25px;
  font-family: 'archivobold';
  font-size: 24px;
  color: #FFF;
}

.new-styles .item-text-link {
  font-family: 'archivobold';
  font-size: 14px;
  color: #F57C00;
  text-decoration: none;
  vertical-align: middle;
  margin-bottom: 35px;
  margin-top: 10px;
}

.new-styles .item-link {
  padding: 10px 35px;
}

.new-styles .item-padding {
  padding: 0px 35px;
}

.new-styles .link-blue-bold {
  font-family: 'archivobold';
  font-size: 14px;
  color: #0D47A1;
  text-decoration: none;
  vertical-align: middle;
  margin-bottom: 35px;
  margin-top: 10px;
}

.new-styles button {
  outline: 0px !important;
}

.new-styles .btn-primary {
  font-family: 'archivobold';
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #f59b00), to(#f57c00));
  background-image: linear-gradient(180deg, #f59b00 25%, #f57c00 100%);
  border-color: #F57C00;
  width: 100%;
  font-size: 16px;
  border-radius: 7px;
  height: 50px;
  margin-bottom: 20px;
  padding: 13px;
}

.new-styles .btn-primary:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #f57c00), to(#f59b00));
  background-image: linear-gradient(180deg, #f57c00 25%, #f59b00 100%);
  border: none;
}

.new-styles .btn-primary:focus {
  border: none;
}

.new-styles .btn-primary:active {
  background: #F57C00;
}

.new-styles .btn-general {
  font-family: 'archivobold';
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #f59b00), to(#f57c00));
  background-image: linear-gradient(180deg, #f59b00 25%, #f57c00 100%);
  border-color: #F57C00;
  width: 250px;
  font-size: 16px;
  border-radius: 7px;
  height: 50px;
  margin-bottom: 20px;
  padding: 13px;
}

.new-styles .btn-general:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #f57c00), to(#f59b00));
  background-image: linear-gradient(180deg, #f57c00 25%, #f59b00 100%);
  border: none;
  color: #FFF;
}

.new-styles .btn-general:focus {
  border: none;
}

.new-styles .btn-general:active {
  background: #F57C00;
}

.new-styles .btn-secundary {
  font-family: 'archivoregular';
  color: #5472D3;
  background-color: #FFF;
  border-color: #5472D3;
  width: 250px;
  font-size: 14px;
  border-radius: 7px;
  height: 50px;
  margin-bottom: 20px;
  padding: 13px;
}

.new-styles .btn-secundary:hover {
  opacity: .8;
  color: #5472D3;
}

.new-styles .btn-secundary:focus {
  border: none;
}

.new-styles .btn-secundary:active {
  background: #FFF;
  color: #5472D3;
}

.new-styles .item-img {
  max-width: 40px;
}

.new-styles .item-bullet:before {
  content: '•';
  padding-right: 7px;
  color: #5472D3;
  font-size: 18px;
}

.new-styles .wizard-number {
  font-family: 'archivobold';
  color: #0D47A1;
  font-size: 16px;
}

.new-styles .text-white-semi {
  font-family: 'archivosemibold';
  color: #FFF;
  font-size: 20px;
}

.new-styles .general-text {
  color: #777777;
  font-family: 'work_sansregular';
  font-size: 14px;
}

.new-styles .general-text-white {
  color: #FFFFFF;
  font-family: 'work_sansregular';
  font-size: 14px;
}

.new-styles .general-text-white-bold {
  color: #FFFFFF;
  font-family: 'work_sansbold';
  font-size: 14px;
}

.new-styles .general-text-black {
  color: #3E3E3E;
  font-family: 'work_sansregular';
  font-size: 14px;
}

.new-styles .general-text-yellow {
  color: #FFD600;
  font-family: 'work_sansbold';
  font-size: 14px;
}

.new-styles .general-text-bold {
  color: #3E3E3E;
  font-family: 'work_sansbold';
  font-size: 14px;
}

.new-styles .general-tittle {
  font-family: 'archivobold';
  color: #3E3E3E;
  font-size: 16px;
}

.new-styles .number-white {
  color: #FFF;
  font-family: 'archivoregular';
  font-size: 18px;
}

.new-styles .wizard-edit-summary {
  bottom: 0;
  position: fixed;
  background: none;
}

.new-styles .content-summary .wizard-edit-summary {
  margin-bottom: 10px;
}

.new-styles .br-xs {
  display: none;
}

.new-styles .archivoregular12 {
  font-family: 'archivoregular';
  font-size: 12px;
}

.new-styles .archivoregular14 {
  font-family: 'archivoregular';
  font-size: 14px;
}

.new-styles .archivoregular16 {
  font-family: 'archivoregular';
  font-size: 16px;
}

.new-styles .archivoregular18 {
  font-family: 'archivoregular';
  font-size: 18px;
}

.new-styles .archivomedium12 {
  font-family: 'archivomedium';
  font-size: 12px;
}

.new-styles .archivomedium14 {
  font-family: 'archivomedium';
  font-size: 14px;
}

.new-styles .archivomedium16 {
  font-family: 'archivomedium';
  font-size: 16px;
}

.new-styles .archivomedium18 {
  font-family: 'archivomedium';
  font-size: 18px;
}

.new-styles .archivobold12 {
  font-family: 'archivobold';
  font-size: 12px;
}

.new-styles .archivobold14 {
  font-family: 'archivobold';
  font-size: 14px;
}

.new-styles .archivobold16 {
  font-family: 'archivobold';
  font-size: 16px;
}

.new-styles .archivobold18 {
  font-family: 'archivobold';
  font-size: 18px;
}

.new-styles .worksansregular12 {
  font-family: 'work_sansregular';
  font-size: 12px;
}

.new-styles .worksansregular14 {
  font-family: 'work_sansregular';
  font-size: 14px;
}

.new-styles .worksansregular16 {
  font-family: 'work_sansregular';
  font-size: 16px;
}

.new-styles .worksansmedium12 {
  font-family: 'work_sansmedium';
  font-size: 12px;
}

.new-styles .worksansmedium14 {
  font-family: 'work_sansmedium';
  font-size: 14px;
}

.new-styles .worksansmedium16 {
  font-family: 'work_sansmedium';
  font-size: 16px;
}

.new-styles .worksansbold12 {
  font-family: 'work_sansbold';
  font-size: 12px;
}

.new-styles .worksansbold14 {
  font-family: 'work_sansbold';
  font-size: 14px;
}

.new-styles .worksansbold16 {
  font-family: 'work_sansbold';
  font-size: 16px;
}

.new-styles .worksansbold18 {
  font-family: 'work_sansbold';
  font-size: 18px;
}

.new-styles .leyend {
  font-family: 'work_sansregular';
  font-size: 12px;
  color: #BBBBBB;
}

.new-styles .yellow-primary {
  color: #FFD600;
}

.new-styles .blue-primary {
  color: #0D47A1;
}

.new-styles .orange-primary {
  color: #F57C00;
}

.new-styles .blue-secondary-1 {
  color: #5472D3;
}

.new-styles .blue-secondary-2 {
  color: #F3F6FA;
}

.new-styles .orange-secundary {
  color: #FEF8F2;
}

.new-styles .green-secondary {
  color: #7ed321;
}

.new-styles .red-secundary {
  color: #D0021B;
}

.new-styles .black-complementary {
  color: #3E3E3E;
}

.new-styles .white-complementary {
  color: #FFFFFF;
}

.new-styles .body-complementary {
  color: #F6F6F7;
}

.new-styles .grey-complementary-1 {
  color: #BBBBBB;
}

.new-styles .grey-complementary-2 {
  color: #777777;
}

.new-styles .p-l-0 {
  padding-left: 0px;
}

.new-styles .p-r-0 {
  padding-right: 0px;
}

.new-styles .p-0 {
  padding: 0px;
}

.new-styles .p-10 {
  padding: 10px;
}

.new-styles .m-t-5m {
  margin-top: -5px;
}

.new-styles .m-r-10 {
  margin-right: 10px;
}

.new-styles .m-r-20 {
  margin-right: 20px;
}

.new-styles .m-b-5 {
  margin-bottom: 10px;
}

.new-styles .m-b-10 {
  margin-bottom: 10px;
}

.new-styles .m-b-20 {
  margin-bottom: 20px;
}

.new-styles .m-b-30 {
  margin-bottom: 30px;
}

.new-styles .m-b-40 {
  margin-bottom: 40px !important;
}

.new-styles .m-b-60 {
  margin-bottom: 60px;
}

.new-styles .card-monedero {
  width: 229px;
  height: 148px;
  border-radius: 14px 14px 14px 14px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url(../img/monedero-chedraui.png);
  -webkit-box-shadow: 0 20px 30px -15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 20px 30px -15px rgba(0, 0, 0, 0.4);
}

.new-styles .card-monedero_numero {
  margin-top: 60px;
  width: auto;
  height: 0px;
  font-family: 'archivosemibold';
  font-size: 16px;
  color: #ffffff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.77);
  letter-spacing: 1px;
}

.new-styles .card-content {
  width: 100%;
  padding: 15px 25px;
  position: relative;
  float: left;
  z-index: 1;
}

.new-styles .credit-card-logo {
  margin-bottom: 10px;
}

.new-styles .credit-card-number {
  font-family: 'archivosemibold';
  font-size: 16px;
  color: #ffffff;
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.41);
}

.new-styles .credit-card-name {
  font-family: 'archivosemibold', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  text-align: left;
  margin: 0;
  margin-bottom: 5px;
}

.new-styles .credit-card-date {
  font-family: 'Work Sans', sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: #ffffff;
  text-align: left;
  margin: 0;
  opacity: 0.5;
}

.new-styles .dateLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0px;
  margin-left: 20px;
  width: 100%;
}

.new-styles .arrow-down {
  background: #0D47A1;
  width: 63px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: 8px 0px;
  text-align: center;
}

.new-styles .arrow-down svg {
  padding: 20px 0px;
  margin-left: 8px;
}

.new-styles .deliver-dropdown svg {
  margin-right: 14px;
}

.new-styles .activo {
  background: #0D47A1 !important;
}

.new-styles .selected .arrow-down {
  background: #5472d3 !important;
}

.new-styles .dropdown-text {
  font-family: 'archivobold';
  font-size: 16px;
  color: #FFF;
}

.new-styles .item-pay-yellow {
  background: #ffe666;
  padding: 25px;
  font-family: 'archivobold';
  font-size: 24px;
  color: #0D47A1;
}

.new-styles .img-svg {
  margin-right: 10px;
  vertical-align: middle;
}

.new-styles .text-option {
  font-family: 'archivomedium_italic';
  font-size: 12px;
  color: #0D47A1;
}

.new-styles .content_commentary {
  background-color: #FFF2B2;
  border-radius: 7px;
  padding: 10px;
}

.new-styles .item_commentary_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.new-styles .tittle-summary-blue {
  font-family: 'archivobold';
  color: #0D47A1;
  font-size: 21px;
}

.new-styles .icon_arrow_down-orange::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #F57C00;
  content: ' 1';
  margin-left: 10px;
}

.new-styles .main-wizard3-container {
  padding: 60px 90px !important;
  margin: 40px 0px;
  background-color: white;
  min-height: 1500px;
  -webkit-filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
  filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
}

.new-styles .product-container {
  padding: 0px 20px 20px 20px !important;
  background-color: white;
  -webkit-filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
  filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
  border-radius: 7px;
  border: 2px solid #DCDCDC;
  margin-bottom: 20px;
}

.new-styles .message-container {
  padding: 10px 20px 10px 20px !important;
  background-color: white;
  -webkit-filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
  filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
  border-radius: 7px;
  border: 2px solid #DCDCDC;
  margin-bottom: 20px;
}

.new-styles .container-inout-dhl {
  margin-top: 60px;
}

.new-styles .icon_profile::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #0D47A1;
  content: ' G';
  margin-right: 10px;
  vertical-align: middle;
}

.new-styles .number-orange {
  font-family: 'archivobold';
  color: #F57C00;
  font-size: 28px;
}

.new-styles .content-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 60px;
}

.new-styles .item-flex-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.new-styles .item-flex-start-pack {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.new-styles .item-flex-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.new-styles .item-info-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.new-styles .blue-line {
  border-left: 1px solid #5472D3;
  height: 100%;
  margin: 0px 60px;
  text-align: center;
}

.new-styles .content-info-summary {
  padding: 20px 40px 20px 0px;
  width: 100%;
}

.new-styles .yellow-line {
  background: #FFD600;
  width: 100%;
  height: 5px;
}

.new-styles .tittle-summary {
  font-family: 'archivobold';
  color: #3E3E3E;
  font-size: 21px;
}

.new-styles .tittle-summary-orange {
  font-family: 'archivobold';
  color: #F57C00;
  font-size: 18px;
}

.new-styles .content-margin {
  margin-left: 5%;
  margin-top: -15px;
}

.new-styles .content-products {
  margin: 20px 0px;
}

.new-styles .content-p-l-0 {
  padding-left: 0px;
}

.new-styles .content-p-r-0 {
  padding-right: 45px;
}

.new-styles .customer-empty-card {
  cursor: pointer;
}

.new-styles .customer-card {
  border-radius: 7px;
}

.new-styles .customer-empty-card .customer-card__title {
  background-color: transparent;
  border: 2px solid rgba(13, 71, 161, 0.2);
  border-bottom: none;
  height: 62px;
}

.new-styles .customer-card__title {
  background-color: rgba(13, 71, 161, 0.2);
  border-radius: 7px 7px 0px 0px;
  padding-top: 30px;
  padding-left: 50px;
  padding-right: 10px;
  padding-bottom: 10px;
  position: relative;
  font-family: 'Archivo';
  font-weight: 300;
  font-size: 1rem;
  color: #0D47A1;
}

.new-styles .customer-card__dir {
  padding: 20px;
  border-left: 2px solid rgba(13, 71, 161, 0.2);
  border-right: 2px solid rgba(13, 71, 161, 0.2);
  height: 130px;
  overflow: hidden;
  font-family: 'work_sansregular';
  font-weight: 100;
  font-size: 0.875rem;
  color: #777777;
}

.new-styles .customer-card__add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #F57C00;
  text-align: center;
}

.new-styles .customer-empty-card .customer-card__add-icon {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.new-styles .customer-empty-card .customer-card__aditional {
  background-color: #ffffff;
  border: 2px solid rgba(13, 71, 161, 0.2);
  border-top: 0px;
}

.new-styles .customer-card__aditional {
  padding: 5px 5px 5px 20px;
  background-color: #5472D3;
  border-radius: 0px 0px 7px 7px;
  color: #ffffff;
  font-weight: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 45px;
  font-family: 'work_sansregular';
  font-weight: 100;
  font-size: 0.75rem;
  color: #ffffff;
}

.new-styles .product-carousel {
  background-color: #5472D3;
  width: 100%;
  height: 40px;
  color: #ffffff;
  padding: 12px;
  font-weight: 300;
  font-family: 'archivobold';
  font-size: 16px;
}

.new-styles .btn-circular__circulo-normal {
  width: 100%;
  height: 100%;
  max-width: 160px;
  max-height: 160px;
  border: 2px solid #BBBBBB;
  border-radius: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: ease-in-out .3s;
  transition: ease-in-out .3s;
  margin-bottom: 40px;
}

.new-styles .step-circular__txt {
  width: 100%;
  color: #777777;
  margin-top: 20px;
  font-family: 'work_sansregular';
  font-size: 14px;
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
}

.new-styles .icon_monedero_png::after {
  background-image: url("../img/monedero-chedraui.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: '';
  width: 35px;
  height: 40px;
  position: absolute;
  margin-left: 5px;
}

.new-styles .icon_monedero_modal::after {
  background-image: url("../img/monedero-chedraui.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: '';
  width: 35px;
  height: 40px;
  position: absolute;
  margin-left: 5px;
}

.new-styles .btn-dropdown {
  font-family: 'archivomedium_italic', sans-serif;
  font-size: 12px;
  color: #5472D3;
  background-color: #F3F6FA;
  border-radius: 14px;
  width: 100%;
  border: none;
  text-align: left;
}

.new-styles select {
  background-color: #F3F6FA;
  height: 40px;
  font-family: 'archivomedium_italic', sans-serif;
  font-size: 14px;
  color: #0D47A1;
  min-width: 200px;
  border: none;
  border-radius: 20px;
  outline: none;
}

@media only screen and (max-width: 1200px) {
  .new-styles .wizard-container-block {
    margin: 20px 10px;
    max-width: 200px;
  }
  .new-styles .wizard-container-summary {
    margin: 20px 0px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-styles .wizard-container-block {
    margin: 20px 10px;
    max-width: 190px;
  }
  .new-styles .wizard-container-summary {
    margin: 20px 20px 20px 0px;
  }
  .new-styles .prodContainer6 {
    height: 151px;
  }
  .new-styles .main-wizard3-container {
    padding: 60px 30px !important;
    margin: 40px 0px;
    background-color: white;
    min-height: 1500px;
    -webkit-filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
    filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
  }
  .new-styles .container-inout-dhl {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 990px) {
  .new-styles .wizard-container-summary {
    max-height: 1000px;
  }
  .new-styles .content-p-r-0 {
    padding-left: 0px;
  }
  .new-styles .content-p-l-0 {
    padding-left: 20px;
  }
  .new-styles .img-products {
    width: 46%;
  }
  .new-styles .prodContainer6 {
    height: 151px;
  }
  .new-styles .content-infoxs {
    width: 400px;
  }
  .new-styles .container-inout-dhl {
    margin-top: 20px;
  }
  .new-styles .main-wizard3-container {
    padding: 60px 10px !important;
    margin: 40px 0px;
    background-color: white;
    min-height: 1500px;
    -webkit-filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
    filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
  }
  .new-styles .btn-general {
    width: 200px;
  }
}

@media only screen and (min-width: 569px) and (max-width: 998px) {
  .new-styles .item-flex-start {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .new-styles .summary-container-blue1 {
    height: 460px !important;
  }
  .new-styles .blue-line {
    height: 0px;
    border: 1px solid #5472D3;
    margin: 20px 0px;
    border-left: none;
    width: 100%;
  }
  .new-styles .content-p-r-0 {
    padding-right: 0px !important;
  }
}

@media only screen and (min-width: 479px) and (max-width: 568px) {
  .new-styles .prodContainer6 {
    height: 135px;
  }
  .new-styles .item-flex-start {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .new-styles .summary-container-blue1 {
    height: 370px !important;
  }
  .new-styles .blue-line {
    height: 0px;
    border: 1px solid #5472D3;
    margin: 10px 0px;
    border-left: none;
    width: 100%;
  }
  .new-styles .btn-general {
    width: auto;
  }
  .new-styles .content-p-r-0 {
    padding-right: 0px !important;
  }
}

@media only screen and (max-width: 480px) {
  .new-styles .wizard-container-summary {
    margin: 15px;
    padding: 20px 35px 5px 40px;
  }
  .new-styles .wizard-container-block {
    padding: 20px 20px !important;
    margin: 20px 0px;
    min-height: 250px;
    max-width: 100%;
  }
  .new-styles .summary-container-white {
    padding: 20px 20px 20px 20px !important;
  }
  .new-styles .content-summary {
    display: block;
  }
  .new-styles .content-text-xs {
    width: 90%;
  }
  .new-styles .br-xs {
    display: block;
  }
  .new-styles .summary-container-blue1 {
    height: 370px !important;
    padding: 20px 20px 20px 20px !important;
  }
  .new-styles .blue-line {
    height: 0px;
    border: 1px solid #5472D3;
    margin: 10px 0px;
    border-left: none;
    width: 100%;
  }
  .new-styles .content-info-summary {
    padding: 20px 0px 20px 0px;
  }
  .new-styles .summary-container {
    margin: 0px 0px 20px 0px;
  }
  .new-styles .item-info-between {
    display: block;
  }
  .new-styles .item-pay-blue {
    margin: 0px 0px 20px 0px;
  }
  .new-styles .prodContainer6 {
    height: 110px;
  }
  .new-styles .content-p-l-0 {
    padding: 0px;
  }
  .new-styles .img-products {
    width: 100%;
  }
  .new-styles .shopping-item-flex {
    display: block;
    height: auto;
  }
  .new-styles .img-products {
    width: 42%;
  }
  .new-styles .item-flex-start {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .new-styles .img-check {
    width: 100%;
  }
  .new-styles .summary-container-blue {
    padding: 20px 20px !important;
  }
  .new-styles .hidden-sm {
    display: none;
  }
  .new-styles .btn-general {
    width: 250px;
  }
  .new-styles .content-p-r-0 {
    padding-right: 0px !important;
  }
}

@media only screen and (max-width: 380px) {
  .new-styles .wizard-container-summary {
    padding: 20px 30px
  }
  .new-styles .item-pay {
    font-size: 18px;
  }
  .new-styles .item-link {
    padding: 10px 0px;
  }
  .new-styles .item-padding {
    padding: 0px;
  }
  .new-styles .none-xs {
    display: none;
  }
  .new-styles .content-p-l-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .new-styles .content-imgxs {
    width: 100px;
  }
  .new-styles .prodContainer6 {
    height: 108px;
  }
  .new-styles .m-b-0xs {
    margin-bottom: 0px;
  }
  .new-styles .img-products {
    width: 89%;
  }
}

@media only screen and (max-width: 320px) {
  .new-styles .br-xs {
    display: none;
  }
  .new-styles .item-text-link {
    text-align: center;
  }
  .new-styles .summary-container-white {
    padding: 20px !important;
  }
}

@media screen and (max-width: 768px) {
  .new-styles .summary-containerBottom {
    margin: 20px 5px;
  }
  .new-styles .item-info-between {
    padding: 0px 0px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .new-styles .summary-containerBottom {
    margin: 20px 5px;
  }
  .new-styles .item-info-between {
    padding: 0px 0px;
  }
}

@charset "UTF-8";
/*
----------------------------------------------------------------------
    Component: Step 5
----------------------------------------------------------------------
*/
.c-step5 .wizard-container-block {
  padding: 20px 20px !important;
  margin: 20px 20px;
  background-color: #ffffff;
  min-height: 280px;
  -webkit-filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
          filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
  border-radius: 7px;
  min-width: 206px;
}

.c-step5 .wizard-container-summary {
  padding: 20px 40px !important;
  margin: 20px 20px;
  background-color: #ffffff;
  min-height: 280px;
  -webkit-filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
          filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
  border-radius: 7px;
  min-width: 206px;
}

.c-step5 h1, .c-step5 h2, .c-step5 h3 {
  color: #0D47A1 !important;
  opacity: 1 !important;
}

.c-step5 h1 {
  color: #0D47A1;
  font-family: 'Archivo', sans-serif;
  font-weight: 100;
  font-size: 24px;
  margin-top: 10px;
  margin-bottom: 35px;
}

.c-step5 h3 {
  font-family: 'Archivo', sans-serif;
  font-weight: 100;
  color: #0D47A1;
  font-size: 16px;
  margin: 5px 0px 15px 0px;
}

.c-step5 .wizard-text-white {
  font-family: 'Archivo', sans-serif;
  font-weight: 100;
  color: #FFF;
  font-size: 18px;
}

.c-step5 .wizard-text-white14 {
  font-family: 'Archivo', sans-serif;
  font-weight: 100;
  color: #FFF;
  font-size: 14px;
}

.c-step5 .wizard-text-yellow {
  font-family: 'Archivo', sans-serif;
  font-weight: 100;
  color: #FFD600;
  font-size: 14px;
}

.c-step5 .wizard-line {
  border: 1px solid #5472D3;
  margin-bottom: 20px;
  opacity: .2;
}

.c-step5 .wizard-line-pay {
  border: 1px solid #5472D3;
  opacity: .2;
}

.c-step5 .wizard-tittle-summary {
  font-family: 'Archivo', sans-serif;
  font-weight: 300;
  color: #3E3E3E;
  font-size: 16px;
}

.c-step5 .wizard-text-summary {
  font-family: 'WorkSans', sans-serif;
  font-weight: 100;
  color: #777777;
  font-size: 14px;
}

.c-step5 .text-pay-summary {
  font-family: 'WorkSans', sans-serif;
  font-weight: 200;
  color: #777777;
  font-size: 14px;
}

.c-step5 .text-date-summary {
  font-family: 'WorkSans', sans-serif;
  font-weight: 300;
}

.c-step5 .wizard-edit-summary {
  font-family: 'Archivo', sans-serif;
  font-weight: 100;
  font-size: 12px;
  bottom: 20px;
  position: fixed;
  background: none;
  color: #F57C00;
  border: none;
  text-decoration: none;
}

.c-step5 .wizard-edit-summary:focus {
  background: none;
}

.c-step5 .img-summary {
  width: 22px;
  margin: 0px 10px;
}

.c-step5 .img-summary2 {
  width: 22px;
  margin-right: 10px;
}

.c-step5 .p-l-0 {
  padding-left: 0px;
}

.c-step5 .p-0 {
  padding-right: 0px;
}

.c-step5 .items-sumary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-step5 ul.pay-summary {
  padding-left: 0px;
  list-style: none;
}

.c-step5 .summary-item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-step5 .summary-pack-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.c-step5 .summary-address-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.c-step5 .content-summary-pay {
  margin-bottom: 20px;
}

.c-step5 .content-item-pack {
  margin-bottom: 5px;
}

.c-step5 .item-sale {
  border: 2px solid #F57C00;
  padding: 10px 20px 5px 20px;
  border-radius: 42px;
}

.c-step5 .item-sale-tittle {
  font-family: 'Archivo', sans-serif;
  font-weight: 100;
  color: #0D47A1;
  font-size: 18px;
}

.c-step5 .item-sale-text {
  color: #0D47A1;
  font-size: 12px;
  font-family: 'Archivo', sans-serif;
  font-weight: 100;
}

.c-step5 .item-pay {
  background: #5472D3;
  padding: 25px;
  font-family: 'Archivo', sans-serif;
  font-weight: 300;
  font-size: 24px;
  color: #FFF;
}

.c-step5 .item-promo {
  background: #0D47A1;
  padding: 25px;
  font-family: 'Archivo', sans-serif;
  font-weight: 300;
  font-size: 24px;
  color: #FFF;
}

.c-step5 .item-text-link {
  font-family: 'Archivo', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #F57C00;
  text-decoration: none;
  vertical-align: middle;
  margin-bottom: 35px;
  margin-top: 10px;
}

.c-step5 .item-link {
  padding: 10px 35px;
}

.c-step5 .item-padding {
  padding: 0px 35px;
}

.c-step5 .item-text-link-blue {
  font-family: 'Archivo', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #0D47A1;
  text-decoration: none;
  vertical-align: middle;
  margin-bottom: 35px;
  margin-top: 10px;
}

.c-step5 .m-b-60 {
  margin-bottom: 60px;
}

.c-step5 .item-img {
  max-width: 50px;
}

.c-step5 .item-bullet:before {
  content: '•';
  padding-right: 7px;
  color: #5472D3;
  font-size: 18px;
}

.c-step5 .wizard-number {
  font-family: 'Archivo', sans-serif;
  font-weight: 300;
  color: #0D47A1;
  font-size: 16px;
}

.c-step5 .m-r-10 {
  margin-right: 10px;
}

@media only screen and (max-width: 380px) {
  .c-step5 h4.wizard-tittle-summary {
    font-family: 'Archivo', sans-serif;
    font-weight: 300;
    color: #3E3E3E;
    font-size: 14px;
  }
  .c-step5 .wizard-container-summary {
    padding: 20px 30px !important;
    margin: 0px 0px;
  }
  .c-step5 .item-pay {
    font-size: 18px;
  }
  .c-step5 .item-sale-tittle {
    font-size: 16px;
  }
  .c-step5 .wizard-text-white {
    font-size: 16px;
  }
  .c-step5 .wizard-text-white14 {
    font-size: 12px;
    width: 55%;
  }
  .c-step5 .wizard-text-yellow {
    font-size: 12px;
  }
  .c-step5 .item-link {
    padding: 10px 0px;
  }
  .c-step5 .content-text-xs {
    width: 90%;
  }
  .c-step5 .item-padding {
    padding: 0px;
  }
  .c-step5 .none-xs {
    display: none;
  }
  .c-step5 .item-sale-text {
    font-size: 14px;
  }
}

/*
----------------------------------------------------------------------
    Component: c step5 new
----------------------------------------------------------------------
*/

/* No CSS */
/*
----------------------------------------------------------------------
    Component: c step5 new
----------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------
    Component: C Step6 Pay
----------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------
    Component: Card  component
----------------------------------------------------------------------
*/
.card-content {
  width: 100%;
  padding: 15px 25px;
  position: relative;
  float: left;
  z-index: 1;
}

/*
----------------------------------------------------------------------
    Component: Test component
----------------------------------------------------------------------
*/
.test {
  background-color: green !important;
  padding: 20px  !important;
  color: white  !important;
}

/*
----------------------------------------------------------------------
    Component: carritoB
----------------------------------------------------------------------
*/
.carritoB {
  background-color: green !important;
  padding: 20px  !important;
  color: white  !important;
}

/*
----------------------------------------------------------------------
    Component: carritoC
----------------------------------------------------------------------
*/
.carritoC {
  background-color: green !important;
  padding: 20px  !important;
  color: white  !important;
}

/*
----------------------------------------------------------------------
    Component: Carrito  component
----------------------------------------------------------------------
*/
.cart {
  background-color: #ffffff !important;
  color: white  !important;
}

.nav-tabs {
  border-bottom: 1px solid #777777;
}

p {
  margin: 5px 0px;
  font-family: 'work_sansregular';
  font-size: 14px;
  color: #777;
}

.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
  color: #777777;
  cursor: default;
  background-color: #fff;
  border: 1px solid #777777;
  border-bottom-color: transparent;
  height: 40px;
  padding: 6px 25px;
}

.nav-tabs li a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 7px 7px 0 0;
  color: #777777;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nav li a:hover, .nav li a:focus {
  text-decoration: none;
  background-color: #eee;
  height: 39px;
}

.nav-tabs li {
  margin-bottom: -13px;
}

li span {
  margin-top: -5px;
  margin-right: 6px;
}

.quantityPicker {
  width: 50px !important;
  height: 22px !important;
  border-left: 2px solid #F57C00;
  border-right: 2px solid #F57C00;
  border-top: none !important;
  border-bottom: none !important;
  padding: 4px 0px !important;
  border-radius: 0px !important;
  font-family: 'Archivo', sans-serif;
  font-size: 14px !important;
  font-weight: 100;
  text-align: center;
}

.mask-input-group {
  position: relative;
  display: block;
  border-collapse: separate;
  margin-top: -36%;
  width: 100%;
  margin-left: 15px;
}

.mask-input-group .form-control {
  float: none !important;
}

.btn-number {
  width: 41% !important;
  height: 24px !important;
  padding: 0px !important;
}

.quantity-right-plus {
  border-radius: 7px 7px 0px 0px !important;
  margin-bottom: 0px;
}

.quantity-right-plus svg {
  margin-bottom: 6px;
}

.quantity-left-minus {
  border-radius: 0px 0px 7px 7px !important;
  margin-right: -1px;
  margin-bottom: 0px;
}

.kgpzcontainer {
  width: 100%;
  margin-left: 40px;
}

.P2:after {
  position: absolute;
  content: '';
  width: 96%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  border-bottom: 1px solid rgba(13, 71, 161, 0.2);
  bottom: 0px;
}

.P3:after {
  position: absolute;
  content: '';
  width: 96%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  border-bottom: 1px solid rgba(13, 71, 161, 0.2);
  bottom: 240px;
}

.P4:after {
  position: absolute;
  content: '';
  width: 96%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  border-bottom: 1px solid rgba(13, 71, 161, 0.2);
  bottom: -10px;
}

.check-box input[type=checkbox] {
  /*margin-left: -75px !important;*/
  margin-top: 38%;
  z-index: 9999;
}

.dropdown-toggle, .dropdown-menu {
  width: 100%;
}

.btn-group {
  margin-right: 20px;
}

.dropdown-menu li a:hover {
  background: #f1f9fd;
  color: #5472D3;
}

.dropdown-menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: 'Archivo', sans-serif;
  font-size: 12px;
  color: #5472D3;
  border-radius: 7px;
  width: 100%;
  padding: 0px 15px;
}

.dropdown-menu li a p {
  margin-top: 3px;
}

.dropdown-menu li a svg {
  margin-right: 10px;
  margin-left: -7px;
}

.dropdown-header {
  background: #ccc;
  font-size: 14px;
  font-weight: 700;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 10px;
  margin-bottom: 5px;
}

.btn-dropdown {
  font-family: 'archivomedium_italic', sans-serif;
  font-size: 12px;
  background-color: #F3F6FA;
  border-radius: 14px;
  width: 100%;
  border: none;
  text-align: left;
  padding: 0px 0px 5px 10px;
}

.btn-dropdown:hover {
  color: #5472D3;
  background-color: rgba(84, 114, 211, 0.05);
}

.btn-dropdown svg {
  margin-right: 10px !important;
}

.btn-dropdown p {
  margin-right: 10px !important;
  margin-bottom: 0px !important;
}

.btn-dropdown p:hover {
  color: #5472D3;
}

.productFooterContainer .col-md-9, .col-md-3 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.blueBigLabel {
  background-color: #0D47A1;
  padding: 25px 31px;
}

.blueBigLabel h2 {
  font-family: 'Archivo', sans-serif;
  font-size: 24px;
  font-weight: 200;
  float: left;
  color: #ffffff;
  padding: 0 !important;
  margin: 0 !important;
  text-transform: none !important;
}

.blueBigLabel h1 {
  font-family: 'Archivo', sans-serif;
  font-size: 24px;
  font-weight: 200;
  float: right;
  color: #ffffff !important;
  padding: 0 !important;
  margin: 0px 0px 1px 0px !important;
  text-transform: none !important;
}

.productTools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left !important;
  color: #0D47A1 !important;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.item-pay-blue {
  background: #0D47A1;
  padding: 25px;
  font-family: 'archivobold';
  font-size: 24px;
  color: #FFF;
  /*margin: 0px 20px;*/
}

.summary-item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-height: 50px;
}

.item-promo {
  border: 3px solid #F57C00;
  padding: 1px 15px;
  border-radius: 42px;
  text-align: center;
  margin-right: 10px;
}

.item-promo-text {
  color: #0D47A1;
  font-size: 12px;
  font-family: 'archivosemibold';
  margin: 0 !important;
}

.icon_tag::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 28px;
  color: #0D47A1;
  margin-right: 10px;
  content: 'l';
  vertical-align: sub;
}

.delate-link {
  color: #D0021B;
  font-size: 12px;
  font-family: 'archivomedium';
  text-decoration: none;
  margin-top: 5px;
  opacity: .4;
}

.delate-link:hover {
  color: #D0021B;
  opacity: 1;
}

.icon_trash_outline::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 36px;
  color: #D0021B;
  content: 'T';
  vertical-align: sub;
  margin-left: 10px;
}

.icon_card_outline-white::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 32px;
  color: #FFF;
  content: 'J';
  margin-right: 10px;
  vertical-align: middle;
}

.general-text-white {
  color: #FFFFFF;
  font-family: 'work_sansregular';
  font-size: 14px;
}

.general-text-white-bold {
  color: #FFFFFF;
  font-family: 'work_sansbold';
  font-size: 14px;
}

.item-pay-yellow {
  background: #ffe666;
  padding: 25px;
  font-family: 'archivobold';
  font-size: 24px;
  color: #0D47A1;
}

.img-svg {
  margin-right: 10px;
  vertical-align: middle;
}

.shopping-item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-height: 50px;
}

.general-text-black {
  color: #3E3E3E;
  font-family: 'work_sansregular';
  font-size: 14px;
}

.general-text-bold {
  color: #3E3E3E;
  font-family: 'work_sansbold';
  font-size: 14px;
}

.blue-link {
  color: #0D47A1;
  font-size: 14px;
  font-family: 'archivomedium';
  text-decoration: none;
}

.blue-link12 {
  color: #0D47A1;
  font-size: 12px;
  font-family: 'archivomedium';
  text-decoration: none;
}

.blue-link12:hover {
  opacity: .8;
  text-decoration: none;
}

.orange-link12 {
  color: #F57C00;
  font-size: 12px;
  font-family: 'archivomedium';
  text-decoration: none;
}

.orange-link12:hover {
  opacity: .8;
  text-decoration: none;
  color: #F57C00;
}

.icon_message::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #F57C00;
  content: 'n';
  margin-left: 10px;
  vertical-align: middle;
}

.icon_vertical_arrows::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #0D47A1;
  content: 'M';
  margin-left: 10px;
}

.icon_truck::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #0D47A1;
  content: 'q';
  vertical-align: sub;
  margin-right: 10px;
}

.text-option {
  font-family: 'archivomedium_italic';
  font-size: 12px;
  color: #0D47A1;
}

.icon_store::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #0D47A1;
  content: 'c';
  vertical-align: middle;
}

.icon_truck-gray::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #777;
  content: 'q';
  vertical-align: sub;
  margin-right: 10px;
}

.icon_store-gray::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #777;
  content: 'c';
  margin-right: 10px;
  vertical-align: middle;
}

.icon_shopping-bold::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #0D47A1;
  content: 'u';
  vertical-align: middle;
  margin-right: 10px;
}

.icon_arrow_up-white::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 18px;
  color: #FFF;
  content: '0';
  vertical-align: middle;
}

.icon_arrow_down-white::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 18px;
  color: #FFF;
  content: '1';
  vertical-align: middle;
}

a:hover, a:focus {
  color: #F57C05;
  text-decoration: underline;
}

.content_commentary {
  background-color: #FFF2B2;
  border-radius: 7px;
  padding: 10px;
}

.item_commentary_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.icon_edit_outline-blue::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 36px;
  color: #0D47A1;
  content: 'Y';
  margin-left: 10px;
  vertical-align: middle;
}

.btn-toggle {
  padding: 1px 5px !important;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  margin-right: 0px;
  margin-top: 5px;
}

.btn-switch {
  color: #ffffff;
  background-color: #F57C0A;
  border-color: #F57C0A;
}

.btn-default {
  color: rgba(119, 119, 119, 0.5);
  background-color: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.1);
}

.btn-switch:hover, .btn-switch:focus {
  color: #ffffff;
  text-decoration: none;
}

.input-group-btn:last-child .btn, .input-group-btn:last-child .btn-group {
  margin-left: 0px;
}

.middleDiv {
  position: relative;
  line-height: 1;
}

.middleDiv p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: right;
  line-height: 0.7;
  margin-right: -16px;
  height: 100px;
  margin-top: 3px;
}

.middleDiv span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: right;
  background: black;
  line-height: 0;
}

sub {
  bottom: 0px;
}

.wizardUno {
  padding-left: 50px;
}

.number-orange {
  font-family: 'archivobold';
  color: #F57C00;
  font-size: 28px;
}

.icon_telephone-orange::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #F57C00;
  content: 'e';
  margin-right: 10px;
}

.icon_telephone-blue::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #0E47A7;
  content: 'e';
  margin-right: 10px;
}

.banner {
  width: 100%;
}

.inactive {
  opacity: 0.3;
}

.displayFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.selectPoints {
  width: auto !important;
}

.displayFlex label {
  margin-top: 4px;
  margin-left: 10px;
}

.push-right {
  float: right;
  width: 100%;
  text-align: right;
}

.item-promo-W1 {
  border: 3px solid #F57C00;
  padding: 1px 15px;
  border-radius: 42px;
  text-align: center;
  margin-right: 10px;
  height: 37px;
  margin-top: 5px;
}

input {
  height: auto;
}

/*Firefox styles*/
@-moz-document url-prefix() {
  .new-modals-form select {
    border-radius: 7px;
  }
  .new-styles .content-summary {
    margin-top: 20px;
  }
  .searchProduct {
    width: auto;
    height: 85px !important;
    margin-right: 20px;
  }
  .steps-item {
    width: 120px;
    height: 180px;
    position: relative;
    z-index: 2;
    -moz-filter: drop-shadow(0px -20px 5px rgba(62, 62, 62, 0.2));
    -webkit-filter: drop-shadow(0px -20px 5px rgba(62, 62, 62, 0.2));
    filter: drop-shadow(0px -20px 5px rgba(62, 62, 62, 0.2));
    cursor: default;
    margin: 0px 10px;
  }
  .steps-text {
    width: 120px;
    height: 170px;
    position: relative;
    z-index: 3;
    padding: 15px;
    padding-top: 50px;
  }
  .steps-background {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
  }
  .steps-clip {
    width: 100%;
    height: 115%;
    background-color: #5472D3;
    -moz-clip-path: polygon(100% 0, 100% 80%, 49% 91%, 0 80%, 0 0);
    -webkit-clip-path: polygon(100% 0, 100% 80%, 49% 91%, 0 80%, 0 0);
    clip-path: polygon(100% 0, 100% 80%, 49% 91%, 0 80%, 0 0);
    position: relative;
  }
  .steps-clip:after {
    width: 100%;
    height: 100%;
    top: -5px;
    background-color: #ffffff;
    -moz-clip-path: polygon(100% 0, 100% 80%, 49% 91%, 0 80%, 0 0);
    -webkit-clip-path: polygon(100% 0, 100% 80%, 49% 91%, 0 80%, 0 0);
    clip-path: polygon(100% 0, 100% 80%, 49% 91%, 0 80%, 0 0);
    content: '';
    position: absolute;
  }
  .check-box input[type="checkbox"] {
    margin-left: -95px !important;
    margin-top: 38%;
    z-index: 9999;
  }
}

/*Opera styles*/
noindex:-o-prefocus, .check-box input[type="checkbox"] {
  margin-left: -75px;
  margin-top: 38%;
  z-index: 9999;
}

/*Safari and opera styles*/
.new-styles .wizard-edit-summary:not(:root:root) {
  bottom: 0;
  position: absolute;
  background: none;
}

.new-styles .wizard-container-block:not(:root:root) {
  min-height: 330px;
}

/*Internet Explorer styles*/
_:-ms-fullscreen, :root .searchProduct {
  width: auto;
  height: 85px !important;
  margin-right: 20px;
}

_:-ms-fullscreen, :root .check-box input[type="checkbox"] {
  margin-left: -95px !important;
  margin-top: 38%;
  z-index: 9999;
}

_:-ms-fullscreen, :root .quantityPicker {
  width: 52px !important;
  margin-left: 30% !important;
}

_:-ms-fullscreen, :root .arrow-down {
  padding-left: 6px;
  padding-top: 13px;
}

_:-ms-fullscreen, :root .icon_add {
  margin-top: 90px;
}

_:-ms-fullscreen, :root .displayFlex label {
  margin-top: 18px;
}

_:-ms-fullscreen, :root .new-styles .wizard-edit-summary {
  bottom: 0;
  position: absolute;
  background: none;
}

_:-ms-fullscreen, :root .new-styles .wizard-edit-summary {
  bottom: 0;
  position: absolute;
  background: none;
}

_:-ms-fullscreen, :root .header-user-panel {
  width: 700px;
}

_:-ms-fullscreen, :root .webapp {
  display: block;
}

_:-ms-fullscreen, :root .webapp {
  display: block;
}

@media screen and (max-width: 400px) {
  .item-promo-text {
    text-overflow: ellipsis;
    width: 100%;
    max-width: 260px !important;
    white-space: nowrap;
    overflow: hidden;
  }
  .emptyCart-checkout {
    display: block !important;
    width: 100%;
  }
  .item-promo-W1 {
    width: 100%;
    height: auto;
  }
  .main-wizard-container {
    padding: 0px 10px !important;
  }
  .item-pay-blue {
    padding: 10px;
    font-size: 18px;
  }
  .item-pay-yellow {
    padding: 20px 5px 40px 5px !important;
  }
  .col-xs-6 {
    width: 42%;
  }
  .middleDiv p {
    font-size: 15px;
    height: 0px;
  }
  .nav li a {
    padding: 11px 11px;
  }
  .nav-tabs {
    border-bottom: 1px solid #777777;
    margin-top: 80px;
  }
  .wrap .descProd {
    font-size: 14px !important;
  }
  .wrap .price {
    font-size: 16px;
  }
  .wrap .mobile {
    width: auto;
    height: 74px;
  }
  .advertising .noPadding-l {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .advertising .noPadding-r {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .shopping-item-flex {
    display: block !important;
    height: auto !important;
  }
  .product-carousel1 {
    padding: 10px 20px !important;
    font-size: 14px !important;
  }
  .nav-tabs li span {
    display: none;
  }
  .nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
    height: 29px;
    padding: 2px 3px !important;
  }
  .nav-tabs li {
    margin-bottom: -10px !important;
  }
  .nav li a {
    padding: 3px 11px !important;
  }
  .nav li a:hover, .nav li a:focus {
    height: 29px;
  }
  .btn-dropdown {
    border-radius: 7px;
  }
  .addComment {
    margin-top: 10px !important;
  }
  .item-promo {
    margin-bottom: 20px;
  }
  .step {
    padding: 20px !important;
  }
  .addCartRec {
    height: 46px;
  }
  .wizardUno {
    padding-left: 30px !important;
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .wrap .mobile.no-product-image {
    height: 60px;
    margin-top: 10px;
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .item-promo-text {
    text-overflow: ellipsis;
    width: 100%;
    max-width: 260px !important;
    white-space: nowrap;
    overflow: hidden;
  }
  .emptyCart-checkout {
    display: block !important;
    width: 100%;
  }
  .item-promo-W1 {
    width: 100%;
    height: auto;
  }
  .step {
    padding: 10px 30px !important;
  }
  .item-pay-blue {
    padding: 20px;
    font-size: 21px;
  }
  .item-pay-yellow {
    padding: 10px 20px 30px 20px;
  }
  .btn-dropdown {
    border-radius: 7px;
  }
  .mobile-deliver {
    margin-left: -30px;
  }
  .main-wizard-container {
    padding: 0px 10px !important;
  }
  .middleDiv p {
    font-size: 15px;
    margin-top: 10px;
    height: 0px;
  }
  .col-xs-6 {
    width: 48%;
  }
  .nav li a {
    padding: 11px 11px;
  }
  .nav-tabs li {
    margin-bottom: -15px;
  }
  .nav-tabs li span {
    display: none;
  }
  .nav-tabs {
    border-bottom: 1px solid #777777;
    margin-top: 80px;
  }
  .wrap .descProd {
    font-size: 14px !important;
  }
  .wrap .price {
    font-size: 16px;
  }
  .wrap .mobile {
    width: auto;
    height: 74px;
  }
  .shopping-item-flex {
    display: block !important;
    height: auto !important;
  }
  .product-carousel1 {
    padding: 10px 20px !important;
  }
  .addComment {
    margin-top: 10px !important;
  }
  .item-promo {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  .item-promo-text {
    text-overflow: ellipsis;
    width: 100%;
    max-width: 445px;
    white-space: nowrap;
    overflow: hidden;
  }
  .emptyCart-checkout {
    display: block !important;
    width: 100%;
  }
  .item-promo-W1 {
    width: 100%;
    height: auto;
  }
  .nav-tabs {
    display: none;
  }
  .main-wizard-container {
    padding: 0px 20px !important;
  }
  .btn-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -20px;
  }
  .P2:after {
    bottom: -20px;
    margin-bottom: 20px;
  }
  .nav-tabs li {
    font-size: 12px;
    margin-bottom: -15px;
  }
  .nav-tabs li svg {
    display: none;
  }
  .nav li a {
    padding: 11px 11px;
  }
  .nav-tabs {
    border-bottom: 1px solid #777777;
    margin-top: 80px;
  }
  .check-box input[type=checkbox] {
    display: none;
  }
  .quantityPicker {
    width: 50px !important;
    font-size: 12px !important;
    text-align: center;
  }
  .btn-number {
    width: 50px !important;
  }
  .mask-input-group {
    margin-top: 20px;
    margin-right: 5%;
    text-align: left;
    margin-left: 0px;
  }
  .productTools {
    display: none;
  }
  .promoLabel {
    margin-right: 0px;
  }
  .blueBigLabel h1 {
    font-size: 18px;
    margin: 0px 0px 0px 0px !important;
  }
  .blueBigLabel h2 {
    font-size: 18px;
  }
  .alert-blue2L p {
    font-size: 14px !important;
  }
  .alert-blue2L p span {
    font-size: 14px !important;
  }
  .alert-blue p {
    font-size: 14px !important;
  }
  .alert-blue p span {
    font-size: 14px !important;
  }
  .product-carousel-wizard {
    padding: 0 !important;
  }
  .emptyCart-checkout {
    margin: 0px 0px 0px 0px !important;
  }
  .noPadding-l {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .noPadding-r {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .product-carousel1 {
    padding: 10px 20px !important;
  }
  .dropdown-menu {
    min-width: 70px;
  }
  .item-promo {
    margin-bottom: 20px;
  }
  .wizardUno {
    padding-left: 10px;
  }
  .mask-input-group {
    margin-left: -10px !important;
  }
  _:-ms-fullscreen, :root .quantityPicker {
    width: 50px !important;
    margin-left: 2% !important;
  }
  _:-ms-fullscreen, :root .kgpzcontainer {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
  }
  _:-ms-fullscreen, :root .btn-toggle {
    display: block;
    width: 63px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .item-promo-text {
    text-overflow: ellipsis;
    width: 100%;
    max-width: 435px;
    white-space: nowrap;
    overflow: hidden;
  }
  _:-ms-fullscreen, :root .quantityPicker {
    width: 49% !important;
    margin-left: 26% !important;
  }
  .kgpzcontainer {
    margin-left: 0px;
  }
  .btn-toggle {
    margin-bottom: 10px;
    margin-left: 31%;
  }
  .wizardUno {
    padding-left: 0px;
  }
  .content_commentary {
    margin-bottom: 20px;
  }
  .main-wizard-container {
    padding: 0px 20px !important;
  }
  .nav-tabs {
    border-bottom: 1px solid #777777;
    margin-top: 80px;
  }
  .quantityPicker {
    width: 50% !important;
    font-size: 12px !important;
    text-align: center;
  }
  .btn-number {
    width: 50% !important;
  }
  .input-group-btn {
    margin-left: 0px;
    padding-left: 0px;
  }
  .P2:after {
    bottom: 0px;
  }
  .P3:after {
    bottom: 268px;
  }
  .P4:after {
    bottom: 0px;
  }
  .check-box input[type=checkbox] {
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    margin-top: 37%;
    z-index: 9999;
    min-height: 5px;
  }
  .mask-input-group {
    margin-top: -35%;
    margin-left: 15px !important;
  }
  .product-carousel-wizard {
    padding: 0 !important;
  }
  
  .wrap .price {
    line-height: 1;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .quantityPicker {
    width: 41% !important;
    font-size: 12px !important;
  }
  .kgpzcontainer {
    margin-left: 35% !important;
  }
  .item-promo-text {
    text-overflow: ellipsis;
    width: 100%;
    max-width: 460px;
    white-space: nowrap;
    overflow: hidden;
  }
}

@media screen and (min-width: 1201px) {
  .item-promo-text {
    text-overflow: ellipsis;
    width: 100%;
    max-width: 610px;
    white-space: nowrap;
    overflow: hidden;
  }
}

/*
----------------------------------------------------------------------
    Component: Channels
----------------------------------------------------------------------
*/
.channels {
  background-color: #ffffff;
  padding: 30px;
  color: #0D47A1;
}

.channels-row {
  text-align: left;
}

.channels-col {
  text-align: left;
  background-repeat: no-repeat;
  background-position: top right;
  background-image: url("../img/separator.png");
}

@media screen and (max-width: 768px) {
  .channels-col {
    background-image: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .channels-col {
    background-image: none;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .channels-col {
    background-image: none;
  }
}

@media screen and (min-width: 1201px) {
  .channels-col {
    padding-left: 15px;
  }
}

@media screen and (max-width: 768px) {
  .channels-section1 {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(187, 187, 187, 0.4);
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .channels-section1 {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(187, 187, 187, 0.4);
  }
}

@media screen and (max-width: 768px) {
  .channels-section2 {
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(187, 187, 187, 0.4);
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .channels-section2 {
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(187, 187, 187, 0.4);
  }
}

@media screen and (max-width: 768px) {
  .channels-section3 {
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(187, 187, 187, 0.4);
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .channels-section3 {
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(187, 187, 187, 0.4);
  }
}

.channels-section3 img {
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .channels-section4 {
    margin-top: 30px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .channels-section4 {
    margin-top: 30px;
  }
}

.channels-col__no-background {
  background-image: none;
}

.title-general {
  font-family: 'Archivo', sans-serif;
  font-weight: 100;
  font-size: 1.125rem;
  margin-bottom: 20px;
}

.text-bullet {
  padding: 8px 0px 8px 20px;
}

@media screen and (max-width: 768px) {
  .text-bullet {
    padding: 8px 0px 8px 0px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .text-bullet {
    padding: 8px 0px 8px 0px;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .text-bullet {
    padding: 8px 0px 8px 0px;
  }
}

.text-bullet .text-button {
  margin: 0px;
}

.title-bullet__orange .text-button {
  color: #F57C00;
}

.title-custom-grey {
  font-size: 0.875rem;
  color: #777777;
}

.channels-download {
  font-family: 'WorkSans', sans-serif;
  font-weight: 100;
}

.title-apps__img {
  text-align: left;
  padding-left: 0px;
}

.title-custom-strong-grey {
  font-family: 'WorkSans', sans-serif;
  font-weight: 300;
}

@media screen and (max-width: 400px) {
  .title-service__img img {
    width: 100%;
  }
}

.title-service__text {
  font-size: 0.875rem;
}

.title-apps__text {
  font-size: 0.875rem;
}

.title-socialnetworks__text {
  font-size: 0.875rem;
}

/*
----------------------------------------------------------------------
    Component: Checkbox
----------------------------------------------------------------------
*/
.styled-checkbox {
  position: absolute;
  opacity: 0;
}

.styled-checkbox + label {
  position: relative;
  padding: 0;
}

.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  margin-top: 2px;
  display: inline-block;
  vertical-align: text-top;
  width: 15px;
  height: 15px;
  background: white;
  border-radius: 3px;
}

.styled-checkbox:hover + label:before {
  background: #4A90E2;
}

.styled-checkbox:checked + label:before {
  background: #4A90E2;
}

.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
          box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.styled-checkbox {
  text-align: center;
}

.component__container {
  padding: 30px;
  margin-bottom: 10px;
}

.component__example {
  padding: 30px;
  border-left: 5px solid orange;
  margin: 20px 0px;
  background-color: rgba(62, 62, 62, 0.03);
}

.component__example .header-user-panel__account--picture {
  width: 300px;
  margin: 0px auto;
}

.component__title {
  color: orange;
  margin-bottom: 30px;
  font-weight: lighter;
}

.component__sub-title {
  color: grey;
}

.components_body {
  margin-top: 60px;
}

.components__header {
  padding-top: 50px;
  padding-bottom: 50px;
}

.components__header h1 {
  padding-left: 30px;
}

.btn-copy {
  margin: 30px 0px;
}

.html {
  padding-left: 30px;
  font-size: 0.625rem;
}

.arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid orange;
  display: inline-block;
  padding-right: 10px;
}

.components__header--text {
  font-weight: lighter;
}

pre {
  padding: 0px;
  border: 0px;
}

/*
----------------------------------------------------------------------
    Component: Customer Card
----------------------------------------------------------------------

*/
.customer-card {
  border-radius: 7px;
}

@media screen and (max-width: 768px) {
  .customer-card {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .customer-card {
    margin-bottom: 30px;
  }
}

.customer-card__title {
  background-color: #F3F6FA;
  border-radius: 7px 7px 0px 0px;
  padding-top: 30px;
  padding-left: 50px;
  padding-right: 10px;
  padding-bottom: 10px;
  position: relative;
  border-top: 2px solid rgba(13, 71, 161, 0.2);
  border-left: 2px solid rgba(13, 71, 161, 0.2);
  border-right: 2px solid rgba(13, 71, 161, 0.2);
  font-family: 'Archivo', sans-serif;
  font-weight: 300;
  font-size: 1rem;
  color: #0D47A1;
}

.customer-card__title-text {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.customer-card__options {
  position: absolute;
  right: 20px;
  top: 10px;
  display: inline-block;
  width: auto;
  cursor: pointer;
}

.customer-card__options .icon_more_outline:after {
  position: absolute;
  right: 0px;
  font-size: 1.5rem;
}

.customer-card__favorite {
  position: absolute;
  left: 8px;
  top: -10px;
  display: inline-block;
  width: auto;
}

.customer-card__dir {
  padding: 20px;
  border-left: 2px solid rgba(13, 71, 161, 0.2);
  border-right: 2px solid rgba(13, 71, 161, 0.2);
  height: 130px;
  overflow: hidden;
}

.customer-card__aditional {
  padding: 10px 5px 5px 20px;
  background-color: #5472D3;
  border-radius: 0px 0px 7px 7px;
  color: #ffffff;
  font-weight: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 60px;
  font-family: 'WorkSans', sans-serif;
  font-weight: 100;
  font-size: 0.75rem;
  color: #ffffff;
}

.customer-card__aditional-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.customer-card__aditional-close {
  padding: 5px;
  padding-top: 0px;
  cursor: pointer;
}

.customer-card__aditional-close a {
  color: #ffffff;
}

.customer-card__location {
  position: absolute;
  left: 15px;
  top: 20px;
}

.customer-card__location .icon_location:after {
  font-size: 1.875rem;
}

.customer-card-selector .customer-card__aditional {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.customer-card-selector .customer-card__aditional {
  background-color: #ffffff;
  border: 2px solid rgba(13, 71, 161, 0.2);
  border-top: 0px;
}

.customer-empty-card {
  cursor: pointer;
}

.customer-empty-card:hover .customer-card__add-icon {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}

.customer-empty-card .customer-card__add-icon {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.customer-empty-card .customer-card__add-icon:after {
  color: #F57C00;
}

.customer-empty-card .customer-card__title {
  background-color: transparent;
  border: 2px solid rgba(13, 71, 161, 0.2);
  border-bottom: none;
  height: 62px;
}

.customer-empty-card .customer-card__aditional {
  background-color: #ffffff;
  border: 2px solid rgba(13, 71, 161, 0.2);
  border-top: 0px;
}

.customer-empty-card .icon_more_outline {
  visibility: hidden;
}

.customer-done-card .customer-card__selector {
  border-radius: 1px #ffffff !important;
}

.customer-done-card .customer-card__selector img {
  width: 100%;
  height: 100%;
}

.customer-card__selector {
  border: 1px solid #7ed321;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 5px;
  margin-top: 5px;
  cursor: pointer;
}

.customer-card__selector img {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}

.customer-card__add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #F57C00;
  text-align: center;
}

.customer-card__add-text {
  margin-top: 10px;
  font-size: 1rem;
  font-family: 'Archivo', sans-serif;
  font-weight: 400;
}

.customer-selection-card .customer-card__title-text {
  color: #ffffff;
}

.customer-selection-card h4 {
  color: #ffffff;
}

.customer-selection-card .icon_location:after {
  color: #ffffff;
}

.customer-selection-card .customer-card__title {
  background-color: #F57C00;
  border-top: none;
  border-left: none;
  border-right: none;
}

.customer-selection-card .customer-card__aditional {
  border-color: #F57C00;
  border-width: 2px;
}

.customer-selection-card .customer-card__dir {
  border-color: #F57C00;
  border-width: 2px;
}

.customer-selection-card .icon_more_outline:after {
  color: #ffffff;
}

.customer-card__selector2 {
  cursor: pointer;
}

/*
----------------------------------------------------------------------
    Component: Customer Details Popup
----------------------------------------------------------------------
*/
.customer-details-popup {
  padding: 10px  !important;
  border: 2px solid #0D47A1;
  border-radius: 7px;
  position: relative;
  -webkit-box-shadow: 4px 5px 20px 0px rgba(62, 62, 62, 0.3);
          box-shadow: 4px 5px 20px 0px rgba(62, 62, 62, 0.3);
  width: 100%;
  max-width: 200px;
  background-color: #ffffff;
  margin-top: 35px;
  margin-left: 20px;
}

.customer-details-popup__option-arrow {
  position: absolute;
  right: 16px;
  top: -16px;
  width: 20px;
}

.customer-details-popup__option-arrow img {
  width: 100%;
}

/*
----------------------------------------------------------------------
    Component: Customer details popup item
----------------------------------------------------------------------
*/
.customer-details-popup__info {
  padding: 3px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
  font-family: 'WorkSans', sans-serif;
  font-weight: 200;
}

.customer-details-popup__option {
  border-bottom: 1px solid rgba(62, 62, 62, 0.2);
  color: #0D47A1;
  cursor: pointer;
}

.customer-details-popup__option:hover {
  background-color: #F3F6FA;
}

.customer-details-popup__option-clear {
  border-bottom: none !important;
}

.customer-details-popup__icon {
  margin-right: 10px;
}

.customer-details-popup__icon:after {
  font-size: 2.1875rem;
}

/*
----------------------------------------------------------------------
    Component:  Debug
----------------------------------------------------------------------
*/
.debug {
  display: none;
}

.debug {
  width: 25px;
  height: 25px;
  position: fixed;
  bottom: 20px;
  left: 20px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  z-index: 893274928;
}

.debug .text {
  font-size: 12px;
  margin-left: 40px;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 3px;
  color: white;
  width: 190px;
  font-family: Arial, Helvetica, sans-serif !important;
}

@media screen and (max-height: 700px) {
  .debug {
    background-color: #666699;
  }
}

@media screen and (max-width: 768px) {
  .debug {
    background-color: red;
  }
  .debug .text:after {
    content: ' (xs)';
  }
}

@media screen and (max-width: 400px) {
  .debug {
    background-color: #66ffcc;
  }
  .debug .text:after {
    content: ' (xs-offset-min)';
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .debug {
    background-color: #ff66ff;
  }
  .debug .text:after {
    content: ' (xs-offset)';
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .debug {
    background-color: #0066ff;
  }
  .debug .text:after {
    content: ' (sm)';
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .debug {
    background-color: #009933;
  }
  .debug .text:after {
    content: ' (md)';
  }
}

@media screen and (min-width: 1201px) {
  .debug {
    background-color: yellow;
  }
  .debug .text:after {
    content: ' (lg)';
  }
}

/*
----------------------------------------------------------------------
    Component: Departments Item
----------------------------------------------------------------------
*/
.departments-item {
  height: 60px;
  background-color: rgba(84, 114, 211, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #ffffff;
  font-size: 0.875rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
  border-radius: 7px;
  margin-right: 10px;
  cursor: pointer;
}

.departments-item .departments-item__icon-blue {
  display: none;
}

.departments-item:hover {
  background-color: rgba(84, 114, 211, 0.3);
}

@media screen and (max-width: 768px) {
  .departments-item {
    height: auto;
    background-color: #ffffff;
    border: 2px solid #0D47A1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 0px;
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
    margin: 5px 1%;
  }
  .departments-item .departments-item__icon-blue {
    display: block;
  }
  .departments-item .departments-item__icon-white {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .departments-item {
    height: auto;
    background-color: #ffffff;
    border: 2px solid #0D47A1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 0px;
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
    margin: 5px 1%;
  }
  .departments-item .departments-item__icon-blue {
    display: block;
  }
  .departments-item .departments-item__icon-white {
    display: none;
  }
}

.departments-item__text {
  margin-top: 10px;
}

.departments-item__text a {
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  .departments-item__text a {
    color: #0D47A1;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .departments-item__text a {
    color: #0D47A1;
  }
}

.departments-item__active {
  background-color: #5472d3;
}

.departments-item__active:hover {
  background-color: #5472d3 !important;
}

.departments-item__active .departments-item__icon-white {
  display: inline-block;
}

.departments-item__active .departments-item__icon-blue {
  display: none;
}

.departments-item__active .departments-item__text a {
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  .departments-item__active {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .departments-item__active .departments-item__text {
    margin-left: 10px;
    margin-top: 0px;
  }
  .departments-item__active .departments-item__back {
    display: inline-block;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .departments-item__active {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .departments-item__active .departments-item__text {
    margin-left: 10px;
    margin-top: 0px;
  }
  .departments-item__active .departments-item__back {
    display: inline-block;
  }
}

@media screen and (max-width: 768px) {
  .departments-item__novisible {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .departments-item__novisible {
    display: none;
  }
}

.departments-item__back {
  position: absolute;
  left: 20px;
  display: none;
  padding: 20px;
}

.departments-item__back .icon_arrow_left:after {
  font-size: 1.75rem;
  color: #FFD600;
}

/*
----------------------------------------------------------------------
    Component: Departments level2 item
----------------------------------------------------------------------
*/
.departments-level2-item__active {
  color: #ffffff !important;
  background-color: #f57c00 !important;
}

.departments-level2-item__active a {
  color: #ffffff !important;
}

.departments-level2-item__active:hover {
  background-color: #f57c00 !important;
}

.departments-level2-item__active:hover a {
  color: #ffffff !important;
}

.departments-level2-item__active .icon_arrow_right:after, .departments-level2-item__active .icon_arrow_down:after {
  color: #ffffff !important;
}

.departments-level2-item {
  padding: 8px  !important;
  color: #0D47A1;
  width: 220px;
  border-radius: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}

.departments-level2-item .icon_arrow_right:after, .departments-level2-item .icon_arrow_down:after {
  font-size: 1rem;
}

.departments-level2-item:hover {
  background-color: rgba(84, 114, 211, 0.2);
}

@media screen and (max-width: 768px) {
  .departments-level2-item {
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .departments-level2-item {
    width: 100%;
  }
}

.departments-level2__orange {
  border-bottom: 1px solid #EEF1FB;
}

.departments-level2__orange a {
  color: #F57C00;
}

.departments-level2__orange span {
  color: #F57C00;
  font-weight: bold;
}

.departments-level2__orange .icon_arrow_right:after, .departments-level2__orange .icon_arrow_down:after {
  color: #F57C00;
}

.departments-level2__orange:hover {
  background-color: #EEF1FB;
}

.departments-level2__orange:hover a {
  color: #F57C00;
}

.departments-level2__orange:hover .icon_arrow_right:after, .departments-level2__orange:hover .icon_arrow_down:after {
  color: #F57C00;
}

.departments-level2-item__link a {
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .departments-level2-item__link {
    padding-left: 12px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .departments-level2-item__link {
    padding-left: 12px;
  }
}

.departments-level2-item__links {
  padding-left: 40px;
  display: none;
}

.departments-level2-item__links a {
  width: 100%;
  display: inline-block;
  padding: 10px 0px;
}

@media screen and (max-width: 768px) {
  .departments-level2-item__links {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .departments-level2-item__links {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .departments-level2-item__links-show {
    display: inline-block;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .departments-level2-item__links-show {
    display: inline-block;
  }
}

/*
----------------------------------------------------------------------
    Component: Empty card
----------------------------------------------------------------------
*/
.custom-empty-card {
  width: 100%;
  max-width: 330px;
  height: 100%;
  min-height: 250px;
  border: 2px solid rgba(13, 71, 161, 0.2);
  border-radius: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 768px) {
  .custom-empty-card {
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .custom-empty-card {
    margin: 0 auto;
  }
}

.icon_add {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 600ms;
  transition: -webkit-transform 600ms;
  transition: transform 600ms;
  transition: transform 600ms, -webkit-transform 600ms;
}

.icon_add:after {
  color: #F57C00 !important;
}

.custom-empty-card {
  cursor: pointer;
}

.custom-empty-card:hover .icon_add {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}

/*
----------------------------------------------------------------------
    Component: Establishments
----------------------------------------------------------------------
*/
.establishments {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.establishments-img {
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.establishments-img img {
  width: 150px;
}

.establishments-text {
  margin-top: 15px;
  color: #0D47A1;
  font-family: 'archivobold';
  font-size: 20px;
  font-weight: normal;
  height: 60px;
}

/*
----------------------------------------------------------------------
    Component: Circular button
----------------------------------------------------------------------
*/
.btn-circular {
  width: 290px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 768px) {
  .btn-circular {
    margin-bottom: 35px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .btn-circular {
    margin-bottom: 35px;
  }
}

.btn-circular__contenedor {
  width: 160px;
  height: 160px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.btn-circular__circulo-normal {
  width: 100%;
  height: 100%;
  max-width: 160px;
  max-height: 160px;
  border: 2px solid #BBBBBB;
  border-radius: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: ease-in-out .3s;
  transition: ease-in-out .3s;
}

.btn-circular__circulo-activado {
  width: 100%;
  height: 100%;
  max-width: 160px;
  max-height: 160px;
  border: 5px solid #F57C00;
  border-radius: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: ease-in-out .3s;
  transition: ease-in-out .3s;
}

.btn-circular__icon {
  width: 100%;
  height: 100%;
  max-width: 90px;
  max-height: 90px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.btn-circular__circulo-normal:hover {
  border: 5px solid #F57C00;
  -webkit-transition: ease-in-out .1s;
  transition: ease-in-out .1s;
}

.btn-circular__titulo {
  width: 100%;
  max-width: 120px;
  font-family: Archivo;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.25;
  text-align: center;
  color: #0D47A1;
  margin-top: 20px;
}

/* Estilos de pasos circulares */
.step-circular {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.step-circular__contenedor {
  width: 160px;
  height: 160px;
  position: relative;
}

.step-circular__contador {
  color: #3E3E3E;
  font-size: 20px;
  font-family: 'archivobold';
  font-weight: normal;
  margin-top: 0px;
  width: 48px;
  height: 48px;
  border: 2px solid #BBBBBB;
  border-radius: 100%;
  margin-top: 70%;
  text-align: center;
  position: absolute;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ededed), to(#ffffff));
  background-image: linear-gradient(to top, #ededed, #ffffff);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.step-circular__circulo {
  width: 100%;
  height: 100%;
  max-width: 160px;
  max-height: 160px;
  border: 3px solid #BBBBBB;
  border-radius: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: ease-in-out .3s;
  transition: ease-in-out .3s;
}

.step-circular__icon {
  width: 100%;
  height: 100%;
  max-width: 90px;
  max-height: 90px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*
----------------------------------------------------------------------
    Component: Input
----------------------------------------------------------------------
*/
.f-input-group input {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.input-with-btn {
  width: 100%;
  max-width: 255px;
  /*height: 50px;*/
  height: 35px;
}

@media screen and (max-width: 768px) {
  .input-with-btn {
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .input-with-btn {
    max-width: 100%;
  }
}

.input-with-btn .form-control {
  width: 100%;
  height: 50px;
  border-radius: 7px;
  border: solid 2px #dcdcdc;
  border-right: 0px;
}

.input-with-btn .btn-default {
  width: 88px;
  height: 50px;
  border-radius: 7px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #f59b00), to(#f57c00));
  background-image: linear-gradient(180deg, #f59b00 25%, #f57c00 100%);
  color: #ffffff;
  font-family: Archivo;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  border: none;
}

.input-with-btn .btn-default:hover {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #f59b00), to(#f57c00));
  background-image: linear-gradient(0deg, #f59b00 25%, #f57c00 100%);
}

.btn-split {
  margin-left: -1px;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  position: relative;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn-default-split {
  width: 88px;
  height: 45px;
  border-radius: 7px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #f59b00), to(#f57c00));
  background-image: linear-gradient(180deg, #f59b00 25%, #f57c00 100%);
  color: #ffffff;
  font-family: Archivo;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  border: none;
  margin-top: -5px;
}

.btn-default-split:hover {
  color: #ffffff;
  text-decoration: none;
}

.input-group-split {
  position: relative;
  display: table;
  border-collapse: separate;

  #js-voucher-token-text {
    height: 35px !important;
    padding-left: 12px;
  }
}

.form-control-split {
  display: block;
  width: 100%;
  height: 50px;
  border-radius: 7px 0px 0px 7px !important;
  border: solid 2px #dcdcdc;
  border-right: 0px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.use-money-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*
----------------------------------------------------------------------
    Component: Split button
----------------------------------------------------------------------
*/
.split-dropdown__label {
  height: 50px;
  width: 161px;
  background-color: #5472D3;
  border: none;
  font-family: 'Archivo';
  font-size: 16px;
  font-weight: 200;
  color: #ffffff;
  border: none;
}

.split-dropdown__label:hover {
  background-color: #5472D3;
  color: #ffffff;
  border: none;
}

.split-dropdown__label:focus {
  background-color: #5472D3;
  color: #ffffff;
  border: none;
}

.split-dropdown__btn-list {
  height: 50px;
  width: 50px;
  background-color: #0D47A1;
  border: none;
  color: #ffffff;
  border: none;
}

.split-dropdown__btn-list:hover {
  background-color: #0D47A1;
  color: #ffffff;
  border: none;
}

.icon_arrow_down::after {
  color: #ffffff !important;
  font-size: 30px;
  top: -20px;
}

.split-dropdown__btn-list:focus, .split-dropdown__btn-list:active {
  background-color: #0D47A1;
  color: #ffffff;
  border: none;
}

.split-dropdown__btn-list:active {
  background-color: #0D47A1;
  color: #ffffff;
  border: none;
}

.split-dropdown__label-activo, .split-dropdown__label-activo:active {
  height: 50px;
  width: 161px;
  background-color: #5472D3;
  border: none;
  font-family: 'Archivo';
  font-size: 16px;
  font-weight: 200;
  color: #ffffff;
  background-image: url(../img/checkmark.png);
  background-repeat: no-repeat;
  background-position: 10% 50%;
  border: none;
}

.split-dropdown__label-activo:hover {
  background-color: #5472D3;
  color: #ffffff;
  border: none;
}

.split-dropdown__label-activo:focus {
  background-color: #5472D3;
  color: #ffffff;
  border: none;
}

/*
----------------------------------------------------------------------
    Component: Felipe wrapper step 4
----------------------------------------------------------------------
*/

.font-family {
  white-space: 80px;
  font-size: 10px;
  width: 100%;
  overflow-wrap: break-word;
}

/*
----------------------------------------------------------------------
    Component: Monedero
----------------------------------------------------------------------
*/
.card-monedero {
  width: 229px;
  height: 148px;
  border-radius: 14px 14px 14px 14px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url(../img/monedero-chedraui.png);
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
}

.card-monedero__numero {
  margin-top: 60px;
  width: 156px;
  height: 17px;
  font-family: Archivo;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.77);
}

/*
----------------------------------------------------------------------
    Component:  Icon badge
----------------------------------------------------------------------
*/
.icon_badge__container {
  position: relative;
}

.icon_badge__badge {
  display: inline-block;
  border-radius: 60%;
  padding: 4px;
  background: #FFD600;
  -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.6);
          box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 25px;
  top: 10px;
  width: 28px;
  height: 28px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .icon_badge__badge {
    top: 0px;
    left: 13px;
  }
}

.icon_badge__badge .icon_badge__text {
  color: #0D47A1;
  font-size: 0.875rem;
  font-weight: bold;
}

.icon_badge__badge--notifications {
  left: 20px;
  top: 10px;
}

@media screen and (max-width: 400px) {
  .icon_badge__badge--notifications {
    top: -10px !important;
    left: 15px;
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .icon_badge__badge--notifications {
    top: 0px;
    left: 15px;
  }
}

@media screen and (max-width: 768px) {
  .icon_badge__badge--notifications {
    top: 0px;
    left: 15px;
  }
}

.icon_badge__badge--icon span:after {
  color: #ffffff;
  font-size: 3.4375rem !important;
}

@media screen and (max-width: 400px) {
  .icon_badge__badge--icon span:after {
    color: #0D47A1;
    font-size: 2.1875rem !important;
  }
}

@media screen and (max-width: 768px) {
  .icon_badge__badge--icon span:after {
    font-size: 2.1875rem !important;
  }
  .icon_badge__badge {
    width: 20px;
    height: 20px;
    left: 17px;
  }
  .icon_badge__badge .icon_badge__text {
    font-size: 0.675rem;
    line-height: 12px;
  }
}

@media screen and (max-width: 400px) {
  .icon_badge__badge--icon span:after {
    line-height: 20px;
  }
}

.icon-mobile span:after {
  color: #0D47A1 !important;
}

/*
----------------------------------------------------------------------
    Component: Input dropdown
----------------------------------------------------------------------
*/
.input-dropdown {
  position: relative;
  width: 100%;
}

.input-dropdown .deliver-dropdown p {
  margin: 0px;
  white-space: nowrap;
  overflow: visible;
  text-overflow: ellipsis;
  max-width: 500px;
}

.input-dropdown input {
  color: #3E3E3E;
}

.input-dropdown ul, .input-dropdown ol {
  margin-top: 0;
  margin-bottom: 0;
}

.input-dropdown .dateLabel {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #ffffff;
}

.input-dropdown .people-container {
  border: 0px none;
}

.input-dropdown .peopleOption {
  background-color: #ffffff;
  cursor: pointer;
}

.input-dropdown .peopleOption:hover {
  background-color: #EEF1FB;
}

.input-dropdown .peopleOption div {
  margin-right: 15px;
}

.input-dropdown .peopleOption div:after {
  color: #0D47A1 !important;
  font-size: 1.5rem;
}

.input-dropdown .pack-selection, .input-dropdown .pack-selection {
  margin-bottom: 0px;
}

.input-dropdown .input-dropdown-open {
  border-left: 2px solid #f6f6f7;
  border-right: 2px solid #f6f6f7;
  border-bottom: 2px solid #f6f6f7;
  border-radius: 0px 0px 7px 7px;
  position: absolute;
  width: 100%;
  z-index: 956456465465456;
  height: auto;
  max-height: 200px;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-filter: drop-shadow(10px 14px 10px rgba(0, 0, 0, 0.08));
          filter: drop-shadow(10px 14px 10px rgba(0, 0, 0, 0.08));
}

.input-dropdown .icon_profile_outline, .input-dropdown .icon_location_outline {
  padding-right: 10px;
}

.input-dropdown .icon_profile_outline:after, .input-dropdown .icon_location_outline:after {
  color: #ffffff !important;
  font-size: 1.5rem;
}

.input-dropdown .arrow-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.input-dropdown .icon_arrow_down {
  text-align: center;
}

.input-dropdown .people-container {
  height: auto;
  border-radius: 0px;
  margin-bottom: 0px;
}

[data-option-text] {
  white-space: nowrap;
}

.text-dropdown {
  font-family: 'archivobold';
  font-size: 14px;
  width: 170px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*
----------------------------------------------------------------------
    Component: Input dropdown group
----------------------------------------------------------------------
*/
.input-dropdown-group {
  background-color: green !important;
  padding: 20px  !important;
  color: white  !important;
}

/*
----------------------------------------------------------------------
    Component: Input dropdown item
----------------------------------------------------------------------
*/
.input-dropdown-item {
  background-color: green !important;
  padding: 20px  !important;
  color: white  !important;
}

/*
----------------------------------------------------------------------
    Component: undefined
----------------------------------------------------------------------
*/
.items-shopping-cart {
  background-color: green !important;
  padding: 20px  !important;
  color: white  !important;
}

.product-carousel2 {
  background-color: #5472D3;
  width: 100%;
  height: 40px;
  color: #ffffff;
  padding: 12px;
  font-weight: 300;
  font-family: 'archivobold';
  font-size: 16px;
  padding: 10px 16px;
}

.prodContainer2 {
  width: 100%;
  height: 144px;
  border: 3px solid #5472D3;
  background-color: #ffffff;
}

@media screen and (max-width: 400px) {
  .product-carousel2 {
    padding: 12px;
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .product-carousel2 {
    padding: 12px;
  }
}

/*
----------------------------------------------------------------------
    Component: undefined
----------------------------------------------------------------------
*/
.items-shopping-cart {
  background-color: green !important;
  padding: 20px  !important;
  color: white  !important;
}

.carouselIM {
  width: 25px;
  height: 60px;
}

.prodContainer1 {
  width: 100%;
  height: 144px;
  border: 3px solid #5472D3;
  background-color: #ffffff;
}

.noBorder-l-r .prodContainer1 {
  border-left: none;
  border-right: none;
}

.noBorder-l .prodContainer1 {
  border-left: none;
}

.item-products-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.img-products {
  width: 70px;
}

.blue-link12 {
  color: #0D47A1;
  font-size: 12px;
  font-family: 'archivomedium';
  text-decoration: none;
}

.descProdrecom {
  font-family: 'archivosemibold';
  font-size: 14px;
  color: #3E3E3E;
  text-align: left;
  margin: 0px;
}

.old-price {
  font-family: 'archivosemibold';
  color: #777;
  font-size: 12px;
  text-decoration: line-through;
  text-align: right;
  margin-bottom: 0px;
}

.p-10 {
  padding: 10px;
}

.webPadding-r {
  padding-right: 0px !important;
}

.webPadding-l {
  padding-left: 0px !important;
}

@media screen and (max-width: 400px) {
  .prodContainer1 {
    width: 91% !important;
  }
}

@media screen and (max-width: 768px) {
  .webPadding-r {
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-left: 15px;
    margin-right: 15px;
  }
  .webPadding-l {
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-left: 15px;
    margin-right: 15px;
  }
  .noBorder-l-r .prodContainer1 {
    border-left: 3px solid #5472D3;
    border-right: 3px solid #5472D3;
  }
  .mobileMargin {
    margin-bottom: 10px;
  }
  .item-products-start {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .product-carousel1 {
    margin-bottom: 10px !important;
  }
  .prodContainer1 {
    width: 95%;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .prodContainer1 {
    width: 100%;
  }
}

/*
----------------------------------------------------------------------
    Component: undefined
----------------------------------------------------------------------
*/
.items-shopping-cart {
  background-color: green !important;
  padding: 20px  !important;
  color: white  !important;
}

.product-carousel-wizard {
  width: 100%;
  position: relative;
}

.product-carousel-wizard [data-slide="prev"] {
  margin-top: 0px !important;
  top: 45%;
}

.product-carousel-wizard [data-slide="next"] {
  margin-top: 0px !important;
  top: 45%;
}

.product-carousel-wizard .carousel-inner {
  width: 85% !important;
  margin-left: 7% !important;
}

.product-carousel-wizard .carousel-indicators li {
  border-color: #F57C00;
  background-color: rgba(245, 124, 0, 0.3);
}

.product-carousel-wizard a.carousel-control {
  background-color: #F57C00;
}

.product-carousel-wizard a.carousel-control:after {
  font-size: 1.75rem;
}

.product-carousel-wizard-container {
  margin: 0px;
  padding: 0px;
  width: 100%;
}

/*
----------------------------------------------------------------------
    Component: undefined
----------------------------------------------------------------------
*/
.items-shopping-cart {
  background-color: green !important;
  padding: 20px  !important;
  color: white  !important;
}

.product-carousel-wizard {
  width: 100%;
  position: relative;
}

.product-carousel-wizard [data-slide="prev"] {
  margin-top: 0px !important;
  top: 45%;
}

@media screen and (max-width: 768px) {
  .product-carousel-wizard [data-slide="prev"] {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .product-carousel-wizard [data-slide="prev"] {
    display: none;
  }
}

.product-carousel-wizard [data-slide="next"] {
  margin-top: 0px !important;
  top: 45%;
}

@media screen and (max-width: 768px) {
  .product-carousel-wizard [data-slide="next"] {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .product-carousel-wizard [data-slide="next"] {
    display: none;
  }
}

.product-carousel-wizard .carousel-inner {
  width: 100%;
  margin-left: auto;
}

.product-carousel-wizard .carousel-indicators li {
  border-color: #F57C00;
  background-color: rgba(245, 124, 0, 0.3);
}

@media screen and (max-width: 768px) {
  .product-carousel-wizard .carousel-indicators {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .product-carousel-wizard .carousel-indicators {
    display: none;
  }
}

.product-carousel-wizard a.carousel-control {
  background-color: #F57C00;
}

.product-carousel-wizard a.carousel-control:after {
  font-size: 1.75rem;
}

.product-carousel-wizard-container {
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.customer-details-popup {
  display: none;
}

.customer-card-selector .customer-card__selector img {
  display: none;
}

.customer-done-card .customer-card__selector {
  border-color: #ffffff;
}

.customer-done-card .customer-card__selector img {
  display: inline-block !important;
}

.card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

@media (min-width: 768px) {
  /* show 3 items */
  .carousel-inner .active,
  .carousel-inner .active + .carousel-item,
  .carousel-inner .active + .carousel-item + .carousel-item {
    display: block;
  }
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
    -webkit-transition: none;
    transition: none;
  }
  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    z-index: -1;
    display: block;
    visibility: visible;
  }
  /* left or forward direction */
  .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .carousel-item-next.carousel-item-left + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  /* farthest right hidden item must be abso position for animations */
  .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }
  /* right or prev direction */
  .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .carousel-item-prev.carousel-item-right + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}

/*
----------------------------------------------------------------------
    Component: Cart Label component
----------------------------------------------------------------------
*/
/*Alert blue*/
.alert {
  padding: 16px 0px;
  margin-bottom: 0px;
  border: 1px solid transparent;
  border-radius: 0px;
}

.alert-blue {
  color: #ffffff;
  background-color: #5472D3;
  border-color: #5472D3;
  border-radius: 0;
  width: 353px;
  height: 85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
}

.alert-dismissable .close, .alert-dismissible .close {
  position: relative;
  top: 0px !important;
  right: -300px;
  color: inherit;
}

.alert-blue span {
  margin: 0px 0px 0px 0px;
}

.alert-blue p {
  width: 80%;
  font-family: 'work_sansregular';
  font-size: 15px;
  font-weight: 500;
  margin-top: -4px;
  color: #ffffff;
}

.alert-blue p span {
  width: 80%;
  font-family: 'work_sansbold';
  font-size: 15px;
  font-weight: 300;
}

/*Alert blue 2 lines*/
.alert {
  padding: 16px 0px;
  margin-bottom: 0px;
  border: 1px solid transparent;
  border-radius: 0px;
}

.alert-blue2L {
  color: #ffffff;
  background-color: #5472D3;
  border-color: #5472D3;
  border-radius: 0;
  width: 353px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
}

.step {
  width: 100% !important;
  height: 100px !important;
  text-align: left;
  padding: 29px 16px !important;
}

.tresl {
  margin-top: -15px !important;
}

.alert-dismissable .close, .alert-dismissible .close {
  position: relative;
  top: 0px !important;
  right: -300px;
  color: inherit;
}

.alert-blue2L span {
  margin: 0px 0px 0px 0px;
}

.alert-blue2L p {
  width: 80%;
  font-family: 'work_sansregular';
  font-size: 15px;
  font-weight: 500;
  margin-top: -4px;
  color: #ffffff;
  margin: 3px 0px 0px 0px;
}

.alert-blue2L p span {
  width: 80%;
  font-family: 'work_sansbold';
  font-size: 15px;
  font-weight: 300;
}

/*Alert green*/
.alert {
  padding: 16px 0px;
  margin-bottom: 0px;
  border: 1px solid transparent;
  border-radius: 0px;
}

.alert-green {
  background-color: #7EBB4A !important;
  padding: 24px 0px  !important;
  color: #ffffff  !important;
  width: 353px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
}

.alert-dismissable .close, .alert-dismissible .close {
  position: relative;
  top: 0px !important;
  right: -300px;
  color: inherit;
}

.alert-green span {
  margin: 0px 0px 0px 0px;
}

.alert-green p {
  width: 80%;
  font-family: 'work_sansregular';
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  margin: 3px 0px 0px 0px;
}

/*Label cart envio*/
.label-cartE {
  background-color: #F57C00 !important;
  padding: 14px  !important;
  color: white  !important;
  width: 353px;
  height: 100px;
}

.labelContentE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
}

.labelContentE svg {
  margin: 0px 12px;
}

.labelContentE p {
  width: 80%;
  font-family: 'Work Sans', sans-serif;
  font-size: 15px;
  font-weight: 500;
  margin-top: -2px;
  color: #ffffff;
}

.labelContentE p span {
  width: 80%;
  font-family: 'Work Sans', sans-serif;
  font-size: 15px;
  font-weight: 300;
}

/*Progress Bar*/
.progress {
  height: 20px;
  width: 300px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 10.5px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  margin: 0px;
}

.progress-bar {
  background-color: #0D47A1;
  border-radius: 10.5px;
  border: 1px solid #FFFFFF;
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.sr-only {
  position: relative;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  padding-left: 28%;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
}

.noPadding-l {
  padding-left: 0px !important;
}

.noPadding-r {
  padding-right: 0px !important;
}

.icon_gift_white::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 36px;
  color: #ffffff;
  content: 'O';
  margin-right: 10px;
}

.icon_truck-white::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #FFF;
  content: 'q';
  vertical-align: sub;
  margin-right: 10px;
}

.alert-yellow {
  color: #ffffff;
  background-color: #ffe666;
  border-color: #ffe666;
  border-radius: 0;
  width: 353px;
  height: 85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
}

.alert-yellow span {
  margin: 0px 0px 0px 0px;
}

.alert-yellow p {
  width: 80%;
  font-family: 'work_sansregular';
  font-size: 15px;
  font-weight: 500;
  color: #000;
  margin: 3px 0px 0px 0px;
}

/*
----------------------------------------------------------------------
    Component: Legal
----------------------------------------------------------------------
*/
.legal {
  background-color: #F57C00;
  padding: 10px 0px 20px 0px;
  color: white !important;
  border-radius: 0px 0px 21px 21px;
}

.legal .row {
  padding: 0px !important;
}

.legal-row,
.legal-col {
  text-align: left;
}

.legal-brand {
  margin-top: 20px;
  font-size: 1.125rem;
  padding-left: 30px;
  font-family: 'Archivo', sans-serif;
  font-size: 1.125rem;
  font-weight: 100;
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .legal-brand {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1201px) {
  .legal-brand {
    font-size: 1.125rem;
  }
}

.legal-col__links {
  text-align: left;
  padding-top: 20px;
}

@media screen and (max-width: 400px) {
  .legal-col__links .legal__link {
    margin-left: 0px !important;
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .legal-col__links .legal__link {
    margin-left: 0px !important;
  }
}

@media screen and (max-width: 768px) {
  .legal-col__links .legal__link {
    display: block;
    margin-left: 0px;
    margin-top: 15px;
  }
  .legal-col__links .legal__separator {
    border-right: 1px solid rgba(255, 255, 255, 0);
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .legal-col__links {
    padding-left: 0px;
  }
  .legal-col__links .legal__link {
    display: block;
    margin-left: 15px;
    margin-top: 15px;
  }
  .legal-col__links .legal__separator {
    border-right: 1px solid rgba(255, 255, 255, 0);
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .legal-col__links .legal__link {
    padding: 0px 8px;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .legal-col__links {
    padding-left: 0px;
  }
  .legal-col__links .legal__link {
    padding: 0px 10px;
  }
}

@media screen and (min-width: 1201px) {
  .legal-col__links {
    padding-left: 30px;
  }
}

.legal__separator {
  height: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.legal__link {
  font-size: 0.875rem;
  display: inline;
  padding: 0px 20px;
  font-family: 'WorkSans', sans-serif;
  font-weight: 100;
}

.legal__link a {
  color: #ffffff;
}

.legal-col__recognitions {
  text-align: right;
}

@media screen and (max-width: 768px) {
  .legal-col__recognitions {
    margin-top: 20px;
    text-align: center;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .legal-col__recognitions {
    margin-top: 20px;
    text-align: center;
  }
}

.legal-row__by {
  margin-top: 10px;
}

.legal-col__by {
  font-family: 'WorkSans', sans-serif;
  font-weight: 100;
  font-size: 0.75rem;
  text-align: left;
  padding-top: 10px;
  padding-left: 30px;
}

@media screen and (max-width: 768px) {
  .legal-col__by {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .legal-col__by {
    display: none;
  }
}

.legal-col__by2 {
  font-family: 'WorkSans', sans-serif;
  font-weight: 100;
  font-size: 0.75rem;
  padding-top: 10px;
  padding-left: 30px;
}

@media screen and (max-width: 768px) {
  .legal-col__by2 {
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .legal-col__by2 {
    margin-top: 20px;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .legal-col__by2 {
    display: none;
  }
}

@media screen and (min-width: 1201px) {
  .legal-col__by2 {
    display: none;
  }
}

/*
----------------------------------------------------------------------
    Component: Logo
----------------------------------------------------------------------
*/
.webapp__header {
  position: relative;
  z-index: 9999;
}

@media screen and (max-width: 1035px) {
  .webapp__header .logo {
    width: 130px !important;
  }
}

.logo {
  position: relative;
  background-color: #ffffff;
  border-radius: 21px 0px 0px 0px;
  -webkit-transition: width 300ms;
  transition: width 300ms;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .logo {
    width: 160px;
  }
}

@media screen and (min-width: 1201px) {
  .logo {
    width: 160px;
  }
}

.logo .logo-desktop .logo__file {
  width: 120px;
  -webkit-transition: width 600ms, left 600ms, top 600ms;
  transition: width 600ms, left 600ms, top 600ms;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

@media screen and (max-width: 768px) {
  .logo .logo-desktop {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .logo .logo-desktop {
    display: none;
  }
}

.logo .logo-icon-hamburguer img {
  width: 25px;
  -webkit-transition: width 600ms, left 600ms, top 600ms;
  transition: width 600ms, left 600ms, top 600ms;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.logo__file {
  position: absolute;
  left: 19px;
  top: -28px;
}

.logo-icon-hamburguer {
  margin-left: 20px;
}

@media screen and (max-width: 768px) {
  .logo-icon-hamburguer img {
    width: 25px;
  }
}

.logo-mobile {
  margin: 0px 20px;
}

@media screen and (max-width: 400px) {
  .logo-mobile {
    margin: 0px 10px;
  }
  .logo-mobile img {
    width: 110px;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .logo-mobile, .logo-icon-hamburguer {
    display: none;
  }
}

@media screen and (min-width: 1201px) {
  .logo-mobile, .logo-icon-hamburguer {
    display: none;
  }
}

.logo-icon-hamburguer__close {
  display: none;
}

/*
----------------------------------------------------------------------
    Component: Menu options
----------------------------------------------------------------------
*/
.menu-option__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.menu-option__dropdown {
  margin-left: 15px;
}

.menu-option__text {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  font-family: 'WorkSans', sans-serif;
  font-size: 0.875rem;
  font-weight: 200;
}

.menu-option__text--bold {
  font-family: 'Archivo', sans-serif;
  font-size: 0.875rem;
  font-weight: 100;
}

/*
----------------------------------------------------------------------
    Component: Modal form
----------------------------------------------------------------------
*/
/* Modal Task 2 Columnas */
.modal-form-2col {
  max-width: 870px;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  margin: auto;
  border-radius: 21px;
}

@media screen and (max-width: 992px) {
  .modal-form-2col {
    margin: 15px;
  }
}

.modal-form-2col__btn-close {
  opacity: 1;
}

.modal-form-2col__btn-close span {
  color: #ffffff !important;
  height: 15px;
  width: 15px;
}

.modal-form-2col__header {
  border-bottom: 0px;
  background-color: #0D47A1;
  height: 100px;
  border-top-left-radius: 21px;
  border-top-right-radius: 21px;
  padding-bottom: 0px;
  border-bottom: solid #FFD600 4px;
  padding-left: 0px;
}

.modal-form-2col__header .row {
  padding-left: 100px;
  padding-right: 100px;
}

@media screen and (max-width: 768px) {
  .modal-form-2col__header .row {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.modal-form-2col__header .col {
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal-form-2col__header-icon {
  height: 50px;
  width: 50px;
  position: absolute;
  right: 10px;
}

.modal-form-2col__header h4 {
  font-family: 'Archivo Black';
  font-size: 24px;
  color: #ffffff;
}

.modal-form-2col__body {
  /*display: -webkit-box;*/
  /*display: -ms-flexbox;*/
  /*display: flex;*/
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 24px;
  font-family: 'Work Sans';
  font-size: 12px;
  font-weight: normal;
  color: #777777;
}

@media screen and (max-width: 768px) {
  .modal-form-2col__body {
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 24px 40px 0 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

.modal-form-2col__footer {
  padding-left: 100px;
  padding-right: 100px;
  border: none;
  padding-top: 0px;
  margin-top: 0px;
  text-align: center;
  padding-bottom: 42px;
}

@media screen and (max-width: 768px) {
  .modal-form-2col__footer {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.modal-form-2col__footer .checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: normal;
  font-family: 'Work Sans';
  font-size: 14px;
}

.modal-form-2col__footer hr {
  opacity: .2;
  border: solid #0D47A1 1px;
  margin-top: 0px;
  margin-bottom: 40px;
}

.modal-form-2col__footer__btn-primary {
  color: #ffffff;
  font-family: 'Archivo';
  font-size: 16px;
  width: 220px;
  height: 50px;
}

.passive {
  display: none;
}

/*
----------------------------------------------------------------------
    Component: Modal form
----------------------------------------------------------------------
*/
/* Modal Task 2 Columnas */

/*
----------------------------------------------------------------------
    Component: Modals
----------------------------------------------------------------------
*/
.modal-feedback__spiner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal-feedback__spiner div:after {
  color: #ffffff !important;
}

/* Modal Feedback */
.modal-feedback {
  max-width: 675px;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  margin: auto;
  border-radius: 21px;
  text-align: center;
  background-color: #0D47A1;
}

.modal-feedback__header {
  border-bottom: 0px;
  height: 34px;
}

.modal-feedback__btn-close {
  opacity: 1;
}

.modal-feedback__btn-close span {
  color: #ffffff !important;
  height: 15px;
  width: 15px;
}

.modal-feedback__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0px;
}

.modal-feedback__spiner img {
  width: 60px;
  height: 60px;
  margin-bottom: 16px;
}

.modal-feedback__body h1 {
  text-align: center;
  font-family: 'Archivo', sans-serif;
  font-weight: 100;
  font-size: 24px;
}

.modal-feedback__body p {
  text-align: center;
  font-family: 'WorkSans', sans-serif;
  font-weight: 100;
  font-size: 12px;
  color: #ffffff;
}

.modal-feedback__footer {
  border-top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px;
}

.modal-feedback__btn-footer {
  background-color: transparent;
  border: none;
  color: #FFD600;
  font-family: 'Archivo';
  font-size: 16px;
  text-decoration: underline;
}

.modal-feedback__btn-footer:hover,
.modal-feedback__btn-footer:active,
.modal-feedback__btn-footer:focus,
.modal-feedback__btn-footer:empty {
  background-color: transparent;
  color: #F57C00;
  text-decoration: underline;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Modal Task */
.modal-task {
  max-width: 675px;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  margin: auto;
  border-radius: 21px;
  text-align: center;
}

.modal-task__header {
  border-bottom: 0px;
  background-color: #D0021B;
  height: 134px;
  border-top-left-radius: 21px;
  border-top-right-radius: 21px;
  padding-bottom: 0px;
}

.modal-task__header-icon {
  height: 40px;
  width: 47px;
  margin: 0 auto;
  margin-bottom: 16px;
  margin-top: 8px;
}

.modal-task__header-icon div:after {
  color: #ffffff !important;
}

.modal-task__header h4 {
  font-family: 'Archivo', sans-serif;
  font-weight: 100;
  font-size: 24px;
  color: #ffffff;
}

.modal-task__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px 24px 0 24px;
}

.modal-task__body p {
  text-align: center;
  font-family: 'WorkSans', sans-serif;
  font-weight: 100;
  font-weight: 100;
  font-size: 12px;
  color: #777777;
}

.modal-task__footer {
  border-top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px 16px 16px 16px;
}

@media screen and (max-width: 400px) {
  .modal-task__footer {
    border-top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px 16px 16px 16px;
  }
}

.modal-task__btn-second {
  background-color: transparent;
  border: solid 2px #F57C00;
  color: #F57C00;
  font-family: 'Archivo';
  font-size: 16px;
  width: 100%;
}

.fright {
  float: right;
}

.fleft {
  float: left;
}

.modal-task__btn-second:hover {
  background-color: transparent;
  border: solid 2px #F57C00;
  color: #F57C00;
}

.modal-task__btn-second:hover,
.modal-task__btn-second:active,
.modal-task__btn-second:focus,
.modal-task__btn-second:empty {
  background-color: transparent;
  color: #F57C00;
  text-decoration: underline;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: solid 2px #F57C00;
}

.modal-task__btn-primary {
  color: #ffffff;
  font-family: 'Archivo';
  font-size: 16px;
  width: 220px;
}

/* Modal Task 2 Columnas */
.modal-task-2col {
  max-width: 675px;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  margin: auto;
  border-radius: 21px;
  text-align: center;
}

.modal-task-2col__header {
  border-bottom: 0px;
  background-color: #0D47A1;
  height: 134px;
  border-top-left-radius: 21px;
  border-top-right-radius: 21px;
  padding-bottom: 0px;
}

.modal-task-2col__header-icon {
  height: 40px;
  width: 47px;
  margin: 0 auto;
  margin-bottom: 16px;
  margin-top: 8px;
}

.modal-task-2col__header h4 {
  font-family: 'Archivo', sans-serif;
  font-weight: 100;
  font-size: 24px;
  color: #ffffff;
}

.modal-task-2col__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px 80px 0 80px;
}

@media screen and (max-width: 400px) {
  .modal-task-2col__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 24px 40px 0 40px;
  }
}

.modal-task-2col__body span::after {
  height: 28px;
  margin-top: -10px;
  float: left;
  padding-right: 10px;
  display: block;
  font-size: 2rem;
}

.modal-task-2col__col1 h5 {
  text-align: left;
}

.modal-task-2col__col1 p {
  text-align: left;
  font-family: 'WorkSans', sans-serif;
  font-weight: 100;
  font-weight: 100;
  font-size: 14px;
  color: #777777;
}

.modal-task-2col__col2 p {
  text-align: left;
  font-family: 'WorkSans', sans-serif;
  font-weight: 100;
  font-weight: 100;
  font-size: 12px;
  color: #777777;
}

.modal-task-2col__col2 button {
  margin-left: auto;
  margin-right: auto;
}

.modal-task-2col__footer {
  border-top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px;
}

.modal-green {
  background-color: #75c421 !important;
}

.modal-content .icon_location_outline:after {
  color: #ffffff !important;
}

.modal-product {
  margin: 20px 0px;
}

.modal-product div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  font-family: 'Archivo', sans-serif;
  font-weight: 300;
  font-size: 1.125rem;
}

.modal-product img {
  width: 100px;
}

.modal-reduce-button .btn-primary {
  width: 40% !important;
}

/*
----------------------------------------------------------------------
    Component: Newsletter
----------------------------------------------------------------------
*/
.newsletter {
  background-color: #0D47A1;
  padding: 50px 0px;
  color: white !important;
  border-radius: 21px 21px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 400px) {
  .newsletter {
    -webkit-box-orient: vertical  !important;
    -webkit-box-direction: normal  !important;
        -ms-flex-direction: column  !important;
            flex-direction: column  !important;
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .newsletter {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

@media screen and (max-width: 768px) {
  .newsletter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 50px 30px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .newsletter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 50px 30px;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .newsletter {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding: 50px 30px;
  }
}

@media screen and (min-width: 1201px) {
  .newsletter {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

.newsletter-extra {
  width: 400px;
  height: auto;
}

@media screen and (max-width: 768px) {
  .newsletter-extra {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .newsletter-extra {
    display: none;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .newsletter-extra {
    display: none;
  }
}

.newsletter-input {
  width: 100%;
  margin: 0px;
  top: 0px;
  margin-right: 15px;
  z-index: 5555466;
  border: 2px solid #5472D3;
  border-radius: 14px;
}

.newsletter-title {
  font-family: 'Archivo', sans-serif;
  font-size: 1.375rem;
  font-weight: 100;
}

@media screen and (max-width: 768px) {
  .newsletter-title {
    font-size: 1.125rem;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .newsletter-title {
    font-size: 1.125rem;
  }
}

.newsletter-accept {
  font-family: 'WorkSans', sans-serif;
  font-size: 0.875rem;
  font-weight: 100;
  color: #ffffff;
}

.newsletter-terms {
  color: #FFD600;
  text-decoration: underline;
  font-family: 'WorkSans', sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
}

.newsletter-terms a {
  color: #FFD600;
}

.newsletter-container-text {
  text-align: left;
  display: inline-block;
  width: 100%;
  max-width: 530px;
  padding-right: 30px;
}

.newsletter-container-input {
  text-align: left;
  position: relative;
  z-index: 5555px;
  width: 100%;
  max-width: 530px;
}

@media screen and (max-width: 400px) {
  .newsletter-container-input {
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .newsletter-container-input {
    max-width: inherit;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .newsletter-container-input {
    max-width: inherit;
  }
}

.newsletter-button {
  text-align: center;
  position: absolute;
  z-index: 5556px;
  background-color: #FFD600;
  color: #0D47A1;
  height: 46px;
  padding: 15px 50px 0px 50px;
  top: 2px;
  right: 2px;
  border-radius: 0px 12px 12px 0px;
  cursor: pointer;
  font-family: 'Archivo', sans-serif;
  font-size: 1rem;
  font-weight: 300;
}

@media screen and (max-width: 400px) {
  .newsletter-button {
    position: relative !important;
    margin-top: 5px;
    border-radius: 12px 12px 12px 12px;
    text-align: center;
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .newsletter-button {
    position: relative !important;
    margin-top: 5px;
    border-radius: 12px 12px 12px 12px;
    text-align: center;
  }
}

@media screen and (max-width: 400px) {
  .checkbox {
    margin-top: -5px !important;
    margin-bottom: 10px !important;
  }
}

@media screen and (max-width: 768px) {
  .checkbox {
    margin-top: -15px;
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .checkbox {
    margin-top: -15px !important;
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .checkbox {
    margin-top: -15px !important;
    margin-bottom: 0px !important;
  }
}

@media screen and (min-width: 1201px) {
  .checkbox {
    margin-top: -15px !important;
    margin-bottom: 0px !important;
  }
}

.checkbox-custom {
  margin: 0px !important;
  left: 0px;
  top: 0px;
  height: 20px;
}

.checkbox-custom span {
  color: #ffffff;
}

.checkbox-custom .styled-checkbox {
  margin: 0px !important;
  width: 20px;
  height: 20px;
  left: 0px;
  top: 0px;
  z-index: 99999;
  cursor: pointer;
}

/*
----------------------------------------------------------------------
    Component: Overlays
----------------------------------------------------------------------
*/
.top-overlay {
  width: 100vw;
  height: 100vh;
  background-color: rgba(62, 62, 62, 0.4);
  position: fixed;
  z-index: 99918956;
  left: 0px;
  top: 0px;
  display: none;
}

.top-overlay element {
  position: fixed;
  z-index: 99918957;
}

.top-overlay-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.top-overlay-show .modal-black-background {
  width: 100%;
  height: 100%;
  position: absolute;
}

.top-overlay .new-modals {
  z-index: 1;
  margin: auto;
}
@media screen and (min-width: 992px) {
  .top-overlay .new-modals {
    width: 820px;
  }
  #newDirection {
    overflow-y: hidden;
  }
}

#newDirection.add-billing-address-modal {
  overflow-x: hidden;
}
/*
----------------------------------------------------------------------
    Component: Package-card component
----------------------------------------------------------------------
*/
.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-90 {
  margin-top: 90px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mb-90 {
  margin-bottom: 90px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-55 {
  margin-bottom: 55px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-65 {
  margin-left: 65px;
}

.ml-70 {
  margin-left: 70px;
}

.ml-75 {
  margin-left: 75px;
}

.ml-80 {
  margin-left: 80px;
}

.ml-85 {
  margin-left: 85px;
}

.ml-90 {
  margin-left: 90px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-55 {
  margin-right: 55px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-65 {
  margin-right: 65px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-75 {
  margin-right: 75px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-85 {
  margin-right: 85px;
}

.mr-90 {
  margin-right: 90px;
}

.package-card {
  background-color: #ffffff !important;
  color: white  !important;
}

.package-container {
  background: #ffffff;
  height: auto;
}

.pack-card {
  border: 1px solid #DCDCDC;
  background: #ffffff;
  width: 100%;
  min-height: 220px;
  border-radius: 7px;
  -webkit-box-shadow: 0px 20px 30px -18px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 20px 30px -18px rgba(0, 0, 0, 0.2);
}

.icon_calendar-white::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #ffffff;
  content: ' s';
  margin-right: 10px;
  vertical-align: middle;
}

.icon_arrow_down-orange::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #F57C00;
  content: ' 1';
  margin-left: 10px;
}

.icon_arrow_down-white1::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #ffffff;
  content: ' 1';
}

.pack-selection {
  /*margin-top: 22px;*/
  margin-bottom: 20px;
}

.pack-selection label {
  text-align: left !important;
  color: #777777;
  font-family: 'Work Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.promoLabel {
  border-radius: 13.5px;
  -webkit-box-shadow: 0 0 0 3px #f57c00;
          box-shadow: 0 0 0 3px #f57c00;
  padding: 0px 16px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.promoLabel p {
  color: #0D47A1 !important;
  font-family: 'Archivo', sans-serif;
  font-size: 13px;
  font-weight: 200 !important;
  margin-top: 6px;
  margin-right: 6px;
  margin-bottom: 7px;
}

.promoLabel p:hover {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.promoLabel span {
  margin-top: 5px;
  margin-right: 8px;
  margin-left: 20px;
}

.emptyCart-checkout {
  margin: 0px;
  float: right;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
}

.emptyCart-checkout svg {
  margin-right: 0px;
}

.emptyCart-checkout .delate {
  color: #F57C00;
  margin-top: 5px;
  vertical-align: center;
  font-size: 12px;
  font-weight: 100;
  margin-right: 6px;
}

.deliver-dropdown {
  background: #f6f6f7;
  height: 50px;
  width: 100%;
  border-radius: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.activo {
  background: #0D47A1 !important;
}

.selected .arrow-down {
  background: #5472d3 !important;
}

.arrow-down {
  background: #0D47A1;
  width: 63px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: 13px;
}

.calendar-container {
  width: 100%;
  height: auto;
  background: #ffffff;
  border: 2px solid #DCDCDC;
  border-radius: 4px;
  -webkit-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}

.calendar-container h2 {
  font-family: 'Archivo', sans-serif;
  font-size: 16px;
  font-weight: 400;
  background: #0D47A1;
  color: #ffffff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 14px;
  text-align: center !important;
  text-transform: capitalize;
}

.calendar-container .col-md-4 {
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-top: -20px;
}

.calendar-container li {
  margin-top: 9px;
  margin-bottom: 9px;
}

.btn-calendar {
  width: 90%;
}

.calendar-container li:last-child {
  margin-top: 9px;
  margin-bottom: 20px;
}

.calendar-container li:first-child {
  margin-top: 20px;
  margin-bottom: 9px;
}

.btn-outline {
  font-family: 'Archivo', sans-serif;
  color: #0D47A1;
  background: #ffffff;
  border-color: #0D47A1;
  width: 90%;
  font-size: 16px;
  border-radius: 7px;
  height: 50px;
}

.btn-outline:hover {
  font-family: 'Archivo', sans-serif;
  color: #f59b00;
  border-color: #f59b00;
  background: #ffffff;
}

.rightBorder:after {
  position: absolute;
  content: '';
  height: 85%;
  -webkit-transform: translatey(-50%);
  transform: translatey(-50%);
  bottom: -198px;
  left: 100%;
  border-right: 1px solid #DCDCDC;
}

.rightB:after {
  position: absolute;
  content: '';
  height: 9%;
  -webkit-transform: translatey(-50%);
  transform: translatey(-50%);
  bottom: 421px;
  left: 100%;
  border-right: 1px solid #DCDCDC;
  z-index: 9;
}

.noBorder {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.deliver-dropdown .col-md-10, .col-ms-2 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.dateLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
  width: 100%;
  justify-content: center;
  padding: 15px !important;
}

.dateLabel p {
  color: #ffffff;
  margin: 2px 7px 2px 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.addComment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-inline-flex;
  cursor: pointer;
  margin-bottom: 10px;
}

.articlesList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-inline-flex;
  float: right;
  /*margin-right: -20px;*/
  margin-right: -45px;
  cursor: pointer;
  margin-bottom: 25px;
}

.addComment h3 {
  font-family: 'Archivo', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #F57C00;
  opacity: 1;
  margin-right: 8px;
}

.articlesList h3 {
  font-family: 'Archivo', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #F57C00;
  opacity: 1;
  margin-right: 8px;
}

.articlesList svg {
  margin-top: 5px;
}

.headCardDeliver {
  width: 200px;
  height: 54px;
  border-radius: 7px;
  border: 2px solid #DCDCDC;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-inline-flex;
  padding: 6px 25px;
  margin-top: -26px;
  margin-left: 16px;
}

.headCardDeliver h4 {
  font-family: 'Archivo', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #0D47A1;
}

.headCardDeliver svg {
  margin-right: 20px;
  margin-top: 5px;
}

.product-container {
  padding: 0px 20px 20px 20px !important;
  background-color: white;
  -webkit-filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
  filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
  border-radius: 7px;
  border: 2px solid #DCDCDC;
  margin-bottom: 20px;
}

.tittle-summary-blue {
  font-family: 'archivobold';
  color: #0D47A1;
  font-size: 21px;
}

.icon_box_outline_blue::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 58px;
  color: #0D47A1;
  content: ' P';
  margin-right: 10px;
  vertical-align: sub;
}

.item-flex-start-pack {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.content-margin {
  margin-left: 5%;
  margin-top: -15px;
}

.general-tittle {
  font-family: 'archivobold';
  color: #3E3E3E;
  font-size: 16px;
}

.icon_truck-blue::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #0D47A1;
  content: ' q';
  vertical-align: sub;
  margin-right: 10px;
}

.general-text {
  color: #777777;
  font-family: 'work_sansregular';
  font-size: 14px;
}

.general-text-white {
  color: #FFFFFF;
  font-family: 'work_sansregular';
  font-size: 14px;
}

.general-text-white-bold {
  color: #FFFFFF;
  font-family: 'work_sansbold';
  font-size: 14px;
}

.general-text-black {
  color: #3E3E3E;
  font-family: 'work_sansregular';
  font-size: 14px;
}

.general-text-yellow {
  color: #FFD600;
  font-family: 'work_sansbold';
  font-size: 14px;
}

.general-text-bold {
  color: #3E3E3E;
  font-family: 'work_sansbold';
  font-size: 14px;
}

.icon_calendar::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #0D47A1;
  content: ' s';
  margin-right: 10px;
  vertical-align: middle;
}

.container-inout-dhl {
  margin-top: 30px;
}

.people-container {
  border: 2px solid #0D47A1;
  border-radius: 7px;
  height: 184px;
  background: #ffffff;
  margin-bottom: 20px;
}

.people-container ul {
  margin-left: -41px;
}

.peopleOption, .crankOption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #0D47A1;
  padding: 13px 16px;
}

.peopleOption svg {
  margin-right: 16px;
  margin-top: 6px;
}

.crankOption svg {
  margin-right: 16px;
}

.peopleOption p, .crankOption p {
  font-family: 'Archivo', sans-serif;
  font-size: 14px;
  margin: 0 !important;
}

.peopleOption span, .crankOption span {
  font-family: 'Work Sans', sans-serif;
  font-size: 12px;
  color: #929292;
}

.preOption {
  background: rgba(13, 71, 161, 0.05);
}

.border:after {
  position: absolute;
  content: '';
  width: 93%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 85px;
  left: 50%;
  border-bottom: 1px solid #E6E6E6;
}

.comment-container label {
  margin: 5px 0px;
  font-family: 'work_sansregular';
  font-size: 14px;
  color: #777;
  width: 100%;
}

.comment-box textarea.form-control {
  height: auto;
}

.comment-box .form-control {
  font-family: 'Archivo', sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: block;
  width: 100%;
  height: 34px;
  padding: 9px 16px;
  line-height: 1.42857143;
  color: #3E3E3E;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #ccc;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  resize: none;
}

.btn-comment {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 20px !important;
  padding-top: 13px !important;
}

.productList-container {
  margin-top: 5px;
}

.P1:after {
  position: absolute;
  content: '';
  width: 96%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  border-bottom: 1px solid #777777;
  top: 28px;
}

/*.productList-container .descProd{
    font-size: 18px !important;
    margin-top: 30px !important;
    margin-left: 40px;
}*/
.inline {
  display: inline-block;
  width: 100%;
}

.inline-r {
  display: inline-block;
  margin: 1em;
}

.wrap .descProd {
  font-family: 'archivo';
  font-weight: bold;
  font-size: 18px;
}

.wrap svg {
  display: table-cell;
  vertical-align: middle;
}

.wrap .price {
  color: #0D47A1;
  font-family: 'archivobold';
  font-size: 18px;
  margin: 0px;
  text-align: left;
}

.wrap.old-price {
  display: table-cell;
  vertical-align: middle;
  font-family: 'archivosemibold';
  color: #777;
  font-size: 12px;
  text-decoration: line-through;
  text-align: right;
  margin-bottom: 0px;
}

.wrap .old-price {
  font-family: 'archivosemibold';
  color: #777;
  font-size: 12px;
  text-decoration: line-through;
  text-align: right;
  margin-bottom: 0px;
}

.wrap .Big {
  margin-top: 0px !important;
}

/*.productList-container .price{
    font-size: 18px !important;
    line-height: 83px !important;
    margin-bottom: -30px;
}*/
.commentAfter {
  background: rgba(255, 214, 0, 0.3);
  border-radius: 7px;
  color: #3E3E3E;
  padding: 5px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.commentAfter h5 {
  color: #3E3E3E;
  font-family: 'Work Sans', sans-serif;
  font-size: 16px;
}

.commentAfter p {
  color: #0D47A1;
  font-family: 'Archivo', sans-serif;
  font-size: 12px;
  padding-left: 430px;
  margin-top: 10px;
}

.commentAfter svg {
  vertical-align: middle;
}

.panel-default .panel-heading {
  color: #ffffff;
  background-color: #0D47A1;
  border-color: #0D47A1;
  padding: 14px;
}

.panel-heading a:hover {
  color: #F57C00;
}

.input-group-btn > .btn {
  position: relative;
  margin-right: -1px;
}

.noPadding-li {
  padding-left: 30px;
  list-style: none;
}

.content3 {
  margin-top: 50px;
}

@media screen and (max-width: 400px) {
  .noPadding-li {
    padding-left: 0px;
  }
  .mobile-deliver {
    margin-left: -30px;
  }
  .descProd-deliver {
    padding-left: 0px !important;
  }
  .promoLabel p {
    font-size: 10px;
    margin-top: 9px;
  }
  .calendar-container li {
    margin-right: 0px;
  }
  .package-container h1 {
    font-size: 18px;
    padding-top: 50px;
    padding-bottom: 10px;
  }
  .border:after {
    position: absolute;
    content: '';
    width: 87%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 50px;
    left: 50%;
    border-bottom: 1px solid #E6E6E6;
  }
  .col-xs-offset-7 {
    margin-left: 0px !important;
    width: 100% !important;
  }
  .promoLabel {
    margin-right: 0px !important;
    margin-top: 10px;
  }
  .content3 {
    margin-top: 20px;
  }
  .content_commentary {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .noPadding-li {
    padding-left: 0px;
  }
  .content_commentary {
    margin-bottom: 20px;
  }
  .content3 {
    margin-top: 20px;
  }
  .promoLabel p {
    margin-top: 9px;
  }
  .col-xs-offset-7 {
    margin-left: 0px !important;
    width: 100% !important;
  }
  .promoLabel {
    margin-right: 0px !important;
    margin-top: 10px;
  }
  .emptyCart-checkout svg {
    margin-left: 16px;
    margin-top: 13px;
  }
  .border:after {
    position: absolute;
    content: '';
    width: 90%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 64px;
    left: 50%;
    border-bottom: 1px solid #E6E6E6;
  }
}

@media screen and (max-width: 768px) {
  .noPadding-li {
    padding-left: 0px;
  }
  .content_commentary {
    margin-bottom: 20px;
  }
  .articlesList {
    margin-right: 0px;
  }
  .promoLabel {
    margin-right: 16px;
    width: 100%;
    float: right;
  }
  .commentAfter p {
    font-size: 12px;
    padding-left: 134px;
    margin-top: 10px;
  }
  .commentAfter h5 {
    font-size: 12px;
  }
  .emptyCart-checkout {
    margin: 21px 0px 16px 0px;
  }
  .emptyCart-checkout .delate {
    display: none;
  }
  .commentAfter p {
    padding-left: 0px;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .commentAfter span {
    margin-left: 6px;
  }
  .package-container h1 {
    font-size: 18px;
    padding-top: 50px;
    padding-bottom: 10px;
  }
  .border:after {
    position: absolute;
    content: '';
    width: 94%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 66px;
    left: 50%;
    border-bottom: 1px solid #E6E6E6;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .package-container h1 {
    font-size: 24px;
    padding-top: 50px;
    padding-bottom: 10px;
  }
  .articlesList {
    margin-right: 0px;
  }
  .commentAfter p {
    font-size: 12px;
    padding-left: 302px;
    margin-top: 10px;
  }
  .commentAfter h5 {
    font-size: 13px;
  }
  .border:after {
    position: absolute;
    content: '';
    width: 96%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 65px;
    left: 50%;
    border-bottom: 1px solid #E6E6E6;
  }
}

/*
----------------------------------------------------------------------
    Component: Price
----------------------------------------------------------------------
*/
.total {
  font-family: 'Archivo', sans-serif;
  font-size: 1.125rem !important;
  font-weight: 300;
}

.total_prince {
  font-family: 'Archivo', sans-serif;
  font-size: 0.75rem !important;
  font-weight: 100;
  padding-left: 5px;
}

/*
----------------------------------------------------------------------
    Component: Product Carousel component
----------------------------------------------------------------------
*/
.carousel li.active {
  background-color: #f57c00;
}

.product-carousel1 {
  background-color: #5472D3;
  width: 100%;
  height: 40px;
  color: #ffffff;
  padding: 12px;
  font-weight: 300;
  font-family: 'archivobold';
  font-size: 16px;
  padding: 10px 90px;
}

.carousel-container {
  width: 327px;
  height: auto;
  background-color: #ffffff;
}

.carousel-indicators li {
  display: inline-block;
  width: 22px;
  height: 9px;
  margin: 0px 3px !important;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #4A90E2;
  border-radius: 5px;
}

.carousel-indicators {
  bottom: -37px !important;
}

.carousel-indicators .active {
  width: 22px;
  height: 9px;
  margin: 0;
  background-color: rgba(74, 144, 226, 0.5);
  border: 1px solid #4A90E2;
}

.thumbnail {
  display: block;
  padding: 40px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.carousel-control.right {
  background-image: none !important;
  margin-right: 0%;
}

.carousel-control.left {
  background-image: none !important;
  margin-left: 1%;
  background: #5472D3;
  height: 30px;
  width: 30px;
  border-radius: 50px;
  margin-top: 20%;
}

.carousel-control.right {
  background-image: none !important;
  margin-right: 1%;
  background: #5472D3;
  height: 30px;
  width: 30px;
  border-radius: 50px;
  margin-top: 20%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 12%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: .5;
}

.prodContainer {
  width: 250px;
  height: 127px;
  border: 3px solid #5472D3;
  background-color: #ffffff;
  margin-left: 12%;
  margin-top: 15px;
  margin-bottom: 54px;
}

.productImg {
  max-inline-size: none;
  margin-right: 5px;
  margin-top: 20px;
}

.descProd {
  color: #3E3E3E;
  font-family: 'Archivo', sans-serif;
  font-size: 13px;
  margin: 0;
  padding: 0;
  text-align: left;
  margin-top: 30px;
}

.price {
  font-family: 'archivobold';
  font-size: 18px;
  margin: 0px;
  text-align: right;
}

.addCartRec {
  background-color: #F5F7FD;
  font-family: 'archivomedium';
  font-size: 12px;
  color: #0D47A1;
  padding: 12px;
  bottom: 0;
  border: 0px;
  height: 48px;
}

.carousel-indicators {
  left: 0%;
  width: 100%;
  padding-left: 0;
  margin-left: 0%;
}

.big {
  width: 100%;
}

/*
----------------------------------------------------------------------
    Component: Producto component
----------------------------------------------------------------------
*/
.producto {
  background-color: #ffffff !important;
  padding: 20px  !important;
  color: white  !important;
  width: 326px;
  height: 145px;
  border-bottom: 1px solid rgba(13, 71, 161, 0.2);
  border-left: 1px solid rgba(13, 71, 161, 0.2);
  margin: 0;
}

.producto .col-md-2, .col-md-7, .col-md-3 {
  padding-left: 5px !important;
  padding-right: 10px !important;
}

.labelSend {
  width: 150px;
  height: 30px;
  font-family: 'Archivo', sans-serif;
  font-size: 12px;
  color: #5472D3;
  background-color: rgba(84, 114, 211, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  float: right;
  border-radius: 7px;
  pointer-events: none;
  margin-bottom: 10px;
}

.labelSend:hover {
  color: #5472D3;
}

.labelSend svg {
  margin-right: 2px;
}

.quantity {
  font-family: "Archivo", sans-serif;
  font-size: 13px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  color: #3E3E3E;
  line-height: 70px;
  text-align: left;
}

.quantity span {
  font-family: 13px;
}

.productImg {
  max-inline-size: none;
  margin-right: 5px;
  margin-top: 10px;
}

.descProd {
  color: #3E3E3E;
  font-family: 'Archivo', sans-serif;
  font-size: 13px;
  margin: 0;
  padding: 0;
  text-align: left;
  margin-top: 10px;
}

/*Producto relacionado*/
.relProd {
  background-color: #ffffff !important;
  color: white  !important;
  width: 320px;
  height: 151px;
  border: 3px solid #FFD600;
  margin-left: 5px;
}

.relProd .col-md-2, .col-md-7, .col-md-3 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.relProd .col-md-12 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.relProdLabel {
  background-color: #FFD600;
  width: 320px;
  height: 40px;
  color: #3E3E3E;
  padding: 12px;
  font-weight: 300;
  margin-left: 5px;
}

.addCart {
  background-color: #FFFBE6;
  font-family: 'Archivo', sans-serif;
  font-size: 12px;
  color: #F57C00;
  margin: 0;
  padding: 5px;
}

.headerCart {
  line-height: 4;
}

.M {
  text-align: left;
}

@media screen and (max-width: 768px) {
  .quantity {
    line-height: 127px;
  }
}

/*
----------------------------------------------------------------------
    Component: Search
----------------------------------------------------------------------
*/
.form-group, .search__form--input, .search__form--input2 {
  width: 100% !important;
}

.form-group {
  position: relative;
}

.search__form--input {
  padding: 0px 30px 0px 35px !important;
  border-style: 2px solid #777777 !important;
  border-radius: 12px !important;
  color: #0D47A1;
}

.search__form--input2 {
  padding: 0px 30px 0px 15px !important;
  border-style: 2px solid #777777 !important;
  border-radius: 12px !important;
  color: #0D47A1;
}

.search__form--icon {
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 15px;
  width: 17px;
  height: 17px;
}

.search__form--icon2 {
  position: absolute;
  z-index: 1;
  right: 15px;
  top: 15px;
  width: 17px;
  height: 17px;
}

.rating {
  border: none;
}

.rating > input {
  display: none;
}

.rating > label:before {
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before {
  content: "\f089";
  position: absolute;
}

.rating > label {
  color: #ddd;
  float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/
.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
  color: #FFD700;
}

/* hover previous stars in list */
.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label {
  color: #FFED85;
}

.textLeft {
  margin-top: 20px;
  font-size: 18px;
  padding: 10px;
  color: #3E3E3E;
}

.cartH {
  margin-bottom: 20px;
}

.strong {
  color: #F57C00 !important;
}

.labelCartH {
  font-family: 'Archivo', sans-serif;
  font-size: 14px;
  color: #929292;
}

.department {
  font-family: 'Archivo', sans-serif;
  font-size: 14px;
  color: #3e3e3e;
}

.department span {
  font-family: 'Archivo', sans-serif;
  font-size: 14px;
  color: #0d47a1;
}

.searchModal .modal-dialog {
  width: 77%;
  margin: 27px 0px 27px 155px;
}

.searchModal .modal-content {
  position: relative;
  background-color: transparent !important;
  background-clip: padding-box;
  border: none !important;
  border-radius: 0px;
  outline: 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.searchModal .modal-header {
  border-bottom: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
}

.searchModal .modal-body {
  display: none;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background-color: #ffffff !important;
}

.modal-backdrop.in {
  opacity: 1;
}

.searchModal .modal-header .search__form--input {
  width: 100% !important;
}

.modal-header .form-inline {
  width: 100% !important;
}

.modal-header .close {
  margin-top: 12px;
  margin-left: 22px;
  opacity: 1;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.alt {
  padding-left: 0%;
  width: 100%;
}

.relatedProducts {
  font-family: 'Archivo', sans-serif;
  font-size: 14px;
  color: #777777;
  text-transform: none !important;
  text-shadow: none !important;
}

.deptos {
  font-family: 'Archivo', sans-serif;
  font-size: 14px;
  color: #777777;
  text-transform: none !important;
  text-shadow: none !important;
  margin-top: 30px;
}

.bread-cumb {
  font-family: 'Archivo', sans-serif;
  font-size: 14px;
  color: #3e3e3e;
  text-transform: none !important;
  text-shadow: none !important;
}

.bread-cumb span {
  font-family: 'Archivo', sans-serif;
  font-size: 14px;
  color: #0D47A1;
  text-transform: none !important;
  text-shadow: none !important;
}

.categories {
  font-family: 'Archivo', sans-serif;
  font-size: 14px;
  color: #777777;
  text-transform: none !important;
  text-shadow: none !important;
}

.categories:after {
  position: absolute;
  content: '';
  width: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  border-bottom: 1px solid rgba(13, 71, 161, 0.2);
  top: 21px;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
  font-family: 'Archivo', sans-serif;
  font-size: 14px;
  margin: 0 !important;
}

.relatedProducts:after {
  position: absolute;
  content: '';
  width: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  border-bottom: 1px solid rgba(13, 71, 161, 0.2);
  bottom: -10px;
}

.P5:after {
  position: absolute;
  content: '';
  width: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  border-bottom: 1px solid rgba(13, 71, 161, 0.2);
  bottom: -15px;
}

.stars {
  width: auto !important;
  height: 16px !important;
}

.term-list {
  list-style: none inside;
  width: 100%;
  margin: 0 auto 2em;
  padding: 5px 10px 0;
  text-align: left;
  color: #777;
  background: #fff;
  font-family: "Archivo", sans-serif;
}

.term-list li {
  padding: 12px 0;
  border-bottom: 1px solid #eee;
}

.term-list strong {
  color: #444;
  font-weight: 700;
}

.hidden {
  display: none;
}

.searchProduct {
  width: auto;
  height: 85px !important;
  margin-right: 20px;
}

hr {
  height: 4px;
  margin-left: 15px;
  margin-bottom: -3px;
}

.hr-warning {
  background-image: -webkit-linear-gradient(left, rgba(245, 124, 0, 0.8), rgba(245, 124, 0, 0.6), rgba(0, 0, 0, 0));
}

.breadcrumb {
  background: rgba(245, 245, 245, 0);
  border: 0px solid whitesmoke;
  border-radius: 25px;
  display: block;
}

.btn-bread {
  margin-top: 10px;
  font-size: 12px;
  border-radius: 3px;
}

.popup {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.75);
}

.popup {
  text-align: center;
}

.popup:before {
  content: '';
  display: inline-block;
  height: 100%;
  margin-right: -4px;
  vertical-align: middle;
}

.popup-inner {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  position: relative;
  max-width: 700px;
  width: 90%;
  padding: 40px;
  -webkit-box-shadow: 0px 2px 6px black;
          box-shadow: 0px 2px 6px black;
  border-radius: 3px;
  background: #fff;
  text-align: center;
}

.popup-inner h1 {
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
}

.popup-inner p {
  font-size: 24px;
  font-weight: 400;
}

.popup-close {
  width: 34px;
  height: 34px;
  padding-top: 4px;
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 20px;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  border-radius: 100%;
  background: transparent;
  border: solid 4px #808080;
}

.popup-close:after,
.popup-close:before {
  content: '';
  position: absolute;
  top: 11px;
  left: 5px;
  height: 4px;
  width: 16px;
  border-radius: 30px;
  background: #808080;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.popup-close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.popup-close:hover {
  -webkit-transform: translate(50%, -50%) rotate(180deg);
  transform: translate(50%, -50%) rotate(180deg);
  background: #f00;
  text-decoration: none;
  border-color: #f00;
}

.popup-close:hover:after,
.popup-close:hover:before {
  background: #fff;
}

@media screen and (max-width: 400px) {
  .breadcrumb {
    padding: 7px 0px;
  }
  .breadcrumb li {
    font-size: 13px;
  }
  .categories:after {
    top: 21px;
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .breadcrumb {
    padding: 8px 3px;
  }
  .breadcrumb li {
    font-size: 14px;
  }
  .categories:after {
    top: 21px;
  }
}

@media screen and (max-width: 768px) {
  .searchModal .modal-dialog {
    width: 97%;
    margin: 20px 0px 27px 15px;
  }
  .modal-backdrop.in {
    opacity: 1;
  }
  .breadcrumb {
    padding: 8px 0px;
  }
  .breadcrumb li {
    font-size: 14px;
  }
  .categories:after {
    top: 21px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .searchModal .modal-dialog {
    width: 97%;
    margin: 80px 0px 27px 15px;
  }
  .modal-backdrop.in {
    opacity: 1;
  }
  .breadcrumb {
    padding: 8px 0px;
  }
  .breadcrumb li {
    font-size: 14px;
  }
  .categories:after {
    top: 21px;
  }
}

/*
----------------------------------------------------------------------
    Component: Envio seleccion component
----------------------------------------------------------------------
*/
.select-deliver {
  background-color: rgba(13, 71, 161, 0.05) !important;
  padding: 42px 26px  !important;
  height: auto;
  text-align: center;
}

.select-deliver h1 {
  font-family: 'Archivo', sans-serif;
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 20px;
  color: #0D47A1;
  text-align: center !important;
}

.select-deliver p {
  font-family: 'archivomedium';
  font-size: 14px;
  color: #777777;
}

.A {
  margin-top: 15px;
  width: 100% !important;
}

.A svg {
  margin-right: 25px;
  vertical-align: middle;
}

.adress-deliver {
  height: 50px !important;
  margin: 0;
  padding: 0px 16px;
  text-align: left;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #CCCCCC;
  border-radius: 7px !important;
  margin-bottom: 32px;
}

.adress-deliver:focus {
  background: ffffff;
  border: 1px solid #F57C00;
}

.addressCH {
  display: inline-block;
  position: relative;
}

.addressCH:after {
  position: absolute;
  content: '';
  width: 120%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -5px;
  left: 50%;
  border-bottom: 1px solid rgba(13, 71, 161, 0.2);
}

.cpCH p {
  margin-top: 42px;
}

.icon_store-white::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #ffffff;
  content: 'c';
  margin-right: 10px;
  vertical-align: middle;
}

.icon_shopping-car::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 36px;
  color: #0D47A1;
  content: 'u';
  vertical-align: middle;
  margin-right: 10px;
}

/*
----------------------------------------------------------------------
    Component: Shopping cart
----------------------------------------------------------------------
*/
.shopping-cart {
  width: 330px;
  position: absolute;
  right: 0px;
  top: 0px;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 0px;
  z-index: 40;
}

.shopping-cart__container {
  background-color: rgba(62, 62, 62, 0);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-transform: translateX(351px);
          transform: translateX(351px);
}

.shopping-cart___wireframe {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
  opacity: .1;
  -webkit-transition: opacity 600ms, -webkit-transform 300ms ease-in-out;
  transition: opacity 600ms, -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, opacity 600ms;
  transition: transform 300ms ease-in-out, opacity 600ms, -webkit-transform 300ms ease-in-out;
  cursor: pointer;
}

.shopping-cart___wireframe:hover {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: .3;
}

.shopping-cart___show {
  height: 100%;
}

.shopping-cart___show .shopping-cart__container {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  background-color: #F6F6F7;
}

.shopping-cart___hide .shopping-cart__container {
  -webkit-transform: translateX(351px);
          transform: translateX(351px);
  background-color: rgba(62, 62, 62, 0);
}

@media screen and (max-width: 400px) {
  .shopping-cart {
    width: 95%;
  }
  .alert {
    width: 100%;
  }
  .label-cartE {
    width: 100%;
  }
  .progress {
    width: 100%;
  }
  .producto {
    width: 100%;
  }
  .descProd {
    margin-top: 22px;
  }
  .carousel-container {
    width: 100%;
  }
  .alert-blue p {
    margin-top: -15px;
  }
  .alert-blue2L p {
    margin-top: -10px;
  }
  .label-cartE {
    height: 85px;
  }
  .alert-yellow {
    height: 59px;
  }
  .producto {
    height: 140px;
  }
  .productImg {
    margin-top: 40px;
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .productImg {
    margin-top: 40px;
  }
  .producto {
    height: 140px;
  }
  .shopping-cart {
    width: 100%;
  }
  .alert {
    width: 100%;
  }
  .alert-dismissable .close, .alert-dismissible .close {
    right: -95%;
  }
  .label-cartE {
    width: 100%;
  }
  .progress {
    width: 100%;
  }
  .producto {
    width: 100%;
  }
  .descProd {
    margin-top: 22px;
  }
  .carousel-container {
    width: 100%;
  }
  .alert-blue p {
    margin-top: 7px;
  }
  .label-cartE {
    height: 80px;
  }
  .alert-yellow {
    height: 59px;
  }
}

/*
----------------------------------------------------------------------
    Component: Shopping over
----------------------------------------------------------------------
*/
.shopping-over {
  width: 100%;
  position: absolute;
  left: 0px;
  overflow: hidden;
  height: 100%;
  z-index: 30;
  display: none;
  top: 0px;
}

/*
----------------------------------------------------------------------
    Component: Spinners
----------------------------------------------------------------------
*/
/* spinner style */
.spinner {
  position: relative;
  width: 125px;
  height: 125px;
}

.spinner:before, .spinner:after {
  content: '';
  display: block;
  position: absolute;
  border-width: 4px;
  border-style: solid;
  border-radius: 50%;
}

/* spinner-3 styles */
@-webkit-keyframes scale-2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
@keyframes scale-2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

.spinner.spinner-3:before {
  width: 117px;
  height: 117px;
  border-color: #fff;
  top: 0px;
  left: 0px;
  -webkit-animation: scale-2 1s linear 0s infinite;
          animation: scale-2 1s linear 0s infinite;
}

.spinner.spinner-3:after {
  width: 117px;
  height: 117px;
  border-color: #fff;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-animation: scale-2 1s linear 0.5s infinite;
          animation: scale-2 1s linear 0.5s infinite;
}

/*
----------------------------------------------------------------------
    Component: Step
----------------------------------------------------------------------
*/
.steps-item {
  width: 120px;
  height: 180px;
  position: relative;
  z-index: 2;
  -webkit-filter: drop-shadow(0px -20px 5px rgba(62, 62, 62, 0.2));
          filter: drop-shadow(0px -20px 5px rgba(62, 62, 62, 0.2));
  cursor: default;
  margin: 0px 10px;
}

@media screen and (max-width: 768px) {
  .steps-item {
    margin: 0px 0px;
    width: auto;
    height: auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .steps-item {
    margin: 0px 5px;
  }
}

.steps-text__number {
  font-family: 'Archivo', sans-serif;
  color: #0D47A1;
  font-weight: 200;
  font-size: 2.5rem;
}

@media screen and (max-width: 400px) {
  .steps-text__number img {
    width: 20px;
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .steps-text__number img {
    width: 20px;
  }
}

@media screen and (max-width: 768px) {
  .steps-text__number {
    font-size: 1.375rem;
  }
  .steps-text__number:after {
    content: '.';
  }
}

.steps-text__summary {
  font-family: 'Archivo', sans-serif;
  color: #0D47A1;
  font-weight: 200;
  font-size: 1rem;
}

@media screen and (max-width: 768px) {
  .steps-text__summary {
    display: none;
  }
}

.steps-text {
  width: 120px;
  height: 170px;
  position: relative;
  z-index: 3;
  padding: 15px;
  padding-top: 50px;
}

@media screen and (max-width: 768px) {
  .steps-text {
    padding: 15px;
    width: auto;
    height: auto;
  }
}

.steps-background {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

.steps-clip {
  width: 100%;
  height: 115%;
  background-color: #5472D3;
  -webkit-clip-path: polygon(100% 0, 100% 80%, 49% 91%, 0 80%, 0 0);
  -moz-clip-path: polygon(100% 0, 100% 80%, 49% 91%, 0 80%, 0 0);
  clip-path: polygon(100% 0, 100% 80%, 49% 91%, 0 80%, 0 0);
  position: relative;
}

.steps-clip:after {
  width: 100%;
  height: 100%;
  top: -5px;
  background-color: #ffffff;
  -webkit-clip-path: polygon(100% 0, 100% 80%, 49% 91%, 0 80%, 0 0);
  -moz-clip-path: polygon(100% 0, 100% 80%, 49% 91%, 0 80%, 0 0);
  clip-path: polygon(100% 0, 100% 80%, 49% 91%, 0 80%, 0 0);
  content: '';
  position: absolute;
}

.steps-done, .steps-wait {
  -webkit-filter: drop-shadow(0px 0px 0px rgba(62, 62, 62, 0)) !important;
          filter: drop-shadow(0px 0px 0px rgba(62, 62, 62, 0)) !important;
}

.steps-done .steps-text, .steps-wait .steps-text {
  padding-top: 30px;
}

@media screen and (max-width: 768px) {
  .steps-done .steps-text, .steps-wait .steps-text {
    padding-top: 15px;
  }
}

.steps-done .steps-text a, .steps-wait .steps-text a {
  color: rgba(62, 62, 62, 0.2);
}

.steps-done .steps-clip, .steps-wait .steps-clip {
  background-color: transparent !important;
}

.steps-done .steps-clip:after, .steps-wait .steps-clip:after {
  background-color: transparent !important;
}

.steps-done .steps-text__number, .steps-wait .steps-text__number {
  color: rgba(62, 62, 62, 0.2);
}

@media screen and (max-width: 768px) {
  .steps-done .steps-text__number:after, .steps-wait .steps-text__number:after {
    content: '';
  }
}

.steps-done .steps-text__summary, .steps-wait .steps-text__summary {
  color: rgba(62, 62, 62, 0.2);
}

/*
----------------------------------------------------------------------
    Component: Text big button
----------------------------------------------------------------------
*/
.text-big-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  margin: 0px 20px;
  cursor: pointer;
}

@media screen and (max-width: 400px) {
  .text-big-button {
    margin: 20px 0px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
}

@media screen and (max-width: 768px) {
  .text-big-button {
    margin: 30px 0px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .text-big-button {
    margin: 30px 0px;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .text-big-button {
    margin: 20px 0px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
}

@media screen and (min-width: 1201px) {
  .text-big-button {
    margin: 20px 10px;
  }
}

.text-big-button__icon {
  width: 100%;
  text-align: left;
}

@media screen and (max-width: 400px) {
  .text-big-button__icon {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 768px) {
  .text-big-button__icon {
    min-width: 100px;
    max-width: 100px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .text-big-button__icon {
    min-width: 100px;
    max-width: 100px;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .text-big-button__icon {
    min-width: 100px;
    max-width: 150px;
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 1201px) {
  .text-big-button__icon {
    min-width: 100px;
    max-width: 120px;
  }
}

.text-big-button__iconFile {
  width: 100%;
  max-width: 90px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.text-big-button__left {
  margin-right: 15px;
}

.text-big-button__right {
  margin-right: 15px;
}

.text-big-button__container-text {
  text-align: left;
}

@media screen and (max-width: 400px) {
  .text-big-button__container-text {
    text-align: center;
  }
}

.text-big-button__title {
  font-family: 'Archivo', sans-serif;
  font-weight: 300;
  font-size: 1.125rem;
  color: #0D47A1;
}

.text-big-button__text {
  font-family: 'work_sansregular';
  font-size: 14px;
  color: #777;
  margin-top: 10px;
}

.text-big-button__small-text {
  padding-top: 5px;
  font-size: 0.75rem;
  color: #777777;
}

.text-big-button__link {
  font-family: 'Archivo', sans-serif;
  font-weight: 100;
  font-size: 0.75rem;
  color: #0D47A1;
  padding-top: 5px;
}

/*
----------------------------------------------------------------------
    Component: Text-button
----------------------------------------------------------------------
*/
.text-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  margin: 0px 5px;
  cursor: pointer;
}

.text-button__text a {
  font-size: 14px;
  font-family: 'archivomedium';
}

@media screen and (max-width: 400px) {
  div[data-icon-interactive] {
    padding-right: 20px;
  }
  div[data-icon-interactive] .icon-desktop {
    display: none;
  }
  div[data-icon-interactive] .icon-mobile {
    display: inherit !important;
  }
}

@media screen and (max-width: 992px) {
  div[data-icon-interactive] .icon-desktop {
    display: none;
  }
  div[data-icon-interactive] .icon-mobile {
    display: inherit !important;
  }

  .logo__file--mobile {
    width: 150px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  div[data-icon-interactive] .icon-mobile {
    display: none;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  div[data-icon-interactive] .icon-mobile {
    display: none;
  }
}

@media screen and (min-width: 1201px) {
  div[data-icon-interactive] .icon-mobile {
    display: none;
  }
}

.text-button__text {
  padding-left: 5px;
  font-size: 0.75rem;
}

.text-button__iconFile {
  width: 15px;
  height: 15px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.text-button__left {
  margin-right: 15px;
}


@media screen and (max-width: 400px) {
  .text-button__user {
    padding-right: 10px !important;
  }
}

@media screen and (max-width: 768px) {
  .text-button__user .text-button__icon--font span:after {
    font-size: 1.875rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .text-button__user .text-button__icon--font span:after {
    font-size: 2.8125rem !important;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .text-button__user .text-button__icon--font span:after {
    font-size: 2.8125rem !important;
  }
}

@media screen and (min-width: 1201px) {
  .text-button__user .text-button__icon--font span:after {
    font-size: 2.8125rem !important;
  }
}

.text-button__user .text-button__text {
  color: #0D47A1 !important;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.text-button__user--picture .text-button__iconFile {
  width: 40px;
  height: 40px;
}

.text-button__user--picture {
  margin-left: 0px;
}

.text-button__user--picture .text-button__text {
  text-overflow: ellipsis;
  width: 100%;
  max-width: 125px;
  white-space: nowrap;
  overflow: hidden;
}

@media screen and (max-width: 400px) {
  .text-button__user--picture {
    margin-right: 10px !important;
  }
  .text-button__user--picture .text-button__iconFile {
    width: 30px;
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .text-button__user--picture {
    margin-right: 10px !important;
  }
  .text-button__user--picture .text-button__iconFile {
    width: 30px;
  }
}

@media screen and (max-width: 768px) {
  .text-button__user--picture {
    margin-right: 10px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .text-button__user--picture {
    margin-right: 10px !important;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .text-button__user--picture {
    margin-left: 0px !important;
    margin-right: 0px;
  }
}

@media screen and (min-width: 1201px) {
  .text-button__user--picture {
    margin-right: 0px !important;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .header-user-info__info .text-button__text {
    text-overflow: unset;
    width: 100%;
    max-width: 180px;
    white-space: nowrap;
    overflow: visible;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .text-button__user--monedero .text-button__text {
    display: none;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .text-button__user--monedero .text-button__text {
    display: none;
  }
}

.text-button__user--monedero .text-button__iconFile {
  width: 50px;
  height: auto;
}

.text-button__user--monedero .text-button__text {
  width: 100%;
  max-width: 125px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.user-popup-list__option .text-button__iconFile {
  width: 15px;
  height: 15px;
}

.user-popup-list__option .text-button__text {
  margin-left: 10px !important;
  text-overflow: none !important;
  width: auto !important;
  max-width: 100% !important;
  white-space: inherit !important;
}

.header-user-info__info--mobile .text-button__iconFile {
  width: 25px;
  height: 25px;
}

.text-button__monedero--text {
  font-family: 'WorkSans', sans-serif;
  font-weight: 200;
  font-size: 0.6875rem;
}

.text-button__monedero--money {
  font-family: 'WorkSans', sans-serif;
  font-weight: 300;
  font-size: 0.875rem;
}

.text-button__geolocation {
  width: 150px;
  position: relative;
  margin: 0px;
}

.text-button__geolocation .text-button__iconFile {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 5px;
}

.text-button__geolocation .text-button__text {
  -webkit-transition: width 600ms;
  transition: width 600ms;
  text-overflow: ellipsis;
  width: 140px;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 28px;
  font-family: 'Archivo', sans-serif;
  font-weight: 400;
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .text-button__geolocation .text-button__text {
    text-overflow: ellipsis;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
  }
}

.text-button__geolocation--open .text-button__text {
  text-overflow: ellipsis;
  width: 260px;
  white-space: nowrap;
  overflow: hidden;
}

.text-button__calltoaction .text-button__text {
  font-family: 'Archivo', sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .text-button__calltoaction .text-button__text {
    font-size: 1.125rem;
  }
}

.text-button__calltoaction .text-button__iconFile {
  width: 20px;
  height: 20px;
}

.text-button__calltoaction .text-button__icon--font span:after {
  font-size: 1.875rem !important;
}

.text-button__extrasize .text-button__icon--font span:after {
  font-size: 2.125rem !important;
}

.text-button__calltoaction--orange .text-button__text {
  font-size: 1.5rem;
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .text-button__calltoaction--orange .text-button__text {
    font-size: 1.125rem;
  }
}

.text-button__calltoaction--orange .text-button__iconFile {
  width: 20px;
  height: 20px;
}

.text-button__calltoaction--orange .text-button__icon--font span:after {
  font-size: 1.875rem !important;
  color: #F57C00;
}

.text-button__socialnetworks .text-button__iconFile {
  width: 25px;
  height: 25px;
}

.text-button__cp {
  color: #FFD600;
  font-family: 'Archivo', sans-serif;
  font-weight: 400;
}

.text-button__icon--font span:after {
  font-size: 1.375rem !important;
}

.text-button__telephone span {
  color: #3E3E3E;
  font-size: 15px;
  font-family: 'archivomedium';
}

.text-button__telephone .text-button__icon--font span:after {
  color: #777777;
}

@media screen and (max-width: 400px) {
  div[data-icon-interactive] {
    margin: 0px;
  }
}

.text-button__reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.text-button__reverse .text-button__text {
  padding-left: 0px;
  padding-right: 8px;
}

.text-button__orange {
  color: #F57C00;
}

.text-button__orange a {
  color: #F57C00;
}

.text-button__orange span:after {
  color: #F57C00;
}

.text-button__black {
  color: #3E3E3E;
}

.text-button__black a {
  color: #3E3E3E;
}

.text-button__black span:after {
  color: #3E3E3E;
}

/*
----------------------------------------------------------------------
    Component: Text button dropdown
----------------------------------------------------------------------
*/
.text-button__user--picture-mobile {
  font-family: 'Archivo', sans-serif;
  font-weight: 100;
  font-size: 0.875rem;
}

@media screen and (max-width: 768px) {
  .text-button__user--picture-mobile {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .text-button__user--picture-mobile {
    display: none;
  }
}

/*
----------------------------------------------------------------------
    Component: User popup
----------------------------------------------------------------------
*/
.user-popup {
  position: absolute;
  overflow: hidden;
  height: 0px;
  opacity: 0;
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, transform 300ms;
  transition: opacity 300ms, transform 300ms, -webkit-transform 300ms;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  z-index: 11122;
}

@media screen and (max-width: 768px) {
  .user-popup {
    left: 0px;
    margin-right: 0px;
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .user-popup {
    left: 0px;
    margin-right: 0px;
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .user-popup {
    top: 12px;
    right: -108px;
  }
}

@media screen and (min-width: 1201px) {
  .user-popup {
    top: 12px;
    right: -108px;
  }
}

.user-popup__click {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  padding: 10px;
}

.user-popup__click .user-popup-content {
  opacity: 1;
}

.user-popup__click .user-popup-content__picture {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media screen and (max-width: 400px) {
  .user-popup__click {
    height: 100%;
    width: 100%;
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .user-popup__click {
    height: 100%;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .user-popup__click {
    height: 100%;
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .user-popup__click {
    height: 100%;
    width: 75%;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .user-popup__click {
    height: 500px;
  }
}

@media screen and (min-width: 1201px) {
  .user-popup__click {
    height: 500px;
  }
}

.user-popup__click--close {
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
}

.user-popup__click--close .user-popup-content__picture {
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
}

.user-popup__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 200px;
  position: relative;
  z-index: 99910;
}

@media screen and (max-width: 768px) {
  .user-popup__top {
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .user-popup__top {
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .user-popup__top {
    width: 500px;
    height: 400px;
    -webkit-filter: drop-shadow(10px 14px 10px rgba(0, 0, 0, 0.08));
            filter: drop-shadow(10px 14px 10px rgba(0, 0, 0, 0.08));
  }
}

@media screen and (min-width: 1201px) {
  .user-popup__top {
    width: 500px;
    height: 400px;
    -webkit-filter: drop-shadow(10px 14px 10px rgba(0, 0, 0, 0.08));
            filter: drop-shadow(10px 14px 10px rgba(0, 0, 0, 0.08));
  }
}

.user-popup__container {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #ffffff;
  border-radius: 21px;
  overflow: hidden;
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .user-popup__container {
    border: 2px solid #0D47A1;
  }
}

@media screen and (min-width: 1201px) {
  .user-popup__container {
    border: 2px solid #0D47A1;
  }
}

.user-popup__arrow {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  z-index: 99912;
}

.user-popup__arrow .user-popup__container--arrow {
  margin-right: 120px;
  position: relative;
  height: 30px;
}

.user-popup__arrow .user-popup__container--arrow img {
  position: absolute;
  margin-top: 7px;
}

@media screen and (max-width: 768px) {
  .user-popup__arrow {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .user-popup__arrow {
    display: none;
  }
}

.user-popup-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(62, 62, 62, 0.8);
  z-index: 9995;
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .user-popup-overlay {
    display: none;
  }
}

@media screen and (min-width: 1201px) {
  .user-popup-overlay {
    display: none;
  }
}

/*
----------------------------------------------------------------------
    Component: User popup content
----------------------------------------------------------------------
*/
.user-popup-content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-transition: opacity 600ms;
  transition: opacity 600ms;
  opacity: 0;
}

@media screen and (max-width: 400px) {
  .user-popup-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .user-popup-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  .user-popup-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .user-popup-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.user-popup-content__picture {
  -webkit-transition: -webkit-transform 600ms;
  transition: -webkit-transform 600ms;
  transition: transform 600ms;
  transition: transform 600ms, -webkit-transform 600ms;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 60px;
}

@media screen and (max-width: 400px) {
  .user-popup-content__picture {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .user-popup-content__picture {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (max-width: 768px) {
  .user-popup-content__picture {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .user-popup-content__picture {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.user-popup-content__profile {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.user-popup-content__menu {
  width: 100%;
  height: 100%;
}

.user-popup-content__img {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.user-popup-content__file {
  width: 100%;
}

.user-popup-content__greeting {
  font-family: 'Archivo', sans-serif;
  font-size: 2.125rem;
  font-weight: 100;
  color: #0D47A1;
  text-align: center;
  margin-top: 10px;
  line-height: 30px;
}

@media screen and (max-width: 400px) {
  .user-popup-content__greeting {
    margin-left: 30px;
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .user-popup-content__greeting {
    margin-left: 30px;
  }
}

@media screen and (max-width: 768px) {
  .user-popup-content__greeting {
    margin-left: 30px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .user-popup-content__greeting {
    margin-left: 30px;
  }
}

@media screen and (min-width: 1201px) {
  .user-popup-content__greeting {
    line-height: 30px;
  }
}

.user-popup-content__name {
  font-family: 'WorkSans', sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
}

/*
----------------------------------------------------------------------
    Component: User popup list
----------------------------------------------------------------------
*/
.user-popup__close {
  width: 100%;
  padding: 20px;
  text-align: right;
}

.user-popup__close img {
  width: 35px;
  height: 35px;
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .user-popup__close {
    display: none;
  }
}

@media screen and (min-width: 1201px) {
  .user-popup__close {
    display: none;
  }
}

.user-popup-list {
  position: relative;
  z-index: 99915;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  height: 100%;
}

@media screen and (max-width: 400px) {
  .user-popup-list span:after {
    font-size: 32px !important;
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .user-popup-list span:after {
    font-size: 32px !important;
  }
}

@media screen and (max-width: 768px) {
  .user-popup-list span:after {
    font-size: 32px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .user-popup-list span:after {
    font-size: 32px !important;
  }
}

.user-popup-list__option--profile {
  padding-top: 20px !important;
}

.user-popup-list__option--logout {
  padding-bottom: 20px !important;
}

.user-popup-list__option--logout span:after {
  color: #F57C00;
}

.user-popup-list__option {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #EEF1FB;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: 'WorkSans', sans-serif;
  font-weight: 200;
}

.user-popup-list__option .text-button__icon {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.user-popup-list__option .text-button__text {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .user-popup-list__option .text-button__text {
    font-size: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .user-popup-list__option .text-button__text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .user-popup-list__option .text-button__text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .user-popup-list__option .text-button__text {
    font-size: 1rem;
  }
}

.user-popup-list__option:hover {
  background-color: #F3F6FA;
}

.user-popup-list__option:hover .text-button__icon {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

.user-popup-list__option:hover .text-button__text {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}

/*
----------------------------------------------------------------------
    Component: WrapButtonFooter component
----------------------------------------------------------------------
*/
.wrapButtonFotter {
  background-color: #ffffff !important;
  padding: 16px  !important;
  color: #F57C00  !important;
  height: 136px;
  -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0px 6px rgba(0, 0, 0, 0.25);
}

.btn-primary:hover {
  color: #fff;
  background-color: #f59b00;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #f59b00), to(#f57c00));
  background-image: linear-gradient(360deg, #f59b00 25%, #f57c00 100%);
  border-color: #f59b00;
}

.emptyCart {
  float: right;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
}

.emptyCart a {
  margin: 10px 0px;
  float: right;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
}

.emptyCart a span {
  margin-top: -13px;
  float: right;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
}

.emptyCart p {
  margin-top: 5px;
  vertical-align: center;
  font-size: 11px;
  font-weight: 100;
  margin-right: 6px;
}

.icons {
  margin-top: 8px;
}

/*First message*/
.wrapButtonFotterEmpty {
  background-color: #ffffff !important;
  padding: 0 16px  !important;
  color: #F57C00  !important;
  height: 240px;
  -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0px 6px rgba(0, 0, 0, 0.25);
}

.mayBuyMessage {
  margin: 16px 0px 6px 0px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  color: #3E3E3E;
}

.mayBuyMessage svg {
  margin-right: 6px;
}

.mayBuyMessage p {
  font-family: 14px;
  font-weight: 100;
  font-size: 14px;
  margin-top: -5px;
}

.btn-gray {
  font-family: 'Archivo', sans-serif;
  color: #fff;
  background-color: #CCCCCC;
  border-color: #CCCCCC;
  font-size: 16px;
  border-radius: 7px;
  height: 50px;
}

.btn-gray:hover {
  font-family: 'Archivo', sans-serif;
  color: #fff;
  background-color: #CCCCCC;
  border-color: #CCCCCC;
}

/*Progress Bar*/
.progressFt {
  height: 20px;
  width: 288px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #DCDCDC;
  border: 1px solid #DCDCDC;
  border-radius: 10.5px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.progress-barFt {
  background-color: #F57C00;
  border-radius: 10.5px;
  border: 1px solid #DCDCDC;
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.sr-only {
  position: relative;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  padding-left: 28%;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
}

@media screen and (max-width: 768px) {
  .emptyCart {
    margin: 13px 0px;
  }
  .emptyCart a {
    margin: 9px 0px;
  }
  .wrapButtonFotterEmpty {
    height: 200px;
  }
}

.body-container-simulate-error {
  padding: 30px;
}

/*
----------------------------------------------------------------------
    Component: Body Wizard1
----------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------
    Component: Body Wizard2
----------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------
    Component: Body Wizard3
----------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------
    Component: Body Wizard4
----------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------
    Component: Body Wizard5
----------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------
    Component: Body
----------------------------------------------------------------------
*/
.body-container {
  width: 100%;
  /*background-color: $primary-1;*/
  background: #F6F6F7;
  margin-left: 10px;
  width: calc(100% - 20px);
  position: relative;
  z-index: 35;
  height: auto;
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .header-user-panel .header-user-panel__account--notifications {
    padding: 0px 25px 0px 15px !important;
  }
}

/*
----------------------------------------------------------------------
    Component: Departments All
----------------------------------------------------------------------
*/
.departments-all {
  width: calc(100% - 20px);
  margin-left: 10px;
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .departments-all {
    position: absolute;
    top: 153px;
    z-index: 991;
  }
}

@media screen and (min-width: 1201px) {
  .departments-all {
    position: absolute;
    top: 153px;
    z-index: 991;
  }
}

.departments-all .icon_badge__badge--notifications {
  display: none;
}

@media screen and (max-width: 768px) {
  .departments-all .icon_badge__badge--notifications {
    display: inline-block;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .departments-all .icon_badge__badge--notifications {
    display: inline-block;
  }
}

.departments-all__notifications {
  display: none;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 10px 10px;
  background-color: #ffffff;
}

.departments-all__notifications .departments-all__notifications-text {
  margin-left: 10px;
}

.departments-all__notifications div[data-icon-interactive] {
  padding-right: 20px;
}

.departments-all__notifications .icon_badge__badge--notifications {
  top: 0 !important;
}

@media screen and (max-width: 768px) {
  .departments-all__notifications {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .departments-all__notifications div[data-icon-interactive] {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .departments-all__notifications .icon-desktop {
    display: none !important;
  }
  .departments-all__notifications .icon-mobile {
    display: inline-block !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .departments-all__notifications {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .departments-all__notifications div[data-icon-interactive] {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .departments-all__notifications .icon-desktop {
    display: none !important;
  }
  .departments-all__notifications .icon-mobile {
    display: inline-block !important;
  }
}

.departments-all__notifications-close {
  display: none;
}

/*
----------------------------------------------------------------------
    Component: Departments Level 1
----------------------------------------------------------------------
*/
.departments-shadow {
  -webkit-box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 768px) {
  .departments-shadow {
    -webkit-box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0);
            box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0);
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .departments-shadow {
    -webkit-box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0);
            box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0);
  }
}

.departments-level1 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 15px 30px;
  background-color: #0D47A1;
  display: none;
  overflow-y: auto;
}

.departments-level1::-webkit-scrollbar {
  width: 0;
}

@media screen and (max-width: 768px) {
  .departments-level1 {
    padding: 15px 5px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background-color: #F3F6FA;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .departments-level1 {
    padding: 15px 5px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background-color: #F3F6FA;
  }
}

@media screen and (max-width: 768px) {
  .departments-item__first {
    -ms-flex-preferred-size: 100%  !important;
        flex-basis: 100%  !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .departments-item__first .departments-item__text {
    margin-left: 10px  !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .departments-item__first {
    -ms-flex-preferred-size: 100%  !important;
        flex-basis: 100%  !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .departments-item__first .departments-item__text {
    margin-left: 10px  !important;
  }
}

.departments-level1__title {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-left: 10px;
  margin-bottom: 10px;
  color: #0D47A1;
  display: none;
}

@media screen and (max-width: 768px) {
  .departments-level1__title {
    display: inline-block;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .departments-level1__title {
    display: inline-block;
  }
}

/*
----------------------------------------------------------------------
    Component: Departments Level 2
----------------------------------------------------------------------
*/
.number-orange2 a {
  font-family: 'archivobold';
  color: #F57C00;
  font-size: 28px;
  padding: 5px 0px;
}

.departments-level2__close {
  display: none !important;
}

.departments-level2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media screen and (max-width: 768px) {
  .departments-level2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .departments-level2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .departments-level2__selection-hidde {
    display: none;
  }
}

@media screen and (min-width: 1201px) {
  .departments-level2__selection-hidde {
    display: none;
  }
}

.departments-level2__selection {
  background-color: #F3F6FA;
  padding: 20px;
}

@media screen and (min-width: 992px){
.departments-level2__selection {
  max-height: 350px;
  overflow-y: scroll;
  }
}


@media screen and (min-width: 768px) and (max-width: 992px) {
  .departments-level2__selection {
    padding: 0px;
  }
}

.departments-level2__selection-content {
  background-color: #ffffff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.departments-level2__selection-content-close {
  display: none;
}

.departments-level2__extra0 {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .departments-level2__extra0 {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .departments-level2__extra0 {
    display: none;
  }
}

.departments-level2__extra1,
.departments-level2__extra2 {
  display: none;
  width: 100%;
  background-color: #ffffff;
}

@media screen and (max-width: 768px) {
  .departments-level2__extra1,
  .departments-level2__extra2 {
    display: inline-block;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .departments-level2__extra1,
  .departments-level2__extra2 {
    display: inline-block;
  }
}

.departments-level2__extra2 .text-button {
  border-bottom: 1px solid #EEF1FB;
  padding: 5px 0px;
}

.departments-level2__extra2 .text-button:hover {
  background-color: rgba(84, 114, 211, 0.2) !important;
}

.departments-level2__extra3 {
  display: none;
  text-align: center;
  background-color: #ffffff;
  width: 100%;
}

.departments-level2__extra3 .text-button {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 768px) {
  .departments-level2__extra3 {
    display: inline-block;
    padding-bottom: 60px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .departments-level2__extra3 {
    display: inline-block;
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 768px) {
  .departments-level2__extra0-show {
    display: inline-block;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .departments-level2__extra0-show {
    display: inline-block;
  }
}

/*
----------------------------------------------------------------------
    Component: Departments Level 3
----------------------------------------------------------------------
*/
.departments-level3 {
  background-color: #ffffff;
}

@media screen and (max-width: 768px) {
  .departments-level3 {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .departments-level3 {
    display: none;
  }
}

.departments-level3 .container-fluid {
  margin-top: 15px;
  margin-bottom: 15px;
}

.departments-level3 a {
  display: block;
  margin-bottom: 15px;
}

.banner {
  background-color: #F6F6F7;
  width: 100%;
  height: 100%;
}

.banner-space {
  margin-top: 15px;
}

.departments-top {
  margin-top: 12px;
}

/*
----------------------------------------------------------------------
    Component: Footer
----------------------------------------------------------------------
*/
.footer-container {
  margin-left: 10px;
  width: calc(100% - 20px);
  margin-bottom: 10px;
  padding: 0px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(76%, white), color-stop(77%, rgba(229, 229, 229, 0.2)), color-stop(78%, rgba(229, 229, 229, 0)));
  background: linear-gradient(to bottom, white 76%, rgba(229, 229, 229, 0.2) 77%, rgba(229, 229, 229, 0) 78%);
}

.footer-container .row {
  text-align: center;
}

/*
----------------------------------------------------------------------
    Component: Header
----------------------------------------------------------------------
*/
/*
----------------------------------------------------------------------
    Component: Header user info
----------------------------------------------------------------------
*/
.header-user-info__element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
}

.header-user-info__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px 20px 5px 180px;
}

@media screen and (max-width: 768px) {
  .header-user-info__info {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .header-user-info__info {
    display: none;
  }
}

.header-user-info__left {
  width: 50%;
  max-width: 460px;
}

.header-user-info__info--mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .header-user-info__info--mobile {
    display: none;
  }
}

@media screen and (min-width: 1201px) {
  .header-user-info__info--mobile {
    display: none;
  }
}

.header-user-info__icon--billing .text-button__text, .header-user-info__icon--help .text-button__text, .header-user-info__icon--location .text-button__text, .header-user-info__icon--chat .text-button__text {
  color: #0D47A1;
}

/*
----------------------------------------------------------------------
    Component: Header user search
----------------------------------------------------------------------
*/
.search__mobile-block {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #ffffff;
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .search__mobile-block {
    border-radius: 0px 21px 0px 0px !important;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .search__mobile-block {
    display: none;
  }
}

@media screen and (min-width: 1201px) {
  .search__mobile-block {
    display: none;
  }
}

.header__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 75px;
  padding: 0px 10px;
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .header__search {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media screen and (min-width: 1201px) {
  .header__search {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.search__form {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 10px 0px;
  background-color: #ffffff;
}

@media screen and (max-width: 768px) {
  .search__form {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .search__form {
    display: none;
  }
}

.error-monedero .text-button__user--monedero .text-button__text {
  display: none;
}

.error-monedero .header-user-panel-sign-in__listener {
  width: 550px;
}

.error-monedero .header-user-panel__click--sign-in {
  width: 650px !important;
}

/*
----------------------------------------------------------------------
    Component: Header user panel
----------------------------------------------------------------------
*/
.header-user-panel__account {
  background-color: #ffffff !important;
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.header-user-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-transition: width 600ms;
  transition: width 600ms;
  width: 100%;
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .header-user-panel {
    width: 380px;
  }
}

@media screen and (min-width: 1201px) {
  .header-user-panel {
    width: 380px;
  }
}

.header-user-panel__click {
  width: 500px;
}

.header-user-panel__click .header-user-panel__shopping {
  width: 330px;
}

.header-user-panel__click--sign-in {
  width: 830px !important;
}

.header-user-panel__click--sign-in .header-user-panel__shopping {
  width: 330px;
}

.header-user-panel__shopping {
  width: 300px;
  -webkit-transition: width 600ms;
  transition: width 600ms;
  background-color: #0D47A1;
  border-radius: 0px 21px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.header-user-panel__shopping:hover .icon_badge__badge {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-animation-name: badgeAnimation;
          animation-name: badgeAnimation;
  -webkit-animation-duration: 400ms;
          animation-duration: 400ms;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.header-user-panel__shopping:hover .icon_badge__file {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-animation-name: carAnimation;
          animation-name: carAnimation;
  -webkit-animation-duration: 400ms;
          animation-duration: 400ms;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

@media screen and (max-width: 768px) {
  .header-user-panel__shopping:hover .icon_badge__file {
    -webkit-animation-name: '' !important;
            animation-name: '' !important;
  }
}

@media screen and (max-width: 400px) {
  .header-user-panel__shopping {
    background-color: #ffffff;
    width: 60px !important;
  }
  .header-user-panel__shopping .icon_badge__badge {
    top: -10px !important;
  }
}


@media screen and (max-width: 992px) {
  .header-user-panel__shopping {
    background-color: #ffffff;
    width: 80px;
    padding-right: 20px;
  }
  .header-user-panel__shopping .header-user-panel__total {
    display: none;
  }
}

@-webkit-keyframes badgeAnimation {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  20% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  60% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes badgeAnimation {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  20% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  60% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes carAnimation {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 0;
  }
  41% {
    -webkit-transform: translateX(-50px) scale(0.2);
            transform: translateX(-50px) scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes carAnimation {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 0;
  }
  41% {
    -webkit-transform: translateX(-50px) scale(0.2);
            transform: translateX(-50px) scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
}

.header-user-panel__total {
  color: #ffffff;
  font-size: 1.125rem;
  margin-left: 30px;
}

.header-user-panel__total span {
  font-size: 0.75rem;
}

/*
----------------------------------------------------------------------
    Component: Header Menu
----------------------------------------------------------------------
*/
.geolocation {
  width: 28px !important;
  height: 28px !important;
  top: 5px;
  margin-right: 10px;
}

.geoText {
  font-size: 12px;
  font-family: 'archivomedium';
  color: #ffffff;
  margin-top: 7px;
  -webkit-transition: width 600ms;
  transition: width 600ms;
  text-overflow: ellipsis;
  width: 160px;
  white-space: nowrap;
  overflow: hidden;
}

.geoContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3px;
}

.header-user-menu {
  width: calc(100% - 20px);
  margin-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #F57C00;
  -webkit-transition: padding 300ms;
  transition: padding 300ms;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .header-user-menu {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .header-user-menu {
    display: none;
  }
}

.header-user-menu__options {
  transition: width 0.5s;
  display: flex;
}

.header-user-menu__options-expanded {
  width: calc(90% - 160px);
}

.header-user-menu__geolocation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 15px;
}

.header-user-menu__geolocation .header-user-menu__geolocation--nopadding {
  padding: 0px !important;
}

.header-user-menu__geolocation .text-button__iconFile {
  -webkit-transition: width 300ms, height 300ms, top 300ms;
  transition: width 300ms, height 300ms, top 300ms;
}

.header-user-menu__option {
  font-size: 14px;
  color: #ffffff;
  padding: 5px 25px;
  cursor: pointer;
}

.header-user-menu__option a {
  color: #ffffff;
}

.header-user-menu__separator {
  border-right: 1px solid rgba(255, 255, 255, 0.8);
  margin-top: 10px;
  margin-bottom: 10px;
}

.header-user-menu__separator-clear {
  border-right: 0px solid rgba(255, 255, 255, 0);
}

.header-user-menu__hamburger {
  padding-left: 20px !important;
  cursor: pointer;
}

.header-departments {
  padding-top: 15px;
  padding-bottom: 10px;
}

.header-departments__active {
  background-color: #0D47A1;
}

.action-departments-hide {
  display: none;
}

.action-departments-show {
  display: inline-block;
}

/*
----------------------------------------------------------------------
    Component: Header user search mobile
----------------------------------------------------------------------
*/
.header-user-search-mobile--search-form {
  padding: 20px;
  background-color: #ffffff;
  margin-left: 10px;
  width: calc(100% - 20px);
  z-index: 555551;
  position: relative;
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .header-user-search-mobile {
    display: none;
  }
}

@media screen and (min-width: 1201px) {
  .header-user-search-mobile {
    display: none;
  }
}

/*
----------------------------------------------------------------------
    Component: Header user panel picture
----------------------------------------------------------------------
*/
.header-user-panel__account--picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff !important;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (max-width: 768px) {
  .header-user-panel__account--picture {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .header-user-panel__account--picture .text-button__user--picture-mobile .text-button__text {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .header-user-panel__account--picture {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .header-user-panel__account--picture .text-button__user--picture-mobile .text-button__text {
    display: none;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .header-user-panel__account--picture {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

@media screen and (min-width: 1201px) {
  .header-user-panel__account--picture {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.header-user-panel__account--popup--click {
  height: 100% !important;
  z-index: 9999991;
}

@media screen and (max-width: 768px) {
  .header-user-panel__account--popup--click {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .header-user-panel__account--popup--click {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }
}

.header-user-panel__account--popup--close {
  height: 0px !important;
}

.header-user-panel__account--popup {
  height: 0px;
  background-color: transparent;
}

@media screen and (max-width: 768px) {
  .header-user-panel__account--popup {
    left: 0px;
    top: 0px;
    width: 100%;
    position: fixed;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .header-user-panel__account--popup {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
  }
}

/*
----------------------------------------------------------------------
    Component: Header user panel sign in
----------------------------------------------------------------------
*/
.header-user-panel-sign-in__expand {
  width: 700px;
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .header-user-panel-sign-in__expand {
    width: 600px;
  }
}

.header-user-panel-sign-in__listener {
  outline: 0px;
}

.header-user-panel__account--monedero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff !important;
  cursor: pointer;
}

@media screen and (max-width: 400px) {
  .header-user-panel__account--monedero {
    display: none;
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .header-user-panel__account--monedero {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .header-user-panel__account--monedero {
    display: none;
  }
  .header-user-panel__account--monedero .text-button__user--monedero {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .header-user-panel__account--monedero {
    display: none;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .header-user-panel__account--monedero .text-button__user--monedero {
    display: none;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .header-user-panel__account--monedero .text-button__icon {
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms;
  }
  .header-user-panel__account--monedero .text-button__icon:hover {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

.header-user-panel__account--notifications {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff !important;
  cursor: pointer;
}

.header-user-panel__account--notifications .icon_badge__file {
  -webkit-transform: rotate(0deg) blur(0px);
          transform: rotate(0deg) blur(0px);
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
}

.header-user-panel__account--notifications .icon_badge__badge--icon span:after {
  color: #0D47A1 !important;
}

.header-user-panel__account--notifications .icon_badge__badge {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.header-user-panel__account--notifications:hover .icon_badge__badge {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-animation-name: notificationBadgleAnimation;
          animation-name: notificationBadgleAnimation;
  -webkit-animation-duration: 400ms;
          animation-duration: 400ms;
}

.header-user-panel__account--notifications:hover .icon_badge__file {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-animation-name: notificationAnimation;
          animation-name: notificationAnimation;
  -webkit-animation-duration: 400ms;
          animation-duration: 400ms;
}

@media screen and (max-width: 400px) {
  .header-user-panel__account--notifications {
    padding: 0px 20px 0px 15px !important;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: none;
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .header-user-panel__account--notifications {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .header-user-panel__account--notifications {
    padding: 0px 30px;
    padding-left: 20px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .header-user-panel__account--notifications {
    padding: 0px 30px;
    padding-left: 20px;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .header-user-panel__account--notifications {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-right: 0px;
  }
}

@media screen and (min-width: 1201px) {
  .header-user-panel__account--notifications {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-right: 40px;
  }
}

@-webkit-keyframes notificationAnimation {
  0% {
    -webkit-transform: rotate(25deg) blur(20px);
            transform: rotate(25deg) blur(20px);
  }
  10% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  20% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  80% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes notificationAnimation {
  0% {
    -webkit-transform: rotate(25deg) blur(20px);
            transform: rotate(25deg) blur(20px);
  }
  10% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  20% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  80% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-webkit-keyframes notificationBadgleAnimation {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  20% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  60% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes notificationBadgleAnimation {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  20% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  60% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/*
----------------------------------------------------------------------
    Component: Header user panel sign out
----------------------------------------------------------------------
*/
.my-account {
  font-family: 'Archivo', sans-serif;
  font-size: 0.875rem;
  font-weight: 100;
}

@media screen and (max-width: 400px) {
  .text-button__user .text-button__text {
    display: none;
  }
}

@media screen and (min-width: 401px) and (max-width: 580px) {
  .text-button__user .text-button__text {
    display: none;
  }
}

/*
----------------------------------------------------------------------
    Component: Main Wizard
----------------------------------------------------------------------
*/
.main-wizard {
  padding: 0 20px;
}

.main-wizard-related {
  margin: 40px 0px;
  background-color: white;
  -webkit-filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
          filter: drop-shadow(0px 0px 8px rgba(62, 62, 62, 0.15));
}

/*
----------------------------------------------------------------------
    Component: Main Wizard2
----------------------------------------------------------------------
*/
.wizard2 .col {
  margin-bottom: 15px;
}

.wizard2-text {
  width: 100%;
  margin-bottom: 10px;
}

[data-segment="1"] .customer-empty-card {
  max-width: 295px;
  margin: 35px auto 0px;
}

[data-segment="1"] .base-h1 {
  margin: 35px auto 0px;
}

[data-segment="2"] {
  display: none;
}

.wizard1_add {
  margin-bottom: 35px;
  margin-right: -10px;
}

.wizard1_add .icon_add:after {
  font-size: 36px !important;
}

.center-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 768px) {
  .title-mobile-wizard2 {
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .title-mobile-wizard2 {
    margin-bottom: 20px !important;
  }
}

/*
----------------------------------------------------------------------
    Component: Main Wizard3
----------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------
    Component: Main Wizard4
----------------------------------------------------------------------
*/
.wizard4 {
  /* Monedero */
  /* Metodos de pago */
  /* Metodo seleccionado */
  /* Metodo tarjeta seleccionada */
  /* Metodo pagar en establecimiento */
}

.wizard4 .wh-01-dummy {
  width: 229px;
}

.wizard4 .wh-02-dummy {
  width: 255px;
  height: 50px;
}

.wizard4 .wh-03-dummy {
  width: 160px;
  height: 220px;
}

.wizard4 .wh-04-dummy {
  width: 210px;
  height: 132px;
}

.wizard4 .wh-05-dummy {
  width: 100%;
  height: 140px;
  margin-top: 100px;
}

.wizard4 .wh-06-dummy {
  width: 230px;
  height: 50px;
}

.wizard4 .wh-07-dummy {
  width: 178px;
  height: 248px;
}

.wizard4 .wh-08-dummy {
  width: 170px;
  height: 80px;
}

.wizard4 .box-dummy {
  border: 1px solid gray;
  background-color: lightgray;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: flex;
}

.wizard4 .monedero-cont__recargar {
  height: auto;
  float: right;
  margin-top: -24px;
}

@media screen and (max-width: 992px) {
  .wizard4 .monedero-cont__recargar {
    height: auto;
    float: right;
    margin-top: 16px;
  }
}

.wizard4 .monedero-cont__col-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.wizard4 .monedero-cont__col-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 768px) {
  .wizard4 .monedero-cont__col-1 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .wizard4 .monedero-cont__col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 32px !important;
  }
}

@media screen and (max-width: 992px) and (max-width: 768px) {
  .wizard4 .monedero-cont__col-2 {
    margin-top: auto;
  }
}

@media screen and (max-width: 992px) {
  .wizard4 .monedero-cont__col-3 {
    -webkit-box-align: left;
        -ms-flex-align: left;
            align-items: left;
    margin-top: 32px !important;
  }
}

@media screen and (max-width: 992px) and (max-width: 768px) {
  .wizard4 .monedero-cont__col-3 {
    margin-top: auto;
  }
}

.wizard4 .monedero-cont__footer {
  text-align: right;
}

.wizard4 .monedero-cont__saldo {
  width: 255px;
  height: auto;
}

@media screen and (max-width: 768px) {
  .wizard4 .monedero-cont__saldo {
    width: auto;
  }
}

.wizard4 .monedero-cont__usar {
  height: auto;
}

@media screen and (max-width: 768px) {
  .wizard4 .monedero-cont__usar {
    width: 100%;
  }
}

.wizard4 .metodos-cont__metodos-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 24px;
}

.wizard4 .metodo-selec-cont__col-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wizard4 .metodo-selec-cont__col-2-agregar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.wizard4 .metodo-selec-cont__col-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 42px;
}

.wizard4 .metodo-selec-cont__txt-agregar {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wizard4 .metodo-selec-cont__confirmar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.wizard4 .metodo-selec-cont__tarjeta {
  margin-bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 768px) {
  .wizard4 .metodo-selec-cont__tarjeta {
    margin-bottom: 24px;
  }
}

.wizard4 .metodo-tarjeta__col-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wizard4 .metodo-tarjeta__cambiar-metodo {
  margin-top: 24px;
  margin-bottom: 24px;
}

.wizard4 .metodo-tarjeta__col-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 42px;
}

@media screen and (max-width: 992px) {
  .wizard4 .metodo-tarjeta__col-2 {
    margin-top: 0px;
  }
}

.wizard4 .metodo-tarjeta__col-2-col1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wizard4 .metodo-tarjeta__col-2-col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wizard4 .metodo-tarjeta__txt-agregar {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wizard4 .metodo-tarjeta__confirmar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wizard4 .metodo-tarjeta__promocion {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .wizard4 .metodo-tarjeta__promocion {
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .wizard4 .metodo-tarjeta__promocion {
    width: 100%;
  }
}

.wizard4 .metodo-pago-estab__col-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wizard4 .metodo-pago-estab__cambiar-metodo {
  margin-top: 24px;
  margin-bottom: 24px;
}

.wizard4 .metodo-pago-estab__col-2-titulo {
  text-align: left;
}

@media screen and (max-width: 992px) {
  .wizard4 .metodo-pago-estab__col-2-titulo {
    text-align: center;
  }
}

.wizard4 .metodo-pago-estab__col-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 992px) {
  .wizard4 .metodo-pago-estab__col-2 {
    margin-top: 0px;
  }
}

.wizard4 .metodo-pago-estab__col-2-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 42px;
}

.wizard4 .metodo-pago-estab__confirmar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .wizard4 .metodo-pago-estab__confirmar {
    padding-top: 40px;
  }
}

.wizard4 .metodo-pago-estab__estab-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cursor {
  cursor: pointer;
}

.wizard-cards {
  padding: 5px;
}

.metodo-pago {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.token-coupones-element {
  width: 75%;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .token-coupones-element {
    margin-top: 20px;
  }
}

.zindex-high {
  position: relative;
  z-index: 999;
}

.zindex-low {
  position: relative;
  z-index: 998;
}

.input-dropdown-element {
  width: 75%;
  margin: 0px 30px auto auto;
}

@media screen and (max-width: 768px) {
  .input-dropdown-element {
    margin: 0px 0px auto auto;
    padding-right: 0px;
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .input-dropdown-element {
    margin: 0px 0px auto auto;
    padding-right: 30px;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .wizard-container-mobile {
    padding: 50px 15px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .wizard-container-mobile {
    padding: 50px 15px !important;
  }
}

.mi-chedraui * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 768px) {
  .center-wizard4-monedero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.token-coupones {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .token-coupones {
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .token-coupones {
    width: 100%;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .br-mobile {
    display: none;
  }
}

@media screen and (min-width: 1201px) {
  .br-mobile {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .metodo-pago-estab__txt-agregar {
    padding: 35px 0px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .metodo-pago-estab__txt-agregar {
    padding: 35px 0px !important;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .metodo-pago-estab__txt-agregar {
    margin-top: 35px !important;
  }
}

@media screen and (min-width: 1201px) {
  .metodo-pago-estab__txt-agregar {
    margin-top: 35px !important;
  }
}

@media screen and (max-width: 768px) {
  .space-card {
    padding: 35px 0px 0px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .space-card {
    padding: 35px 0px 0px !important;
  }
}

.flex-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.number-token-input {
  height: 50px;
}

/*
----------------------------------------------------------------------
    Component: Main Wizard5
----------------------------------------------------------------------
*/
.wizard5 .row {
  margin-top: 30px;
}

/*
----------------------------------------------------------------------
    Component: Main Wizard5
----------------------------------------------------------------------
*/
.wizard5 .row {
  margin-top: 30px;
}

/*
----------------------------------------------------------------------
    Component: Main Wizard5
----------------------------------------------------------------------
*/
.wizard5 .row {
  margin-top: 30px;
}

/*
----------------------------------------------------------------------
    Component: Main Wizard5
----------------------------------------------------------------------
*/
.wizard5 .row {
  margin-top: 30px;
}

/*
----------------------------------------------------------------------
    Component: Main Wizard4
----------------------------------------------------------------------
*/
.new-modals {
  /* Modal Feedback */
  /* Modal Task */
  /* Modal Task 2 Columnas */
}

.new-modals-form .default-address-group {
  display: flex;
}

.new-modals-form .default-address-group #defaultAddress {
  width: 20px;
  height: 21px !important;
}

.new-modals-form .default-address-group label {
  padding-top: 1px;
  margin-left: 5px;
}

.new-modals h5 {
  color: #FFF;
  font-family: 'archivo_blackregular';
  font-size: 28px;
  margin-top: 10px;
  margin-bottom: 0px;
}

.new-modals .icon-modal {
  margin-right: 20px;
  margin-top: 5px;
}

.new-modals .general-text-white-modal {
  color: #FFFFFF;
  font-family: 'work_sansregular';
  font-size: 12px;
}

.new-modals .item-flex-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.new-modals .item-flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.new-modals .item-flex-center-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.new-modals .yellow-line-modal {
  background: #FFD600;
  width: 100%;
  height: 5px;
  margin-bottom: 20px;
}

.new-modals .number-orange {
  font-family: 'archivobold';
  color: #F57C00;
  font-size: 28px;
}

.new-modals .general-text {
  color: #777777;
  font-family: 'work_sansregular';
  font-size: 14px;
}

.new-modals .content-text-modal {
  padding: 0px 60px;
}

.new-modals .icon_box_outline-black::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 58px;
  color: #3E3E3E;
  content: ' P';
  margin-right: 10px;
  vertical-align: middle;
}

.new-modals .modal-process {
  max-width: 675px;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  margin: auto;
  border-radius: 14px;
  text-align: center;
  background-color: #7ED321;
  min-height: 110px;
  border: 0px;
}

.new-modals .subtitle {
  font-family: 'archivomedium';
  font-size: 14px;
  color: #777777;
}

.new-modals .general-tittle {
  font-family: 'archivobold';
  color: #3E3E3E;
  font-size: 16px;
}

.new-modals .m-t-5m {
  margin-top: -5px;
}

.new-modals .m-r-20 {
  margin-right: 20px;
}

.new-modals .modal-feedback {
  max-width: 675px;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  margin: auto;
  border-radius: 14px;
  text-align: center;
  background-color: #0D47A1;
  min-height: 180px;
  border: 0px;
}

.new-modals .modal-feedback__header {
  border-bottom: 0px;
  height: 34px;
}

@media (max-width: 768px) {
  .new-modals .saveAddressPopup .modal-feedback__header {
    height: initial;
    padding: 15px 15px 0 0;
  }

  .new-modals .saveAddressPopup .icon-modal {
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 0;
  }

  .new-modals .saveAddressPopup h5 {
    font-size: 21px;
  }
}

.new-modals .modal-feedback__btn-close {
  opacity: 1;
}

.new-modals .modal-feedback__btn-close span {
  color: #ffffff !important;
  opacity: .5;
  font-family: 'archivoregular';
  font-size: 32px;
}

.new-modals .modal-header .close {
  margin-top: -13px !important;
}

.new-modals .modal-feedback__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0px;
}

.new-modals .modal-feedback__spiner img {
  width: 60px;
  height: 60px;
  margin-bottom: 16px;
}

.new-modals .modal-feedback__footer {
  border-top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px;
}

.new-modals .modal-feedback__btn-footer {
  background-color: transparent;
  border: none;
  color: #FFD600;
  font-family: 'Archivo';
  font-size: 16px;
  text-decoration: underline;
}

.new-modals .modal-feedback__btn-footer:hover,
.new-modals .modal-feedback__btn-footer:active,
.new-modals .modal-feedback__btn-footer:focus,
.new-modals .modal-feedback__btn-footer:empty {
  background-color: transparent;
  color: #F57C00;
  text-decoration: underline;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.new-modals .modal-task {
  max-width: 675px;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  margin: auto;
  border-radius: 14px;
  text-align: center;
  border: 0px;
}

.new-modals .modal-task__header {
  border-bottom: 0px;
  background-color: #0D47A1;
  height: 100px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  padding-bottom: 0px;
  text-align: left;
  padding-top: 20px;
}

.new-modals .modal-task__alert {
  border-bottom: 0px;
  background-color: #D0021B;
  height: 100%;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  padding-bottom: 0px;
  text-align: left;
  padding-top: 20px;
}

.new-modals .modal-task__header-icon {
  height: 40px;
  width: 47px;
  margin: 0 auto;
  margin-bottom: 16px;
  margin-top: 8px;
}

.new-modals .modal-task__header h4 {
  font-family: 'Archivo Black';
  font-size: 24px;
  color: #ffffff;
}

.new-modals .modal-task__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px 24px 0 24px;
}

.new-modals .modal-task__body p {
  text-align: center;
  font-family: 'WorkSans';
  font-weight: 100;
  font-size: 12px;
  color: #777777;
}

.new-modals .modal-task__footer {
  border-top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0px 15px 20px 15px;
  flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  -webkit-flex-wrap: wrap-reverse;
}

@media screen and (max-width: 400px) {
  .new-modals .modal-task__footer {
    border-top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px 16px 16px 16px;
  }
}

.new-modals .modal-task__btn-second {
  background-color: transparent;
  border: solid 2px #5472D3;
  color: #5472D3;
  font-family: 'archivoregular';
  font-size: 16px;
  width: 220px;
  height: 50px;
  margin: 10px;
  border-radius: 7px;
  padding-top: 12px;
}

.new-modals .modal-task__btn-second:hover {
  background-color: transparent;
  border: solid 2px #5472D3;
  color: #5472D3;
  font-family: 'archivoregular';
  font-size: 16px;
  width: 220px;
  height: 50px;
  margin: 9px;
  opacity: .7;
  text-decoration: none;
}

.new-modals .modal-task__btn-second:hover,
.new-modals .modal-task__btn-second:active,
.new-modals .modal-task__btn-second:focus,
.new-modals .modal-task__btn-second:empty {
  background-color: transparent;
  color: #5472D3;
  text-decoration: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: solid 2px #5472D3;
  width: 220px;
  height: 50px;
}

.new-modals .modal-task__btn-primary {
  color: #ffffff;
  font-family: 'archivoregular';
  font-size: 16px;
  width: 220px;
  height: 50px;
  margin: 9px !important;
  padding-top: 13px;
}

.new-modals .modal-task-2col {
  max-width: 675px;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  margin: auto;
  border-radius: 21px;
  text-align: center;
}

.new-modals .modal-task-2col__header {
  border-bottom: 0px;
  background-color: #0D47A1;
  height: 134px;
  border-top-left-radius: 21px;
  border-top-right-radius: 21px;
  padding-bottom: 0px;
}

.new-modals .modal-task-2col__header-icon {
  height: 40px;
  width: 47px;
  margin: 0 auto;
  margin-bottom: 16px;
  margin-top: 8px;
}

.new-modals .modal-task-2col__header h4 {
  font-family: 'Archivo Black';
  font-size: 24px;
  color: #ffffff;
}

.new-modals .modal-task-2col__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px 80px 0 80px;
}

@media screen and (max-width: 539px) {
  .new-modals .modal-task-2col__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 24px 40px 0 40px;
  }
  .new-modals h5 {
    font-size: 21px;
  }
  .new-modals .modal-feedback {
    min-height: 160px;
  }
  .new-modals .modal-process {
    min-height: 100px;
  }
}

@media screen and (max-width: 400px) {
  .new-modals .modal-task-2col__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 40px 0 40px;
  }
  .new-modals h5 {
    font-size: 21px;
  }
  .new-modals .modal-feedback {
    min-height: 160px;
  }
  .new-modals .modal-process {
    min-height: 100px;
  }
}

@media screen and (max-width: 380px) {
  .new-modals h5 {
    font-size: 18px;
  }
}

.new-modals .modal-task-2col__body span::after {
  height: 28px;
  margin-top: -10px;
  float: left;
  padding-right: 10px;
  display: block;
  font-size: 2rem;
}

.new-modals .modal-task-2col__col1 h5 {
  text-align: left;
}

.new-modals .modal-task-2col__col1 p {
  text-align: left;
  font-family: 'WorkSans';
  font-weight: 100;
  font-size: 14px;
  color: #777777;
}

.new-modals .modal-task-2col__col2 p {
  text-align: left;
  font-family: 'WorkSans';
  font-weight: 100;
  font-size: 12px;
  color: #777777;
}

.new-modals .modal-task-2col__col2 button {
  margin-left: auto;
  margin-right: auto;
}

.new-modals .modal-task-2col__footer {
  border-top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px;
}

.new-modals-form {
  /* Modal Task 2 Columnas */
  /* inputs */
}

.new-modals-form h5 {
  color: #FFF;
  font-family: 'archivo_blackregular';
  font-size: 28px;
  margin-top: -10px;
  margin-bottom: 0px;
}

.new-modals-form .icon-modal {
  margin-right: 20px;
  margin-top: 5px;
}

.new-modals-form .modal-form-2col {
  max-width: 870px;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  margin: auto;
  border-radius: 14px;
  border: none;
}

.new-modals-form .general-text-white-modal {
  color: #FFFFFF;
  font-family: 'work_sansregular';
  font-size: 12px;
}

.new-modals-form .icon_box_outline-black::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 58px;
  color: #3E3E3E;
  content: ' P';
  margin-right: 10px;
  vertical-align: middle;
}

.new-modals-form .item-flex-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.new-modals-form .modal-feedback__btn-close {
  opacity: 1;
}

.new-modals-form .modal-feedback__btn-close span {
  color: #ffffff !important;
  opacity: .5;
  font-family: 'archivoregular';
  font-size: 32px;
}

.new-modals-form .modal-header .close {
  margin-top: -13px !important;
}

.new-modals-form .modal-form-2col__header {
  border-bottom: 0px;
  background-color: #0D47A1;
  height: 100px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  padding-bottom: 0px;
  border-bottom: solid #FFD600 4px;
  padding-left: 0px;
}

.new-modals-form .m-b-40 {
  margin-bottom: 40px;
}

.new-modals-form .modal-form-2col__header .row {
  padding: 10px 50px;
}

@media screen and (max-width: 992px) {
  .new-modals-form .modal-form-2col {
    /*margin: 15px;*/
  }
}

@media screen and (max-width: 768px) {
  .new-modals-form .modal-form-2col__header .row {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.new-modals-form .modal-form-2col__header .col {
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.new-modals-form .modal-form-2col__header-icon {
  height: 50px;
  width: 50px;
  position: absolute;
  right: 10px;
}

.new-modals-form .modal-form-2col__header h4 {
  font-family: 'Archivo Black';
  font-size: 24px;
  color: #ffffff;
}

.new-modals-form .modal-form-2col__body {
  /*display: -webkit-box;*/
  /*display: -ms-flexbox;*/
  /*display: flex;*/
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 24px;
  font-family: 'Work Sans';
  font-size: 12px;
  font-weight: normal;
  color: #777777;
  padding: 50px 50px 30px 50px;
}

.new-modals-form .modal-form-2col__bodyaddress {
  /*display: -webkit-box;*/
  /*display: -ms-flexbox;*/
  /*display: flex;*/
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 24px;
  font-family: 'Work Sans';
  font-size: 12px;
  font-weight: normal;
  color: #777777;
  padding: 20px 50px 30px 50px;
}

.new-modals-form .icon_truck-blue::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #0D47A1;
  content: ' q';
  vertical-align: middle;
  margin-right: 5px;
}

.new-modals-form .icon_store::after {
  font-family: 'Chedraui', sans-serif;
  font-size: 24px;
  color: #0D47A1;
  content: ' c';
  margin-right: 5px;
  vertical-align: middle;
}

.new-modals-form label {
  margin: 5px 0px;
  font-family: 'work_sansregular';
  font-size: 14px;
  color: #777;
  width: 100%;
  font-weight: normal;
}

.new-modals-form select {
  background-color: #F3F6FA;
  height: 45px;
  font-family: 'archivomedium_italic', sans-serif;
  font-size: 14px;
  color: #0D47A1;
  min-width: 200px;
  border: none;
  border-radius: 21px;
  outline: none;
  width: 100%;
  cursor: pointer;
}

.new-modals-form input {
  width: 100%;
  height: auto !important;
  border: 2px solid #DCDCDC;
  border-radius: 7px !important;
  padding-left: 10px;
  font-family: 'work_sansregular';
  font-size: 16px;
  color: #3E3E3E;
}

.new-modals-form input:hover {
  border: 2px solid #F57C00;
  background: #FEF8F2;
}

.new-modals-form input:focus {
  border: 2px solid #F57C00;
  outline: 0px;
  background: white;
}

.new-modals-form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #DCDCDC;
  font-family: 'work_sansregular';
  font-size: 16px;
}

.new-modals-form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #DCDCDC;
  font-family: 'work_sansregular';
  font-size: 16px;
}

.new-modals-form :-ms-input-placeholder {
  /* IE 10+ */
  color: #DCDCDC;
  font-family: 'work_sansregular';
  font-size: 16px;
}

.new-modals-form :-moz-placeholder {
  /* Firefox 18- */
  color: #DCDCDC;
  font-family: 'work_sansregular';
  font-size: 16px;
}

.new-modals-form .form-control {
  display: block;
  width: 100%;
  height: 45px;
  padding: 6px 10px;
  font-size: 14px;
  font-family: 'work_sansregular';
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 7px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.new-modals-form .modal-task__btn-primary {
  color: #ffffff;
  font-family: 'archivoregular';
  font-size: 16px;
  width: 220px;
  height: 50px;
  margin: 9px !important;
  padding-top: 13px;
}

.new-modals-form .modal-task__btn-second {
  background-color: transparent;
  border: solid 2px #5472D3;
  color: #5472D3;
  font-family: 'archivoregular';
  font-size: 16px;
  width: 220px;
  height: 50px;
  margin: 10px;
  border-radius: 7px;
  padding-top: 8px;
}

.new-modals-form .modal-task__btn-second:hover {
  background-color: transparent;
  border: solid 2px #5472D3;
  color: #5472D3;
  font-family: 'archivoregular';
  font-size: 16px;
  width: 220px;
  height: 50px;
  margin: 9px;
  opacity: .7;
  text-decoration: none;
}

.new-modals-form .modal-task__btn-second:hover,
.new-modals-form .modal-task__btn-second:active,
.new-modals-form .modal-task__btn-second:focus,
.new-modals-form .modal-task__btn-second:empty {
  background-color: transparent;
  color: #5472D3;
  text-decoration: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: solid 2px #5472D3;
  width: 220px;
  height: 50px;
}

.new-modals-form .modal-task__btn-second2 {
  background-color: transparent;
  border: solid 2px #5472D3;
  color: #5472D3;
  font-family: 'archivoregular';
  font-size: 16px;
  width: 220px;
  height: 50px;
  margin: 10px;
  border-radius: 7px;
  padding-top: 8px;
}

.new-modals-form .modal-task__btn-second2:hover {
  background-color: transparent;
  border: solid 2px #5472D3;
  color: #5472D3;
  font-family: 'archivoregular';
  font-size: 16px;
  width: 220px;
  height: 50px;
  margin: 9px;
  opacity: .7;
  text-decoration: none;
}

.new-modals-form .modal-task__btn-second2:hover,
.new-modals-form .modal-task__btn-second2:active,
.new-modals-form .modal-task__btn-second2:focus,
.new-modals-form .modal-task__btn-second2:empty {
  background-color: transparent;
  color: #5472D3;
  text-decoration: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: solid 2px #5472D3;
  width: 220px;
  height: 50px;
}

@media screen and (max-width: 768px) {
  .new-modals-form .modal-form-2col__body {
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 24px 40px 0 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

.new-modals-form .modal-form-2col__footer {
  border: none;
  padding-top: 0px;
  margin-top: 0px;
  text-align: center;
  padding: 0px 50px 20px 50px;
}

@media screen and (max-width: 768px) {
  .new-modals-form .modal-form-2col__footer {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.new-modals-form .modal-form-2col__footer .checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: normal;
  font-family: 'Work Sans';
  font-size: 14px;
}

.new-modals-form .modal-form-2col__footer hr {
  border: 1px solid #F3F6FA;
  margin-top: 0px;
  margin-bottom: 30px;
}

.new-modals-form .modal-form-2col__footer__btn-primary {
  color: #ffffff;
  font-family: 'Archivo';
  font-size: 16px;
  width: 220px;
  height: 50px;
  margin: 9px !important;
}

@media screen and (max-width: 480px) {
  .new-modals-form h5 {
    font-size: 21px;
  }
  .new-modals-form .hiden-sm {
    display: none;
  }
  .new-modals-form select {
    border-radius: 7px;
  }
}

@media screen and (max-width: 380px) {
  .new-modals-form h5 {
    font-size: 18px;
  }
}

/*
----------------------------------------------------------------------
    Component: Wizar steps
----------------------------------------------------------------------
*/
.wizard-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.monedero-cont__usar .input-group-btn{vertical-align: inherit;}
.monedero-cont__usar .input-group-btn .btn-default-split{height: 36px;}

.text-button__telephone {
       cursor:default;
} 

@media screen and (min-width: 1025px){
.new-modals-form .modal-form-2col__body{
      height:600px;
      overflow-y:auto;
   }
}

.remove-item {
  display: inherit;
}

.loading-button{
  border-color: white;
}

#overlayDiv {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(255,255,255, .92);
}

#svgDiv{
  position: absolute;
  margin: 10% auto auto;
  text-align: center;
  width: 100%;
}

.overlay {
  overflow: hidden;
}

.delete-inline {
  display: inline;
}

.address-div-hidden {
  display: none;
}
.consignment-modal-text {
  margin: auto;
  width: 50%;
}

.open-edit-direction-billing {
	display:none;
}

.col-xs-offset-55 {
  margin-left: 62.667%;
}

/*.set-default-billingaddress-col{*/
/*	margin-top: 7%;*/
/*	padding-left: 6%;*/
/*}*/

.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

.filter-label {
  margin-top: 10px;
}

.btn.btn-default.js-show-facets {
  margin: 0;
}

.col-xs-12.col-sm-3.col-md-2.col-lg-2.hidden-md.hidden-lg {
  padding: 0;
  margin: 0;
}

.bold-level1 {
  font-weight: 600;
}

.modal-body.modal-feedback__body {
  overflow-y: hidden;
  margin: 0 50px 0 50px;
}

.bold-level2 {
  font-weight: 900;
}

.login-text{
  padding-right: 15px;
}

.my-monedero-logo{
  margin-right: 5px;
}

#applyCoupon {
  height: 35px;
  margin-top: 0;
}

#payWithMonedero {
  height: 35px;
}

.form-control-split.use-money-input {
  height: 35px !important;
}

@media screen and (min-width : 340px) and (max-width : 767px) {
  .modal-body.modal-feedback__body {
	top:10px;
  }
  .new-modals h5 {
     margin-top: 5px;
  }
  .new-modals .modal-task__alert {
     height: 95px;
  }
  .new-modals .yellow-line-modal {
    margin-bottom: 0px;
  }

  .modal-header.modal-task__alert.modal-title-box-sizing {
    box-sizing: content-box;
  }
}

.arrow-left-icon {
.box(10px);
  transform: rotate(90deg);
  height: 5px;
  width: 16px;
}

.back-to-home-page-text {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}

.back-to-home-page-section {
  height: 100%;
  vertical-align: middle;
  padding: 16px;
}

a.back-to-home-page-text:hover{
  color: #ffffff;
}

.blue-arrow-left-icon-mobile {
  transform: rotate(90deg);
}

.back-to-home-page-text-mobile {
  margin-left: 20px;
}

.checkout-timeclost-bold {
  font-family: 'archivobold';
  font-weight: 500;
}