@import "https://fonts.cdnfonts.com/css/campton";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@-webkit-keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    30% {
        opacity: .4
    }

    to {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    30% {
        opacity: .4
    }

    to {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@-webkit-keyframes movingX {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
}

@keyframes movingX {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
}

@-webkit-keyframes moving {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }
}

@keyframes moving {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }
}

@-webkit-keyframes jumpAni {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
}

@keyframes jumpAni {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
}

@-webkit-keyframes jumpReverseAni {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
}

@keyframes jumpReverseAni {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate {

    0%,
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg)
    }
}

@keyframes rotate {

    0%,
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg)
    }
}

@-webkit-keyframes animate-positive {
    0% {
        width: 0
    }
}

@keyframes animate-positive {
    0% {
        width: 0
    }
}

@-webkit-keyframes slideinup {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70px);
        transform: translateY(70px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideinup {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70px);
        transform: translateY(70px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideinright {
    0% {
        opacity: 0;
        -webkit-transform: translateX(70px);
        transform: translateX(70px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideinright {
    0% {
        opacity: 0;
        -webkit-transform: translateX(70px);
        transform: translateX(70px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideindown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideindown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideinleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-70px);
        transform: translateX(-70px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideinleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-70px);
        transform: translateX(-70px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slidebottomright {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px) translateY(100px);
        transform: translateX(100px) translateY(100px)
    }

    to {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@keyframes slidebottomright {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px) translateY(100px);
        transform: translateX(100px) translateY(100px)
    }

    to {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@-webkit-keyframes slidetopleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px) translateY(-100px);
        transform: translateX(-100px) translateY(-100px)
    }

    to {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@keyframes slidetopleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px) translateY(-100px);
        transform: translateX(-100px) translateY(-100px)
    }

    to {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@-webkit-keyframes scalein {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scalein {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes rollinleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    to {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

@keyframes rollinleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    to {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

@-webkit-keyframes rollinright {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }

    to {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

@keyframes rollinright {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }

    to {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

@-webkit-keyframes slideDownIn {
    0% {
        -webkit-transform: translateY(-10)
    }

    to {
        -webkit-transform: translateY(0)
    }
}

@keyframes slideDownIn {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideUpIn {
    0% {
        -webkit-transform: translateY(10px)
    }

    to {
        -webkit-transform: translateY(0)
    }
}

@keyframes slideUpIn {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

body {
    margin: 0;
    font-family: "Campton", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #43433f;
    padding-top: 64px
}

details,
main {
    display: block
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

code,
kbd,
pre,
samp {
    font-size: 1em;
    font-family: monospace
}

.hamburger.active span,
a {
    background-color: transparent
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    border-bottom: none
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-size: 100%;
    font-family: inherit;
    line-height: 1.15
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    display: table;
    max-width: 100%;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio],
legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
    appearance: button
}

summary {
    display: list-item
}

.navbar-collapse-right ul li.only-desktop,
[hidden],
template {
    display: none
}

@font-face {
    font-family: "icomoon-pf";
    src: url(../fonts/popfreaks/icomoon-pf.eot?em1qu0);
    src: url(../fonts/popfreaks/icomoon-pf.eot?em1qu0#iefix) format("embedded-opentype"), url(../fonts/popfreaks/icomoon-pf.ttf?em1qu0) format("truetype"), url(../fonts/popfreaks/icomoon-pf.woff?em1qu0) format("woff"), url(../fonts/popfreaks/icomoon-pf.svg?em1qu0#icomoon-pf) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"],
[class^=icon-] {
    font-family: "icomoon-pf" !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

  .login-block {
    margin-bottom: 20px;
  }
  
  .login-block .btn-login {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f5f5f5;
    height: 187px;
    border-radius: 20px;
  }
  
  .login-block .btn-login .icon {
    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;
    width: 66px;
    height: 66px;
    background: #ffffff;
    border-radius: 15px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  }
  
  .login-block .btn-login p {
    /*font: 16px "Poppins", sans-serif;*/
    color: #353F4E;
    margin: 0;
    text-decoration: none;
  }
  
    .modal-ingresa-codigo .code-form .form-group {
    text-align: center;
  }
  
    .code-form{
      margin-top:1em;
  }
  
  .modal-ingresa-codigo .code-form .form-control {
    width: 50px;
    height: 60px;
    display: inline-block;
    margin: 0 5px;
    text-align: center;
    font: 36px "redhatdisplayregular", sans-serif;
    color: #000000;
    border: 0;
    border-radius: 10px;
    background: #faf8f8;
  }
  
  .modal-ingresa-codigo .code-form .button {
    padding-top: 20px;
  }
  
  .modal-ingresa-codigo .code-message {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
  }
  
  .modal-ingresa-codigo .code-message p {
    font: 13px "Poppins", sans-serif;
    color: #010303;
  }
  
  .modal-ingresa-codigo .code-message p.pink {
    color: #007134;
  }
  
  .modal-ingresa-codigo .code-message .btn-link {
    display: inline-block;
    font: 13px "Poppins", sans-serif;
    color: #fc163f;
    text-decoration: underline;
    margin-bottom: 20px;
  }

 .flatpickr-calendar{
 	display:none;
 }
 
   .contact-wrapp {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 10px;
    padding: 23px 60px;
  }
  
  .contact-content h2 {
    font: 700 22px/22px "Poppins", sans-serif;
    color: #171919;
    text-align: center;
    margin-bottom: 30px;
  }
  
  .contact-content h3 {
    font: 700 16px/19px "Poppins", sans-serif;
    color: #171919;
    padding-bottom: 10px;
    border-bottom: 3px solid #dde1ec;
    margin-bottom: 30px;
  }
  
  .contact-content .phone-control {
    margin-bottom: 30px;
  }
  
  .contact-content .phone-control li {
    position: relative;
    padding-left: 35px;
    font: 18px/22px "Poppins", sans-serif;
    color: #353f4e;
  }
  
  .contact-content .phone-control li + li {
    margin-top: 20px;
  }
  
  .contact-content .phone-control li .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    background: #ffffff;
    border-radius: 100%;
    color: #007134;
    text-align: center;
    font-size: 18px;
  }
  
  .contact-content .social {
    margin-bottom: 30px;
  }
  
  .contact-content .social li {
    position: relative;
    padding-left: 35px;
    font: 18px/22px "Poppins", sans-serif;
    color: #808080;
  }
  
  .contact-content .social li + li {
    margin-top: 20px;
  }
  
  .contact-content .social li span {
    color: #353f4e;
  }
  
  .contact-content .social li .icon {
    position: absolute;
    left: 0;
    top: 0;
  }
  
  .contact-content .social li .icon .fa-facebook-square {
    color: #1976d2;
    font-size: 22px;
  }
  
  .contact-content .social li .icon .fa-twitter {
    color: #1da1f2;
    font-size: 22px;
  }
  
  .contact-content .zones {
    margin-bottom: 30px;
  }
  
  .contact-content .zones li {
    position: relative;
    padding-left: 100px;
  }
  
  .contact-content .zones li .icon {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 64px;
    color: #007134;
  }
  
  .contact-content .zones li p {
    font: 13px/16px "Poppins", sans-serif;
    color: #949494;
  }
  
  .contact-content .zones li p.title {
    font-size: 18px;
    line-height: 21px;
    color: #010303;
    margin-bottom: 0;
  }
  
  .contact-content .btn-link {
    background: #f5f5f5;
    border-radius: 15px;
    position: relative;
    color: #353f4e;
    font: 16px/50px "Poppins", sans-serif;
    text-decoration: none;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
  }
  
  .contact-content .btn-link .icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #ffffff;
    border-radius: 15px;
    color: #007134;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    margin-right: 14px;
  }
  
  .contact-content .btn-link .icon i {
    vertical-align: middle;
  }
  
  .purchase-block {
    background: #faf8f8;
    border-radius: 10px;
    padding: 15px;
  }
  
  .purchase-block.outline {
    background: #ffffff;
    border: 2px solid #E4E2E2;
  }
  
  .purchase-block .icon {
    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;
    width: 38px;
    height: 38px;
    font-size: 24px;
    margin-right: 10px;
    border-radius: 5px;
    background: #ffffff;
    text-align: center;
    color: #000000;
  }
  
  .purchase-block .icon.green {
    background: #7BB087;
  }
  
  .purchase-block .icon.tomato {
    background: #BD6475;
  }
  
  .purchase-block .icon.lightblue {
    background: #66BDDD;
  }
  
  .purchase-block .icon i {
    vertical-align: middle;
  }
  
  .purchase-block .purchase-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
  
  .purchase-block .purchase-title h5 {
    font: 700 16px "Poppins", sans-serif;
    color: #000000;
    margin: 0;
  }
  
  .purchase-block .purchase-title p {
    font: 12px "redhatdisplayregular", sans-serif;
    color: #929EAF;
    margin-bottom: 0;
  }
  
  .purchase-block .cash-payment .form-group {
    margin: 0;
  }
  
  .purchase-block .cash-payment .form-control {
    font: 14px "Poppins", sans-serif;
    color: #000000;
    background: #faf8f8;
    border: 0;
    border-radius: 10px;
  }
  
  .purchase-block .btn-outline {
    height: 32px;
    border: 2px solid #DDE1EC;
    border-radius: 10px;
    font: 700 14px/16px "Poppins", sans-serif;
    color: #171919;
    background: #ffffff;
  }
  
  .purchase-block .btn-outline i {
    margin-left: 5px;
  }
  
  .purchase-block .btn-outline:hover {
    border-color: #007134;
    background: #007134;
    color: #ffffff;
  }
  
  .purchase-block .total-table {
    width: 100%;
    max-width: 300px;
  }
  
  .purchase-block .total-table .table tr td {
    font: 14px "redhatdisplayregular", sans-serif;
    color: #171919;
    border: 0;
    padding: 7px 0;
  }
  
  .purchase-block .total-table .table tr.total td {
    font: 700 14px "Poppins", sans-serif;
    color: #171919;
  }


   .payment-form .btn-pink {
    width: 185px;
    background: #E30000;
    color: #fff;
  }
  

 
  .breadcrumb-nav .breadcrumb .breadcrumb-item {
    font: 12px/24px "Poppins", sans-serif;
    color: #353F4E;

  }
  
  .breadcrumb-nav .breadcrumb .breadcrumb-item + .breadcrumb-item {
    padding-left: 30px;
  }
  
  .breadcrumb-nav .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    position: absolute;
    top: 50%;
    left: 12px;
    margin-top: -3px;
    content: '';
    width: 5px;
    height: 5px;
    padding-right: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  
  .breadcrumb-nav .breadcrumb .breadcrumb-item img {
    margin-right: 10px;
    vertical-align: top;
  }
  
  .breadcrumb-nav .breadcrumb .breadcrumb-item a {
    font: 12px/24px "Poppins", sans-serif;
    color: #353F4E;
    display: inline-block;
  }
  
   .breadcrumb-nav .breadcrumb .breadcrumb-item a:hover {
     text-decoration: underline;
  }
  
  .search-form, .search-form-mobile {
    /*padding: 8px 0;*/
    display:flex;
    column-gap:1.5em;
  }
  
  .search-form .input-group-append, .search-form-mobile .input-group-append {
    /*background: #ffffff;*/
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    padding: 2px 4px 2px 0;
  }
  
  .search-form .form-control, .search-form-mobile .form-control {
    height: 40px;
    border-radius: 0;
    /*border: 3px solid #F2F3F7;*/
    font: 14px "Poppins", sans-serif;
    color: #929EAF;
    /*border-width: 3px 0 3px 3px;*/
    /*background: #F2F3F7;*/
  }
  
  .search-form-mobile .txt_search_product {
      border-color: transparent;
      background: transparent;
  }
  
  .search-form .btn-search, .search-form-mobile .btn-search {
    width: 36px;
    height: 36px;
    color: var(--base-main-color-black)!important;
    background: var(--base-main-color-white)!important;
    border: 0;
    border-radius: 100%;
    border-top-left-radius: 100% !important;
    border-bottom-left-radius: 100% !important;
    font-size: 16px;
    padding: 5px;
  }
  
  .search-form-mobile {
    /*padding: 10px 15px;*/
    /*position: fixed;*/
    /*top: 70px;*/
    width: 100%;
    /*z-index: 55;*/
    /*background: #ffffff;*/
    display: block;
    z-index:999;
  }
  
  .search-form-mobile .input-group-text {
  	background: transparent;
  }
  
  .search_display_mobile{
      top:70px;
      z-index:999;
  }
  
  .search-mobile {
    text-align: center;
    display: inline-block;
    display:none;
  }
  
  .search-mobile .btn-open {
    padding: 0;
    margin-top: 2px;
    margin-left: 20px;
  }
  
  .bmg-autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    top: 100%;
    left: 0;
    right: 0;
    background-color: white; /* Aplica un fondo blanco */
    border: 1px solid #ccc; /* Opcional: Agrega un borde para mayor claridad */
    cursor: pointer;
    
	}	

.search-form-mobile .bmg-autocomplete-items {
	border-bottom-left-radius: 10px!important;
    border-bottom-right-radius: 10px;
    max-height: calc(60vh);
    scrollbar-width: thin;
    
    .bmg-autocomplete-item {
    	font-size: 0.85rem;
    }
}

  .product-wrapper {
    background: #ffffff;
    padding: 32px;
    border-radius: 15px;
  }
  
  .product-image {
    text-align: center;
  }
  
  .product-image img {
    border-radius: 12px;
    /*width: 100%;*/
  }
  
  .product-item .product-image img {
    max-height: 208px;
    vertical-align: middle;
    border-radius: 10px;
    object-fit: contain;
    /*min-height: 208px;*/
}

  .owl-thumbs {
    text-align: center;
  }
  
  .owl-thumbs .owl-thumb-item {
    /*height: 150px;*/
    /*width: 100%;*/
    height: 6em;
    width: 6em;
    max-width: 130px;
    background: transparent;
    border: 3px solid #FCCF00;
    overflow: hidden;
        margin-top: 1em;
      border-radius: .5em;
  }
  
  .owl-thumbs .owl-thumb-item img {
    max-width: 100%;
    height: auto;
  }
  
  .owl-thumbs .owl-thumb-item + .owl-thumb-item {
    margin-left: 20px;
  }
  
  .product-details {
  	position: sticky;
    top: 3rem;
    overflow-y: hidden;
  }

  .product-details .code {
    font: 400 15px/1 "Poppins", sans-serif;
    color: #666666;
    margin-bottom: 9px;
    margin-top: 2px;
  }
  
  .product-details h2 {
    /*font: 400 45px/50px "Poppins", sans-serif;*/
    color: #000000;
    /*margin-bottom: 18px;*/
    line-height:1em;
    font-size:22px;
    
    font-family: 'redhatdisplayregular',sans-serif;
    font-weight:600;
  }
  
  .product-details .brand {
    font: 400 13px/1 "Poppins", sans-serif;
    color: #929EAF;
  }
  
  .product-details .rating-stars {
    margin-bottom: 30px;
  }
  
  .product-details .rating-stars .fa-star {
    color: #A4A4A4;
    font-size: 16px;
  }
  
  .product-details .rating-stars .fa-star + .fa-star {
    margin-left: 15px;
  }
  
  .product-details .rating-stars .fa-star.fas {
    color: #FF8F00;
  }
  
  .product-details .price p {
    font: 900 24.66px "Poppins", sans-serif;
    color: #fc163f;
    display: inline-block;
    margin-bottom: 0;
  }
  
  .product-details .price p.old-price {
    font: 900 16px "Poppins", sans-serif;
    color: #808080;
    text-decoration: line-through;
  }
  
  .product-details .price p + p {
    margin-left: 5px;
  }
  
  .product-details .button {
    /*padding: 51px 0 26px;*/
    padding: 20px 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .product-details hr{
      max-width:100%;
  }
  .product-details .button .cart-quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .product-details .button .cart-quantity .btn-quantity {
    width: 33px;
    height: 32px;
    border: 2px solid #E6E6E6;
    border-radius: 10px;
    font-size: 10px;
    line-height: 30px;
    padding: 0;
    margin-right: 6px;
  }
  
  .product-details .button .cart-quantity .form-control {
    width: 42px;
    height: 32px;
    border: 2px solid #E6E6E6;
    border-radius: 10px;
    font: 700 13px "Poppins", sans-serif;
    text-align: center;
    margin-right: 6px;
    padding: 0;
  }
  
  .product-details .btn-agregar {
    /*width: 160px;*/
    height: 42px;
    background: var(--base-main);
    font: 900 14px/1 "Poppins", sans-serif;
    /*color: #007134;*/
    color: #FCCF00;
    /*border-radius: 5px;*/
    /*border-top-right-radius: 0;*/
    /*border-bottom-left-radius: 0;*/
    padding-left:2em;
    padding-right:2em;
  }
  
  .product-details .btn-agregar i {
    margin-left: 6px;
  }
  
  .product-details .btn-agregar:hover {
    background: #007134;
    color: #FCCF00;
  }
  
  .product-details .description {
    /*padding: 0 0 23px;*/
  }
  
  .product-details .description h4 {
    font: 700 14px/1 "Poppins", sans-serif;
    color: #495263;
    margin-bottom: 20px;
  }
  
  .product-details .description h4 span {
    color: #007134;
  }
  
  .product-details .description p {
    /*font: 400 14px/20px "Poppins", sans-serif;*/
    font: 400 14px/20px "redhatdisplayregular", sans-serif;
    color: #000000;
    /*height:5.5em;*/
  }
  
  .product-details .product-data .navbar-nav.accordion .nav-link {
    background: #E9E9F7;
    border-radius: 10px;
    height: 32px;
    padding: 0 18px;
    font: 700 14px/32px "Poppins", sans-serif;
    color: #495263;
    position: relative;
  }
  
  .product-details .product-data .navbar-nav.accordion .nav-link i {
    position: absolute;
    top: 50%;
    right: 18px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: all .35s;
    transition: all .35s;
  }
  
  .product-details .product-data .navbar-nav.accordion .nav-link.collapsed i {
    -webkit-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0);
  }
  
  .product-details .product-data .navbar-nav.accordion .collapse-inner {
    padding: 15px 15px 0;
  }
  
  .product-details .returns-exchanges {
    padding-top: 20px;
  }
  
  .product-details .returns-exchanges .btn-link {
    font: 400 13px "Poppins", sans-serif;
    color: #606060;
    padding: 6px 0;
    text-decoration: underline;
  }
  
  .product-custom h2 {
    font: 400 35px/50px "Poppins", sans-serif;
    color: #000000;
    margin-bottom: 20px;
  }
  
  .product-custom .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  
  .product-custom .block p {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    color: #000000;
  }
  
  .product-custom .block p.base {
    color: #fc163f;
    margin-left: 15px;
  }
  
  .product-custom .block .btn-favorite {
    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;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #ffffff;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  }
  
  .product-custom .block .btn-favorite:hover {
    color: #FF133F;
  }
  
  .product-custom .description p {
    font: 400 15px "Poppins", sans-serif;
    color: #010303;
  }
  
  .product-custom .quantity-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
  }
  
  .product-custom .quantity-price .cart-quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .product-custom .quantity-price .cart-quantity .btn-quantity {
    width: 33px;
    height: 32px;
    border: 2px solid #E6E6E6;
    border-radius: 10px;
    font-size: 10px;
    line-height: 30px;
    padding: 0;
    margin-right: 6px;
  }
  
  .product-custom .quantity-price .cart-quantity .form-control {
    width: 42px;
    height: 32px;
    border: 2px solid #E6E6E6;
    border-radius: 10px;
    font: 700 13px "Poppins", sans-serif;
    text-align: center;
    margin-right: 6px;
    padding: 0;
  }
  
  .product-custom .quantity-price p {
    font: 700 26px/1 "Poppins", sans-serif;
    color: #fc163f;
    display: inline-block;
    margin-bottom: 0;
    margin-left: 10px;
  }
  
  .product-custom .custom-block {
    padding-top: 20px;
    border-top: 2px solid #E4E2E2;
  }
  
  .product-custom .custom-block h3 {
    font: 700 18px "Poppins", sans-serif;
    color: #000000;
    margin-bottom: 0;
  }
  
  .product-custom .custom-block p {
    font: 400 12px "Poppins", sans-serif;
    color: #808080;
  }
  
  .product-custom .buttons {
    padding-top: 20px;
    border-top: 2px solid #E4E2E2;
  }
  
  .product-custom .buttons .btn + .btn {
    margin-left: 15px;
  }
  
  .product-custom .buttons .btn-outline i {
    margin-left: 10px;
  }
  
  .product-custom .buttons .btn-order {
    background: #FCCF00;
    color: #000000;
    font-weight: 700;
    font-size: 20px;
  }
  
  .product-custom .buttons .btn-order:hover {
    background: #007134;
    color: #FCCF00;
  }
  
  .products-interest {
    /*background: #ffffff;*/
    padding-top: 20px;
  }
  
  .products-interest .title {
    padding: 12px 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  
  /*.img-prod-item {*/
  /*	width:200px!important;*/
  /*	height:163px;*/
  /*	object-fit:cover;*/
  /*}*/
  
  .products-interest .title h3 {
    font: 900 28px/1 "Poppins", sans-serif;
    color: #000000;
    margin-bottom: 18px;
    
    
  /*font-family: 'akrobatblack', sans-serif;*/
  }
  
  .products-interest .products-interest-wrapp {
    padding: 30px 28px;
  }
  
  .products-interest .product-item .card-image {
    height: auto;
  }
  
  .products-interest .product-item .card-body .title a {
    font-size: 13px;
  }
  
 /*.shopping-cartmini {
    width: 265px;
  }*/
  
  .shopping-cartmini .shopping-carttotal {
    padding: 20px 12px;
  }
  
  .shopping-cartmini .shopping-carttotal p {
    margin-bottom: 10px;
    font: 14px/1 "Poppins", sans-serif;
  }
  
  .shopping-cartmini .shopping-carttotal p span {
    float: right;
  }
  
  .shopping-cartmini .shopping-carttotal p.bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
  }
  
  .shopping-cartmini .shopping-carttotal .btn-pay {
    height: 30px;
    background: #007134;
    border-radius: 0;
    font: 700 14px/1 "Poppins", sans-serif;
    color: #ffffff;
    margin: 0;
  }
  
  .shopping-cartmini .shopping-carttotal .btn-pay:hover {
    background: #e51a29;
    color: #FFF;
  }
  
  .shopping-cartmini .shopping-cartitems {
    text-align: left;
    padding: 0;
    margin: 0;
    /*flex-direction: column;*/
  }
  
  .shopping-cartmini .shopping-cartitems li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid rgb(230, 235, 241);
    padding: 0.5rem 1rem;
  }
  
  .shopping-cartmini .shopping-cartitems li .detail {
    padding-right: 10px;
    width: 100%;
  }
  
  .shopping-cartmini .shopping-cartitems li .detail p {
    /*font: 14px/1 "Poppins", sans-serif;*/
    color: #495263;
    margin-bottom: 10px;
    font-size: 14px;
  }
  
  .shopping-cartmini .shopping-cartitems li .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .shopping-cartmini .shopping-cartitems li .actions .delete .btn-delete {
    width: 18px;
    height: 18px;
    padding: 0;
    border-radius: 100%;
    background: #f2f2f2;
    font-size: 10px;
    line-height: 18px;
    color: #495263;
    vertical-align: top;
    margin-left: 5px;
  }
  
  .shopping-cartmini .shopping-cartitems li .actions .delete .btn-delete:hover {
    background: #ed251b;
    color: #ffffff;
  }
  
  .shopping-cartmini .shopping-cartitems li .cart-quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .shopping-cartmini .shopping-cartitems li .cart-quantity .btn-quantity {
    width: 22px;
    height: 18px;
    border: 0;
    border-radius: 0;
    font-size: 10px;
    line-height: 18px;
    padding: 0;
    margin-right: 6px;
  }
  
  .shopping-cartmini .shopping-cartitems li .cart-quantity .form-control {
    width: 22px;
    height: 18px;
    border: 0;
    border-radius: 0;
    font: 700 13px/18px "Poppins", sans-serif;
    text-align: center;
    margin-right: 6px;
    padding: 0;
  }
  
  .shopping-cartmini .shopping-cartitems .product-cart{
  	margin-right: 0.5rem;
  	img {
  		width: 74px;
  		height: 100%;
  		object-fit:contain;
  	}
  }
  
  /*.navbar-collapse-right .dropdown-menu {
    position: fixed;
    left: auto !important;
    right: 80px !important;
    z-index: 9999 !important;
}*/
  
  .header-control > ul > li .header-shopcart .dropdown-toggle, .header-control-mobile > ul > li .header-shopcart .dropdown-toggle {
    width: 40px;
    height: 40px;
    background: var(--base-main-bg-icon);
    border-radius: 100%;
    display: inline-block;
    color: #000000;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    line-height: 28px;
    position: relative;
    box-shadow: 0px 2px 12px rgb(0 0 0 / 12%);
  }
  
  .header-control > ul > li .header-shopcart .dropdown-toggle::after, .header-control-mobile > ul > li .header-shopcart .dropdown-toggle::after {
    content: none;
  }
  
  .header-control > ul > li .header-shopcart .dropdown-toggle .items-number, .header-control-mobile > ul > li .header-shopcart .dropdown-toggle .items-number {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: #fc163f;
    padding: 0 3px;
    font-size: 10px;
    color: #ffffff;
    border-radius: 12px;
  }
  
  .header-control > ul > li .header-shopcart .dropdown-menu, .header-control-mobile > ul > li .header-shopcart .dropdown-menu {
    top: 130% !important;
    left: auto !important;
    right: 0;
    border: 0;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  }
  
  .header-control > ul > li .header-shopcart .dropdown-menu::before, .header-control-mobile > ul > li .header-shopcart .dropdown-menu::before {
    border-bottom: 12px solid rgba(0, 0, 0, 0.2);
    border-left: 12px solid rgba(0, 0, 0, 0);
    border-right: 12px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    right: 5%;
    position: absolute;
    top: -11px;
  }
  
  .header-control > ul > li .header-shopcart .dropdown-menu::after, .header-control-mobile > ul > li .header-shopcart .dropdown-menu::after {
    border-bottom: 11px solid #FFFFFF;
    border-left: 12px solid rgba(0, 0, 0, 0);
    border-right: 12px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    right: 5%;
    position: absolute;
    top: -10px;
  }
  
    .header-control > ul > li .menu_nav_header .dropdown-menu::after, .header-control-mobile > ul > li .menu_nav_header .dropdown-menu::after{
          border-bottom: 11px solid #ffffff!important;
          display:none!important;
  }
  
  
  
  
  .header-control > ul > li .menu_nav_header .dropdown-menu::before, .header-control-mobile > ul > li .menu_nav_header .dropdown-menu::before,
  .header-control > ul > li .menu_nav_header .dropdown-menu::after, .header-control-mobile > ul > li .menu_nav_header .dropdown-menu::after{
      /*right: 48%!important;*/
      /*right:auto!important;*/
      display:none!important;
  }
  
  .header-control > ul > li .menu_nav_header .dropdown-menu, .header-control-mobile > ul > li .menu_nav_header .dropdown-menu {
      /*width: 20em!important;
      top: 130% !important;
      left: inherit !important;
      right: -9em!important;
      padding-top: 10px;
      border-radius: 10px;
      background: #ffffff;
      margin: 0;
      border: 0;
      border-radius: 10px;
      -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
      box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);*/
      right:auto!important;
  }
  
    .payment-form legend {
    font: 15px "aileronbold", sans-serif;
    color: #353F4E;
    margin-bottom: 20px;
  }
  
  .payment-form .form-control {
    height: 32px;
    border-radius: 5px;
    border-color: #CCCFD1;
    font: 12px "aileronregular", sans-serif;
    color: #232B3B;
  }
  
  .payment-form .button {
    padding-top: 1rem;
    /*text-align: right;*/
  }
  
  .payment-form .button .btn-finalize {
    width: 124px;
    height: 35px;
    font: 13px "aileronbold", sans-serif;
    background: #ed251b;
    color: #ffffff;
    border-radius: 5px;
    line-height: 20px;
  }
  
  .payment-form .button .btn-finalize:hover {
    background: #fec400;
    color: #000000;
  }
  
    .purchase-item {
    margin-bottom: 16px;
  }
  
  .purchase-item .purchase-box {
    /*background: #F2F3F7;*/
    border-radius: 10px;
    padding: 14px;
    position: relative;
    border: 1px solid #dedede;
  }
  
   .purchase-item .purchase-box.delivery-time {
    background: #D2FFE8;
    border: 0;
    h5 {
    	color: var(--main-bg-color);
    }
  }
  
  .purchase-item .purchase-box.outline {
    background: #ffffff;
    /*border: 2px solid #E4E2E2;*/
  }
  
  .purchase-item .purchase-box .address-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
  
  .purchase-item .purchase-box .address-area .address h5 {
    /*font: 14px "redhatdisplayregular", sans-serif;*/
    /*color: #272D4C;*/
    /*margin-bottom: 3px;*/
    margin-bottom: 0;
    font-size: 0.9rem
  }
  
  .purchase-item .purchase-box .address-area .address p {
    /*font: 12px "redhatdisplayregular", sans-serif;*/
    /*color: #929EAF;*/
    margin-bottom: 0;
    font-size: 0.9rem
  }
  
  .purchase-item .purchase-box .address-area .button {
    margin-left: auto;
  }
  
  .purchase-item .purchase-box .address-area .button .btn-edit {
    /*width: 92px;
    height: 38px;*/
    border-radius: 5px;
    /*background: #ffffff;*/
    /*color: #272D4C;*/
    font-size: 0.8rem;
  }
  
  .purchase-item .purchase-box .address-area .button .btn-edit i {
    font-size: 10px;
    /*margin-left: 10px;*/
  }
  
  .purchase-item .purchase-box .icon {
    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;
    width: 38px;
    height: 38px;
    font-size: 24px;
    margin-right: 10px;
    border-radius: 5px;
    background: #ffffff;
    text-align: center;
    color: #171919;
  }
  
  .purchase-item .purchase-box .icon.green {
    background: #7BB087;
  }
  
  .purchase-item .purchase-box .icon.tomato {
    background: #BD6475;
  }
  
  .purchase-item .purchase-box .icon.lightblue {
    background: #66BDDD;
  }
  
  .purchase-item .purchase-box .icon i {
    vertical-align: middle;
  }
  
  .purchase-item .purchase-box .purchase-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
  
  .purchase-item .purchase-box .purchase-title h5 {
    font: 700 16px "Poppins", sans-serif;
    color: #272D4C;
    margin: 0;
  }
  
  .purchase-item .purchase-box .purchase-title p {
    font: 12px "Poppins", sans-serif;
    color: #929EAF;
    margin-bottom: 0;
  }
  
  .purchase-item .purchase-box .cash-payment {
    width: 100%;
    max-width: 300px;
    padding-left: 56px;
    padding-top: 5px;
  }
  
  .purchase-item .purchase-box .cash-payment .form-control {
    height: 32px;
    border-radius: 5px;
  }
  
  .purchase-item .purchase-box .corner-checkbox {
    position: absolute;
    top: 14px;
    right: 6px;
  }
  
  .purchase-item .purchase-box .card-payment, .purchase-item .purchase-box .pos-payment {
    padding-top: 10px;
  }
  
  .purchase-item .purchase-box .card-payment {
    padding-left: 56px;
  }
  
  .purchase-item .purchase-box .card-payment .button {
    text-align: right;
  }
  
  .purchase-item .purchase-box .card-payment .button .btn-agregar {
    height: 30px;
    font: 700 13px "Poppins", sans-serif;
    background: #66bddd;
    color: #fff;
    border-radius: 5px;
    padding: .375rem 25px;
  }
  
  .purchase-item .purchase-box .card-payment .button .btn-agregar i {
    font-size: 8px;
    margin-right: 6px;
  }
  
  .purchase-item .purchase-box .card-payment .button .btn-agregar:hover {
    background: #d44e2f;
  }
  
 /* .purchase-item .purchase-box .voucher-payment {
    padding: 0 50px 0 0;
  }*/
  
  .purchase-item .purchase-box .total-table .table {
    border-top: 1px solid #dee2e6;
  }
  
  .purchase-item .purchase-box .total-table .table tr.sub-total td {
    font: 14px "Poppins", sans-serif;
    color: #272D4C;
    text-align: right;
    border: 0;
  }
  
  .purchase-item .purchase-box .total-table .table tr.sub-total td:first-child {
    padding-left: 56px;
  }
  
  .purchase-item .purchase-box .total-table .table tr.sub-total td:last-child {
    padding-right: 50px;
    width: 20%;
  }
  
  .purchase-item .purchase-box .total-table .table tr.total td {
    font: 700 14px "Poppins", sans-serif;
    color: #272D4C;
    text-align: right;
  }
  
  .purchase-item .purchase-box .total-table .table tr.total td:first-child {
    padding-left: 56px;
  }
  
  .purchase-item .purchase-box .total-table .table tr.total td:last-child {
    padding-right: 50px;
  }
  
  .purchase-item .buttons {
    text-align: right;
    padding-top: 20px;
  }
  
  .purchase-item .buttons .btn + .btn {
    margin-left: 15px;
  }
  
  .purchase-item .buttons .btn-atras {
    width: 185px;
    height: 30px;
    font: 700 13px "Poppins", sans-serif;
    background: #F3F3F4;
    color: #272D4C;
    line-height: 20px;
  }
  
  .purchase-item .buttons .btn-atras:hover {
    background: #66BDDD;
    color: #ffffff;
  }
  
  .purchase-item .buttons .btn-confirmar {
    width: 202px;
    height: 30px;
    font: 700 13px "Poppins", sans-serif;
    background: #66BDDD;
    color: #ffffff;
    border-radius: 5px;
    line-height: 20px;
  }
  
  .purchase-item .buttons .btn-confirmar:hover {
    background: #d44e2f;
  }
  
    .sidebar-box .shopping-total {
    padding-top: 15px;
  }
  
  .sidebar-box .shopping-total p {
    margin-bottom: 20px;
    font: 15px/1 "aileronbold", sans-serif;
    color: #495263;
  }
  
  .sidebar-box .shopping-total p span {
    float: right;
  }
  
    .shopping-buttons {
    text-align: right;
    border-top: 1px solid #000;/*F2F2F2*/;
    margin-top: 20px;
    padding-top: 20px;
  }
  
  .shopping-buttons .btn {
    font: 700 16px "Poppins", sans-serif;
    height: 36px;
    border-radius: 5px;
    line-height: 22px;
  }
  
  .shopping-buttons .btn + .btn {
    margin-left: 15px;
  }
  
  .shopping-buttons .btn-seguir {
    width: 185px;
    background: #E30000;
    color: #ffffff;
  }
  
  
  .shopping-buttons .btn-continuar {
    width: 178px;
    background: #66BDDD;
    color: #ffffff;
  }
  
  .shopping-buttons .btn-continuar:hover {
    background: #d44e2f;
  }

    section.content {
    padding-top: 60px;
    padding-bottom:30px;
    min-height: 530px;
    background:#FFFFFF;
  }

section.content .page-title h1 {
    font: 20px / 1 Gibson-SemiBold, sans-serif;
    color: #272d4c;
    font-weight: bold;
}

.content-bg-nosotros h1 {
    font: 22px / 1 "aileronblack", sans-serif;
    color: #495263;
    text-align: center;
}

section.content .page-title {
    /*text-align: center;
    padding: 30px 0;*/
}
  
  @media (max-width: 767px) {
    .contact-wrapp {
      padding: 23px 20px;
    }
    .contact-content .zones li {
      padding-left: 50px;
    }
    .contact-content .zones li .icon {
      font-size: 30px;
    }
  }
  
 
 /* Chrome, Safari, Edge, Opera */
input.hideNumberButtons::-webkit-outer-spin-button,
input.hideNumberButtons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input.hideNumberButtons[type=number] {
  -moz-appearance: textfield;
}

.modal-dialog .modal-body .button {
	text-align: center;
}

.icon-calendar:before {
    content: ""
}

.icon-card-payment:before {
    content: ""
}

.icon-cash-payment:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-heart:before {
    content: ""
}

.icon-heart-outline:before {
    content: ""
}

.icon-instagram:before {
    content: ""
}

.icon-linkedin:before {
    content: ""
}

.icon-pos-payment:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-shopping-cart:before {
    content: ""
}

.icon-trash:before {
    content: ""
}

.icon-user-circle:before {
    content: ""
}

.icon-arrow-left:before {
    content: ""
}

.icon-arrow-right:before {
    content: ""
}

.icon-check:before {
    content: ""
}

:root {
    --theme-color: #ff9232;
    --theme-color2: #ff9d2d;
    --title-color: #387480;
    --body-color: #4d5765;
    --smoke-color: rgba(1, 15, 28, 0.06);
    --smoke-color2: #faf7f2;
    --black-color: #000000;
    --gray-color: #bdbdbd;
    --white-color: #ffffff;
    --light-color: #72849b;
    --yellow-color: #FFF057;
    --success-color: #28a745;
    --error-color: #dc3545;
    --border-color: #e0e0e0;
    --title-font: "Rubik", sans-serif;
    --style-font: "Lobster Two", cursive;
    --body-font: "Roboto", sans-serif;
    --icon-font: "Font Awesome 6 Pro";
    --main-container: 1220px;
    --container-gutters: 24px;
    --section-space: 120px;
    --section-space-mobile: 80px;
    --section-title-space: 65px;
    --ripple-ani-duration: 5s
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1024px
    }
}

@media (min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1024px
    }
}

.btn,
.btn-link,
.btn-primary,
a,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p {
    font-family: "Campton", sans-serif
}

.btn,
.btn-link,
a {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.btn-primary {
    background-color: #ff9232;
    color: #fff;
    padding: 8px 20px;
    border: 0;
    border-radius: 20px;
    font-weight: 600;
    font-size: 16px
}

.btn-primary:hover {
    background-color: #fff057;
    color: #000
}

.play-btn:after,
.play-btn:before,
.ripple-animation {
    -webkit-animation-duration: var(--ripple-ani-duration);
    animation-duration: var(--ripple-ani-duration);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: ripple;
    animation-name: ripple
}

.movingX {
    -webkit-animation: movingX 8s linear infinite;
    animation: movingX 8s linear infinite
}

.moving {
    -webkit-animation: moving 8s linear infinite;
    animation: moving 8s linear infinite
}

.jump {
    -webkit-animation: jumpAni 7s linear infinite;
    animation: jumpAni 7s linear infinite
}

.jump-reverse {
    -webkit-animation: jumpReverseAni 7s linear infinite;
    animation: jumpReverseAni 7s linear infinite
}

.spin {
    -webkit-animation: spin 15s linear infinite;
    animation: spin 15s linear infinite
}

.scalein.as-animated {
    --animation-name: scalein
}

.slidetopleft.as-animated {
    --animation-name: slidetopleft
}

.slidebottomright.as-animated {
    --animation-name: slidebottomright
}

.slideinleft.as-animated {
    --animation-name: slideinleft
}

.slideinright.as-animated {
    --animation-name: slideinright
}

.slideinup.as-animated {
    --animation-name: slideinup
}

.slideindown.as-animated {
    --animation-name: slideindown
}

.rollinleft.as-animated {
    --animation-name: rollinleft
}

.rollinright.as-animated {
    --animation-name: rollinright
}

 @media (min-width: 992px) {
    header.masthead {
      height: 482px;
    }
    .animate {
      animation-duration: 0.3s;
      -webkit-animation-duration: 0.3s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
    }
  }

  @keyframes slideIn {
    0% {
      -webkit-transform: translateY(1rem);
      transform: translateY(1rem);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0rem);
      transform: translateY(0rem);
      opacity: 1;
    }
    0% {
      -webkit-transform: translateY(1rem);
      transform: translateY(1rem);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes slideIn {
    0% {
      -webkit-transform: transform;
      -webkit-opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
      -webkit-opacity: 1;
    }
    0% {
      -webkit-transform: translateY(1rem);
      -webkit-opacity: 0;
    }
  }

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
}

.rollinleft,
.rollinright,
.scalein,
.slidebottomright,
.slideindown,
.slideinleft,
.slideinright,
.slideinup,
.slidetopleft {
    opacity: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-name: var(--animation-name);
    animation-name: var(--animation-name)
}

.as-animated {
    opacity: 1
}

.as-btn {
    min-width: 160px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: 0;
    text-align: center;
    background-color: var(--theme-color);
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    padding: 12px 35px;
    border-radius: 999px;
    -webkit-transition: background-color .25s linear, color .4s ease-in-out;
    transition: background-color .25s linear, color .4s ease-in-out
}

.as-btn.as-btn-large {
    width: 100%;
    max-width: 232px
}

.as-btn:before {
    content: "";
    position: absolute;
    height: 100%;
    bottom: 0;
    left: 0;
    width: 0;
    background-color: var(--title-color);
    z-index: -1;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    border-radius: inherit
}

.as-btn.active,
.as-btn:hover {
    color: var(--white-color);
    background-color: var(--title-color)
}

.as-btn.active::before,
.as-btn:hover::before {
    width: 100%
}

.as-btn.style2 {
    background-color: var(--yellow-color);
    -webkit-box-shadow: none;
    box-shadow: none
}

.as-btn,
.as-btn.style2:hover {
    color: var(--white-color)
}

.as-btn.style2:hover,
.as-btn.style2:hover:before {
    background-color: var(--theme-color)
}

.as-btn.style2,
.as-btn.style3:hover,
.as-btn.style4 {
    color: var(--title-color)
}

.as-btn.style3:hover,
.as-btn.style3:hover:before,
.as-btn.style4 {
    background-color: var(--yellow-color)
}

.as-btn.style4 {
    background-color: var(--white-color)
}

.as-btn.style4:hover,
.as-btn.style5 {
    color: var(--white-color);
    background-color: var(--theme-color)
}

.as-btn.style4:hover:before {
    background-color: var(--theme-color)
}

.as-btn.style5 {
    background-color: var(--title-color)
}

.as-btn.style5:hover,
.as-btn.style6:hover {
    color: var(--title-color);
    background-color: var(--yellow-color)
}

.as-btn.style5:hover:before,
.as-btn.style6:hover:before {
    background-color: var(--yellow-color)
}

.as-btn.style6 {
    background-color: transparent;
    border: 1px solid var(--yellow-color);
    color: var(--yellow-color)
}

.styled-checkbox {
    position: absolute;
    opacity: 0
}

.styled-checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0 0 0 30px
}

.styled-checkbox+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 24px;
    height: 24px;
    background: #ddddd7;
    border: 1px solid #f5f5ef;
    border-radius: 5px
}

.styled-checkbox:focus+label:before {
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .12);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .12)
}

.styled-checkbox:checked+label:before {
    background: #387480
}

.styled-checkbox:disabled+label {
    color: #b8b8b8;
    cursor: auto
}

.styled-checkbox:disabled+label:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #ddd
}

.styled-checkbox:checked+label:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 11px;
    background: #fff;
    width: 2px;
    height: 2px;
    -webkit-box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
    box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media (min-width:768px) {
    body {
        padding-top: 64px
    }

    .custom-gutter {
        margin-right: -4rem;
        margin-left: -4rem
    }

    .custom-gutter>[class*=col-] {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media (min-width:992px) {
    .navbar-expand-lg .navbar-toggler {
        display: block
    }
}

.header {
    background: #f5f5ef
}

.header.sticky .navbar {
    position: fixed
}

.navbar-toggler {
    border: 0
}

.navbar-toggler:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.navbar-container {
    width: 100%
}

.main-nav {
    background: #fff;
    padding: 5px 10px;
    display: block;
    /*border-bottom: 1px solid #000;*/
    box-shadow: rgb(230, 235, 241) 0px 1px 0px 0px;
}

.main-nav .navbar-nav>.nav-item,
.modal-order-placed .order-info-box .oder-date p i {
    margin-right: 10px
}

.main-nav .nav-link {
    color: #000;
    font-size: 16px;
    font-weight: 300
}

.main-nav .nav-link.show,
.main-nav .nav-link:hover,
.mega-menu .featured-product a:hover {
    color: #e51a29
}

.main-nav .dropdown-toggle::after {
    content: none;
    display: none
}

.main-nav .submenu-nav .nav-item {
    display: block;
    width: 100%;
    margin-bottom: 7px
}

.main-nav .submenu-nav .nav-link {
    display: block;
    padding: 0;
    font-size: 14px;
    font-weight: 300
}

#navbarsMain {
    padding-top: 20px
}

.dropdown-mega-menu {
    position: inherit
}

.mega-menu {
    width: 100%;
    left: 0;
    right: 0;
    padding: 0;
    border-color: #000;
    border-radius: 0;
    border-width: 1px 0 0;
    margin-top: 0 !important
}

.mega-menu .mega-menu-content {
    padding: 29px 20px
}

.mega-menu h3 {
    font-size: 17px;
    font-weight: 500;
    color: #000;
    margin-bottom: 20px
}

.footer-nav ul li a,
.mega-menu .featured-product a,
.product-item .product-caption .title-price h3 a {
    text-decoration: none;
    color: #000
}

.mega-menu .featured-product a:hover .image {
    border-color: #e51a29
}

.mega-menu .featured-product .image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 10px 40px;
    border: 1px solid #efefef;
    margin-bottom: 10px
}

.mega-menu .featured-product .caption p {
    font-size: 14px;
    font-weight: 300
}

.navbar-collapse-right {
    width: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.navbar-collapse-right ul:not(.shopping-cartitems) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    float: right
}

.mobile-buttons ul li,
.navbar-collapse-right ul li {
    display: inline-block
}

.mega-menu .featured-product .image,
.mobile-buttons .btn.btn-cart .cart-items-count,
.navbar-collapse-right .btn,
.navbar-collapse-right .btn.btn-cart .cart-items-count {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.navbar-collapse-right .btn {
    margin-left: 2px;
    font-size: 20px;
    color: #000;
    padding: 4px
}

.navbar-collapse-right .btn.btn-cart {
    position: relative;
    font-size: 22px
}

.mobile-buttons .btn.btn-cart .cart-items-count,
.navbar-collapse-right .btn.btn-cart .cart-items-count {
    position: absolute;
    top: 0;
    right: 0;
    background: #c1272d;
    color: #fff;
    width: 20px;
    height: 16px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px
}

.navbar-collapse-right .btn.btn-account {
    margin-left: 10px;
    font-size: 22px;
    padding-right: 0
}

.featured-item:hover .caption h3,
.featured-item:hover .caption p,
.footer-nav ul li a:hover,
.navbar-collapse-right .btn:hover,
.product-item .product-caption .title-price h3 a:hover,
.product-item .product-image .add-favorites .btn.select {
    color: #e51a29
}

.mobile-buttons {
    display: block;
    margin-right: 40px
}

.mobile-buttons .btn,
.mobile-buttons ul,
.navbar-collapse-right .btn,
.navbar-collapse-right ul:not(.shopping-cartitems) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mobile-buttons ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.mobile-buttons .btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 2px;
    font-size: 20px;
    color: #000;
    padding: 6px
}

.mobile-buttons .btn.btn-cart {
    position: relative;
    font-size: 22px
}

.mobile-buttons .btn.btn-account {
    margin-left: 20px;
    font-size: 22px
}

.hamburger {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 10px 28px 16px 0
}

.hamburger span,
.hamburger span:after,
.hamburger span:before {
    cursor: pointer;
    border-radius: 1px;
    height: 2px;
    width: 26px;
    position: absolute;
    display: inline-block;
    content: ""
}

.hamburger span {
    background: #43433f;
    -webkit-transition: all 300ms cubic-bezier(.645, .045, .355, 1);
    transition: all 300ms cubic-bezier(.645, .045, .355, 1)
}

.hamburger span:after,
.hamburger span:before {
    background: #000;
    left: 0
}

.hamburger span:before {
    top: -7px
}

.hamburger span:after {
    bottom: -7px
}

.hamburger span:after,
.hamburger span:before {
    -webkit-transition: all 300ms cubic-bezier(.645, .045, .355, 1);
    transition: all 300ms cubic-bezier(.645, .045, .355, 1)
}

.hamburger.active span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger.active span:after {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
    top: 10px
}

.search-on-mobile {
    display: block;
    margin-right: 10px
}

.search-on-mobile .btn {
    margin-left: 2px;
    font-size: 20px;
    color: #000;
    padding: 4px
}

.animation {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.slideDownIn {
    -webkit-animation-name: slideDownIn;
    animation-name: slideDownIn
}

.slideUpIn {
    -webkit-animation-name: slideUpIn;
    animation-name: slideUpIn
}

@media (min-width:768px) {
    #navbarsMain {
        padding-top: 0
    }

    .navbar-collapse-right {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .navbar-collapse-right ul li.only-desktop {
        display: inline-block
    }

    .navbar-collapse-right .btn {
        margin-left: 10px;
        padding: 6px 12px
    }

    .navbar-collapse-right .btn.btn-account {
        margin-left: 20px
    }

    .mobile-buttons,
    .navbar-nav .search-on-mobile {
        display: none
    }
}

@media (min-width:992px) {
    .mega-menu {
        width: 100%;
        left: 0;
        right: 0
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1024px
    }
}

/*color-page-theme: var(--main-bg-color)*/

.footer {
    background: var(--main-bg-color);
    padding: 30px 2%
}

.footer h4 {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase
}

.footer-logo {
    padding-top: 20px
}

.footer-logo,
.footer-nav {
    text-align: center;
    margin-bottom: 20px
}

.footer-nav ul,
.footer-social ul,
.product-item .product-nude ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.footer-nav ul li {
    margin-bottom: 4%
}

.footer-nav ul li a {
    color: #fff;
    font-size: 0.85rem;
    font-weight: 300
}

.footer-social {
    float: none;
    text-align: center
}

.footer-social ul li {
    display: inline-block
}

.footer-social ul li:not(:first-child) {
    margin-left: 20px
}

.footer-social ul li .btn {
    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;
    color: #fff;
    background: #B9B9BA;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

@media (min-width:768px) {
    .footer-nav {
        text-align: left;
        margin-bottom: 0
    }

    .footer-social {
        float: right;
        text-align: left
    }
}

.banner-link {
    position: relative;
    overflow: hidden
}

.banner-link .image::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .2);
    z-index: 2;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.banner-link .image img,
.product-item .product-image img {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.banner-link .caption {
    position: absolute;
    left: 0;
    bottom: 8%;
    text-align: center;
    z-index: 5;
    width: 100%
}

.banner-link .caption h2 {
    color: #fff;
    font-size: 20px;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto 10px;
    border-bottom: 2px solid #fff;
}

.banner-link .caption .btn-buy {
    background: #fff;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    border-radius: 0;
    padding: 8px 20px;
    /*padding: 2px 12px*/
}

.banner-link .caption .btn-buy:hover {
    background-color: #e51a29;
    color: #fff;
    border-color: #fff
}

.banner-link:hover .image::before {
    background: rgba(0, 0, 0, .5)
}

.banner-link:hover .image img,
.product-item:hover img {
    -webkit-transform: scale(1.1) translateZ(0) translateY(3%);
    transform: scale(1.1) translateZ(0) translateY(3%)
}

.featured-category .row .col-sm-12:not(:first-child) {
    border-left: 1px solid #000
}

.breadcrumb .breadcrumb-item a,
.featured-item {
    color: #000;
    text-decoration: none
}

.featured-item .caption {
    text-align: center;
    padding: 27px 15px 20px
}

.featured-item .caption h3 {
    font-size: 28px;
    font-weight: 500;
    margin: 0
}

.featured-item .caption p {
    text-decoration: underline;
    font-size: 18px;
    margin: 0
}

.featured-item .image {
    text-align: center
}

.content {
    border-top: 1px solid #000
}

@media (min-width:768px) {
    .banner-link .caption {
        bottom: 13.5%
    }

    .banner-link .caption h2 {
        font-size: 40px;
        margin: 0 auto 30px
    }

    .banner-link .caption h2::after {
        height: 3px;
        bottom: -13px
    }

    .banner-link .caption .btn-buy {
        font-size: 18px;
        padding: 8px 20px
    }
}

.breadcrumb-wrapper {
    padding: 16px 20px
}

.breadcrumb,
.category-filter .nav,
.product-details .product-title-price p {
    margin: 0
}

.breadcrumb .breadcrumb-item a {
    font-size: 14px;
    line-height: 18px
}

.breadcrumb-item+.breadcrumb-item::before {
    content: ">"
}

.category-filter {
    padding: 9px 4px
}

.category-filter .nav .nav-link {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    border-bottom: 1px solid transparent
}

.category-filter .nav .nav-link.active {
    border-color: #e51a29
}

/*.category-filter,
.products-wrapper {
    border-top: 1px solid #000
}*/
/*
.products-wrapper .col-item {
    border: 1px solid #cdcccc;
    border-collapse: collapse
}
*/
.products-wrapper .row [class^=col-item]:not(:last-child) {
    border-right: none
}

.products-wrapper .row [class^=col-item] {
    margin-bottom: -1px
}

.product-item {
    padding: 16px 23px
}

.product-item .product-nude {
    text-align: right;
    padding: 0 0 16px
}

.product-item .product-nude ul li {
    margin-left: 10px
}

.product-item .product-nude .color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 16px;
    height: 16px
}

.product-details .product-nude-favorite .nude .color.cream,
.product-item .product-nude .color.cream {
    background: #fff5dd
}

.product-details .product-nude-favorite .nude .color.gray,
.product-item .product-nude .color.gray {
    background: #efece3
}

.product-details .product-nude-favorite .nude .color.skyblue,
.product-item .product-nude .color.skyblue {
    background: #daf6f5
}

.product-item .product-image {
    text-align: center;
    position: relative;
    overflow: hidden
}

.product-item .product-image .add-favorites {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5
}

.product-item .product-image .add-favorites .btn {
    color: #000
}

.product-details .product-nude-favorite,
.product-details .product-title-price,
.product-item .product-caption .title-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product-item .product-caption .title-price h3 {
    font-size: 14px;
    font-weight: 700;
    color: #000
}

.product-item .product-caption .title-price .price p {
    margin-bottom: 0
}

/*.product-wrapper {
    border-top: 1px solid #000
}*/

.product-image {
    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;
    padding: 5%
}

.product-details {
    padding: 20px 15px 0
}

.product-details .product-nude-favorite,
.product-details .product-title-price {
    margin-bottom: 10px
}

.product-details .product-title-price h2 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0
}

.product-details .product-title-price p.price {
    font-size: 18px;
    font-weight: 500
}

.product-details .product-nude-favorite {
    margin-bottom: 24px
}

.product-details .product-nude-favorite .nude,
.product-details .product-size ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.product-details .product-nude-favorite .nude li,
.product-item .product-nude ul li {
    display: inline-block;
    font-size: 12px;
    color: #000;
    vertical-align: middle
}

.product-details .product-nude-favorite .nude li:not(:first-child) {
    margin-left: 10px
}

.product-details .product-nude-favorite .nude .color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 16px;
    height: 16px
}

.product-details .product-nude-favorite .btn-favorite .btn {
    color: #000;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px
}

.product-details .product-nude-favorite .btn-favorite .btn.select {
    color: #e51a29
}

.product-details .product-size {
    padding: 20px 0 36px
}

.product-details .product-size ul li {
    display: inline-block;
    font-size: 14px;
    color: #000;
    vertical-align: middle;
    line-height: 16px;
    font-weight: 300;
    position: relative
}

.product-details .product-size ul li:first-child {
    margin-right: 52px
}

.product-details .product-size ul li.divider {
    width: 1px;
    height: 16px;
    background: #cdcccc;
    padding: 0;
    margin: 0 6px
}

.product-details .product-size ul li.select::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #e51a29
}

.product-details .product-add-cart {
    margin-bottom: 65px
}

.product-details .product-add-cart .btn-add-cart {
    width: 100%;
    background: var(--main-bg-color);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    border-radius: 5px;
    height: 55px
}

.product-details .product-add-cart .btn-add-cart:hover {
    background: #e51a29
}

.product-details .product-description {
    margin-bottom: 30px
}

.product-details .product-description h3,
.product-details .product-description p,
.title-separator h3 {
    font-size: 14px;
    font-weight: 300;
    color: #000;
    margin-bottom: 21px
}

.product-details .product-description p {
    line-height: 17px;
    margin-bottom: 8px;
    word-wrap: break-word;
    word-break: break-all;
}

.title-separator {
    text-align: center;
    padding: 20px 0;
    border-top: 1px solid rgb(230, 235, 241);
    border-bottom: 1px solid rgb(230, 235, 241);
}

.title-separator h3 {
    font-size: 16px;
    margin-bottom: 0
}

  .btn-send{
    /*width: 160px;*/
    height: 42px;
    background: #1BD741;
    font: 700 14px/1 "Poppins", sans-serif!important;
    color: #ffffff!important;
    border-radius: 5px;
    padding-top:0.85em;
  }
  
  
  
  .btn-send i{
    margin-right: 6px;
  }
  
  .food-item {
    margin-bottom: 28px;
    /*padding-bottom: 28px;*/
    /*border-bottom: 2px solid #E4E2E2;*/
    
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.12);
    
    border-radius:20px;
    /*padding:15px;*/
    
    /*height: 165.6px;*/
    /*height: 362px;*/
    background:#fff;
    border:2px solid #F3F3F3;
  }
  
  .food-item .card-image {
    text-align: center;
  }
  
  .food-item .card-image img {
    width:100%!important;
    border-radius: 8px;
    height:140px;
    object-fit: fill;
    
    border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
  }
  
  .food-item .card-body {
    padding: 10px 15px 15px 20px;
    /*padding:15px;*/
    position: relative;
    
    display:grid;
        /*margin-left: 3em;*/
  }
  
  .food-item .card-body h4 {
    font-size: 22px;
    text-align:center;
    
  }
  
  
  
  .food-item .card-body .btn-link {
    padding: 0;
    /*font: 900 18px "Poppins", sans-serif;*/
    font: 600 20px "Poppins", sans-serif;
    /*color: #007134;*/
    color: #000000;
    line-height:1em;
    text-decoration: none;
    
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height:3em;
  }
  
  .food-item .card-body p {
    font: 400 13.5px "redhatdisplayregular", sans-serif;
    color: #000;
    margin-bottom: 0;
    
    overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
  }
  
  .food-item .card-body p.popular {
    color: #fc163f;
  }
  
  .food-item .card-body p.popular .fa-star {
    color: #fec400;
  }
  
  .food-item .card-body p.price {
    /*font-family: "Poppins", sans-serif;*/
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 700;
    /*color: #007134;*/
    color:#fc163f;
  }
  
  .food-item .card-body .btn-favorite {
    position: absolute;
    /*top: 0;*/
    /*right: 0;*/
    top: -12em;
    right: 0.7em;
    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;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #ffffff;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
    color: #c7c9cb;
  }
  
  .food-item .card-body .btn-favorite:hover {
    color: #FF133F;
  }
  
  .food-item .price-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*padding-top: 50px;*/
    
    /*margin:auto;*/
        /*gap: 12em;*/
  }
  
  .col-md-8{
      display: grid!important;
      /*padding:15px;*/
  }
  
  .food-item .price-button .btn-add {
      width: 120px;
      /*padding: 0;*/
      /*padding-right: 0.7em;*/
      /*padding-left: 0.4em;*/
      /*padding-top: 0.1em;*/
      /*width: 35px;*/
      height: 32px;
    background: #FCCF00;
    border: 0;
    /*font: 700 15px/26px "Poppins", sans-serif;*/
    font: 700 15px/26px "Poppins", sans-serif;
    color: #007134;
    padding: .15rem .75rem;
    border-radius: 6px;
    /*border-top-right-radius: 0;*/
    /*border-bottom-left-radius: 0;*/
    
    margin-top:2em;
  }
  
  .food-item .price-button .btn-add:hover {
    background: #007134;
    color: #FCCF00;
  }
  
  .food-item .price-button .btn-add i {
    font-size: 12px;
    margin-left: 5px;
  }
  
    .product-gallery__featured .owl-item img{
      object-fit: fill!important;
      /*height:465.0977px;*/
      height:425.0977px;
  }
  
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
	}

.product-gallery__featured {
  max-width: 100%; /* Asegura que la galería de productos no sea más ancha que su contenedor */
  overflow: hidden; /* Evita que el contenido se salga del contenedor */
}

.product-image__img {
  max-width: 100%; /* Ajusta el tamaño máximo de la imagen para que no se salga de su contenedor */
  height: 280px; /* Permite que la altura de la imagen se ajuste automáticamente para mantener la proporción */
  display: block; /* Elimina el espacio adicional que puede aparecer debajo de la imagen */
}
@media (min-width:768px) {
    .product-details {
        padding: 30px 14% 0 15px
    }
}

.shopping-cart .shopping-cart-title {
    text-align: center;
    /*padding: 40px 0 43px*/
}

.shopping-cart .shopping-cart-title h2 {
    font-size: 20px;
    font-weight: 400;
    color: #000;
    margin-bottom: 0
}

.shopping-cart-items {
    width: 100%;
    max-width: 690px;
    margin: 0 auto;
    padding: 0 10px
}

.shopping-cart-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #dee2e6;
    padding: 12px 18px 12px;
    margin-bottom: 1rem;
    border-radius: 5px;
}

.shopping-cart-item:not(:first-child) {
    border-bottom: 1px solid #dee2e6
}

.shopping-cart-item .details .title-price,
.shopping-cart-item .image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.shopping-cart-item .image {
    width: 40%;
    padding: 0 5% 0 0;
    justify-content: center;
    
    img {
    	height: 80px;
    	object-fit: contain;
    }
}

.shopping-cart-item .details {
    width: 60%
}

.shopping-cart-item .details .title-price {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 7px;
    margin-bottom: 5px
}

.shopping-cart-item .details .title-price h4 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0
}

.shopping-cart-item .details .title-price .price {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0
}

.shopping-cart-item .quantity p {
    font-size: 12px;
        margin: 0 0 0.5rem 0;
}

.shopping-cart-item .quantity-box {
    border: 1px solid #dee2e6;
    text-align: center;
    max-width: 160px;
    border-radius: 5px;
}

.shopping-cart-item .quantity-box .btn {
    font-weight: 700;
    /*font-size: 22px;*/
    color: #000;
    border: 0
}

.shopping-cart-item .quantity-box .btn:hover,
.shopping-cart-item .remove-item .btn:hover {
    color: #e51a29
}

.shopping-cart-item .quantity-box .form-control {
    border: 0;
    text-align: center;
    font-family: "Campton", sans-serif;
    font-weight: 400
}

.shopping-cart-item .remove-item {
    padding-left: 20px
}

.shopping-cart-item .remove-item .btn {
    font-weight: 700;
    font-size: 20px;
    color: #000;
    border: 0;
    padding: 0
}

.shopping-cart-button {
    padding: 48px 10% 72px;
    text-align: center
}

.delivery-details .button .btn-purchase,
.shopping-cart-button .btn-buy, .btn-save{
    background: var(--main-bg-color);
    color: #fff;
    font-weight: 700;
    width: 100%;
    border-radius: 5px;
    height: 55px
}

.shopping-cart-button .btn-pay {
	background: var(--main-bg-color);
    color: #fff;
    font-weight: 700;
    width: 100%;
    border-radius: 5px;
}

.shopping-cart-button .btn-buy {
    max-width: 535px;
    margin: 0 auto;
    font-size: 20px;
    
    &.outline-custom {
    	color: var(--main-bg-color);
    	background-color: transparent;
    	border-color: var(--main-bg-color);
    }
}

@media (min-width:768px) {
    .shopping-cart-items {
        padding: 0
    }

    .shopping-cart-item {
        padding: 10px 30px 12px
    }

    .shopping-cart-item .image {
        padding: 0 3% 0 0
    }
}

.delivery-details {
    padding: 28px 3.8%
}

.delivery-details .column-left {
    padding-right: 0
}

.delivery-details h4 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px
}

.delivery-details .button .btn-purchase {
    font-size: 22px
}

.delivery-type {
    margin-bottom: 12px
}

.form-check-inline {
    margin-right: 44px
}

.form-check-input:checked {
    background-color: var(--main-bg-color);
    border-color: var(--main-bg-color) !important;
    width: 19px;
    height: 19px
}

.form-check-input {
    width: 19px;
    height: 19px;
    border-color: var(--main-bg-color);
}

.form-check {
    padding-left: 30px
}

.form-check .form-check-input {
    margin-top: 3px;
    margin-left: -30px;
    border-color: var(--main-bg-color)
}

.form-check-label {
    font-size: 12px;
    font-family: "Campton", sans-serif
}

.personal-data {
    margin-bottom: 14px
}

.personal-data .form-group {
    margin-bottom: 15px
}

.personal-data .form-control,
.personal-data .form-select {
    border: 1px solid #dedede;
    border-radius: 5px;
    height: 40px
}

.payment-methods {
    margin-bottom: 30px
}

.payment-item,
.payment-ticket-box {
    border: 1px solid #dedede;
    margin-bottom: 15px;
    border-radius: 5px;
}

.payment-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 11px 12px 11px 50px;
    position: relative;
    background: #fff;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
}

.payment-item .icon {
    position: absolute;
    top: 50%;
    left: 14px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
    color: #000
}

.payment-item .text p {
    margin: 0
}

/*.payment-item.selected {
    background: #d9d9d9
}*/

.payment-item:has(>input[name="tipoPago"]:checked) {
	/*background: #d9d9d9;*/
	border: 1px solid var(--main-bg-color);
}

.payment-ticket-box {
    padding: 12px 13px 22px
}

.payment-ticket-box .ticket-box-heading {
    margin-bottom: 4px
}

.payment-ticket-box .form-control {
    border-color: #dedede;
    /*border-width: 0 0 1px;*/
    border-radius: 5px;
    font-size: 13px;
    height: 34px;
    margin-bottom: 0.5rem;
}

.discount-coupon {
    margin-bottom: 40px
}

.discount-coupon .form-control {
    border: 1px solid #dedede;
    border-radius: 5px !important;
    height: 40px;
    margin-right: 12px
}

.discount-coupon .btn-dark{
    width: 124px;
    /*border-radius: 0*/
}

.discount-coupon .btn-coupon {
	width: 124px;
	border-radius: 5px!important;
	background: var(--main-bg-color);
	color: #fff;
}

.summary-table .table {
    margin-bottom: 36px
}

.summary-table .table .checkout-item:not(:first-child) {
    border-top: 1px solid #efefef
}

.summary-table .table .checkout-item td {
    padding-top: 11px;
    padding-bottom: 11px
}

.summary-table .table .checkout-item td.image {
    width: 19%
}

.summary-table .table .checkout-item td .price,
.summary-table .table .checkout-item td h5 {
    margin-top: 7px
}

.summary-table .table .checkout-amount td {
    padding: 5px .5rem
}

.summary-table .table td {
    border: 0
}

.summary-table .table td.amount {
    width: 40.5%;
    padding-right: 0;
    text-align: right
}

.summary-table .table td p {
    margin: 0;
    color: #000
}

.summary-table .table td,
.summary-table .table td p.quantity {
    font-size: 14px;
    color: #8d8d8d
}

.summary-table .table td p.price {
    font-size: 12px;
    font-weight: 500
}

.summary-table .table td p.old-price {
    color: #8d8d8d;
    font-size: 10px;
    text-decoration: line-through
}

.summary-table .table td h5 {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    color: #000
}

.summary-table .table .total td {
    font-weight: 700;
    font-size: 16px;
    color: #000
}

@media (min-width:768px) {
    .delivery-details .column-left {
        padding-right: 84px
    }
}

@media (min-width:1200px) {
    .delivery-details>.row .col-lg-8 {
        width: 64.8%
    }

    .delivery-details>.row .col-lg-4 {
        width: 35.2%
    }
}

.account-wrapper {
    padding: 15px 15px 40px
}

.account-menu {
    position: fixed;
    left: -400px;
    top: 64px;
    background: #fff;
    z-index: 555;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.account-menu .nav-item {
    margin-bottom: 13px
}

.account-menu .nav-link {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    border-left: 5px solid transparent;
    padding: 6px 16px
}

.account-menu .nav-link.active,
.account-menu .nav-link:hover {
    border-color: #e51a29
}

.account-menu.show {
    left: 0
}

.account-menu .account-menu-close {
    position: absolute;
    z-index: 20;
    right: -2rem;
    top: 0;
    color: #e51a29;
    font-size: 2rem;
    background: #fff;
    text-decoration: none
}

.account-form {
    width: 100%;
    max-width: 736px;
    margin: 0 auto;
    padding-top: 33px
}

.account-form .avatar {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 58px
}

.account-form .form-group {
    margin-bottom: 25px
}

.account-form .form-control {
    border-radius: 0;
    border: 1px solid #000;
    height: 40px
}

.order-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #000;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.order-item .order-content {
    width: 90%
}

.order-item .order-arrow {
    width: 10%
}

.order-item .order-arrow,
.order-item .order-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.order-item .order-status .order-number {
    font-size: 13px;
    color: #000;
    margin-bottom: 10px
}

.order-item .order-status .badge {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    height: 25px
}

.order-item .order-status .badge.bg-pending {
    background: #ffa24c
}

.order-item .order-status .badge.bg-delivered {
    background: #009000
}

.order-item .order-status .badge.bg-canceled {
    background: #e51a29
}

.order-item .order-title h5,
.order-store .store-info p.name {
    font-size: 13px;
    font-weight: 700
}

.order-item .order-date p {
    font-size: 14px;
    margin: 0
}

.order-item .order-date p i {
    margin-right: 12px
}

.order-item .order-price p {
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

.order-item .order-arrow {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.list-number {
    list-style-type: decimal
}

/*.modal-order-placed .modal-content {
    border-radius: 0
}*/

.modal-order-placed .modal-body {
    padding: 10%
}

.modal-order-placed .modal-body .success-icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 93px;
    height: 93px;
    border-radius: 100%;
    background: #efefef;
    color: #fff;
    margin: 0 auto 30px
}

.modal-order-placed .modal-body .success-icon i {
    padding: 10px;
    background: var(--main-bg-color);
    border-radius: 50%
}

.modal-order-placed .modal-body h2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 40px
}

.modal-order-placed .modal-body .success-icon,
.modal-order-placed .order-info-box,
.purchase-detail-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-order-placed .order-info-box {
    -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;
    border: 1px solid #B9B9BA;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.modal-order-placed .button,
.order-store .store-info {
    text-align: center
}

.modal-order-placed .button .btn-details {
    background: var(--main-bg-color);
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    border-radius: 5px
}

.purchase-detail h3 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px
}

.purchase-detail-heading {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px
}

.modal-order-placed .order-info-box p,
.order-numbre-date p {
    font-size: 13px;
    margin: 0
}

.order-numbre-date p:not(:last-child) {
    margin-bottom: 6px
}

.order-numbre-date p i {
    margin-right: 2px
}

.order-numbre-date p.date,
.order-store .store-info p.address {
    font-size: 12px;
    color: #8d8d8d
}

.order-store {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.order-store .store-info p,
.purchase-item p {
    margin: 0
}

.order-store .store-image {
    padding-left: 15px
}

.purchase-item .table td {
    padding: .3rem .5rem;
    border-color: #efefef
}

.purchase-item .table td:first-child {
    width: 17%
}

.purchase-item p.title {
    font-size: 12px;
    margin-top: 10px
}

.purchase-item p.quantity {
    font-size: 12px;
    color: #8d8d8d
}

.purchase-item p.price {
    font-size: 12px;
    font-weight: 700;
    color: #000
}

.purchase-item p.old-price {
    font-size: 10px;
    color: #8d8d8d;
    text-decoration: line-through
}

.purchase-amount .table td {
    font-size: 14px;
    color: #8d8d8d;
    text-align: right;
    border: 0
}

.purchase-amount .table .total td {
    font-size: 16px;
    font-weight: 700;
    color: #000
}

.purchase-info p {
    font-size: 14px;
    margin: 0
}

.steps-container {
    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;
    width: 100%;
    max-width: 802px;
    margin: 0 auto;
    padding: 50px 0
}

.steps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    color: #7a7777;
    height: 4rem
}

.steps>.step,
.steps>.step:before {
    text-align: center;
    position: relative
}

.steps>.step {
    display: table-cell;
    font-size: 11px;
    color: #6d6875
}

.steps>.step:before {
    content: attr(data-step);
    display: block;
    margin: 0 auto 7px;
    background: #cdcccc;
    color: #cdcccc;
    width: 15px;
    height: 15px;
    line-height: 1.9rem;
    border-radius: 100%;
    z-index: 1;
    font-weight: 700;
    font-size: 0
}

.steps>.step:after {
    content: "";
    position: absolute;
    display: block;
    background: #cdcccc;
    width: 100%;
    height: 1px;
    top: 8px;
    left: 50%
}

.steps>.step:last-child:after {
    display: none
}

.steps>.step.is-complete {
    color: #6d6875
}

.steps>.step.is-complete:before {
    content: "✓";
    color: var(--main-bg-color);
    background: var(--main-bg-color)
}

.steps>.step.is-complete:after {
    background: var(--main-bg-color)
}

.steps>.step.is-active:before {
    color: #fff;
    background: var(--main-bg-color)
}

.account-menu-toggler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4px 12px;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #000;
    width: 120px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px 0 0 15px
}

.account-menu-toggler.active,
.account-menu-toggler:hover {
    border-color: #e51a29
}

@media (min-width:576px) {
    .modal-order-placed .modal-dialog {
        max-width: 800px
    }
}

@media (min-width:768px) {
    .account-wrapper {
        padding: 15px 59px 10px
    }

    .account-menu {
        position: inherit
    }

    .account-menu .nav-link {
        font-size: 20px
    }

    .account-menu-toggler {
        display: none
    }

    .modal-order-placed .order-info-box {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (max-width:767px) {
    body {
        font-size: 14px
    }

    .as-btn {
        min-width: 134px
    }

    .sidemenu-wrapper {
        top: 90px
    }

    .sidemenu-wrapper .closeButton {
        display: none
    }

    .sidemenu-wrapper .sidemenu-content {
        padding-top: 30px
    }

    .section.hero {
        padding-bottom: 30px
    }

    .section.hero-partners .hero-title {
        margin-bottom: 54px
    }

    .section.hero-partners .btn {
        margin-bottom: 48px
    }

    .section.hero-partners .hero-image {
        margin-bottom: 10px
    }

    .section.hero-partners .hero-text {
        padding: 35px 0 0;
        margin-bottom: 30px
    }

    .section.methods .section-title {
        padding-top: 60px
    }

    .section.solutions .section-content {
        background-position: center
    }

    .section.works-partners .section-content {
        padding-top: 60px
    }

    .section.works-partners .section-title {
        margin-bottom: 54px
    }

    .hero-title {
        line-height: 3rem;
        padding: 0 20px
    }

    .hero-btn,
    .hero-title {
        margin-bottom: 25px
    }

    .hero-image img {
        width: 110% !important
    }

    .hero-text {
        padding-top: 35px
    }

    .hero-text h3 {
        margin-bottom: 28px
    }

    .section-title h2 {
        font-size: 22px
    }

    .block-box {
        padding-left: 15px;
        padding-right: 15px
    }

    .icon-box {
        margin-bottom: 18px
    }

    .icon-box .icon {
        width: 30%
    }

    .icon-box .text {
        width: 70%
    }

    .icon-box .text p,
    .solutions .text p {
        font-size: 16px
    }

    .section.methods .section-title {
        margin-bottom: 34px
    }

    .section.methods .button {
        padding-top: 20px
    }

    .section.faqs .section-title {
        padding: 39px 20px
    }

    .section.share-love .image {
        margin-bottom: 20px
    }

    .section.statistics .section-title {
        margin-bottom: 47px
    }

    .testimonial-carousel {
        padding-left: 0;
        padding-right: 0
    }

    .card-testimonial {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 26px 25px
    }

    .card-testimonial .card-header {
        width: 30%;
        text-align: center
    }

    .card-testimonial .card-body {
        width: 70%;
        padding-left: 20px
    }

    .card-testimonial .card-image {
        width: 70px;
        height: 70px;
        margin-bottom: 18px
    }

    .card-testimonial .card-subtitle,
    .card-testimonial .card-title {
        font-size: 14px
    }

    .card-testimonial .card-text,
    .content-box.gift-message .page-heading p,
    .statistics-content p {
        font-size: 16px;
        line-height: 1.2
    }

    .accordion-faqs {
        margin-bottom: 60px
    }

    .accordion-faqs .accordion-button,
    .share-love .share-text p {
        font-size: 16px
    }

    .accordion-faqs .accordion-body {
        font-size: 14px
    }

    .content .go-back,
    .content .go-edit {
        font-size: 16px
    }

    .create-account .content-logo {
        margin-bottom: 0
    }

    .create-account .image {
        margin-bottom: 10px
    }

    .create-account .image img {
        max-width: 214px
    }

    .create-account.partners .content-logo {
        margin-bottom: 12px
    }

    .create-account.partners .create-account-content .image {
        margin-bottom: 15px
    }

    .create-account-content h2,
    .page-heading h2 {
        font-size: 20px
    }

    .happy-message {
        padding: 0
    }

    .happy-message h3 {
        font-size: 16px;
        margin-bottom: 27px
    }

    .happy-message .image {
        margin-bottom: 32px
    }

    .happy-message .app-buttons {
        margin-bottom: 20px
    }

    .happy-message .text-divider {
        font-size: 16px
    }

    .happy-message .text-box {
        padding-top: 12px
    }

    .happy-message .text-box p {
        font-size: 18px
    }

    .happy-message .text-box .button {
        padding-top: 20px
    }

    .content-box {
        padding: 50px 0
    }

    .content-box.terms {
        padding: 50px 26px
    }

    .content-box.gift-message .page-heading {
        padding: 0 40px
    }

    .content-box.gift-message .page-heading h2 {
        margin-bottom: 45px
    }

    .content-box.gift-message .message-text p {
        font-size: 18px;
        margin-bottom: 28px
    }

    .create-account-form .form-box {
        max-width: 296px
    }

    .content-tabs .nav-tabs .nav-link {
        margin: 0 10px
    }

    .resources-card .card-header {
        padding: 30px 20px 10px
    }

    .resources-card .card-body {
        padding: 30px 32px
    }

    .resource-box {
        margin-bottom: 23px
    }

    .resource-box .text h4,
    .resource-box .text p {
        font-size: 16px
    }

    .resource-box .text h4 {
        margin-bottom: 10px
    }

    .resource-box .text p {
        line-height: 1.2
    }

    .statistics-content {
        padding: 0 24px 60px
    }

    .cloud-box {
        padding: 60px 0;
        margin-bottom: 50px;
        background-size: 25%
    }

    .cloud-box img {
        width: 140px
    }

    .validate-email-box .image {
        max-width: 77%;
        margin-bottom: 60px
    }

    .validate-email-box .text-box {
        padding: 0 30px
    }

    .work-with-us .work-content {
        padding: 41px 0
    }

    .work-with-us .work-content .image {
        margin-bottom: 44px
    }

    .work-with-us .work-content .text-box {
        padding: 0 20px
    }

    .work-with-us .work-content .text-box p {
        font-size: 16px;
        margin-bottom: 40px
    }

    .footer .footer-content {
        padding-left: 20px;
        padding-right: 20px
    }

    .footer .footer-logo-social {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-left: 0;
        border-top: 1px solid #387480;
        padding-left: 0;
        padding-top: 30px
    }
    
    /*.navbar-logo {
    	margin-left: 3rem;
    }*/
}

.shopping-cart .payment-methods .payment-item input[type="radio"]:not(.checkTarjeta):not(.check-visible) {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/*TARJETAS*/
.card-payment .card-item {
	display: table;
	width: 100%;
	/* position: relative; */
}

.card-payment .card-item .card-item-label {
	display: inline-block;
	width: calc(100% - 90px);
	/* position: relative; */
}

.card-payment .card-item .card-item-label label {
	width: 100%;
}

.card-payment .card-item .card-item-label img {
	height: 20px;
	margin-right: 5px;
}

.card-payment .card-item .actions-card {
	display: inline-block;
	text-align: right;
	width: 90px;
}

.card-payment .card-item .actions-card button {
	padding-top: 0;
	padding-bottom: 0;
}

.card-payment .card-item .card-item-check {
	display: inline-block;
	text-align: right;
	width: 40px;
}

.card-payment .card-item .card-item-check label:before,
.card-payment .card-item .card-item-check label:after {
	margin-top: -8px;
	left: 6px;
}

/*TARJETAS*/

#frm_libro_reclamaciones .form-group {
    margin-bottom: 1rem;
}


/*.carousel-vertical-products .product-image:not(:last-child) {
    border-bottom: 1px solid #000;
}
*/

.carousel-vertical-products .product-image {
	border-right: 1px solid rgb(230, 235, 241);
}

#frm_modal_register .form-group {
	margin-bottom: 1rem;
}

.navbar-nav .dropdown-menu {
	border: 1px solid #000;
	border-radius: 0;
}

.navbar-nav .dropdown-menu.cont_carrito {
	position: absolute;
}

.user-acount .dropdown-menu {
	position: absolute;
	.dropdown-item {
		font-weight: 500;
	}
	
	.dropdown-item-text {
		font-weight: 500;
    	font-size: 0.9rem;
	}
}

#menuOnMobile {
	.navbar-collapse {
		
		position: absolute;
	    background: rgb(255, 255, 255);
	    left: 0px;
	    right: 0px;
	    top: 2.84rem;
	    /*margin-top: 18px;*/
	    padding: 0;
	    height: calc(100vh - 65.2px);
	    overflow: auto;
	    
	    .navbar-nav {
	    	.nav-item:first {
	    		border-top: 1px solid rgb(230, 235, 241);
	    	}
	    }
	    
	    .nav-item {
	    	margin: 0;
	    	border-bottom: 1px solid rgb(230, 235, 241);
	    	
	    	.nav-link {
	    		padding: 0.5rem 1rem;
	    		font-weight: 500;
	    	}
	    }
	}
}

.carrito-container-canvas {
	/*border: 1px solid #000;*/
	
	.offcanvas-header {
		/*border: 1px solid #000;*/
		border-bottom: 0;
		padding: 0.5rem 1rem;
		
		.offcanvas-title {
			width: 100%;
		}
	}
	
	.offcanvas-body {
		/*border: 1px solid #000;*/
		border-bottom: 0;
		padding: 0;
		border-top: 1px solid rgb(230, 235, 241);
	}
	
	.offcanvas-footer {
		/*padding: 1rem;*/
		/*border: 1px solid #000;*/
		border-top: 1px solid rgb(230, 235, 241);
		
		.cart-total {
			padding: 1rem;
		}
	}
	
	.btn-close {
		opacity: 1;
	}
}

.offcanvas-backdrop.show {
	opacity: 0.2;
}


.shopping-list.cont_carrito {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.shopping-total .shopping-cart-button {
	padding: 1rem;
	/*border-top: 1px solid #000;*/
	border-top: 1px solid rgb(230, 235, 241);
}

.search-on-mobile .only-mobile .dropdown-menu{
	position: absolute;
}

/*# sourceMappingURL=style.min.css.map */