/*!
 * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    letter-spacing: 1px;
}

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

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

figcaption,
figure,
main {
    display: block;
}

figure {
    margin: 1em 40px;
}

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

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

    a:active,
    a:hover {
        outline-width: 0;
    }

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

b,
strong {
    font-weight: inherit;
}

b{
    font-weight: bolder;
}
strong {
    font-weight: 900;
}

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

dfn {
    font-style: italic;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

audio,
video {
    display: inline-block;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

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

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

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

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    -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"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

    [type="search"]::-webkit-search-cancel-button,
    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

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

details,
menu {
    display: block;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

@media print {
    *,
    *::before,
    *::after,
    p::first-letter,
    div::first-letter,
    blockquote::first-letter,
    li::first-letter,
    p::first-line,
    div::first-line,
    blockquote::first-line,
    li::first-line {
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #fff !important;
        }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*::before,
*::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

@-ms-viewport {
    width: device-width;
}

html {
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #292b2c;
    background-color: #fff;
}

[tabindex="-1"]:focus {
    outline: none !important;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

    ol ol,
    ul ul,
    ol ul,
    ul ol {
        margin-bottom: 0;
    }

dt {
    font-weight: bold;
}

dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

a {
    color: #000;
    text-decoration: none;
}

    a:focus, a:hover {
        /*color: black;*/
        text-decoration: underline;
    }

    a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none;
    }

        a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
            color: inherit;
            text-decoration: none;
        }

        a:not([href]):not([tabindex]):focus {
            outline: 0;
        }

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
}

[role="button"] {
    cursor: pointer;
}

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

table {
    border-collapse: collapse;
    background-color: transparent;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #636c72;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: left;
}

label {
    display: inline-flex;
    margin-bottom: .5rem;
}

/*button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }*/

input,
button,
select,
textarea {
    line-height: inherit;
}

    input[type="radio"]:disabled,
    input[type="checkbox"]:disabled {
        cursor: not-allowed;
    }

    input[type="date"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="month"] {
        -webkit-appearance: listbox;
    }

textarea {
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
}

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

output {
    display: inline-block;
}

[hidden] {
    display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

h1, .h1 {
    font-size: 2.5rem;
}

h2, .h2 {
    font-size: 2rem;
}

h3, .h3 {
    font-size: 1.75rem;
}

h4, .h4 {
    font-size: 1.5rem;
}

h5, .h5 {
    font-size: 1.25rem;
}

@media (max-width: 1500px) {
    h5, .h5 {
        font-size: 1rem;
    }
}

h6, .h6 {
    font-size: 1rem;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.1;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.1;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.1;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.1;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
    font-size: 80%;
    font-weight: normal;
}

mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

    .list-inline-item:not(:last-child) {
        margin-right: 5px;
    }

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.blockquote {
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    border-left: 0.25rem solid #eceeef;
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #636c72;
}

    .blockquote-footer::before {
        content: "\2014 \00A0";
    }

.blockquote-reverse {
    padding-right: 1rem;
    padding-left: 0;
    text-align: right;
    border-right: 0.25rem solid #eceeef;
    border-left: 0;
}

    .blockquote-reverse .blockquote-footer::before {
        content: "";
    }

    .blockquote-reverse .blockquote-footer::after {
        content: "\00A0 \2014";
    }

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}

.figure-caption {
    font-size: 90%;
    color: #636c72;
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

code {
    padding: 0.2rem 0.4rem;
    font-size: 90%;
    color: #bd4147;
    background-color: #f7f7f9;
}

a > code {
    padding: 0;
    color: inherit;
    background-color: inherit;
}

@media (min-width: 768px) {
    social-menu-desktop {
        margin-left: auto;
    }
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 90%;
    color: #fff;
    background-color: #292b2c;
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: bold;
    }

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 90%;
    color: #292b2c;
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        background-color: transparent;
        border-radius: 0;
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 768px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 992px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 1500px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 576px) {
    .container {
        /*width: 540px;*/
        max-width: 100%;
    }
}


@media (min-width: 992px) {
    .container {
        max-width: 100%;
    }
}

.container-fluid {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 768px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 40px;
    }
}

@media (min-width: 992px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 1500px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.Boton_Filtros {
    font-weight: 600 !important;
    letter-spacing: 1px;
    padding-right: 0 !important;
    font-size: 0.9em !important;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 576px) {
    .row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

.no-gutters, .header .options > .row, .header .mobile-menu .filters ul .options > .collapse-inner, .mobile-menu .filters ul .header .options > .collapse-inner, .header .mobile-filters .filters ul .options > .collapse-inner, .mobile-filters .filters ul .header .options > .collapse-inner, .mobile-menu .bottom .row, .mobile-menu .bottom .filters ul .collapse-inner, .mobile-menu .filters ul .bottom .collapse-inner, .mobile-filters .bottom .row, .mobile-filters .bottom .filters ul .collapse-inner, .mobile-filters .filters ul .bottom .collapse-inner, .section-filters > .desktop .row, .section-filters > .desktop .mobile-menu .filters ul .collapse-inner, .mobile-menu .filters ul .section-filters > .desktop .collapse-inner, .section-filters > .desktop .mobile-filters .filters ul .collapse-inner, .mobile-filters .filters ul .section-filters > .desktop .collapse-inner, .section-404 .row, .section-404 .mobile-menu .filters ul .collapse-inner, .mobile-menu .filters ul .section-404 .collapse-inner, .section-404 .mobile-filters .filters ul .collapse-inner, .mobile-filters .filters ul .section-404 .collapse-inner, .section-banners .row, .section-banners .mobile-menu .filters ul .collapse-inner, .mobile-menu .filters ul .section-banners .collapse-inner, .section-banners .mobile-filters .filters ul .collapse-inner, .mobile-filters .filters ul .section-banners .collapse-inner, .section-banners-mobile-home .row, .section-banners-mobile-home .mobile-menu .filters ul .collapse-inner, .mobile-menu .filters ul .section-banners-mobile-home .collapse-inner, .section-banners-mobile-home .mobile-filters .filters ul .collapse-inner, .mobile-filters .filters ul .section-banners-mobile-home .collapse-inner, .section-lookbook .row, .section-lookbook .mobile-menu .filters ul .collapse-inner, .mobile-menu .filters ul .section-lookbook .collapse-inner, .section-lookbook .mobile-filters .filters ul .collapse-inner, .mobile-filters .filters ul .section-lookbook .collapse-inner {
    margin-right: 0;
    margin-left: 0;
}

    .no-gutters > .col, .header .options > .row > .col, .header .mobile-menu .filters ul .options > .collapse-inner > .col, .mobile-menu .filters ul .header .options > .collapse-inner > .col, .header .mobile-filters .filters ul .options > .collapse-inner > .col, .mobile-filters .filters ul .header .options > .collapse-inner > .col, .mobile-menu .bottom .row > .col, .mobile-menu .bottom .filters ul .collapse-inner > .col, .mobile-menu .filters ul .bottom .collapse-inner > .col, .mobile-filters .bottom .row > .col, .mobile-filters .bottom .filters ul .collapse-inner > .col, .mobile-filters .filters ul .bottom .collapse-inner > .col, .section-filters > .desktop .row > .col, .section-filters > .desktop .mobile-menu .filters ul .collapse-inner > .col, .mobile-menu .filters ul .section-filters > .desktop .collapse-inner > .col, .section-filters > .desktop .mobile-filters .filters ul .collapse-inner > .col, .mobile-filters .filters ul .section-filters > .desktop .collapse-inner > .col, .section-404 .row > .col, .section-404 .mobile-menu .filters ul .collapse-inner > .col, .mobile-menu .filters ul .section-404 .collapse-inner > .col, .section-404 .mobile-filters .filters ul .collapse-inner > .col, .mobile-filters .filters ul .section-404 .collapse-inner > .col, .section-banners .row > .col, .section-banners .mobile-menu .filters ul .collapse-inner > .col, .mobile-menu .filters ul .section-banners .collapse-inner > .col, .section-banners .mobile-filters .filters ul .collapse-inner > .col, .mobile-filters .filters ul .section-banners .collapse-inner > .col, .section-banners-mobile-home .row > .col, .section-banners-mobile-home .mobile-menu .filters ul .collapse-inner > .col, .mobile-menu .filters ul .section-banners-mobile-home .collapse-inner > .col, .section-banners-mobile-home .mobile-filters .filters ul .collapse-inner > .col, .mobile-filters .filters ul .section-banners-mobile-home .collapse-inner > .col, .section-lookbook .row > .col, .section-lookbook .mobile-menu .filters ul .collapse-inner > .col, .mobile-menu .filters ul .section-lookbook .collapse-inner > .col, .section-lookbook .mobile-filters .filters ul .collapse-inner > .col, .mobile-filters .filters ul .section-lookbook .collapse-inner > .col,
    .no-gutters > [class*="col-"], .header .options > .row > [class*="col-"], .header .mobile-menu .filters ul .options > .collapse-inner > [class*="col-"], .mobile-menu .filters ul .header .options > .collapse-inner > [class*="col-"], .header .mobile-filters .filters ul .options > .collapse-inner > [class*="col-"], .mobile-filters .filters ul .header .options > .collapse-inner > [class*="col-"], .mobile-menu .bottom .row > [class*="col-"], .mobile-menu .bottom .filters ul .collapse-inner > [class*="col-"], .mobile-menu .filters ul .bottom .collapse-inner > [class*="col-"], .mobile-filters .bottom .row > [class*="col-"], .mobile-filters .bottom .filters ul .collapse-inner > [class*="col-"], .mobile-filters .filters ul .bottom .collapse-inner > [class*="col-"], .section-filters > .desktop .row > [class*="col-"], .section-filters > .desktop .mobile-menu .filters ul .collapse-inner > [class*="col-"], .mobile-menu .filters ul .section-filters > .desktop .collapse-inner > [class*="col-"], .section-filters > .desktop .mobile-filters .filters ul .collapse-inner > [class*="col-"], .mobile-filters .filters ul .section-filters > .desktop .collapse-inner > [class*="col-"], .section-404 .row > [class*="col-"], .section-404 .mobile-menu .filters ul .collapse-inner > [class*="col-"], .mobile-menu .filters ul .section-404 .collapse-inner > [class*="col-"], .section-404 .mobile-filters .filters ul .collapse-inner > [class*="col-"], .mobile-filters .filters ul .section-404 .collapse-inner > [class*="col-"], .section-banners .row > [class*="col-"], .section-banners .mobile-menu .filters ul .collapse-inner > [class*="col-"], .mobile-menu .filters ul .section-banners .collapse-inner > [class*="col-"], .section-banners .mobile-filters .filters ul .collapse-inner > [class*="col-"], .mobile-filters .filters ul .section-banners .collapse-inner > [class*="col-"], .section-banners-mobile-home .row > [class*="col-"], .section-banners-mobile-home .mobile-menu .filters ul .collapse-inner > [class*="col-"], .mobile-menu .filters ul .section-banners-mobile-home .collapse-inner > [class*="col-"], .section-banners-mobile-home .mobile-filters .filters ul .collapse-inner > [class*="col-"], .mobile-filters .filters ul .section-banners-mobile-home .collapse-inner > [class*="col-"], .section-lookbook .row > [class*="col-"], .section-lookbook .mobile-menu .filters ul .collapse-inner > [class*="col-"], .mobile-menu .filters ul .section-lookbook .collapse-inner > [class*="col-"], .section-lookbook .mobile-filters .filters ul .collapse-inner > [class*="col-"], .mobile-filters .filters ul .section-lookbook .collapse-inner > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

.col-1, .col-1-5, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .mobile-filters .custom-control, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-4-banners, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {
    .col-1, .col-1-5, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .mobile-filters .custom-control, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-4-banners, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 768px) {
    .col-1, .col-1-5, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .mobile-filters .custom-control, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-4-banners, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 992px) {
    .col-1, .col-1-5, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .mobile-filters .custom-control, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-4-banners, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 1500px) {
    .col-1, .col-1-5, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .mobile-filters .custom-control, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-4-banners, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.col-1-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.33333%;
    flex: 0 0 12.33333%;
    max-width: 12.33333%;
}

@media (max-width: 998px) {
    .col-1-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.33333%;
        flex: 0 0 16.33333%;
        max-width: 16.33333%;
    }
}


.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.col-5-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 38%;
    flex: 0 0 38%;
    max-width: 38%;
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

@media (min-width:768px) {
    .col-6-listado {
        -webkit-box-flex: 0;
        flex: 0 0 33%;
        max-width: 33.3333%;
    }

    .container-listado {
        width: 100%;
    }
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
/*.mobile-filters .custom-control {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}*/

.pull-0 {
    right: auto;
}

.pull-1 {
    right: 8.33333%;
}

.pull-2 {
    right: 16.66667%;
}

.pull-3 {
    right: 25%;
}

.pull-4 {
    right: 33.33333%;
}

.pull-5 {
    right: 41.66667%;
}

.pull-6 {
    right: 50%;
}

.pull-7 {
    right: 58.33333%;
}

.pull-8 {
    right: 66.66667%;
}

.pull-9 {
    right: 75%;
}

.pull-10 {
    right: 83.33333%;
}

.pull-11 {
    right: 91.66667%;
}

.pull-12 {
    right: 100%;
}

.push-0 {
    left: auto;
}

.push-1 {
    left: 8.33333%;
}

.push-2 {
    left: 16.66667%;
}

.push-3 {
    left: 25%;
}

.push-4 {
    left: 33.33333%;
}

.push-5 {
    left: 41.66667%;
}

.push-6 {
    left: 50%;
}

.push-7 {
    left: 58.33333%;
}

.push-8 {
    left: 66.66667%;
}

.push-9 {
    left: 75%;
}

.push-10 {
    left: 83.33333%;
}

.push-11 {
    left: 91.66667%;
}

.push-12 {
    left: 100%;
}

.offset-1 {
    margin-left: 8.33333%;
}

.offset-2 {
    margin-left: 16.66667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333%;
}

.offset-5 {
    margin-left: 41.66667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333%;
}

.offset-8 {
    margin-left: 66.66667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333%;
}

.offset-11 {
    margin-left: 91.66667%;
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pull-sm-0 {
        right: auto;
    }

    .pull-sm-1 {
        right: 8.33333%;
    }

    .pull-sm-2 {
        right: 16.66667%;
    }

    .pull-sm-3 {
        right: 25%;
    }

    .pull-sm-4 {
        right: 33.33333%;
    }

    .pull-sm-5 {
        right: 41.66667%;
    }

    .pull-sm-6 {
        right: 50%;
    }

    .pull-sm-7 {
        right: 58.33333%;
    }

    .pull-sm-8 {
        right: 66.66667%;
    }

    .pull-sm-9 {
        right: 75%;
    }

    .pull-sm-10 {
        right: 83.33333%;
    }

    .pull-sm-11 {
        right: 91.66667%;
    }

    .pull-sm-12 {
        right: 100%;
    }

    .push-sm-0 {
        left: auto;
    }

    .push-sm-1 {
        left: 8.33333%;
    }

    .push-sm-2 {
        left: 16.66667%;
    }

    .push-sm-3 {
        left: 25%;
    }

    .push-sm-4 {
        left: 33.33333%;
    }

    .push-sm-5 {
        left: 41.66667%;
    }

    .push-sm-6 {
        left: 50%;
    }

    .push-sm-7 {
        left: 58.33333%;
    }

    .push-sm-8 {
        left: 66.66667%;
    }

    .push-sm-9 {
        left: 75%;
    }

    .push-sm-10 {
        left: 83.33333%;
    }

    .push-sm-11 {
        left: 91.66667%;
    }

    .push-sm-12 {
        left: 100%;
    }

    .offset-sm-0 {
        margin-left: 0%;
    }

    .offset-sm-1 {
        margin-left: 8.33333%;
    }

    .offset-sm-2 {
        margin-left: 16.66667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.33333%;
    }

    .offset-sm-5 {
        margin-left: 41.66667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.33333%;
    }

    .offset-sm-8 {
        margin-left: 66.66667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.33333%;
    }

    .offset-sm-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 768px) {
    .col-5-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-md-4-banners {
        -webkit-box-flex: 0;
        flex: 0 0 32.6666%;
        max-width: 32.6666%;
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pull-md-0 {
        right: auto;
    }

    .pull-md-1 {
        right: 8.33333%;
    }

    .pull-md-2 {
        right: 16.66667%;
    }

    .pull-md-3 {
        right: 25%;
    }

    .pull-md-4 {
        right: 33.33333%;
    }

    .pull-md-5 {
        right: 41.66667%;
    }

    .pull-md-6 {
        right: 50%;
    }

    .pull-md-7 {
        right: 58.33333%;
    }

    .pull-md-8 {
        right: 66.66667%;
    }

    .pull-md-9 {
        right: 75%;
    }

    .pull-md-10 {
        right: 83.33333%;
    }

    .pull-md-11 {
        right: 91.66667%;
    }

    .pull-md-12 {
        right: 100%;
    }

    .push-md-0 {
        left: auto;
    }

    .push-md-1 {
        left: 8.33333%;
    }

    .push-md-2 {
        left: 16.66667%;
    }

    .push-md-3 {
        left: 25%;
    }

    .push-md-4 {
        left: 33.33333%;
    }

    .push-md-5 {
        left: 41.66667%;
    }

    .push-md-6 {
        left: 50%;
    }

    .push-md-7 {
        left: 58.33333%;
    }

    .push-md-8 {
        left: 66.66667%;
    }

    .push-md-9 {
        left: 75%;
    }

    .push-md-10 {
        left: 83.33333%;
    }

    .push-md-11 {
        left: 91.66667%;
    }

    .push-md-12 {
        left: 100%;
    }

    .offset-md-0 {
        margin-left: 0%;
    }

    .offset-md-1 {
        margin-left: 8.33333%;
    }

    .offset-md-2 {
        margin-left: 16.66667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.33333%;
    }

    .offset-md-5 {
        margin-left: 41.66667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.33333%;
    }

    .offset-md-8 {
        margin-left: 66.66667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.33333%;
    }

    .offset-md-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 800px) {
    .col-5-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 26%;
        max-width: 26%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pull-lg-0 {
        right: auto;
    }

    .pull-lg-1 {
        right: 8.33333%;
    }

    .pull-lg-2 {
        right: 16.66667%;
    }

    .pull-lg-3 {
        right: 25%;
    }

    .pull-lg-4 {
        right: 33.33333%;
    }

    .pull-lg-5 {
        right: 41.66667%;
    }

    .pull-lg-6 {
        right: 50%;
    }

    .pull-lg-7 {
        right: 58.33333%;
    }

    .pull-lg-8 {
        right: 66.66667%;
    }

    .pull-lg-9 {
        right: 75%;
    }

    .pull-lg-10 {
        right: 83.33333%;
    }

    .pull-lg-11 {
        right: 91.66667%;
    }

    .pull-lg-12 {
        right: 100%;
    }

    .push-lg-0 {
        left: auto;
    }

    .push-lg-1 {
        left: 8.33333%;
    }

    .push-lg-2 {
        left: 16.66667%;
    }

    .push-lg-3 {
        left: 25%;
    }

    .push-lg-4 {
        left: 33.33333%;
    }

    .push-lg-5 {
        left: 41.66667%;
    }

    .push-lg-6 {
        left: 50%;
    }

    .push-lg-7 {
        left: 58.33333%;
    }

    .push-lg-8 {
        left: 66.66667%;
    }

    .push-lg-9 {
        left: 75%;
    }

    .push-lg-10 {
        left: 83.33333%;
    }

    .push-lg-11 {
        left: 91.66667%;
    }

    .push-lg-12 {
        left: 100%;
    }

    .offset-lg-0 {
        margin-left: 0%;
    }

    .offset-lg-1 {
        margin-left: 8.33333%;
    }

    .offset-lg-2 {
        margin-left: 16.66667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.33333%;
    }

    .offset-lg-5 {
        margin-left: 41.66667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.33333%;
    }

    .offset-lg-8 {
        margin-left: 66.66667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.33333%;
    }

    .offset-lg-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width:768px) {

    .col-lg-3-listado {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width:1024px) {
    .col-lg-4-listado {
        -webkit-box-flex: 0;
        /*-ms-flex: 0 0 33.33333%;*/
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 1200px) {
    .col-5-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 46%;
        flex: 0 0 46%;
        max-width: 46%;
    }

    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pull-xl-0 {
        right: auto;
    }

    .pull-xl-1 {
        right: 8.33333%;
    }

    .pull-xl-2 {
        right: 16.66667%;
    }

    .pull-xl-3 {
        right: 25%;
    }

    .pull-xl-4 {
        right: 33.33333%;
    }

    .pull-xl-5 {
        right: 41.66667%;
    }

    .pull-xl-6 {
        right: 50%;
    }

    .pull-xl-7 {
        right: 58.33333%;
    }

    .pull-xl-8 {
        right: 66.66667%;
    }

    .pull-xl-9 {
        right: 75%;
    }

    .pull-xl-10 {
        right: 83.33333%;
    }

    .pull-xl-11 {
        right: 91.66667%;
    }

    .pull-xl-12 {
        right: 100%;
    }

    .push-xl-0 {
        left: auto;
    }

    .push-xl-1 {
        left: 8.33333%;
    }

    .push-xl-2 {
        left: 16.66667%;
    }

    .push-xl-3 {
        left: 25%;
    }

    .push-xl-4 {
        left: 33.33333%;
    }

    .push-xl-5 {
        left: 41.66667%;
    }

    .push-xl-6 {
        left: 50%;
    }

    .push-xl-7 {
        left: 58.33333%;
    }

    .push-xl-8 {
        left: 66.66667%;
    }

    .push-xl-9 {
        left: 75%;
    }

    .push-xl-10 {
        left: 83.33333%;
    }

    .push-xl-11 {
        left: 91.66667%;
    }

    .push-xl-12 {
        left: 100%;
    }

    .offset-xl-0 {
        margin-left: 0%;
    }

    .offset-xl-1 {
        margin-left: 8.33333% !important;
    }

    .offset-xl-2 {
        margin-left: 16.66667% !important;
    }

    .offset-xl-3 {
        margin-left: 25% !important;
    }

    .offset-xl-4 {
        margin-left: 33.33333% !important;
    }

    .offset-xl-5 {
        margin-left: 41.66667% !important;
    }

    .offset-xl-6 {
        margin-left: 50% !important;
    }

    .offset-xl-7 {
        margin-left: 58.33333% !important;
    }

    .offset-xl-8 {
        margin-left: 66.66667% !important;
    }

    .offset-xl-9 {
        margin-left: 75% !important;
    }

    .offset-xl-10 {
        margin-left: 83.33333% !important;
    }

    .offset-xl-11 {
        margin-left: 91.66667% !important;
    }
}

@media (min-width: 1300px) {
    .col-5-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}

@media (min-width: 1400px) {
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
        max-width: 25%;
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
        max-width: 50%;
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
        max-width: 75%;
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
    }

    .offset-xxl-0 {
        margin-left: 0 !important;
    }

    .offset-xxl-1 {
        margin-left: 8.33333333% !important;
    }

    .offset-xxl-2 {
        margin-left: 16.66666667% !important;
    }

    .offset-xxl-3 {
        margin-left: 25% !important;
    }

    .offset-xxl-4 {
        margin-left: 33.33333333% !important;
    }

    .offset-xxl-5 {
        margin-left: 41.66666667% !important;
    }

    .offset-xxl-6 {
        margin-left: 50% !important;
    }

    .offset-xxl-7 {
        margin-left: 58.33333333% !important;
    }

    .offset-xxl-8 {
        margin-left: 66.66666667% !important;
    }

    .offset-xxl-9 {
        margin-left: 75% !important;
    }

    .offset-xxl-10 {
        margin-left: 83.33333333% !important;
    }

    .offset-xxl-11 {
        margin-left: 91.66666667% !important;
    }

    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0;
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0;
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem;
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem;
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem;
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 1800px) {
    .col-5-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        max-width: 48%;
    }
}



.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
}

    .table th,
    .table td {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #eceeef;
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #eceeef;
    }

    .table tbody + tbody {
        border-top: 2px solid #eceeef;
    }

    .table .table {
        background-color: #fff;
    }

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid #eceeef;
}

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #eceeef;
    }

    .table-bordered thead th,
    .table-bordered thead td {
        border-bottom-width: 2px;
    }

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-active,
.table-active > th,
.table-active > td {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

    .table-hover .table-active:hover > td,
    .table-hover .table-active:hover > th {
        background-color: rgba(0, 0, 0, 0.075);
    }

.table-success,
.table-success > th,
.table-success > td {
    background-color: #dff0d8;
}

.table-hover .table-success:hover {
    background-color: #d0e9c6;
}

    .table-hover .table-success:hover > td,
    .table-hover .table-success:hover > th {
        background-color: #d0e9c6;
    }

.table-info,
.table-info > th,
.table-info > td {
    background-color: #d9edf7;
}

.table-hover .table-info:hover {
    background-color: #c4e3f3;
}

    .table-hover .table-info:hover > td,
    .table-hover .table-info:hover > th {
        background-color: #c4e3f3;
    }

.table-warning,
.table-warning > th,
.table-warning > td {
    background-color: #fcf8e3;
}

.table-hover .table-warning:hover {
    background-color: #faf2cc;
}

    .table-hover .table-warning:hover > td,
    .table-hover .table-warning:hover > th {
        background-color: #faf2cc;
    }

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #f2dede;
}

.table-hover .table-danger:hover {
    background-color: #ebcccc;
}

    .table-hover .table-danger:hover > td,
    .table-hover .table-danger:hover > th {
        background-color: #ebcccc;
    }

.thead-inverse th {
    color: #fff;
    background-color: #292b2c;
}

.thead-default th {
    color: #464a4c;
    background-color: #eceeef;
}

.table-inverse {
    color: #fff;
    background-color: #292b2c;
}

    .table-inverse th,
    .table-inverse td,
    .table-inverse thead th {
        border-color: #fff;
    }

    .table-inverse.table-bordered {
        border: 0;
    }

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

    .table-responsive.table-bordered {
        border: 0;
    }

.form-control {
    display: block;
    width: 100%;
    /*padding: 0.5rem 0.75rem;*/
    font-size: 0.9rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #fff;
    border-radius: 0;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0;
    }

    .form-control:focus {
        color: #464a4c;
        background-color: #fff;
        border-color: #404040;
        outline: none;
    }

    .form-control::-webkit-input-placeholder {
        color: #808080;
        opacity: 1;
    }

    .form-control::-moz-placeholder {
        color: #808080;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #808080;
        opacity: 1;
    }

    .form-control::placeholder {
        color: #808080;
        opacity: 1;
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #eceeef;
        opacity: 1;
    }

    .form-control:disabled {
        cursor: not-allowed;
    }

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px);
}

select.form-control:focus::-ms-value {
    color: #464a4c;
    background-color: #fff;
}

.form-control-file,
.form-control-range {
    display: block;
}

.col-form-label {
    padding-top: calc(0.5rem - 1px * 2);
    padding-bottom: calc(0.5rem - 1px * 2);
    margin-bottom: 0;
}

.col-form-label-lg {
    padding-top: calc(0.75rem - 1px * 2);
    padding-bottom: calc(0.75rem - 1px * 2);
    font-size: 1.25rem;
}

.col-form-label-sm {
    padding-top: calc(0.25rem - 1px * 2);
    padding-bottom: calc(0.25rem - 1px * 2);
    font-size: 0.875rem;
}

.col-form-legend {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0;
    font-size: 1rem;
}

.form-control-static {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0;
    line-height: 1.25;
    border: solid transparent;
    border-width: 1px 0;
}

    .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control,
    .input-group-sm > .form-control-static.input-group-addon,
    .input-group-sm > .input-group-btn > .form-control-static.btn,
    .input-group-sm > .input-group-btn > a.form-control-static.reset-filters, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,
    .input-group-lg > .form-control-static.input-group-addon,
    .input-group-lg > .input-group-btn > .form-control-static.btn,
    .input-group-lg > .input-group-btn > a.form-control-static.reset-filters {
        padding-right: 0;
        padding-left: 0;
    }

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn,
.input-group-sm > .input-group-btn > a.reset-filters {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {
    height: 1.8125rem;
}

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn,
.input-group-lg > .input-group-btn > a.reset-filters {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
}

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
    height: 3.16667rem;
}

.form-group, .form .form-check, .form-steps .form-check {
    margin-bottom: 1rem;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.form-check {
    position: relative;
    display: block;
    margin-bottom: 0.5rem;
}

    .form-check.disabled .form-check-label {
        color: #636c72;
        cursor: not-allowed;
    }

.form-check-label {
    padding-left: 1.25rem;
    margin-bottom: 0;
    cursor: pointer;
}

.form-check-input {
    position: absolute;
    margin-top: 0.25rem;
    margin-left: -1.25rem;
}

    .form-check-input:only-child {
        position: static;
    }

.form-check-inline {
    display: inline-block;
}

    .form-check-inline .form-check-label {
        vertical-align: middle;
    }

    .form-check-inline + .form-check-inline {
        margin-left: 0.75rem;
    }

.form-control-feedback {
    margin-top: 0.25rem;
    line-height: 1rem;
    margin-bottom: 17px;
    text-align: center;
    font-style: italic;
}

.form-control-success,
.form-control-warning,
.form-control-danger {
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right 0.5625rem;
    background-size: 1.125rem 1.125rem;
}

.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .col-form-label,
.has-success .form-check-label,
.has-success .custom-control {
    color: #5cb85c;
}

.has-success .form-control {
    border-color: #5cb85c;
}

.has-success .input-group-addon {
    color: #5cb85c;
    border-color: #5cb85c;
    background-color: #eaf6ea;
}

.has-success .form-control-success {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}

.has-warning .form-control-feedback,
.has-warning .form-control-label,
.has-warning .col-form-label,
.has-warning .form-check-label,
.has-warning .custom-control {
    color: #f0ad4e;
}

.has-warning .form-control {
    border-color: #f0ad4e;
}

.has-warning .input-group-addon {
    color: #f0ad4e;
    border-color: #f0ad4e;
    background-color: white;
}

.has-warning .form-control-warning {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E");
}

.has-danger .form-control-feedback,
.has-danger .form-control-label,
.has-danger .col-form-label,
.has-danger .form-check-label,
.has-danger .custom-control {
    color: #d9534f;
}

.has-danger .form-control {
    border-color: #d9534f;
}

.has-danger .input-group-addon {
    color: #d9534f;
    border-color: #d9534f;
    background-color: #fdf7f7;
}

.has-danger .form-control-danger {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}

.form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .form-inline .form-check {
        width: 100%;
    }

@media (min-width: 576px) {
    .form-inline label {
        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;
        margin-bottom: 0;
    }

    .form-inline .form-group, .form-inline .form .form-check, .form .form-inline .form-check, .form-inline .form-steps .form-check, .form-steps .form-inline .form-check {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-static {
        display: inline-block;
    }

    .form-inline .input-group {
        width: auto;
    }

    .form-inline .form-control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-check {
        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: auto;
        margin-top: 0;
        margin-bottom: 0;
    }

    .form-inline .form-check-label {
        padding-left: 0;
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }

    .form-inline .custom-control {
        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-left: 0;
    }

    .form-inline .custom-control-indicator {
        position: static;
        display: inline-block;
        margin-right: 0.25rem;
        vertical-align: text-bottom;
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.btn, a.reset-filters {
    display: inline-block;
    font-weight: normal;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.5rem 0.4rem;
    font-size: 1rem;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .btn:focus, a.reset-filters:focus, .btn:hover, a.reset-filters:hover {
        text-decoration: none;
    }

    .btn:focus, a.reset-filters:focus, .btn.focus, a.focus.reset-filters {
        outline: 0;
        -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25);
    }

    .btn.disabled, a.disabled.reset-filters, .btn:disabled, a.reset-filters:disabled {
        cursor: not-allowed;
        opacity: .65;
    }

    .btn:active, a.reset-filters:active, .btn.active, a.active.reset-filters {
        background-image: none;
    }

a.btn.disabled, a.disabled.reset-filters,
fieldset[disabled] a.btn,
fieldset[disabled] a.reset-filters {
    pointer-events: none;
}

.btn-showpassword {
    color: #000;
    background-color: #ffffff;
    border-color: #bababa7d;
}

    .btn-showpassword:hover {
        color: #000;
        background-color: #f1f3f4;
        border-color: black;
    }

    .btn-showpassword:focus, .btn-showpassword.focus {
        -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5);
    }

    .btn-showpassword.disabled, .btn-showpassword:disabled {
        background-color: #000;
        border-color: #000;
    }

    .btn-showpassword:active, .btn-showpassword.active,
    .show > .showpassword.dropdown-toggle, .no-modal-backdrop .support-modal-backdrop > .btn-showpassword.dropdown-toggle {
        color: #fff;
        /*background-color: black;*/
        background-image: none;
        border-color: black;
    }

.btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

    .btn-primary:hover {
        color: #fff;
        background-color: black;
        border-color: black;
    }

    .btn-primary:focus, .btn-primary.focus {
        -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        background-color: #000;
        border-color: #000;
    }

    .btn-primary:active, .btn-primary.active,
    .show > .btn-primary.dropdown-toggle, .no-modal-backdrop .support-modal-backdrop > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: black;
        background-image: none;
        border-color: black;
    }

.btn-secondary {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #e6e6e6;
        border-color: #e0e0e0;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        background-color: #fff;
        border-color: #fff;
    }

    .btn-secondary:active, .btn-secondary.active,
    .show > .btn-secondary.dropdown-toggle, .no-modal-backdrop .support-modal-backdrop > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #e6e6e6;
        background-image: none;
        border-color: #e0e0e0;
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de;
}

    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #2aabd2;
    }

    .btn-info:focus, .btn-info.focus {
        -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
        box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
    }

    .btn-info.disabled, .btn-info:disabled {
        background-color: #5bc0de;
        border-color: #5bc0de;
    }

    .btn-info:active, .btn-info.active,
    .show > .btn-info.dropdown-toggle, .no-modal-backdrop .support-modal-backdrop > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #31b0d5;
        background-image: none;
        border-color: #2aabd2;
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
}

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #419641;
    }

    .btn-success:focus, .btn-success.focus {
        -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
        box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
    }

    .btn-success.disabled, .btn-success:disabled {
        background-color: #5cb85c;
        border-color: #5cb85c;
    }

    .btn-success:active, .btn-success.active,
    .show > .btn-success.dropdown-toggle, .no-modal-backdrop .support-modal-backdrop > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #449d44;
        background-image: none;
        border-color: #419641;
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #eb9316;
    }

    .btn-warning:focus, .btn-warning.focus {
        -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
        box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
    }

    .btn-warning.disabled, .btn-warning:disabled {
        background-color: #f0ad4e;
        border-color: #f0ad4e;
    }

    .btn-warning:active, .btn-warning.active,
    .show > .btn-warning.dropdown-toggle, .no-modal-backdrop .support-modal-backdrop > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #ec971f;
        background-image: none;
        border-color: #eb9316;
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
}

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #c12e2a;
    }

    .btn-danger:focus, .btn-danger.focus {
        -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
        box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
    }

    .btn-danger.disabled, .btn-danger:disabled {
        background-color: #d9534f;
        border-color: #d9534f;
    }

    .btn-danger:active, .btn-danger.active,
    .show > .btn-danger.dropdown-toggle, .no-modal-backdrop .support-modal-backdrop > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #c9302c;
        background-image: none;
        border-color: #c12e2a;
    }

.btn-outline-primary {
    color: #000;
    background-image: none;
    background-color: transparent;
    border-color: #000;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #000;
        background-color: transparent;
    }

    .btn-outline-primary:active, .btn-outline-primary.active,
    .show > .btn-outline-primary.dropdown-toggle, .no-modal-backdrop .support-modal-backdrop > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

.btn-outline-secondary {
    color: #fff;
    background-image: none;
    background-color: transparent;
    border-color: #fff;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #fff;
        background-color: transparent;
    }

    .btn-outline-secondary:active, .btn-outline-secondary.active,
    .show > .btn-outline-secondary.dropdown-toggle, .no-modal-backdrop .support-modal-backdrop > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #fff;
        border-color: #fff;
    }

.btn-outline-info {
    color: #5bc0de;
    background-image: none;
    background-color: transparent;
    border-color: #5bc0de;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #5bc0de;
        border-color: #5bc0de;
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
        box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #5bc0de;
        background-color: transparent;
    }

    .btn-outline-info:active, .btn-outline-info.active,
    .show > .btn-outline-info.dropdown-toggle, .no-modal-backdrop .support-modal-backdrop > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #5bc0de;
        border-color: #5bc0de;
    }

.btn-outline-success {
    color: #5cb85c;
    background-image: none;
    background-color: transparent;
    border-color: #5cb85c;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #5cb85c;
        border-color: #5cb85c;
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
        box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #5cb85c;
        background-color: transparent;
    }

    .btn-outline-success:active, .btn-outline-success.active,
    .show > .btn-outline-success.dropdown-toggle, .no-modal-backdrop .support-modal-backdrop > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #5cb85c;
        border-color: #5cb85c;
    }

.btn-outline-warning {
    color: #f0ad4e;
    background-image: none;
    background-color: transparent;
    border-color: #f0ad4e;
}

    .btn-outline-warning:hover {
        color: #fff;
        background-color: #f0ad4e;
        border-color: #f0ad4e;
    }

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
        box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #f0ad4e;
        background-color: transparent;
    }

    .btn-outline-warning:active, .btn-outline-warning.active,
    .show > .btn-outline-warning.dropdown-toggle, .no-modal-backdrop .support-modal-backdrop > .btn-outline-warning.dropdown-toggle {
        color: #fff;
        background-color: #f0ad4e;
        border-color: #f0ad4e;
    }

.btn-outline-danger {
    color: #d9534f;
    background-image: none;
    background-color: transparent;
    border-color: #d9534f;
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #d9534f;
        border-color: #d9534f;
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
        box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #d9534f;
        background-color: transparent;
    }

    .btn-outline-danger:active, .btn-outline-danger.active,
    .show > .btn-outline-danger.dropdown-toggle, .no-modal-backdrop .support-modal-backdrop > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #d9534f;
        border-color: #d9534f;
    }

.btn-link {
    font-weight: normal;
    color: #000;
    border-radius: 0;
}

    .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
        background-color: transparent;
    }

        .btn-link, .btn-link:focus, .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover {
                border-color: transparent;
            }

            .btn-link:focus, .btn-link:hover {
                color: black;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link:disabled {
                color: #636c72;
            }

                .btn-link:disabled:focus, .btn-link:disabled:hover {
                    text-decoration: none;
                }

.btn-lg, .btn-group-lg > .btn, .btn-group-lg > a.reset-filters {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
}

.btn-sm, .btn-group-sm > .btn, .btn-group-sm > a.reset-filters {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 0.5rem;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

    .fade.show, .no-modal-backdrop .fade.support-modal-backdrop {
        opacity: 1;
    }

.collapse {
    display: none !important;
}

    .collapse.show, .no-modal-backdrop .collapse.support-modal-backdrop {
        display: block !important;
    }

tr.collapse.show, .no-modal-backdrop tr.collapse.support-modal-backdrop {
    display: table-row;
}

tbody.collapse.show, .no-modal-backdrop tbody.collapse.support-modal-backdrop {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: -0.3em;
    vertical-align: middle;
    content: "";
    background-image: url("../img/iconos/down-arrow.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 10px auto;
    /*border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent; */
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropup .dropdown-toggle::after {
    border-top: 0;
    /*border-bottom: 0.3em solid;*/
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #292b2c;
    text-align: left;
    list-style: none;
    /*background-color: #f7f7f7;*/
    background-color: white;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.dropdown-divider {
    height: 1px;
    margin: 0.5rem 0;
    overflow: hidden;
    background-color: #dddddd;
}

.dropdown-item, .bootstrap-select .dropdown-menu.inner > li > a {
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: normal;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    border: 0;
}

    .dropdown-item:focus, .bootstrap-select .dropdown-menu.inner > li > a:focus, .dropdown-item:hover, .bootstrap-select .dropdown-menu.inner > li > a:hover {
        color: #1d1e1f;
        text-decoration: none;
        background-color: #f7f7f9;
    }

    .dropdown-item.active, .bootstrap-select .dropdown-menu.inner > li > a.active, .dropdown-item:active, .bootstrap-select .dropdown-menu.inner > li > a:active {
        color: #fff;
        text-decoration: none;
        background-color: #000;
    }

    .dropdown-item.disabled, .bootstrap-select .dropdown-menu.inner > li > a.disabled, .dropdown-item:disabled, .bootstrap-select .dropdown-menu.inner > li > a:disabled {
        color: #636c72;
        cursor: not-allowed;
        background-color: transparent;
    }

.show > .dropdown-menu, .no-modal-backdrop .support-modal-backdrop > .dropdown-menu {
    display: block;
}

.show > a, .no-modal-backdrop .support-modal-backdrop > a {
    outline: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #636c72;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 0.125rem;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    font-size: 0.75rem;
    font-weight: 400 !important;
}

    .btn-group > .btn, .btn-group > a.reset-filters,
    .btn-group-vertical > .btn,
    .btn-group-vertical > a.reset-filters {
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

        .btn-group > .btn:hover, .btn-group > a.reset-filters:hover,
        .btn-group-vertical > .btn:hover,
        .btn-group-vertical > a.reset-filters:hover {
            z-index: 2;
        }

        .btn-group > .btn:focus, .btn-group > a.reset-filters:focus, .btn-group > .btn:active, .btn-group > a.reset-filters:active, .btn-group > .btn.active, .btn-group > a.active.reset-filters,
        .btn-group-vertical > .btn:focus,
        .btn-group-vertical > a.reset-filters:focus,
        .btn-group-vertical > .btn:active,
        .btn-group-vertical > a.reset-filters:active,
        .btn-group-vertical > .btn.active,
        .btn-group-vertical > a.active.reset-filters {
            z-index: 2;
        }

    .btn-group .btn + .btn, .btn-group a.reset-filters + .btn, .btn-group .btn + a.reset-filters, .btn-group a.reset-filters + a.reset-filters,
    .btn-group .btn + .btn-group,
    .btn-group a.reset-filters + .btn-group,
    .btn-group .btn-group + .btn,
    .btn-group .btn-group + a.reset-filters,
    .btn-group .btn-group + .btn-group,
    .btn-group-vertical .btn + .btn,
    .btn-group-vertical a.reset-filters + .btn,
    .btn-group-vertical .btn + a.reset-filters,
    .btn-group-vertical a.reset-filters + a.reset-filters,
    .btn-group-vertical .btn + .btn-group,
    .btn-group-vertical a.reset-filters + .btn-group,
    .btn-group-vertical .btn-group + .btn,
    .btn-group-vertical .btn-group + a.reset-filters,
    .btn-group-vertical .btn-group + .btn-group {
        margin-left: -1px;
    }

.btn-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .btn-toolbar .input-group {
        width: auto;
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group > a.reset-filters:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .btn:first-child, .btn-group > a.reset-filters:first-child {
    margin-left: 0;
}

.btn-group > .btn-group {
    float: left;
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group > .btn-group:not(:first-child):not(:last-child) > a.reset-filters {
        border-radius: 0;
    }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn + .dropdown-toggle-split, a.reset-filters + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

    .btn + .dropdown-toggle-split::after, a.reset-filters + .dropdown-toggle-split::after {
        margin-left: 0;
    }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .btn-group-sm > a.reset-filters + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .btn-group-lg > a.reset-filters + .dropdown-toggle-split {
    padding-right: 1.125rem;
    padding-left: 1.125rem;
}

.btn-group-vertical {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .btn-group-vertical .btn, .btn-group-vertical a.reset-filters,
    .btn-group-vertical .btn-group {
        width: 100%;
    }

    .btn-group-vertical > .btn + .btn, .btn-group-vertical > a.reset-filters + .btn, .btn-group-vertical > .btn + a.reset-filters, .btn-group-vertical > a.reset-filters + a.reset-filters,
    .btn-group-vertical > .btn + .btn-group,
    .btn-group-vertical > a.reset-filters + .btn-group,
    .btn-group-vertical > .btn-group + .btn,
    .btn-group-vertical > .btn-group + a.reset-filters,
    .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child), .btn-group-vertical > a.reset-filters:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > a.reset-filters {
        border-radius: 0;
    }

[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > a.reset-filters input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > a.reset-filters input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > a.reset-filters input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > a.reset-filters input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

    .input-group .form-control {
        position: relative;
        z-index: 2;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0;
    }

        .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
            z-index: 3;
        }

    .input-group-addon,
    .input-group-btn,
    .input-group .form-control {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

.input-group-addon,
.input-group-btn {
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.25;
    color: #464a4c;
    text-align: center;
    background-color: #eceeef;
    border: 1px solid #fff;
}

    .input-group-addon.form-control-sm,
    .input-group-sm > .input-group-addon,
    .input-group-sm > .input-group-btn > .input-group-addon.btn,
    .input-group-sm > .input-group-btn > a.input-group-addon.reset-filters {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
    }

    .input-group-addon.form-control-lg,
    .input-group-lg > .input-group-addon,
    .input-group-lg > .input-group-btn > .input-group-addon.btn,
    .input-group-lg > .input-group-btn > a.input-group-addon.reset-filters {
        padding: 0.75rem 1.5rem;
        font-size: 1.25rem;
    }

    .input-group-addon input[type="radio"],
    .input-group-addon input[type="checkbox"] {
        margin-top: 0;
    }

    .input-group-addon:not(:last-child) {
        border-right: 0;
    }

.form-control + .input-group-addon:not(:first-child) {
    border-left: 0;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

    .input-group-btn > .btn, .input-group-btn > a.reset-filters {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .input-group-btn > .btn + .btn, .input-group-btn > a.reset-filters + .btn, .input-group-btn > .btn + a.reset-filters, .input-group-btn > a.reset-filters + a.reset-filters {
            margin-left: -1px;
        }

        .input-group-btn > .btn:focus, .input-group-btn > a.reset-filters:focus, .input-group-btn > .btn:active, .input-group-btn > a.reset-filters:active, .input-group-btn > .btn:hover, .input-group-btn > a.reset-filters:hover {
            z-index: 3;
        }

    .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > a.reset-filters,
    .input-group-btn:not(:last-child) > .btn-group {
        margin-right: -1px;
    }

    .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > a.reset-filters,
    .input-group-btn:not(:first-child) > .btn-group {
        z-index: 2;
        margin-left: -1px;
    }

        .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > a.reset-filters:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > a.reset-filters:active, .input-group-btn:not(:first-child) > .btn:hover, .input-group-btn:not(:first-child) > a.reset-filters:hover,
        .input-group-btn:not(:first-child) > .btn-group:focus,
        .input-group-btn:not(:first-child) > .btn-group:active,
        .input-group-btn:not(:first-child) > .btn-group:hover {
            z-index: 3;
        }

.custom-control {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    /*margin-right: 1rem;*/
    cursor: pointer;
    width: 100px;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

    .custom-control-input:checked ~ .custom-control-indicator {
        color: #000000;
    }

    .custom-control-input:focus ~ .custom-control-indicator {
        -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
    }

    .custom-control-input:active ~ .custom-control-indicator {
        color: #fff;
        background-color: silver;
    }

    .custom-control-input:disabled ~ .custom-control-indicator {
        cursor: not-allowed;
        background-color: #eceeef;
    }

    .custom-control-input:disabled ~ .custom-control-description {
        color: #636c72;
        cursor: not-allowed;
    }

.custom-control-indicator {
    position: absolute;
    top: 0.25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #d9d9d99e;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23000000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
    background-color: #000;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23000000' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-indicator {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23000000'/%3E%3C/svg%3E");
}

.custom-controls-stacked {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .custom-controls-stacked .custom-control {
        margin-bottom: 0.25rem;
    }

        .custom-controls-stacked .custom-control + .custom-control {
            margin-left: 0;
        }

.custom-select {
    display: inline-block;
    max-width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    line-height: 1.25;
    color: #464a4c;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 8px 10px;
    border: 1px solid #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
}

    .custom-select:focus {
        border-color: #404040;
        outline: none;
    }

        .custom-select:focus::-ms-value {
            color: #464a4c;
            background-color: #fff;
        }

    .custom-select:disabled {
        color: #636c72;
        cursor: not-allowed;
        background-color: #eceeef;
    }

    .custom-select::-ms-expand {
        opacity: 0;
    }

.custom-select-sm {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 75%;
}

.custom-file {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 2.5rem;
    margin-bottom: 0;
    cursor: pointer;
}

.custom-file-input {
    min-width: 14rem;
    max-width: 100%;
    height: 2.5rem;
    margin: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}

.custom-file-control {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.5rem;
    padding: 0.5rem 1rem;
    line-height: 1.5;
    color: #464a4c;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid #fff;
}

    .custom-file-control:lang(en)::after {
        content: "Choose file...";
    }

    .custom-file-control::before {
        position: absolute;
        top: -1px;
        right: -1px;
        bottom: -1px;
        z-index: 6;
        display: block;
        height: 2.5rem;
        padding: 0.5rem 1rem;
        line-height: 1.5;
        color: #464a4c;
        background-color: #eceeef;
        border: 1px solid #fff;
    }

    .custom-file-control:lang(en)::before {
        content: "Browse";
    }

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    align-items: flex-start;
}

.nav-link {
    display: block;
    padding: 0em 1em;
}

    .nav-link:focus, .nav-link:hover {
        text-decoration: none;
    }

    .nav-link.disabled {
        color: #636c72;
        cursor: not-allowed;
    }

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

    .nav-tabs .nav-item {
        margin-bottom: -1px;
    }

    .nav-tabs .nav-link {
        border: 1px solid transparent;
    }

        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
            border-color: #eceeef #eceeef #ddd;
        }

        .nav-tabs .nav-link.disabled {
            color: #636c72;
            background-color: transparent;
            border-color: transparent;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link,
        .nav-tabs .no-modal-backdrop .nav-item.support-modal-backdrop .nav-link, .no-modal-backdrop
        .nav-tabs .nav-item.support-modal-backdrop .nav-link {
            color: #464a4c;
            background-color: #fff;
            border-color: #ddd #ddd #fff;
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
    }

.nav-pills .nav-link.active,
.nav-pills .nav-item.show .nav-link,
.nav-pills .no-modal-backdrop .nav-item.support-modal-backdrop .nav-link, .no-modal-backdrop
.nav-pills .nav-item.support-modal-backdrop .nav-link {
    color: #fff;
    cursor: default;
    background-color: #000;
}

.nav-fill .nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    text-align: center;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0.5rem 1rem;
}

.navbar-brand {
    display: inline-block;
    padding-top: .25rem;
    padding-bottom: .25rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none;
    }

.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }

.navbar-text {
    display: inline-block;
    padding-top: .425rem;
    padding-bottom: .425rem;
}

.navbar-toggler {
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background: transparent;
    border: 1px solid transparent;
}

    .navbar-toggler:focus, .navbar-toggler:hover {
        text-decoration: none;
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

.navbar-toggler-left {
    position: absolute;
    left: 1rem;
}

.navbar-toggler-right {
    position: absolute;
    right: 1rem;
}

@media (max-width: 575px) {
    .navbar-toggleable .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

    .navbar-toggleable > .container {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .navbar-toggleable {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .navbar-toggleable .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .navbar-toggleable .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-toggleable > .container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .navbar-toggleable .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            width: 100%;
        }

        .navbar-toggleable .navbar-toggler {
            display: none;
        }
}

@media (max-width: 767px) {
    .navbar-toggleable-sm .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

    .navbar-toggleable-sm > .container {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .navbar-toggleable-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .navbar-toggleable-sm .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .navbar-toggleable-sm .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-toggleable-sm > .container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .navbar-toggleable-sm .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            width: 100%;
        }

        .navbar-toggleable-sm .navbar-toggler {
            display: none;
        }
}

@media (max-width: 991px) {
    .navbar-toggleable-md .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

    .navbar-toggleable-md > .container {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .navbar-toggleable-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .navbar-toggleable-md .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .navbar-toggleable-md .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-toggleable-md > .container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .navbar-toggleable-md .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            width: 100%;
        }

        .navbar-toggleable-md .navbar-toggler {
            display: none;
        }
}

@media (max-width: 1499px) {
    .navbar-toggleable-lg .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

    .navbar-toggleable-lg > .container {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1500px) {
    .navbar-toggleable-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .navbar-toggleable-lg .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .navbar-toggleable-lg .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-toggleable-lg > .container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .navbar-toggleable-lg .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            width: 100%;
        }

        .navbar-toggleable-lg .navbar-toggler {
            display: none;
        }
}

.navbar-toggleable-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .navbar-toggleable-xl .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

    .navbar-toggleable-xl > .container {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-toggleable-xl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .navbar-toggleable-xl .navbar-nav .nav-link {
            padding-right: .5rem;
            padding-left: .5rem;
        }

    .navbar-toggleable-xl > .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .navbar-toggleable-xl .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%;
    }

    .navbar-toggleable-xl .navbar-toggler {
        display: none;
    }

.navbar-light .navbar-brand,
.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.9);
}

    .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover,
    .navbar-light .navbar-toggler:focus,
    .navbar-light .navbar-toggler:hover {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0, 0, 0, 0.7);
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, 0.3);
    }

    .navbar-light .navbar-nav .open > .nav-link,
    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.open,
    .navbar-light .navbar-nav .nav-link.active {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-light .navbar-toggler {
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-toggler {
    color: white;
}

    .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover,
    .navbar-inverse .navbar-toggler:focus,
    .navbar-inverse .navbar-toggler:hover {
        color: white;
    }

.navbar-inverse .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

    .navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
        color: rgba(255, 255, 255, 0.75);
    }

    .navbar-inverse .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.25);
    }

    .navbar-inverse .navbar-nav .open > .nav-link,
    .navbar-inverse .navbar-nav .active > .nav-link,
    .navbar-inverse .navbar-nav .nav-link.open,
    .navbar-inverse .navbar-nav .nav-link.active {
        color: white;
    }

.navbar-inverse .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-inverse .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-inverse .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.card-block {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f7f7f9;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: #f7f7f9;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-primary {
    background-color: #000;
    border-color: #000;
}

    .card-primary .card-header,
    .card-primary .card-footer {
        background-color: transparent;
    }

.card-success {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

    .card-success .card-header,
    .card-success .card-footer {
        background-color: transparent;
    }

.card-info {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

    .card-info .card-header,
    .card-info .card-footer {
        background-color: transparent;
    }

.card-warning {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

    .card-warning .card-header,
    .card-warning .card-footer {
        background-color: transparent;
    }

.card-danger {
    background-color: #d9534f;
    border-color: #d9534f;
}

    .card-danger .card-header,
    .card-danger .card-footer {
        background-color: transparent;
    }

.card-outline-primary {
    background-color: transparent;
    border-color: #000;
}

.card-outline-secondary {
    background-color: transparent;
    border-color: #fff;
}

.card-outline-info {
    background-color: transparent;
    border-color: #5bc0de;
}

.card-outline-success {
    background-color: transparent;
    border-color: #5cb85c;
}

.card-outline-warning {
    background-color: transparent;
    border-color: #f0ad4e;
}

.card-outline-danger {
    background-color: transparent;
    border-color: #d9534f;
}

.card-inverse {
    color: rgba(255, 255, 255, 0.65);
}

    .card-inverse .card-header,
    .card-inverse .card-footer {
        background-color: transparent;
        border-color: rgba(255, 255, 255, 0.2);
    }

    .card-inverse .card-header,
    .card-inverse .card-footer,
    .card-inverse .card-title,
    .card-inverse .card-blockquote {
        color: #fff;
    }

        .card-inverse .card-link,
        .card-inverse .card-text,
        .card-inverse .card-subtitle,
        .card-inverse .card-blockquote .blockquote-footer {
            color: rgba(255, 255, 255, 0.65);
        }

            .card-inverse .card-link:focus, .card-inverse .card-link:hover {
                color: #fff;
            }

.card-blockquote {
    padding: 0;
    margin-bottom: 0;
    border-left: 0;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

@media (min-width: 576px) {
    .card-deck {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

        .card-deck .card {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
            -ms-flex: 1 0 0px;
            flex: 1 0 0;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .card-deck .card:not(:first-child) {
                margin-left: 15px;
            }

            .card-deck .card:not(:last-child) {
                margin-right: 15px;
            }
}

@media (min-width: 576px) {
    .card-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

        .card-group .card {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 0px;
            flex: 1 0 0;
        }

            .card-group .card + .card {
                margin-left: 0;
                border-left: 0;
            }
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }

        .card-columns .card {
            display: inline-block;
            width: 100%;
            margin-bottom: 0.75rem;
        }
}

.breadcrumb {
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #eceeef;
}

    .breadcrumb::after {
        display: block;
        content: "";
        clear: both;
    }

.breadcrumb-item {
    float: left;
}

    .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
        color: #636c72;
        content: "/";
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: underline;
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: none;
    }

    .breadcrumb-item.active {
        color: #636c72;
    }

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
}

.page-item:first-child .page-link {
    margin-left: 0;
}

.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.page-item.disabled .page-link {
    color: #636c72;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #000;
    background-color: #fff;
    border: 1px solid #ddd;
}

    .page-link:focus, .page-link:hover {
        color: black;
        text-decoration: none;
        background-color: #eceeef;
        border-color: #ddd;
    }

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.badge {
    display: inline-block;
    font-size: 0.72rem;
    line-height: 1;
    color: black;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

    .badge:empty {
        display: none;
    }

.btn .badge, a.reset-filters .badge {
    position: relative;
    top: -1px;
}

a.badge:focus, a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.badge-pill {
    padding-right: 0.1em;
    padding-left: 0.1em;
}

.badge-default {
    background-color: #636c72;
}

    .badge-default[href]:focus, .badge-default[href]:hover {
        background-color: #4b5257;
    }

.badge-primary {
    background-color: #000;
}

    .badge-primary[href]:focus, .badge-primary[href]:hover {
        background-color: black;
    }

.badge-success {
    background-color: #5cb85c;
}

    .badge-success[href]:focus, .badge-success[href]:hover {
        background-color: #449d44;
    }

.badge-info {
    background-color: #5bc0de;
}

    .badge-info[href]:focus, .badge-info[href]:hover {
        background-color: #31b0d5;
    }

.badge-warning {
    background-color: #f0ad4e;
}

    .badge-warning[href]:focus, .badge-warning[href]:hover {
        background-color: #ec971f;
    }

.badge-danger {
    background-color: #d9534f;
}

    .badge-danger[href]:focus, .badge-danger[href]:hover {
        background-color: #c9302c;
    }

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #eceeef;
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}

.jumbotron-hr {
    border-top-color: #d0d5d8;
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
}

.alert {
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: bold;
}

.alert-dismissible .close {
    position: relative;
    top: -0.75rem;
    right: -1.25rem;
    padding: 0.75rem 1.25rem;
    color: inherit;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d;
}

    .alert-success hr {
        border-top-color: #c1e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f;
}

    .alert-info hr {
        border-top-color: #a6d5ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b;
}

    .alert-warning hr {
        border-top-color: #f7ecb5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
}

    .alert-danger hr {
        border-top-color: #e4b9b9;
    }

    .alert-danger .alert-link {
        color: #843534;
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: center;
    background-color: #eceeef;
}

.progress-bar {
    height: 1rem;
    color: #fff;
    background-color: #000;
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

.list-group-item-action {
    width: 100%;
    color: #464a4c;
    text-align: inherit;
}

    .list-group-item-action .list-group-item-heading {
        color: #292b2c;
    }

    .list-group-item-action:focus, .list-group-item-action:hover {
        color: #464a4c;
        text-decoration: none;
        background-color: #f7f7f9;
    }

    .list-group-item-action:active {
        color: #292b2c;
        background-color: #eceeef;
    }

.list-group-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

    .list-group-item:last-child {
        margin-bottom: 0;
    }

    .list-group-item:focus, .list-group-item:hover {
        text-decoration: none;
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: #636c72;
        cursor: not-allowed;
        background-color: #fff;
    }

        .list-group-item.disabled .list-group-item-heading, .list-group-item:disabled .list-group-item-heading {
            color: inherit;
        }

        .list-group-item.disabled .list-group-item-text, .list-group-item:disabled .list-group-item-text {
            color: #636c72;
        }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

        .list-group-item.active .list-group-item-heading,
        .list-group-item.active .list-group-item-heading > small,
        .list-group-item.active .list-group-item-heading > .small {
            color: inherit;
        }

        .list-group-item.active .list-group-item-text {
            color: gray;
        }

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0;
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
    color: #3c763d;
}

    a.list-group-item-success .list-group-item-heading,
    button.list-group-item-success .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-success:focus, a.list-group-item-success:hover,
    button.list-group-item-success:focus,
    button.list-group-item-success:hover {
        color: #3c763d;
        background-color: #d0e9c6;
    }

    a.list-group-item-success.active,
    button.list-group-item-success.active {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d;
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
    color: #31708f;
}

    a.list-group-item-info .list-group-item-heading,
    button.list-group-item-info .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-info:focus, a.list-group-item-info:hover,
    button.list-group-item-info:focus,
    button.list-group-item-info:hover {
        color: #31708f;
        background-color: #c4e3f3;
    }

    a.list-group-item-info.active,
    button.list-group-item-info.active {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f;
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #8a6d3b;
}

    a.list-group-item-warning .list-group-item-heading,
    button.list-group-item-warning .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-warning:focus, a.list-group-item-warning:hover,
    button.list-group-item-warning:focus,
    button.list-group-item-warning:hover {
        color: #8a6d3b;
        background-color: #faf2cc;
    }

    a.list-group-item-warning.active,
    button.list-group-item-warning.active {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b;
    }

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #a94442;
}

    a.list-group-item-danger .list-group-item-heading,
    button.list-group-item-danger .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-danger:focus, a.list-group-item-danger:hover,
    button.list-group-item-danger:focus,
    button.list-group-item-danger:hover {
        color: #a94442;
        background-color: #ebcccc;
    }

    a.list-group-item-danger.active,
    button.list-group-item-danger.active {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442;
    }

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive::before {
        display: block;
        content: "";
    }

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-21by9::before {
    padding-top: 42.85714%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

.close {
    float: right;
    font-size: 1.3rem;
    margin-right: 20px;
    margin-bottom: 15px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

    .close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .75;
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    margin-top: 10px;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100050;
    display: none;
    overflow: hidden;
    outline: 0;
    background-color: rgb(227 227 227 / 81%);
}

    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform 0.3s ease-out;
        transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
        -webkit-transform: translate(0, -25%);
        transform: translate(0, -25%);
    }

    .modal.show .modal-dialog, .no-modal-backdrop .modal.support-modal-backdrop .modal-dialog {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 999999;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 21px;
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop, .no-modal-backdrop .support-modal-backdrop {
    /*position: fixed;*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade, .no-modal-backdrop .fade.support-modal-backdrop {
        opacity: 0;
    }

    .modal-backdrop.show, .no-modal-backdrop .support-modal-backdrop {
        opacity: 0.7;
    }

.modal-header {
    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: 15px;
    border-bottom: 1px solid #eceeef;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    /*padding: 15px;*/
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 15px;
    border-top: 1px solid #eceeef;
}

    .modal-footer > :not(:first-child) {
        margin-left: .25rem;
    }

    .modal-footer > :not(:last-child) {
        margin-right: .25rem;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 30px auto;
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 900px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}

    .tooltip.show, .no-modal-backdrop .tooltip.support-modal-backdrop {
        opacity: 0.9;
    }

    .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
        padding: 5px 0;
        margin-top: -3px;
    }

        .tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
            bottom: 0;
            left: 50%;
            margin-left: -5px;
            content: "";
            border-width: 5px 5px 0;
            border-top-color: #000;
        }

    .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
        padding: 0 5px;
        margin-left: 3px;
    }

        .tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before {
            top: 50%;
            left: 0;
            margin-top: -5px;
            content: "";
            border-width: 5px 5px 5px 0;
            border-right-color: #000;
        }

    .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
        padding: 5px 0;
        margin-top: 3px;
    }

        .tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before {
            top: 0;
            left: 50%;
            margin-left: -5px;
            content: "";
            border-width: 0 5px 5px;
            border-bottom-color: #000;
        }

    .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
        padding: 0 5px;
        margin-left: -3px;
    }

        .tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before {
            top: 50%;
            right: 0;
            margin-top: -5px;
            content: "";
            border-width: 5px 0 5px 5px;
            border-left-color: #000;
        }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
}

    .tooltip-inner::before {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    padding: 1px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

    .popover.popover-top, .popover.bs-tether-element-attached-bottom {
        margin-top: -10px;
    }

        .popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after {
            left: 50%;
            border-bottom-width: 0;
        }

        .popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before {
            bottom: -11px;
            margin-left: -11px;
            border-top-color: rgba(0, 0, 0, 0.25);
        }

        .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after {
            bottom: -10px;
            margin-left: -10px;
            border-top-color: #fff;
        }

    .popover.popover-right, .popover.bs-tether-element-attached-left {
        margin-left: 10px;
    }

        .popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after {
            top: 50%;
            border-left-width: 0;
        }

        .popover.popover-right::before, .popover.bs-tether-element-attached-left::before {
            left: -11px;
            margin-top: -11px;
            border-right-color: rgba(0, 0, 0, 0.25);
        }

        .popover.popover-right::after, .popover.bs-tether-element-attached-left::after {
            left: -10px;
            margin-top: -10px;
            border-right-color: #fff;
        }

    .popover.popover-bottom, .popover.bs-tether-element-attached-top {
        margin-top: 10px;
    }

        .popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after {
            left: 50%;
            border-top-width: 0;
        }

        .popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before {
            top: -11px;
            margin-left: -11px;
            border-bottom-color: rgba(0, 0, 0, 0.25);
        }

        .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after {
            top: -10px;
            margin-left: -10px;
            border-bottom-color: #f7f7f7;
        }

        .popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before {
            position: absolute;
            top: 0;
            left: 50%;
            display: block;
            width: 20px;
            margin-left: -10px;
            content: "";
            border-bottom: 1px solid #f7f7f7;
        }

    .popover.popover-left, .popover.bs-tether-element-attached-right {
        margin-left: -10px;
    }

        .popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after {
            top: 50%;
            border-right-width: 0;
        }

        .popover.popover-left::before, .popover.bs-tether-element-attached-right::before {
            right: -11px;
            margin-top: -11px;
            border-left-color: rgba(0, 0, 0, 0.25);
        }

        .popover.popover-left::after, .popover.bs-tether-element-attached-right::after {
            right: -10px;
            margin-top: -10px;
            border-left-color: #fff;
        }

.popover-title {
    padding: 8px 14px;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
}

    .popover-title:empty {
        display: none;
    }

.popover-content {
    padding: 9px 14px;
}

.popover::before,
.popover::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover::before {
    content: "";
    border-width: 11px;
}

.popover::after {
    content: "";
    border-width: 10px;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-item {
    position: relative;
    display: none;
    width: 100%;
}

@media (-webkit-transform-3d) {
    .carousel-item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        transition: -webkit-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }
}

@supports ((-webkit-transform: translate3d(0, 0, 0)) or (transform: translate3d(0, 0, 0))) {
    .carousel-item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        transition: -webkit-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0;
}

@media (-webkit-transform-3d) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-item-next,
    .active.carousel-item-right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    .carousel-item-prev,
    .active.carousel-item-left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@supports ((-webkit-transform: translate3d(0, 0, 0)) or (transform: translate3d(0, 0, 0))) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-item-next,
    .active.carousel-item-right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    .carousel-item-prev,
    .active.carousel-item-left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    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: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}

    .carousel-control-prev:focus, .carousel-control-prev:hover,
    .carousel-control-next:focus,
    .carousel-control-next:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9;
    }

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

    .carousel-indicators li {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        max-width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: rgba(255, 255, 255, 0.5);
    }

        .carousel-indicators li::before {
            position: absolute;
            top: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: "";
        }

        .carousel-indicators li::after {
            position: absolute;
            bottom: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: "";
        }

    .carousel-indicators .active {
        background-color: #fff;
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.bg-faded {
    background-color: #f7f7f7;
}

.bg-primary {
    background-color: #000 !important;
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: black !important;
}

.bg-success {
    background-color: #5cb85c !important;
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #449d44 !important;
}

.bg-info {
    background-color: #5bc0de !important;
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #31b0d5 !important;
}

.bg-warning {
    background-color: #f0ad4e !important;
}

a.bg-warning:focus, a.bg-warning:hover {
    background-color: #ec971f !important;
}

.bg-danger {
    background-color: #d9534f !important;
}

a.bg-danger:focus, a.bg-danger:hover {
    background-color: #c9302c !important;
}

.bg-inverse {
    background-color: #292b2c !important;
}

a.bg-inverse:focus, a.bg-inverse:hover {
    background-color: #101112 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.rounded-circle {
    border-radius: 50%;
}

.rounded-0 {
    border-radius: 0;
}

.clearfix::after {
    display: block;
    content: "";
    clear: both;
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex, .header .options [class*="col"], .header .content-search [class*="container"] > form, .mobile-menu .bottom [class*="col"], .mobile-filters .bottom [class*="col"], .section-filters .tags, .product.quick-buy .image-quick-buy-content .quick-buy-description .talla-content .talla-list {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}


.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1500px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

.flex-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.flex-last {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.flex-unordered {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column, .mobile-menu .bottom [class*="col"], .mobile-filters .bottom [class*="col"] {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap, .section-filters .tags {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap, .header .content-search [class*="container"] > form, .product.quick-buy .image-quick-buy-content .quick-buy-description .talla-content .talla-list, .section-product-detail .product-description .talla-content .talla-list, .modal-product-detail .product-description .talla-content .talla-list {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center, .mobile-menu .bottom [class*="col"], .mobile-filters .bottom [class*="col"], .section-filters .tags, .product.quick-buy .image-quick-buy-content .quick-buy-description .talla-content .talla-list {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between, .modal-product-detail .product-description .talla-content .talla-list {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    /*justify-content: space-between !important;*/
    justify-content: center;
    font-weight: 500;
}
.section-product-detail .product-description .talla-content .talla-list {
    justify-content: center;
    font-weight: 500;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
    grid-gap: 0.5em;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center, .header .options [class*="col"], .mobile-menu .bottom [class*="col"], .mobile-filters .bottom [class*="col"] {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch, .header .content-search [class*="container"] > form {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .flex-sm-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .flex-sm-unordered {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .flex-md-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .flex-md-unordered {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-md-start, .header .header-menu {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        height: 100%;
        width: 15%;
    }

        .justify-content-md-end, .header .header-menu.last {
            -webkit-box-pack: end !important;
            -ms-flex-pack: end !important;
            justify-content: flex-end !important;
            padding-right: 10px;
            width: auto;
            /*width:26%;*/
        }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .flex-lg-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .flex-lg-unordered {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 1500px) {
    .flex-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .flex-xl-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .flex-xl-unordered {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }

    .float-lg-right {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1500px) {
    .float-xl-left {
        float: left !important;
    }

    .float-xl-right {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1030;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

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

.mt-0 {
    margin-top: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

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

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.m-1 {
    margin: 0.25rem 0.25rem !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mr-1 {
    margin-right: 0.25rem !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1 {
    margin-left: 0.25rem !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem 0.5rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.m-3 {
    margin: 1rem 1rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.m-4 {
    margin: 1.5rem 1.5rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.m-5 {
    margin: 3rem 3rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

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

.pt-0 {
    padding-top: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

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

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.p-1 {
    padding: 0.25rem 0.25rem !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pr-1 {
    padding-right: 0.25rem !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1 {
    padding-left: 0.25rem !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem 0.5rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pr-2 {
    padding-right: 0.5rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2 {
    padding-left: 0.5rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.p-3 {
    padding: 1rem 1rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.p-4 {
    padding: 1.5rem 1.5rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.p-5 {
    padding: 3rem 3rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ml-auto {
    margin-left: auto !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 0 !important;
    }

    .mt-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0 {
        margin-left: 0 !important;
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem 0.25rem !important;
    }

    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1 {
        margin-left: 0.25rem !important;
    }

    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem 0.5rem !important;
    }

    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2 {
        margin-left: 0.5rem !important;
    }

    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem 1rem !important;
    }

    .mt-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3 {
        margin-left: 1rem !important;
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem 1.5rem !important;
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4 {
        margin-left: 1.5rem !important;
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem 3rem !important;
    }

    .mt-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5 {
        margin-left: 3rem !important;
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .p-sm-0 {
        padding: 0 0 !important;
    }

    .pt-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0 {
        padding-left: 0 !important;
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem 0.25rem !important;
    }

    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1 {
        padding-left: 0.25rem !important;
    }

    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem 0.5rem !important;
    }

    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2 {
        padding-left: 0.5rem !important;
    }

    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem 1rem !important;
    }

    .pt-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3 {
        padding-left: 1rem !important;
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem 1.5rem !important;
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4 {
        padding-left: 1.5rem !important;
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem 3rem !important;
    }

    .pt-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5 {
        padding-left: 3rem !important;
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto {
        margin-left: auto !important;
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 0 !important;
    }

    .mt-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0 {
        margin-left: 0 !important;
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem 0.25rem !important;
    }

    .mt-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1 {
        margin-left: 0.25rem !important;
    }

    .mx-md-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem 0.5rem !important;
    }

    .mt-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2 {
        margin-left: 0.5rem !important;
    }

    .mx-md-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem 1rem !important;
    }

    .mt-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3 {
        margin-left: 1rem !important;
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem 1.5rem !important;
    }

    .mt-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4 {
        margin-left: 1.5rem !important;
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem 3rem !important;
    }

    .mt-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5 {
        margin-left: 3rem !important;
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .p-md-0 {
        padding: 0 0 !important;
    }

    .pt-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0 {
        padding-left: 0 !important;
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem 0.25rem !important;
    }

    .pt-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1 {
        padding-left: 0.25rem !important;
    }

    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem 0.5rem !important;
    }

    .pt-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2 {
        padding-left: 0.5rem !important;
    }

    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem 1rem !important;
    }

    .pt-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3 {
        padding-left: 1rem !important;
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem 1.5rem !important;
    }

    .pt-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4 {
        padding-left: 1.5rem !important;
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem 3rem !important;
    }

    .pt-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5 {
        padding-left: 3rem !important;
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto {
        margin-left: auto !important;
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 0 !important;
    }

    .mt-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0 {
        margin-left: 0 !important;
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem 0.25rem !important;
    }

    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1 {
        margin-left: 0.25rem !important;
    }

    .mx-lg-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem 0.5rem !important;
    }

    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2 {
        margin-left: 0.5rem !important;
    }

    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem 1rem !important;
    }

    .mt-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3 {
        margin-left: 1rem !important;
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem 1.5rem !important;
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4 {
        margin-left: 1.5rem !important;
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem 3rem !important;
    }

    .mt-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5 {
        margin-left: 3rem !important;
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .p-lg-0 {
        padding: 0 0 !important;
    }

    .pt-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0 {
        padding-left: 0 !important;
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem 0.25rem !important;
    }

    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1 {
        padding-left: 0.25rem !important;
    }

    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem 0.5rem !important;
    }

    .pt-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2 {
        padding-left: 0.5rem !important;
    }

    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem 1rem !important;
    }

    .pt-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3 {
        padding-left: 1rem !important;
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem 1.5rem !important;
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4 {
        padding-left: 1.5rem !important;
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem 3rem !important;
    }

    .pt-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5 {
        padding-left: 3rem !important;
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto {
        margin-left: auto !important;
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

@media (min-width: 1500px) {
    .m-xl-0 {
        margin: 0 0 !important;
    }

    .mt-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0 {
        margin-left: 0 !important;
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem 0.25rem !important;
    }

    .mt-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1 {
        margin-left: 0.25rem !important;
    }

    .mx-xl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .my-xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem 0.5rem !important;
    }

    .mt-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2 {
        margin-left: 0.5rem !important;
    }

    .mx-xl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .my-xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem 1rem !important;
    }

    .mt-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3 {
        margin-left: 1rem !important;
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem 1.5rem !important;
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4 {
        margin-left: 1.5rem !important;
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem 3rem !important;
    }

    .mt-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5 {
        margin-left: 3rem !important;
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 0 !important;
    }

    .pt-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0 {
        padding-left: 0 !important;
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem 0.25rem !important;
    }

    .pt-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1 {
        padding-left: 0.25rem !important;
    }

    .px-xl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .py-xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem 0.5rem !important;
    }

    .pt-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2 {
        padding-left: 0.5rem !important;
    }

    .px-xl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .py-xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem 1rem !important;
    }

    .pt-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3 {
        padding-left: 1rem !important;
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem 1.5rem !important;
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4 {
        padding-left: 1.5rem !important;
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem 3rem !important;
    }

    .pt-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5 {
        padding-left: 3rem !important;
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto {
        margin-left: auto !important;
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

.text-justify {
    text-align: justify !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center, .header .logo {
    text-align: center !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1500px) {
    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-normal {
    font-weight: normal;
}

.font-weight-bold {
    font-weight: bold;
}

.font-italic {
    font-style: italic;
}

.text-white {
    color: #fff !important;
}

.text-muted {
    color: #636c72 !important;
}

a.text-muted:focus, a.text-muted:hover {
    color: #4b5257 !important;
}

.text-primary {
    color: #000 !important;
}

a.text-primary:focus, a.text-primary:hover {
    color: black !important;
}

.text-success {
    color: #5cb85c !important;
}

a.text-success:focus, a.text-success:hover {
    color: #449d44 !important;
}

.text-info {
    color: #5bc0de !important;
}

a.text-info:focus, a.text-info:hover {
    color: #31b0d5 !important;
}

.text-warning {
    color: #f0ad4e !important;
}

a.text-warning:focus, a.text-warning:hover {
    color: #ec971f !important;
}

.text-danger {
    color: #d9534f !important;
}

a.text-danger:focus, a.text-danger:hover {
    color: #c9302c !important;
}

.text-gray-dark {
    color: #292b2c !important;
}

a.text-gray-dark:focus, a.text-gray-dark:hover {
    color: #101112 !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.invisible {
    visibility: hidden !important;
}

.hidden-xs-up {
    display: none !important;
}

.banner_fijo {
    margin-top: -30px;
}

@media (max-width: 575px) {
    .hidden-xs-down {
        display: none !important;
    }
}

@media (min-width: 576px) {
    .hidden-sm-up {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .hidden-sm-down {
        display: none !important;
    }

    .banner_fijo {
        margin-top: 30px;
    }

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

@media (min-width: 768px) {
    .hidden-md-up {
        display: none !important;
    }

    .banner_fijo {
        margin-top: 50px;
    }

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

@media (max-width: 991px) {
    .hidden-md-down {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .hidden-lg-up {
        display: none !important;
    }
}

@media (max-width: 1499px) {
    .hidden-lg-down {
        display: none !important;
    }
}

@media (min-width: 1500px) {
    .hidden-xl-up {
        display: none !important;
    }

    .banner_fijo_inicial {
        margin-top: 0px;
    }
}

.hidden-xl-down {
    display: none !important;
}

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

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

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

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

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

body {
    /*font-family: 'brandon_grotesque', sans-serif;*/
    font-weight: 400;
    letter-spacing: 0.0125rem;
    color: #000;
    /*margin-top: 8rem !important;*/
    max-width: 100%;
    overflow-x: hidden;
    font-family: Satoshi, sans-serif;
}

@media (min-width: 768px) and (max-width: 991px) {
    html {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    html {
        font-size: 14px;
    }
}

.container-fluid {
    max-width: 1920px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.form-control, .btn, a.reset-filters {
    /*font-family: 'Proxima Nova';*/
}

.form-control {
    letter-spacing: 0.0625rem;
}

[class*="btn"] {
    /*letter-spacing: 0.125rem;*/
    /*text-transform: uppercase;*/
    font-weight: 400;
    /*font-family: 'Brandon_Grotesque';*/
    font-family: Satoshi, sans-serif;
}

    [class*="btn"]:hover, [class*="btn"]:focus {
        text-decoration: none;
    }

a.btn-primary {
    color: #fff;
}

.btn-outline-primary:focus, .btn-outline-primary.focus, .btn-outline-secondary:focus, .btn-outline-secondary.focus, .btn-outline-info:focus, .btn-outline-info.focus, .btn-outline-success:focus, .btn-outline-success.focus, .btn-outline-warning:focus, .btn-outline-warning.focus, .btn-outline-danger:focus, .btn-outline-danger.focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-lg, .btn-group-lg > .btn, .btn-group-lg > a.reset-filters {
    padding: 1.5rem 2.5rem;
    font-size: 1.375rem;
}

.btn-outline-secondary {
    color: #fff;
    background-image: none;
    background-color: transparent;
    border-color: #fff;
}

    .btn-outline-secondary:hover {
        color: #000;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #fff;
        background-color: transparent;
    }

    .btn-outline-secondary:active, .btn-outline-secondary.active,
    .show > .btn-outline-secondary.dropdown-toggle, .no-modal-backdrop .support-modal-backdrop > .btn-outline-secondary.dropdown-toggle {
        color: #000;
        background-color: #fff;
        border-color: #fff;
    }

a {
    -webkit-transition: color 100ms linear, background-color 100ms linear;
    transition: color 100ms linear, background-color 100ms linear;
}

.btn-extra-padding {
    padding: 1rem 1.5rem;
}

.btn-extra-padding-x {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.btn-extra-padding-y {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.btn-extra-padding-x2 {
    padding-left: 3rem;
    padding-right: 3rem;
}

.btn-extra-padding-y2 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #000;
}

a[data-toggle="collapse"] {
    outline: 0;
}

.icon, .icon-2 {
    letter-spacing: 0;
}

.bootstrap-select {
    font-weight: 300;
    letter-spacing: 0.0625rem;
}

    .bootstrap-select .dropdown-menu {
        padding-top: 0;
        padding-bottom: 0;
        border-color: #ffffff;
    }

        .bootstrap-select .dropdown-menu.inner {
            display: block;
        }

            .bootstrap-select .dropdown-menu.inner > li > a {
                padding: 0.5rem 1rem;
                font-weight: 300;
                letter-spacing: 0.125rem;
                text-transform: uppercase;
            }

                .bootstrap-select .dropdown-menu.inner > li > a:focus {
                    outline: 0 !important;
                }

            .bootstrap-select .dropdown-menu.inner > li.selected > a {
                color: #fff;
                text-decoration: none;
                background-color: #000;
            }

    .bootstrap-select .dropdown-toggle {
        font-weight: 300;
        color: #000;
        background-color: #fff;
        border: 0.8px solid #6c6c6c;
        width: 100%;
        height: 38px;
        font-weight: 400;
    }

        .bootstrap-select .dropdown-toggle:hover {
            color: #000;
        }

        .bootstrap-select .dropdown-toggle:focus {
            outline: 0 !important;
        }

        .bootstrap-select .dropdown-toggle::after {
            margin-left: 0;
        }

        .bootstrap-select .dropdown-toggle.bs-placeholder {
            color: #000;
        }

            .bootstrap-select .dropdown-toggle.bs-placeholder:hover {
                color: #000;
            }

    .bootstrap-select.show .dropdown-toggle, .no-modal-backdrop .bootstrap-select.support-modal-backdrop .dropdown-toggle {
        color: #fff;
    }

    .bootstrap-select.show.bs-placeholder, .no-modal-backdrop .bootstrap-select.bs-placeholder.support-modal-backdrop {
        color: #fff;
    }

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

/*
// Para ponerlo en medio, pero no funciona bien
.modal-dialog {
	min-height: calc(100vh - 60px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: auto;
	@media(max-width: 768px) {
		min-height: calc(100vh - 20px);
	}
}
*/
.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -5%);
    transform: translate(0, -5%);
}

.modal.show .modal-dialog, .no-modal-backdrop .modal.support-modal-backdrop .modal-dialog {
    -webkit-transform: translate(0, 2%);
    transform: translate(0, 2%);
    background: white;
    padding: 2.2em;
}

@media (min-width: 768px) {
    .modal.show .modal-dialog, .no-modal-backdrop .modal.support-modal-backdrop .modal-dialog {
        padding: 3.3em;
    }
}

.modal-dialog {
    margin-top: 50px;
    background-color: white;
    padding: 2%;
}

/*@media (min-width: 768px) {
    .modal-dialog {
        margin: 90px auto 30px;
    }
}*/

.modal-content {
    background-color: transparent;
    /*border: none;*/
}

.modal-body {
    /*padding: 30px 15px;*/
    background-color: #fff;
    text-align: center;
}

.modal-header {
    position: relative;
    padding: 0;
    border-bottom: none;
}

    .modal-header .close {
        position: absolute;
        bottom: 0.625rem;
        right: -40px;
        font-size: 2rem color: #b3b3b3;
        text-shadow: none;
        opacity: .75;
    }

        .modal-header .close:hover {
            opacity: 1;
        }

.modal-log-in .form {
    margin: auto auto;
}

    .modal-log-in .form .bootstrap-select .dropdown-menu.inner > li > a {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .modal-log-in .form .bootstrap-select .dropdown-toggle {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

.modal-language-selector.modal-body {
    background-color: transparent;
}

@media (max-width: 767px) {
    .modal-language-selector [class*="col"] + [class*="col"] {
        margin-top: 1.875rem;
    }
}

.modal-language-selector .bootstrap-select .dropdown-menu.inner > li > a {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.modal-language-selector .bootstrap-select .dropdown-toggle {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border-color: #fff;
}

    .modal-language-selector .bootstrap-select .dropdown-toggle:hover, .modal-language-selector .bootstrap-select .dropdown-toggle:active {
        border-color: #000;
    }

.modal-language-selector .bootstrap-select.show .dropdown-toggle, .modal-language-selector .no-modal-backdrop .bootstrap-select.support-modal-backdrop .dropdown-toggle, .no-modal-backdrop .modal-language-selector .bootstrap-select.support-modal-backdrop .dropdown-toggle {
    border-color: #000;
}

.modal-language-selector button {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.no-modal-backdrop .modal-backdrop, .no-modal-backdrop .support-modal-backdrop {
    display: none;
}

.no-modal-backdrop .support-modal-backdrop {
    display: block;
}

.section-info-topbar {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.25rem;
    background-color: #fff;
    color: #5d514c;
}

@media (max-width: 1449px) {
    .necesitasayuda {
        display: none;
    }
}

@media (max-width: 950px) {
    .encuentratiendaver {
        display: none;
    }
}

.header {
    background-color: transparent; /* Color inicial */
    transition: background-color 0.5s ease, height 0.5s ease; /* Transición suave para el color y altura */
    /*
	.btn-search-content{
		@extend .has-peak;

		&.is-active:after{
			transform: translate3d(0, 0, 0);
		}
	}
	*/
}

@media (max-width: 767px) {
    .header {
        /*min-height: 5.125rem;*/
        /*Cambios para poner fija la cabecera y no hacer caso a sticky*/
        position: fixed;
        z-index: 100040;
        width: 100% !important;
        top: 0;        
    }
}

@media (min-width: 768px) {
    .header {
        /*min-height: 5.125rem;*/
        /*Cambios para poner fija la cabecera y no hacer caso a sticky*/
        position: fixed;
        z-index: 14000;
        width: 100% !important;
        top: 0;
    }    
}

header.down {
    background: rgba(255, 255, 255, 0.6);
}

.header .has-peak:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #f7f7f7;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

@media (max-width: 991px) {
    .header .has-peak:after {
        border-width: 0 10px 8px;
    }
}

.header .has-peak.is-active:after, .header .has-peak.is-hover:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.header .is-active .has-peak:after, .header .is-hover .has-peak:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.header .content-logo {
    position: relative;
    text-align: center;
    /*background-color: #fff;*/
    /*border-bottom: 0.1px solid #fefefe;*/
    height: 68px;
    padding-top: 4px;
    padding: 17px 11px 0px 11px;
    /*margin-left: -20px;*/
}
.header .content-logo-ficha {
    position: relative;
    text-align: center;
    /*background-color: #fff;*/
    /*border-bottom: 0.1px solid #fefefe;*/
    height: 68px;
    padding-top: 4px;
    padding: 5px 11px 0px 11px;
    /*margin-left: -20px;*/
}

@media (min-width: 1500px) {
    .header .content-logo {
        padding: 24px 11px 0px 11px;
    }
}

.header .row, .header .mobile-menu .filters ul .collapse-inner, .mobile-menu .filters ul .header .collapse-inner, .header .mobile-filters .filters ul .collapse-inner, .mobile-filters .filters ul .header .collapse-inner {
    /*@extend .align-items-center;*/
}

.header .logo {
    padding: 0.625rem 0;
}

@media (min-width: 500px) {
    .header .logo {
        margin-left: 3.5vw;
    }
}

@media (max-width: 767px) {
    .header .content-logo, .header .content-logo-ficha {
        height: 0px;
    }

    .header .logo {
        display: none; /*para movil lo ocultamos*/
        padding-top: 0.5rem;
        /*padding-bottom: .5rem;*/
        width: 30%;
        margin-left: -8px;
    }
}

@media (min-width: 768px) {
    .header .logo {
        margin-left: 3px;
    }

    .grupo_menu {
        margin-left: 18px;
    }
}

@media (min-width: 1500px) {
    .header .logo {
        /*padding: 4% 0 0 0;
        margin-left:5%;*/
    }

    .grupo_menu {
        margin-left: 30px;
    }
}

.input_buscar {
    width: 80px;
}

@media (min-width: 1150px) {
    .input_buscar {
        width: 130px;
    }
}

.header .logo img {
    width: auto;
    max-width: 100%;
    margin-top: 10px;
    /*max-height: 3.75rem;  tamaño para hacer sticky funcione de grande a pequeño*/
    max-height: initial;
    -webkit-transition: all 100ms ease;
    transition: all 100ms ease;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

@media (max-width: 320px) {
    .header .logo img {
        max-width: 130px;
    }
}

@media (max-width: 767px) {
    .header .logo img {
        max-height: 2.5rem;
    }
}

.header .header-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    /*padding-left: 20px;*/
}

    .header .header-menu .nav-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        /*padding-right: 15px;*/
        /*
			&.dropdown-content .has-peak:after{
				transition: all .2s ease;
			}
			*/
    }

        /*.header .header-menu .nav-item .badge {
            border-radius: 1rem;
            position: relative;
            top: -12px;
            padding-left: .6em;
            padding-right: .6em;
            background-color: #0f38ba;
            margin-right: 22px;
        }*/

        .header .header-menu .nav-item .nav-link {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            overflow: hidden;
            position: relative;
        }

        .header .header-menu .nav-item .dropdown-el {
            position: absolute;
            top: 100%;
            right: 0;
            z-index: 1030;
            height: 0vh;
            background-color: white;
            overflow: hidden;
            -webkit-transition: height .3s ease;
            transition: height .3s ease;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            box-shadow: none;
        }

        .header .header-menu .nav-item.is-hover .dropdown-el {
            height: auto;
        }

        .header .header-menu .nav-item .dropdown-account {
            width: 250px;
        }

            .header .header-menu .nav-item .dropdown-account .inner {
                padding: 1.5625rem;
            }

            .header .header-menu .nav-item .dropdown-account .title {
                font-size: 1rem;
                font-weight: 400;
            }

        .header .header-menu .nav-item .dropdown-cart {
            width: 44vw;
            text-align: left;
            height: 100vh;
        }

            .header .header-menu .nav-item .dropdown-cart .inner {
                padding: 1.5625rem;
            }

            .header .header-menu .nav-item .dropdown-cart .title {
                font-size: 12px;
                font-weight: 700;
                text-transform: uppercase;
            }

            .header .header-menu .nav-item .dropdown-cart .cart-num-items {
                padding-bottom: 0.25rem;
                font-size: 12px;
                font-weight: 400;
                border-bottom: 1px solid black;
                color: #898989;
            }

            .header .header-menu .nav-item .dropdown-cart .cart-list {
                padding-left: 0;
                list-style: none;
            }

                .header .header-menu .nav-item .dropdown-cart .cart-list .cart-item {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start;
                }

                    .header .header-menu .nav-item .dropdown-cart .cart-list .cart-item .cart-image {
                        width: 30%;
                    }

@media(min-width:1280px) {
    .header .header-menu .nav-item .dropdown-cart .cart-list .cart-item .cart-image {
        width: 24%;
    }
}

.header .header-menu .nav-item .dropdown-cart .cart-list .cart-item .cart-body {
    width: 65%;
    padding-left: 0.625rem;
}

.header .header-menu .nav-item .dropdown-cart .cart-list .cart-item {
    padding: 7px 0px 0px 0px;
    font-weight: 400;
}

    .header .header-menu .nav-item .dropdown-cart .cart-list .cart-item .cart-image img {
        max-width: 100%;
        height: auto;
    }

    /*.header .header-menu .nav-item .dropdown-cart .cart-list .cart-item .cart-body {
                        line-height: 1.5rem;
                    }*/

    .header .header-menu .nav-item .dropdown-cart .cart-list .cart-item .cart-body .cart-description .des {
        margin-bottom: 0;
        font-size: 11px;
    }

.cart-size, .cart-color {
    font-size: 11px;
}

.header .header-menu .nav-item .dropdown-cart .cart-list .cart-item .cart-body .cart-description .ref {
    margin-bottom: 0.5rem;
}

.header .header-menu .nav-item .dropdown-cart .cart-list .cart-item .cart-body .cart-color * {
    vertical-align: middle;
}

.header .header-menu .nav-item .dropdown-cart .cart-list .cart-item .cart-body .cart-color .color {
    display: inline-block;
    width: 4.0625rem;
    max-width: 100%;
    height: 1.3125rem;
}

/*.header .header-menu .nav-item .dropdown-cart .cart-list .cart-item .cart-body .cart-options {
    margin-top: 1rem;
}*/

.header .header-menu .nav-item .dropdown-cart .cart-list .cart-item .cart-body .cart-options a + a {
    margin-left: 0.15625rem;
}

.header .header-menu .nav-item .dropdown-cart .cart-total {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
}

    .header .header-menu .nav-item .dropdown-cart .cart-total p {
        margin-bottom: 0.5rem;
        font-size: 11px;
    }

    .header .header-menu .nav-item .dropdown-cart .cart-total .total {
        font-size: 11px;
        font-weight: 700;
        margin-bottom: 0;
    }

.totalproductos {
    font-size: 1rem;
}

.header .header-menu .nav-item + .nav-item {
    /*margin-left: 0.875rem; */
}

@media (max-width: 767px) {
    .header .header-menu .nav-item + .nav-item {
        margin-left: 0.5rem;
    }
}

@media (min-width: 768px) {
    .header .header-menu .nav-item + .nav-item {
        padding-right: 0;
    }
}

.header .header-menu .nav-link {
    font-size: 0.875rem;
    font-weight: 400;
    /*text-transform: uppercase;*/
    color: #000; /*color texto menu*/
    /*line-height: 1.5rem;*/
}

    .header .header-menu .nav-link i {
        font-size: 1rem;
        line-height: 1.5rem;
        vertical-align: middle;
    }

@media (max-width: 767px) {
    .header .header-menu {
        display: none;
    }
}

.header .content-options {
    height: 4rem;
}

@media (min-width: 768px) {
    .header .content-options {
        display: none;
    }
}

.header .options {
    overflow: hidden;
}

    .header .options > .row, .header .mobile-menu .filters ul .options > .collapse-inner, .mobile-menu .filters ul .header .options > .collapse-inner, .header .mobile-filters .filters ul .options > .collapse-inner, .mobile-filters .filters ul .header .options > .collapse-inner {
        height: 3.5rem;
    }

    .header .options [class*="col"] .inner {
        margin: 0 auto;
    }

        .header .options [class*="col"] .inner .badge {
            border-radius: 1rem;
            position: absolute;
            top: 0;
            left: 65%;
            padding-left: .5em;
            padding-right: .5em;
            background-color: #0f38ba;
        }

@media (min-width: 576px) {
    .header .options [class*="col"] .inner .badge {
        left: 60%;
    }
}

@media (max-width: 767px) {
    .header .options [class*="col"] .inner .badge {
        left: 27px;
        margin-top: 5px;
    }
}

.header .options a {
    font-size: 0.6rem;
    font-weight: 300;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #808080;
}

    .header .options a i {
        font-size: 2em;
        line-height: 0;
        color: #000000;
    }

    .header .options a span {
        display: block;
        /*margin-top: 0.3125rem;*/
        white-space: nowrap;
        color: black;
        font-size: 12px;
        font-weight: 600;
    }

@media (max-width: 455px) {
    .header .options {
        padding-left: 0;
        padding-right: 0;
    }
}

.header .content-search [class*="container"] {
    -webkit-transition: max-height .3s ease;
    transition: max-height .3s ease;
    height: 2.5rem;
    max-height: 2.5rem;
    display: block;
    position: relative;
    background-color: #f7f7f7;
    overflow: hidden;
}

    .header .content-search [class*="container"] > form {
        /*height: 3.75rem;*/
        /*max-height: 3.75rem;*/
        /*padding-top: 0.75rem;
            padding-bottom: 0.75rem;*/
    }

    .header .content-search [class*="container"] input {
        font-size: 1rem;
        background-color: transparent;
        border-color: transparent;
        padding-top: 0;
        padding-bottom: 0;
    }

    .header .content-search [class*="container"] .form-control::-webkit-input-placeholder {
        font-style: italic;
    }

    .header .content-search [class*="container"] .form-control::-moz-placeholder {
        font-style: italic;
    }

    .header .content-search [class*="container"] .form-control:-ms-input-placeholder {
        font-style: italic;
    }

    .header .content-search [class*="container"] .form-control::placeholder {
        font-style: italic;
    }

    .header .content-search [class*="container"] .btn, .header .content-search [class*="container"] a.reset-filters {
        font-size: 1.375rem;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-top: 5px;
        padding-right: 0;
        padding-bottom: 0;
        cursor: pointer;
    }

        .header .content-search [class*="container"] .btn + .btn, .header .content-search [class*="container"] a.reset-filters + .btn, .header .content-search [class*="container"] .btn + a.reset-filters, .header .content-search [class*="container"] a.reset-filters + a.reset-filters {
            border-left: 1px solid #000;
        }

.header .content-search.is-closed [class*="container"] {
    -webkit-transition: max-height .3s ease;
    transition: max-height .3s ease;
    max-height: 0;
}


@media (min-width: 768px) {
    .header .sticky.is-fixed {
        top: 30px;
        z-index: 1030;
        width: 100%;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

        .header .sticky.is-fixed .logo img {
            /*max-height: 1rem;*/
            margin-top: 10px;
        }

        .header .sticky.is-fixed .header-menu .nav-link {
            font-size: 0.72rem;
        }

            .header .sticky.is-fixed .header-menu .nav-link i {
                font-size: 1rem;
                margin-right: 0px;
                height: 17px;
            }
}

@media (min-width: 998px) {

    .header .sticky.is-fixed .header-menu .nav-link {
        font-size: 13px;
        font-weight: 400;
        letter-spacing: 1px;
        margin-bottom: 0;
    }

    .header .sticky.is-fixed .logo img {
        /*max-height: 1.2rem;*/
        margin-top: 10px;
    }
}

/*@media (min-width:1600px) {
    .header .sticky.is-fixed .header-menu .nav-link i {
        padding-right: 6px;
    }
    .Container_Menu {
        padding-left: 15px !important;
    }
}*/
/*@media (min-width:2000px) {
    .Container_Menu {
        padding-left: 30px !important;
    }
    .header .sticky.is-fixed .header-menu .nav-link i {
        padding-right: 8px !important;
    }
}*/
@media (min-width: 1800px) {
    .header .sticky.is-fixed .logo img {
        /*max-height: 1.5rem;*/
        margin-top: 10px;
    }
}

@media (max-width: 768px) {
    .header .options.is-fixed {
        position: fixed;
        top: 0;
        z-index: 1030;
        width: 100%;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .header .content-search.is-fixed {
        position: fixed;
        top: 3rem;
        z-index: 1030;
        width: 100%;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.header-menu .nav-item .dropdown-cart .cart-list {
    overflow-y: auto;
    max-height: 215px;
}

.sticky.is-fixed .header-menu .nav-item .dropdown-cart .cart-list {
    overflow-y: auto;
    max-height: calc(100vh - 273px);
    margin-top: 5px;
}

.CestaBotones {
    position: absolute;
    bottom: 3%;
    width: 100%;
    left: 0;
    padding: 0 15px 25px 15px;
}

@media(min-width:1280px) {
    .CestaBotones {
        bottom: 11%;
    }
}

@media (min-width: 991px) {
    .sticky.is-fixed .header-menu .nav-item .dropdown-cart .cart-list {
        overflow-y: auto;
        max-height: calc(100vh - 325px);
    }

    .CestaBotones {
        bottom: 7%;
    }

    .header .header-menu .nav-item .dropdown-cart {
        width: 38vw;
    }
}

.main-menu {
    display: none;
    /*background-color: #fff;*/
    /*border-bottom: 1px solid lightgrey;*/
    text-align: left;
}
    /*color de fondo  de la barra de hispanitas*/
    .main-menu .nav-link {
        position: relative;
        z-index: 1011;
        /*padding-top: 0.9375rem;*/
        padding-right: 2.1rem;
        /*padding-bottom: 0.9375rem;
        padding-left: 2.1875rem;*/
        margin-right: -40px;
        font-weight: 400;
        font-size: 1.2rem;
        /*text-transform: uppercase;*/
        overflow: hidden;
        color: #000;
        cursor: pointer;
        line-height: 1;
        padding-left: 0;
        padding-top: 1.5rem;
        padding-bottom: 0.425rem;
    }

.header .sticky.is-fixed .main-menu .nav-link {
    font-size: 0.72rem;
    font-weight: 400;
    letter-spacing: 1px;
}

@media(min-width:860px) {
    .header .sticky.is-fixed .main-menu .nav-link {
        font-size: 0.85rem;
    }

    .main-menu .nav-link {
        padding-right: 2.1rem;
    }
}

@media(min-width:1200px) {
    .header .sticky.is-fixed .main-menu .nav-link {
        font-size: 1rem;
    }
}

@media(min-width:1280px) {
    .header .sticky.is-fixed .main-menu .nav-link {
        font-size: 0.9em;
    }

    #cliente-logueado {
        font-size: 0.7em;
    }

    .BuscadorMenu {
        font-size: 0.8rem !important;
    }
}

@media(min-width:1400px) {
    .header .sticky.is-fixed .main-menu .nav-link {
        font-size: 1em;
    }

    .main-menu .nav-link {
        padding-right: 2.4rem;
    }
}

.main-menu .nav-link:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 1px;
    visibility: hidden;
    background-color: #000; /*color fondo menu en header*/
    -webkit-transition: visibility 0ms 200ms, -webkit-transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: visibility 0ms 200ms, -webkit-transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19), visibility 0ms 200ms;
    transition: transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19), visibility 0ms 200ms, -webkit-transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transform: scale(0);
    transform: scale(0);
}

.main-menu .nav-link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 10px;
    height: 10px;
    visibility: hidden;
    background-color: #fff;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: translate3d(-50%, 125%, 0) rotate(-45deg);
    transform: translate3d(-50%, 125%, 0) rotate(-45deg);
    -webkit-transition: visibility 0ms 150ms, -webkit-transform 150ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: visibility 0ms 150ms, -webkit-transform 150ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 150ms cubic-bezier(0.55, 0.055, 0.675, 0.19), visibility 0ms 150ms;
    transition: transform 150ms cubic-bezier(0.55, 0.055, 0.675, 0.19), visibility 0ms 150ms, -webkit-transform 150ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.main-menu .sub-menu {
    /*height: 60%;*/
    /*top: 49px;*/
    position: absolute;
    z-index: 1010;
    left: 0;
    visibility: hidden;
    width: max-content;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 0px 6px 23px -5px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 6px 23px -5px rgba(0, 0, 0, 0.03);
    opacity: 0;
    -webkit-transition: opacity 200ms 100ms, visibility 0ms 300ms;
    transition: opacity 200ms 100ms, visibility 0ms 300ms;
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
}

@media (min-width: 1800px) {
    .main-menu .sub-menu {
        top: 56px;
    }
}

.main-menu .sub-menu [class*="container-menu"] {
    /*padding-top: 1.5625rem;*/
    /*padding-bottom: 1.5625rem;*/
    /*max-width: 90%;*/
    /*border-top: 1px solid #e8e8e8;*/
}

.main-menu .sub-me#image-menunu .col, .main-menu .sub-menu [class*="col-"] {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 1.5%;
    padding-right: 2%;
}

@media (max-width: 1450px) {
    .main-menu .sub-menu .col, .main-menu .sub-menu [class*="col-"] {
        padding-left: 2.5%;
    }
}

.main-menu .sub-menu .row, .main-menu .sub-menu .mobile-menu .filters ul .collapse-inner, .mobile-menu .filters ul .main-menu .sub-menu .collapse-inner, .main-menu .sub-menu .mobile-filters .filters ul .collapse-inner, .mobile-filters .filters ul .main-menu .sub-menu .collapse-inner {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    opacity: 0;
    -webkit-transition: opacity 180ms, -webkit-transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: opacity 180ms, -webkit-transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 180ms;
    transition: transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 180ms, -webkit-transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.main-menu .sub-menu h3 {
    font-size: 0.9rem;
    font-weight: 500;
    /*text-transform: uppercase;*/
}

.main-menu .sub-menu ul {
    padding-left: 0;
    list-style: none;
}

@media (min-width: 1500px) {
    .main-menu .sub-menu h3 {
        font-size: 1.125rem;
    }
}

@media (max-width: 1600px) {
    .main-menu .sub-menu ul a {
        font-size: 1rem !important; /*tamaño de la letra de los enlaces del menu*/
    }
}

.main-menu .sub-menu ul a {
    font-size: 1.1rem; /*tamaño de la letra de los enlaces del menu*/
    font-weight: 400;
    text-decoration: none;
    /*text-transform: uppercase*/;
    color: black;
}

    .main-menu .sub-menu ul a:hover {
        /*
					font-weight: 600;
					letter-spacing:rem(0.90px);
					*/
        color: #000;
    }

.main-menu .nav-item:hover .nav-link:before {
    /*ESTO HACE QUE APAREZCA LA BARRA SUBRRAYADO DEBAJO DEL NAVLINK*/
    /*visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);*/
}

.main-menu .nav-item:hover .nav-link:after {
    /*ESTO HACE QUE APAREZCA EL PICO ENCIMA DE LA BARRA SUBRRAYADO DEBAJO DEL NAVLINK*/
    /*visibility: visible;
        -webkit-transform: translate3d(-50%, 50%, 0) rotate(-45deg);
        transform: translate3d(-50%, 50%, 0) rotate(-45deg);
        -webkit-transition: -webkit-transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 50ms;
        transition: -webkit-transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 50ms;
        transition: transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 50ms;
        transition: transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 50ms, -webkit-transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 50ms;*/
}


/*Aqui es donde indicamos como se comporta el menu al pasar el raton sobre él.*/
.main-menu .nav-item:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    /*-webkit-transition: opacity 400ms;
        transition: opacity 400ms;*/
    transition-delay: 300ms;
}

    .main-menu .nav-item:hover .sub-menu .row, .main-menu .nav-item:hover .sub-menu .mobile-menu .filters ul .collapse-inner, .mobile-menu .filters ul .main-menu .nav-item:hover .sub-menu .collapse-inner, .main-menu .nav-item:hover .sub-menu .mobile-filters .filters ul .collapse-inner, .mobile-filters .filters ul .main-menu .nav-item:hover .sub-menu .collapse-inner {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -webkit-transition: opacity 180ms 120ms, -webkit-transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms;
        transition: opacity 180ms 120ms, -webkit-transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms;
        transition: transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, opacity 180ms 120ms;
        transition: transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, opacity 180ms 120ms, -webkit-transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms;
    }

@media (min-width: 768px) {
    .main-menu {
        display: block;
        margin-left: 20px;
    }
}

@media (min-width: 998px) {
    .main-menu {
        display: block;
        margin-left: 30px;
    }
}

.txtSeccion {
    font-weight: 700;
    font-size: 1.2rem;
    white-space: nowrap;
    line-height: 1.3;
}

.mobile-filters {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100020;
    width: 100%;
    height: 100%; /*tamaño menu movil*/
    visibility: hidden;
    -webkit-transition: visibility 0ms 200ms;
    transition: visibility 0ms 200ms;
}

.mobile-menu {
    position: fixed;
    top: -1px;
    left: 0;
    z-index: 100020;
    width: 100%;
    height: 100vh; /*tamaño menu movil*/
    visibility: hidden;
    -webkit-transition: visibility 0ms 200ms;
    transition: visibility 0ms 200ms;
}

    .mobile-menu .content-menu, .mobile-menu .content-filters, .mobile-filters .content-menu, .mobile-filters .content-filters {
        position: relative;
        z-index: 2;
        height: 100%;
        opacity: 0;
        -webkit-transition: opacity 200ms linear 150ms, -webkit-transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: opacity 200ms linear 150ms, -webkit-transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 200ms linear 150ms;
        transition: transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 200ms linear 150ms, -webkit-transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
        background-color: #fff;
    }

    /*.mobile-menu .content-menu .inner {
        position: relative;
        width: 100%;
        height: 77vh;
    }*/

    @supports (height: 100dvh) {
        .mobile-menu .content-menu .inner {
            height: 77dvh;
            max-height: calc(100dvh - 60px);
            overflow-y: auto;
        }
    }

    @supports not (height: 100dvh) {
        .mobile-menu .content-menu .inner {
            height: 77vh;
            max-height: calc(100vh - 60px);
            overflow-y: auto;
        }
    }


    .mobile-menu .content-filters .inner, .mobile-filters .content-menu .inner, .mobile-filters .content-filters .inner {
        position: absolute;
        width: 100%;
        height: 90%;
        top:11%;
        padding: 0 2rem;
    }
    /*AQUI ES DONDE SE CAMBIA LA TRANSICION DEL MENU, LA DIRECCION (con el primer parametro 100% saldria desde la derecha, -100% desde la izquierda)*/
    .mobile-menu .content-menu {
        width: 100%;
        -webkit-transform: translate3d(0, 0, 100%);
        transform: translate3d(-100%, 0, 0);
    }

.mobile-filters .content-filters {
    width: 100%;
    -webkit-transform: translate3d(0, 0, 100%);
    transform: translate3d(100%, 0, 0);
}

.mobile-menu .top, .mobile-filters .top {
    position: absolute;
    top: 10%;
    left: 0;
    z-index: 2;
    padding: 0.625rem 0.625rem;
    width: 100%;
    height: 3.75rem;
    line-height: 2.5rem;
    text-align: right;
    background-color: #fff;
    border-bottom: 1px solid #bbb8b6;
    /*color: #b4b4b4;*/
}

    .mobile-menu .top::after, .mobile-filters .top::after {
        display: block;
        content: "";
        clear: both;
    }

    .mobile-menu .top a, .mobile-filters .top a {
        font-size: 1rem;
        font-weight: 300;
        color: inherit;
        text-decoration: none;
        text-transform: uppercase;
    }

        .mobile-menu .top a:hover, .mobile-filters .top a:hover {
            color: #9b9b9b;
        }

    .mobile-menu .top i, .mobile-filters .top i {
        font-size: 1rem;
        vertical-align: middle;
        margin-left: 25px;
    }

.mobile-menu .content-filters .top, .mobile-filters .content-filters .top {
    text-align: center;
}

    .mobile-menu .content-filters .top h3, .mobile-menu .content-filters .top h4, .mobile-filters .content-filters .top h3, .mobile-filters .content-filters .top p {
        display: inline-block;
        margin-bottom: 0;
        line-height: 2.5rem;
        font-size: 1.2em;
        font-weight: 700;
    }

.mobile-filters .bottom {
    position: absolute;
    bottom: 9%;
    left: 0;
    z-index: 2;
    width: 100%;
    background-color: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0.6em 2.5em;
    background-color: #dde9e9;
}
.mobile-menu .bottom-ac, .mobile-menu .bottom-ac-inv {
    width: 100%;
    background-color: #fff;
    display: flex;
}
.mobile-menu .bottom-ac div p, .mobile-menu .bottom-ac-inv div p {
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 13px;
}
.mobile-menu .bottom {
    position: absolute;
    bottom: 0%;
    left: 0;
    z-index: 2;
    width: 100%;
    background-color: #fff;
    display: flex;
    padding: 0em 2em;
}

.mobile-menu .bottom div, .mobile-menu .bottom-ac div {
    margin-right: 30px;
}
.mobile-menu .bottom-ac-inv div {
    margin-right: 0px;
}

    .mobile-menu .bottom [class*="container"], .mobile-filters .bottom [class*="container"] {
        padding-left: 0;
        padding-right: 0;
    }

    .mobile-menu .bottom .row, .mobile-menu .bottom .filters ul .collapse-inner, .mobile-menu .filters ul .bottom .collapse-inner, .mobile-filters .filters ul .mobile-menu .bottom .collapse-inner, .mobile-filters .bottom .row, .mobile-menu .filters ul .mobile-filters .bottom .collapse-inner, .mobile-filters .bottom .filters ul .collapse-inner, .mobile-filters .filters ul .bottom .collapse-inner {
        height: 3.75rem;
    }

.mobile-filters .bottom a {
    font-size: 0.75rem;
    font-weight: 600;
    text-decoration: underline;
    text-transform: uppercase;
    color: #425c5c;
    /*background-color: #f1f1f1; fondo del pie del menu movil*/
}

.mobile-menu .bottom a {
    font-size: 13px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 1px;
}

    .mobile-menu .bottom a i, .mobile-filters .bottom a i {
        display: block;
        font-size: 2em;
        line-height: 0;
        color: #b4b4b4;
    }

    .mobile-menu .bottom a span, .mobile-filters .bottom a span {
        display: block;
        white-space: nowrap;
        color: #black;
    }

    .mobile-menu .bottom a i + span, .mobile-filters .bottom a i + span {
        margin-top: 0.3125rem;
    }

    .mobile-menu .bottom a:hover, .mobile-filters .bottom a:hover {
        color: #676767;
        background-color: #c6c6c6;
    }

        .mobile-menu .bottom a:hover i, .mobile-filters .bottom a:hover i {
            color: #9b9b9b;
        }

    .mobile-menu .bottom a + a, .mobile-filters .bottom a + a {
        border-left: 1px solid #adaaa8;
    }

.mobile-menu .menu, .mobile-filters .menu {
    position: relative;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    padding-top: 3.75rem;
    padding-bottom: 3rem;
}

    .mobile-menu .menu .menu-inner, .mobile-filters .menu .menu-inner {
        position: relative;
        width: 100%;
        height: 95%;
        margin-top: 27px;
    }

    .mobile-menu .menu .level, .mobile-filters .menu .level {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff; /*Color del fondo del menu movil*/
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        z-index: 2;
        -webkit-transition: -webkit-transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: -webkit-transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
        overflow: hidden;
        padding-top: 10px;
    }

        .mobile-menu .menu .level ul, .mobile-filters .menu .level ul {
            margin: 0;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            font-size: 1.1rem; /*tamaño letra del menu movil*/
            /*text-transform: uppercase;*/
            text-align: left;
        }

            .mobile-menu .menu .level ul li, .mobile-filters .menu .level ul li {
                margin: 0;
                display: flex;
            }

            .mobile-menu .menu .level ul a, .mobile-filters .menu .level ul a {
                display: block;
                position: relative;
                padding: 0.5rem 2.5rem;
                font-weight: 700;
                text-decoration: none;
                font-size: .9em;
                /*color: #808080;*/ /*Color texto menu movil*/
            }

                .mobile-menu .menu .level ul a:hover, .mobile-filters .menu .level ul a:hover {
                    color: #000;
                }

                .mobile-menu .menu .level ul a.item-level:after, .mobile-filters .menu .level ul a.item-level:after {
                    position: relative;
                    margin-left: 5px;
                    content: "\f142";
                    -webkit-transform: translate3d(0, -50%, 0);
                    transform: translate3d(0, -50%, 0);
                    font-family: "Flaticon";
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    line-height: 1;
                    text-decoration: inherit;
                    text-rendering: optimizeLegibility;
                    text-transform: none;
                    -moz-osx-font-smoothing: grayscale;
                    -webkit-font-smoothing: antialiased;
                    font-smoothing: antialiased;
                    font-size: .8em;
                    font-weight: 800;
                }

    .mobile-menu .menu .level-open, .mobile-menu .menu .menu-inner > .level, .mobile-filters .menu .level-open, .mobile-filters .menu .menu-inner > .level {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    /*.mobile-menu .menu .level-open, .mobile-menu .menu .menu-inner > .level, .mobile-filters .menu .level-open, .mobile-filters .menu .menu-inner > .level {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -webkit-transition: -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        }*/

    .mobile-menu .menu .level:after, .mobile-filters .menu .level:after {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19), visibility 0ms 200ms;
        transition: opacity 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19), visibility 0ms 200ms;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 1;
    }

    .mobile-menu .menu .level.level-overlay, .mobile-filters .menu .level.level-overlay {
        /*
			&::after{
			    opacity: 1;
			    visibility: visible;
			    transition: visibility 0ms, opacity 300ms $ease-out;
			}
			*/
    }

        .mobile-menu .menu .level.level-overlay > ul, .mobile-filters .menu .level.level-overlay > ul {
            overflow-y: hidden;
        }

    .mobile-menu .menu ul, .mobile-filters .menu ul {
        padding-left: 0;
        list-style: none;
    }

.mobile-menu .filters, .mobile-filters .filters {
    /*position: relative;*/
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    /*bottom: $height-top-bottom;*/
    /*background-color: #f7f7f7;*/
}
.filters-tit {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 1.5em;
    margin-bottom: 2em;
}
.filters-tit-text {
    margin-bottom:0;
}
.filters-tit-icon {
    text-align:right;
}
.mobile-menu .filters .filters-inner, .mobile-filters .filters .filters-inner {
    /*position: relative;*/
    width: 100%;
    height: 72%;
    padding: 0 1.3em;
}

    .mobile-menu .filters ul, .mobile-filters .filters ul {
        margin: 0;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        font-size: 1rem;
        /*text-transform: uppercase;*/
        text-align: left;
    }

        .mobile-menu .filters ul li, .mobile-filters .filters ul li {
            margin: 0;
            /*border-bottom: 1px solid #bbb8b6;*/
        }

            .mobile-menu .filters ul li > a, .mobile-filters .filters ul li > a {
                display: flex;
                padding: 1rem 0rem;
                font-weight: 300;
                text-decoration: none;
                color: #000000;
                flex-direction: row;
                justify-content: space-between;
                text-transform: uppercase;
                align-items: center;
            }
            .mobile-menu .filters ul li > a, .mobile-filters .filters ul li > a > span {
                font-weight:600 !important;
                font-size: 0.9em !important;
                letter-spacing: 1px !important;
            }
            .clear-filter {
                padding: 0.5em 0 0.5em 0;
                background-color: black;
                width: 100%;
                font-size: 0.9em;
                font-weight: 500;
                letter-spacing: 1px;
                margin-top: 2em;
            }

            .mobile-menu .filters ul li > a:hover, .mobile-filters .filters ul li > a:hover {
                color: #000;
            }

        .mobile-menu .filters ul .collapse-inner, .mobile-filters .filters ul .collapse-inner {
            margin: 0em 0em 2em 0em;
            display: flex;
            flex-wrap: wrap;
            /* justify-items: start; */
            /* justify-content: space-between; */
            grid-gap: 0.6rem;
            width: auto;
            max-width: 100%;
        }

    .mobile-menu .filters ul, .mobile-filters .filters ul {
        padding-left: 0;
        list-style: none;
    }

.mobile-menu .overlay, .mobile-filters .overlay {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
    background-color: white;
}

@media (min-width: 768px) {
    .mobile-menu /*, .mobile-filters*/ {
        display: none;
    }
}

.mobile-menu-open {
    overflow: hidden;
}

    .mobile-menu-open .mobile-menu {
        visibility: visible;
        -webkit-transition: visibility 0ms;
        transition: visibility 0ms;
    }

        .mobile-menu-open .mobile-menu .content-menu {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); /*separacion de los bordes por ejes.*/
            opacity: 1;
            -webkit-transition: opacity 100ms linear, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: opacity 100ms linear, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 100ms linear;
            transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 100ms linear, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        .mobile-menu-open .mobile-menu .overlay {
            opacity: .5;
            -webkit-transition: opacity 300ms linear;
            transition: opacity 300ms linear;
        }

    .mobile-menu-open .menu .level.level-overlay::after {
        opacity: 1;
        visibility: visible;
        -webkit-transition: visibility 0ms, opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: visibility 0ms, opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    }

.mobile-filters-open {
    overflow: hidden;
}

    .mobile-filters-open .mobile-filters {
        visibility: visible;
        -webkit-transition: visibility 0ms;
        transition: visibility 0ms;
    }

        .mobile-filters-open .mobile-filters .content-filters {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1;
            -webkit-transition: opacity 100ms linear, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: opacity 100ms linear, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 100ms linear;
            transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 100ms linear, -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        .mobile-filters-open .mobile-filters .overlay {
            opacity: .5;
            -webkit-transition: opacity 300ms linear;
            transition: opacity 300ms linear;
        }

#btn-mobile-menu-back {
    display: none;
}

.section-filters {
    background-color: white;
    margin-right: 15px;
}

    .section-filters > .desktop {
        display: none;
        margin-top: -1px;
    }

        .section-filters > .desktop .col {
            padding: 0;
        }

@media (min-width: 768px) {
    /*.mobile-menu .top, .mobile-filters .top {
        top: 20px;
    }*/
    .mobile-menu .filters, .mobile-filters .filters {
        padding-top: 0rem;
    }
    .mobile-filters .filters .filters-inner {
        height: 79%;
    }
    .section-filters > .desktop {
        display: inline;
    }

    .filter-group a.dropdown-toggle {
        font-size: 0.8rem;
    }

    .filtros_DesktopTablet {
        float: right;
        width: 100%;
        background-color: white;
        padding-right: 15px;
        padding-bottom: 7px;
    }
}

@media (min-width:1024px) {
    .section-filters {
        margin-right: 29px;
    }
}

@media (min-width:1280px) {
    .section-filters {
        margin-right: 41px;
    }

    .filtros_DesktopTablet {
        padding-top: 12px;
    }
}

@media (min-width:1920px) {
    .filtros_DesktopTablet {
        padding-top: 25px;
    }
}

@media (max-width:767px) {
    .fondoFiltrosMovil {
        background-color: #f9f9f9;
        border-bottom: 1px inset;
    }
}

.menu-filters-fixed {
    position: fixed;
    z-index: 1009;
    top: 52px !important; /*este varia en headersection al desaparecer infotopbar*/
    /*top: 128px !important;*/ /*rotulocabecera*/
    display: block !important;
}

.section-filters > .mobile {
    /*margin-top: 0.875rem;*/
}

@media (min-width: 768px) {
    .section-filters > .mobile {
        display: none;
    }
}

.section-filters .tags .tag, .section-filters .tags .clear-all {
    display: inline-block;
    margin: 0.25rem;
}

    .section-filters .tags .tag .del-tag, .section-filters .tags .clear-all .del-tag {
        cursor: pointer;
    }

.section-filters .tags .tag {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    font-size: 0.875rem;
    border-radius: 0.625rem;
    background-color: #eaeaea;
}

.section-filters .tags .clear-all {
    font-size: 0.75rem;
    cursor: pointer;
    text-transform: uppercase;
    line-height: 1.3125rem;
}

    .section-filters .tags .clear-all:hover {
        text-decoration: underline;
    }

.filter-group {
    /*
	&.multi-select{
		.dropdown-item-selected{
			display: inline-block;
			vertical-align: bottom;
			padding:{
				left: rem(8px);
				right: rem(8px);
			}
			min-width: $circle-height;
			height: $circle-height;
			line-height: $circle-height;
			border-radius: $circle-height;
			text-align: center;
			font:{
				size: rem(10px);
				weight: 400;
			}
			letter-spacing: 0;
			background-color: #d9d9d9;
			color: $black;
		}
	}
*/
}

    .filter-group.show .dropdown-toggle::after, .no-modal-backdrop .filter-group.support-modal-backdrop .dropdown-toggle::after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .filter-group a.dropdown-toggle {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
        font-size: 0.75rem;
        font-weight: 400;
        line-height: 1rem;
        text-transform: uppercase;
        color: #808080;
        cursor: pointer;
    }

    .filter-group .dropdown-item, .filter-group .bootstrap-select .dropdown-menu.inner > li > a, .bootstrap-select .filter-group .dropdown-menu.inner > li > a {
        font-size: 0.75rem;
        font-weight: 400;
        color: #808080;
        padding: 0.3rem 0.5rem;
    }

        .filter-group .dropdown-item:hover, .filter-group .bootstrap-select .dropdown-menu.inner > li > a:hover, .bootstrap-select .filter-group .dropdown-menu.inner > li > a:hover, .filter-group .dropdown-item.active, .filter-group .bootstrap-select .dropdown-menu.inner > li > a.active, .bootstrap-select .filter-group .dropdown-menu.inner > li > a.active {
            background-color: transparent;
            color: #000;
        }

    .filter-group .custom-control {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: 0.875rem;
        line-height: 0.875rem;
        padding-left: 1.5rem;
        margin-right: 0;
        margin-bottom: 0;
        font-size: 0.9rem;
        font-weight: 400;
        white-space: nowrap;
        color: #808080;
    }

        .filter-group .custom-control + .custom-control {
            margin-top: 0.625rem;
        }

        .filter-group .custom-control-input:checked ~ .custom-control-description, .filter-group .custom-control:hover .custom-control-description {
            color: #000;
        }

    .filter-group .custom-control-indicator {
        top: 0;
        width: 0.875rem;
        height: 0.875rem;
    }

    .filter-group .custom-control-input:focus ~ .custom-control-indicator {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .filter-group .dropdown-menu {
        padding: 0.75rem 2rem;
        min-width: auto;
        border: 1px solid transparent;
        min-width: 100%;
        left: -1px;
    }

    .filter-group .dropdown-item-selected {
        font-size: 0.75rem;
        font-weight: 700;
        text-transform: none;
        color: #000;
    }

    .filter-group .dropdown-item-selected {
        display: inline-block;
        vertical-align: bottom;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        min-width: 1rem;
        height: 1rem;
        line-height: 1rem;
        border-radius: 1rem;
        text-align: center;
        font-size: 0.825rem;
        font-weight: 400;
        letter-spacing: 0;
        /*background-color: #d9d9d9;*/
        color: #000;
        text-transform: uppercase;
    }

a.reset-filters {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    text-transform: uppercase;
    color: #000;
    cursor: pointer;
}

/*@media (min-width: 768px) {
    .mobile-filters {
        display: none;
    }
}*/

.mobile-filters .collapse-item-selected {
    display: inline-block;
    margin-left: 0.625rem;
    vertical-align: middle;
    min-width: 1.25rem;
    text-align: center;
    letter-spacing: 0.05em;
    background-color: #d9d9d99e;
    color: #000;
    padding: 4px 9px;
    font-size: 0.85em !important;
    text-transform: uppercase;
    border: 1px solid #525252;
    background-color: white !important;
}

.mobile-filters .custom-control {
    width: fit-content;
    padding: 0;
    border: 1px solid #525252;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}
.mobile-filters .custom-control a {
    line-height: 8px;
    padding: 0.7rem 1rem;
}
.custom-control-description {
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.76rem;
}
.mobile-filters .custom-control-input:checked ~ .custom-control-description, .mobile-filters .custom-control:hover .custom-control-description {
    color: #000;
}
.mobile-filters .selected-filter:hover .custom-control-description {
    color: white;
}
.mobile-filters .custom-control-indicator {
    top: 0;
    width: 1.4rem;
    height: 1.4rem;
    border: 1px solid;
    background-color: white;
}

.mobile-filters .custom-control-input:focus ~ .custom-control-indicator {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mobile-filters [data-toggle="collapse"] {
    cursor: pointer;
}

    .mobile-filters [data-toggle="collapse"] span {
        vertical-align: middle;
        font-size: 1em;
        color: black;
        font-weight: 600;
    }

    .mobile-filters [data-toggle="collapse"]:after {
        content: "+";
        display: inline-block;
        float: right;
        font-size: 1.3em;
        font-weight: 400;
    }

    .mobile-filters [data-toggle="collapse"][aria-expanded="true"]:after {
        content: "-";
    }

.mobile-filters .collapsing {
    -webkit-transition: height 100ms ease;
    transition: height 100ms ease;
}

.section-mobile-filters {
    background-color: #fff;
    /*
	> .container, .container-fluid{
		padding:{
			top:rem(5px);
			bottom:rem(5px);
		}
	}
	*/
}

.content-btn-more-filters .btn, .content-btn-more-filters a.reset-filters {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    text-transform: uppercase;
    color: #808080;
    cursor: pointer;
}

.footer {
    /*background-color: #f7f7f7;*/
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
}

    .footer .footer-social {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
        font-size: 1.875rem;
        text-align: center;
    }

        .footer .footer-social a {
            color: #000;
            margin-left: 20px;
            margin-right: 20px;
        }

    .footer .footer-menu {
        padding-left: 0;
        list-style: none;
        margin-bottom: 2.5rem;
        font-size: 1.17rem;
        font-weight: 400;
        /*text-transform: uppercase;*/
        /*text-align: center;*/
    }


        .footer .footer-menu li {
            margin-top: 1rem;
            margin-bottom: 1rem;
        }

        .footer .footer-menu a {
            text-decoration: none;
            color: #000;
        }

            .footer .footer-menu a:hover {
                color: #000;
            }

@media (max-width: 1600px) {
    .footer .footer-menu {
        font-size: 0.9rem;
    }
}

@media (max-width: 767px) {
    .footer .footer-menu {
        margin-bottom: 0;
    }
}

@media (max-width: 575px) {
    .footer .footer-menu {
        border-bottom: 1px solid #bbb8b6;
        font-size: 1rem;
        text-align: left;
    }

        .footer .footer-menu li {
            margin: 0;
            /*border-top: 1px solid #bbb8b6;*/
        }

        .footer .footer-menu a {
            display: block;
            /*padding: 1.25rem 2.5rem;*/
        }
}

@media (max-width: 455px) {
    .footer .footer-menu {
        font-size: 0.875rem;
    }

        .footer .footer-menu a {
            /*padding: 1.25rem;*/
        }
}

@media (min-width: 992px) {
    .footer .footer-social-menu {
        line-height: 0.5;
        /*flex: 0 0 0 !important;*/
        /*margin-left: 20px !important*/
    }

    .footer .footer-newsletter {
    }
}

@media (min-width: 1500px) {
    .footer .footer-social-menu, .footer .footer-newsletter {
        /*padding-left: 50px;
                     padding-right: 50px;*/
    }
}

.footer .footer-newsletter {
    /*border-left: 1px solid #807a76;*/
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1024px) {
    .footer .footer-newsletter {
        width: 100%;
        margin: 0;
    }
}

/*@media (min-width: 768px) and (max-width: 1024px) {
    .footer .footer-newsletter {
        border: 1px solid #00000033;
        padding: 20px;
        margin-bottom: 20px;
    }
}*/

.footer .footer-newsletter h3 {
    /*margin-top: 2.875rem;*/
    /*margin-bottom: 1.25rem;*/
    font-size: 1.1rem;
    font-weight: 500;
    /*text-align: center;*/
    text-transform: uppercase;
    margin-bottom: 0px;
}

.footer .footer-newsletter .form-button {
    margin-bottom: 1.25rem;
}

@media (max-width: 1500px) {
    .footer .footer-newsletter h3 {
        font-size: 1rem;
    }

    .newsletter-form .form-control {
        font-size: 1rem;
    }
}

@media (max-width: 767px) {
    .footer .footer-newsletter h3 {
        font-size: 1.9rem;
        font-weight: 700;
        text-transform: none;
        text-align: center;
    }

    .footer .footer-newsletter {
        border: none;
    }

    .footer .footer-social-menu {
        padding-left: 0;
        padding-right: 0;
        margin-top: 10px;
        min-width: 0;
        margin-left: 5% !important;
    }
}

@media (max-width: 575px) {
    .footer {
        padding-bottom: 0;
    }
}

@media (min-width: 767px) {
    .footer .footer-social-menu {
        /*max-width: 250px !important;
            width: auto;
            width: auto;*/
        /*min-width: 215px;
        max-width: 275px;*/
    }
}

.pie_ayuda_desktop {
    width: 100%;
    /*max-width: 1920px;*/
    padding: 2% 0;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 2000px) {
    .pie_ayuda_desktop {
        margin-left: auto;
        margin-right: auto;
    }
}

.conjunto_ayudas_pie {
    display: flex;
    /*margin-left:6%;*/
    justify-content: space-evenly;
}

@media (max-width: 1300px) {
    .conjunto_ayudas_pie {
        /*margin-left: 2%;*/
    }
}

@media (min-width: 1700px) {
    .conjunto_ayudas_pie {
        /*margin-left: 9%;*/
    }
}

@media (min-width: 2500px) {
    .conjunto_ayudas_pie {
        /*margin-left: 15%;*/
    }
}

.titulo_ayuda::after {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 0.3em;
    vertical-align: middle;
    content: "";
    background-image: url("../img/iconos/down-arrow.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 12px auto;
    /*border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent; */
}

.opinionesDesktop {
    margin-right: auto;
}

@media (min-width: 1300px) {
    .opiniones1 {
        display: block;
    }

    .opiniones2 {
        display: none;
    }

    .ensenya_opiniones {
    }
}

@media (max-width: 1299px) {
    .opiniones1 {
        display: none;
    }

    .opiniones2 {
        display: block;
        text-align: center;
        margin-bottom: 40px;
    }

    .ensenya_opiniones {
        display: none;
    }
}

@media (max-width: 767px) {
    .opiniones2 {
        display: none;
    }
}


.section-aviso-legal {
    display: none;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
    margin-top: 0.3125rem;
    background-color: #f7f7f7;
}

    .section-aviso-legal .col, .section-aviso-legal [class*="col-"] {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem;
    }

        .section-aviso-legal .col + .col, .section-aviso-legal [class*="col-"] + [class*="col-"] {
            border-left: 1px solid #a0a0a0;
        }

@media (max-width: 991px) {
    .section-aviso-legal .col + .col, .section-aviso-legal [class*="col-"] + [class*="col-"] {
        border: none;
        text-align: center;
    }
}

.section-aviso-legal a {
    font-size: 0.75rem;
    font-weight: 300;
    text-transform: uppercase;
    color: #a0a0a0;
}

@media (min-width: 768px) {
    .section-aviso-legal {
        display: block;
    }
}

.newsletter-form {
    margin: 0 auto;
    max-width: 90%;
}

    .newsletter-form .form-group, .newsletter-form .form .form-check, .form .newsletter-form .form-check, .newsletter-form .form-steps .form-check, .form-steps .newsletter-form .form-check {
        margin-bottom: 0.5rem;
        text-align: center;
    }

@media (max-width: 767px) {
    .newsletter-form .form-group, .newsletter-form .form .form-check, .form .newsletter-form .form-check, .newsletter-form .form-steps .form-check, .form-steps .newsletter-form .form-check {
        margin-bottom: 1rem;
    }
}

.newsletter-form .form-control {
    display: inline-block;
    font-weight: 400;
    font-size: 1rem;
    text-align: left;
    line-height: 2.125rem;
    border-bottom: 1px solid #807a76;
    padding: 5px 0px;
    height: 27px;
}

.newsletter-form .form-button {
    margin-top: 21px;
}

    .newsletter-form .form-button .btn, .newsletter-form .form-button a.reset-filters {
        margin-top: 0.125rem;
        margin-bottom: 0.125rem;
    }

@media (min-width: 480px) {
    .newsletter-form {
        max-width: 70%;
    }
}

@media (min-width: 575px) {
    .newsletter-form {
        max-width: 58%;
    }
}

@media (min-width:768px) {
    .newsletter-form {
        max-width: 46%;
    }
}

@media (min-width:960px) {
    .newsletter-form {
        max-width: 37%;
    }
}

@media (min-width:1024px) {
    .newsletter-form {
        max-width: 39%;
    }
}

@media (min-width:1026px) {
    .newsletter-form {
        max-width: 100%;
    }
}

.newsletter-form .custom-control {
    min-height: 1.375rem;
    line-height: 1.375rem;
    padding-left: 2.2rem;
    font-size: 0.875rem;
}

.newsletter-form .custom-control-indicator {
    top: 0;
    border-radius: 50%;
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 2px;
}

.newsletter-form .custom-control-description {
    font-weight: 400;
    margin-left: -5px;
}

    .newsletter-form .custom-control-description a {
        text-decoration: underline;
        color: inherit;
    }

.newsletter-form .custom-control-input:focus ~ .custom-control-indicator {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form .form-title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 2.8125rem;
    text-align: center;
    text-transform: uppercase;
}

.form .form-title-2 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 1.875rem;
    text-transform: uppercase;
}

.form .mt {
    margin-top: 8.125rem !important;
}

.form .mb {
    margin-bottom: 8.125rem !important;
}

.form .form-group, .form .form-check {
    margin-bottom: 0.6rem;
}

    .form .form-group .text-muted, .form .form-check .text-muted {
        font-size: 0.75rem;
    }

    .form .form-group label, .form .form-check label {
        font-weight: 400;
        font-size: 1rem;
        color: #a0a0a0;
    }

.form .form-control, .form .form-control2 {
    display: inline-block;
    /*padding-left: 10px;*/
    padding-right: 0;
    font-weight: 400;
    font-size: 1rem;
    border-bottom-color: #d8d9dd;
}

    .form .form-control:focus, .form .form-control2:focus {
        border-color: #fff #fff #404040;
    }

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

    .form .form-control2::-webkit-input-placeholder {
        color: #a0a0a0;
    }

    .form .form-control::-moz-placeholder {
        color: #a0a0a0;
    }

    .form .form-control2::-moz-placeholder {
        color: #a0a0a0;
    }

    .form .form-control:-ms-input-placeholder {
        color: #a0a0a0;
    }

    .form .form-control2:-ms-input-placeholder {
        color: #a0a0a0;
    }

    .form .form-control::placeholder {
        color: #a0a0a0;
    }

    .form .form-control2::placeholder {
        color: #a0a0a0;
    }

    .form .form-control.has-border, .form .form-control2.has-border {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        border-color: #a0a0a0;
    }

    .form .form-control:focus.has-border, .form .form-control2:focus.has-border {
        border-color: #404040;
    }

.form textarea.form-control, .form textarea.form-control2 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    background-color: #f1f1f0;
    border-bottom-color: transparent;
}

    .form textarea.form-control:focus, .form textarea.form-control2:focus {
        background-color: #ececeb;
        border-bottom-color: transparent;
    }

.form .text-center .form-control, .form .text-center .form-control2, .form .header .logo .form-control, .form .header .logo .form-control2, .header .form .logo .form-control, .header .form .logo .form-control2 {
    text-align: center;
}

.form .form-control-feedback {
    font-size: 0.875rem;
    font-style: italic;
}

.form .form-check {
    margin-bottom: 1rem;
}

.form .form-button {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

    .form .form-button:last-child {
        margin-bottom: 0;
    }

    .form .form-button .btn, .form .form-button a.reset-filters {
        margin-top: 0.125rem;
        margin-bottom: 0.125rem;
    }

.form .has-success .form-control {
    border-color: #fff #fff #5cb85c;
}

.form .has-warning .form-control {
    border-color: #fff #fff #f0ad4e;
}

.form .has-danger .form-control {
    border-color: #fff #fff #d9534f;
}

.form .custom-control {
    margin: 0;
    min-height: 1.25rem;
    line-height: 1.25rem;
    padding-left: 2.2rem;
    font-size: 0.75rem;
    color: #a0a0a0;
}

.form .custom-control-indicator {
    top: 0;
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem;
}

.form .custom-control-description {
    font-weight: 400;
}

    .form .custom-control-description a {
        font-weight: 700;
        text-decoration: none;
        color: inherit;
    }

.form .custom-control-input:focus ~ .custom-control-indicator {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-steps {
    font-weight: 300;
    font-size: 0.875rem;
}

    .form-steps .form-title {
        font-size: 1.25rem;
        font-weight: 600;
        margin-bottom: 2.1875rem;
        text-transform: uppercase;
    }

    .form-steps .form-title-2 {
        font-size: 1.125rem;
        font-weight: 400;
        margin-bottom: 1.5625rem;
    }

    .form-steps .row, .form-steps .mobile-menu .filters ul .collapse-inner, .mobile-menu .filters ul .form-steps .collapse-inner, .form-steps .mobile-filters .filters ul .collapse-inner, .mobile-filters .filters ul .form-steps .collapse-inner {
        margin-left: -4px;
        margin-right: -4px;
    }

    .form-steps [class*="col-"] {
        padding-left: 4px;
        padding-right: 4px;
    }

    .form-steps .col {
        padding-left: 4px;
        padding-right: 4px;
    }

    .form-steps .form-group, .form-steps .form-check {
        margin-bottom: 1rem;
    }

        .form-steps .form-group .text-muted, .form-steps .form-check .text-muted {
            font-size: 0.75rem;
        }

    .form-steps .form-control {
        display: inline-block;
        padding-left: 0;
        padding-right: 0;
        font-weight: 300;
        font-size: 0.875rem;
        line-height: 1.375rem;
        border-bottom-color: #a0a0a0;
    }

        .form-steps .form-control.has-border {
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            border-color: #a0a0a0;
        }

        .form-steps .form-control:focus {
            border-color: #fff #fff #404040;
        }

            .form-steps .form-control:focus.has-border {
                border-color: #404040;
            }

        .form-steps .form-control::-webkit-input-placeholder {
            text-transform: uppercase;
            color: #a0a0a0;
        }

        .form-steps .form-control::-moz-placeholder {
            text-transform: uppercase;
            color: #a0a0a0;
        }

        .form-steps .form-control:-ms-input-placeholder {
            text-transform: uppercase;
            color: #a0a0a0;
        }

        .form-steps .form-control::placeholder {
            text-transform: uppercase;
            color: #a0a0a0;
        }

    .form-steps .text-center .form-control, .form-steps .header .logo .form-control, .header .form-steps .logo .form-control {
        text-align: center;
    }

    .form-steps .form-control-feedback {
        font-size: 0.75rem;
        font-style: italic;
    }

    .form-steps .form-check {
        margin-bottom: 1rem;
    }

    .form-steps .form-button {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

        .form-steps .form-button:last-child {
            margin-bottom: 0;
        }

        .form-steps .form-button .btn, .form-steps .form-button a.reset-filters {
            margin-top: 0.125rem;
            margin-bottom: 0.125rem;
        }

    .form-steps .has-success .form-control {
        border-color: #fff #fff #5cb85c;
    }

    .form-steps .has-warning .form-control {
        border-color: #fff #fff #f0ad4e;
    }

    .form-steps .has-danger .form-control {
        border-color: #fff #fff #d9534f;
    }

    .form-steps .custom-control {
        min-height: 1.25rem;
        line-height: 1.25rem;
        padding-left: 2rem;
        margin-right: 0;
        margin-bottom: 0;
        font-size: 0.875rem;
        color: #000;
    }

    .form-steps .custom-control-indicator {
        top: 0;
        border-radius: 50%;
        width: 1.25rem;
        height: 1.25rem;
    }

    .form-steps .custom-control-description {
        font-weight: 300;
    }

        .form-steps .custom-control-description a {
            font-weight: 700;
            text-decoration: none;
            color: inherit;
        }

    .form-steps .text-right .custom-control-description {
        text-align: left;
    }

    .form-steps .custom-control-input:focus ~ .custom-control-indicator {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .form-steps .formas-de-pago {
        border-bottom: 1px solid #a0a0a0;
        padding-top: 0.625rem;
    }

        .form-steps .formas-de-pago .custom-control {
            display: block;
            margin-right: 0;
            margin-bottom: 0.5625rem;
            padding-left: 0;
        }

            .form-steps .formas-de-pago .custom-control .custom-control-indicator {
                left: inherit;
                right: 0;
            }

    .form-steps .info {
        color: #707070;
    }

    .form-steps .btn-default {
        color: #fff;
    }

.section-product-list {
    margin-top: 7px;
    margin-bottom: 1.25rem;
}

    .section-product-list .row, .section-product-list .mobile-menu .filters ul .collapse-inner, .mobile-menu .filters ul .section-product-list .collapse-inner, .section-product-list .mobile-filters .filters ul .collapse-inner, .mobile-filters .filters ul .section-product-list .collapse-inner {
        margin-left: -0.3125rem;
        margin-right: -0.3125rem;
    }

@media (min-width:768px) {
    .section-product-list .row, .section-product-list .mobile-menu .filters ul .collapse-inner, .mobile-menu .filters ul .section-product-list .collapse-inner, .section-product-list .mobile-filters .filters ul .collapse-inner, .mobile-filters .filters ul .section-product-list .collapse-inner {
        margin-right: -15px;
    }
}

.section-product-list [class*="col-"] {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
    margin-top: 6px;
}

.section-product-list .col {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
}

.product {
    display: block;
    margin-bottom: 2.5rem;
    text-decoration: none;
    margin-bottom: 2.3em;
}

@media (max-width: 767px) {
    .product {
        text-align: right;
    }
}

.section-product-list [class*="col-"] {
    margin-top: 0px;
    padding: 0px 1px;
}

.product .image {
    display: inline-block;
    position: relative;
    width: 100%;
    z-index: 1;
}

    .product .image img {
        max-width: 100%;
        height: auto;
        position: relative;
        z-index: 1;
    }

        .product .image img.hover {
            position: absolute;
            z-index: 2;
            top: 0;
            left: 0;
            opacity: 0;
        }

    .product .image + p, .product .image + h3 {
        margin-top: 0.8rem;
    }


.product .description {
    padding: 0em .3em 0em .5em;
    text-align: left;
    margin-bottom: 3px;
}

.description .titulo_producto_listado {
    font-size: 0.9rem;
}


@media (min-width:1024px) {
    .description .titulo_producto_listado {
        font-size: 1.1em;
    }

    .talla-list {
        font-size: 0.888em !important;
    }
}

@media (min-width:1880px) {
    .description .titulo_producto_listado {
        font-size: 1.2em;
    }
}

.ProductColor {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.4em;
}

.product p {
    margin-bottom: 0;
    margin-top: 0.19em;
    -webkit-transition: color 300ms linear;
    transition: color 300ms linear;
    font-size: 0.7rem;
    font-weight: 600;
    color: #000;
}

.product h3 {
    margin-bottom: 0.25rem;
    -webkit-transition: color 300ms linear;
    transition: color 300ms linear;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.5;
    color: #000;
}

    .product p.price, .product h3.price {
        font-weight: 700;
        font-size: 0.9em;
    }

        .product p.price.reduced, .product h3.price.reduced, .product span.price.reduced {
            /*color: #e30413;*/
            font-weight: bold !important;
            font-size: 1.5rem;
        }

    .product p.previous-price, .product h3.previous-price, .product span.previous-price {
        /*color: #fb1818;*/
        text-decoration: line-through;
        font-size: 0.9em;
        font-weight: 500;
    }

@media (max-width: 767px) {
    .product p.price.reduced, .product h3.price.reduced, .product span.price.reduced {
        font-size: 0.9em;
    }

    .product p.previous-price, .product h3.previous-price, .product span.previous-price {
        /*color: #fb1818;*/
        /*color: #898989;*/
        text-decoration: line-through;
        font-size: 0.9em;
        font-weight: 500;
    }
}

.product:not(.quick-buy):hover .image img.hover {
    opacity: 1;
}

.product.quick-buy .image:hover img.hover {
    opacity: 1;
}

.product.quick-buy .image-quick-buy-content {
    position: relative;
}

    .product.quick-buy .image-quick-buy-content .anyadir-al-carro {
        z-index: 2;
        bottom: 0px;
        left: 0px;
        width: 100%;
        padding: 5.25% 16%;
        font-size: 0.875rem;
        font-weight: 300;
        background-color: rgba(255, 255, 255, 0.8);
        transition: opacity 200ms ease 0s, visibility 0ms ease 200ms;
        position: absolute;
        display: none;
        cursor: pointer;
    }

    .product.quick-buy .image-quick-buy-content .elegir-talla {
        z-index: 2;
        bottom: 0px;
        left: 0px;
        width: 100%;
        /*padding: 4% 5%;*/
        padding-bottom: 4%;
        font-size: 1rem;
        font-weight: 300;
        margin-bottom: 10px;
        background-color: rgba(255, 255, 255, 0.8);
        transition: opacity 200ms ease 0s, visibility 0ms ease 200ms;
        /*position: absolute;*/
        display: none;
        cursor: pointer;
        padding-left:0.5em;
    }

    .product.quick-buy .image-quick-buy-content .quick-buy-description {
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 4% 16%;
        visibility: hidden;
        opacity: 0;
        font-size: 0.875rem;
        font-weight: 300;
        background-color: rgba(255, 255, 255, 0.9);
        -webkit-transition: opacity 200ms, visibility 0ms 200ms;
        transition: opacity 200ms, visibility 0ms 200ms;
    }

@media (max-width: 767px) {
    .product.quick-buy .image-quick-buy-content .quick-buy-description {
        padding: 5% 10%;
    }
}

@media (max-width: 575px) {
    .product.quick-buy .image-quick-buy-content .quick-buy-description {
        padding: 5%;
    }
}

@media (max-width: 455px) {
    .product.quick-buy .image-quick-buy-content .quick-buy-description {
        display: none;
    }
}

.product.quick-buy .image-quick-buy-content .quick-buy-description:hover, .product.quick-buy .image-quick-buy-content .quick-buy-description.is-visible {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
}

.product.quick-buy .image-quick-buy-content .quick-buy-description .color-content p {
    margin-bottom: 0.3125rem;
}

.product.quick-buy .image-quick-buy-content .elegir-talla .talla-content p {
    padding: 1.375rem;
    margin-bottom: 0;
}

.product.quick-buy .image-quick-buy-content .quick-buy-description .color-content {
    margin-bottom: 0.25rem;
    text-align: center;
}

    .product.quick-buy .image-quick-buy-content .quick-buy-description .color-content .color {
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

        .product.quick-buy .image-quick-buy-content .quick-buy-description .color-content .color input {
            position: absolute;
            z-index: -1;
            opacity: 0;
        }

        .product.quick-buy .image-quick-buy-content .quick-buy-description .color-content .color span {
            display: block;
            width: 2.8125rem;
            max-width: 100%;
            height: 1.25rem;
        }

        .product.quick-buy .image-quick-buy-content .quick-buy-description .color-content .color input:checked ~ span {
            color: #000;
            -webkit-box-shadow: 0 0 0 2px black;
            box-shadow: 0 0 0 2px black;
        }

        .product.quick-buy .image-quick-buy-content .quick-buy-description .color-content .color + .color {
            margin-left: 0.0625rem;
        }

.product.quick-buy .image-quick-buy-content .quick-buy-description .talla-content {
    margin-bottom: 1.375rem;
}

    .product.quick-buy .image-quick-buy-content .quick-buy-description .talla-content .talla-list .talla,
    .product.quick-buy .image-quick-buy-content .elegir-talla .talla-content .talla-list .talla {
        position: relative;
        display: inline-block;
        cursor: pointer;
        margin-bottom:0;
    }

.talla-list .talla:hover {
    background-color: black;
    color: white;
    text-align: center;
}

@media (min-width: 768px) {
    .talla-list .talla:hover {
        background-color: black;
        color: white;
        text-align: center;
        min-width: 18px;
        border:none;
    }
}


.product.quick-buy .image-quick-buy-content .quick-buy-description .talla-content .talla-list .talla input,
.product.quick-buy .image-quick-buy-content .elegir-talla .talla-content .talla-list .talla input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.product.quick-buy .image-quick-buy-content .quick-buy-description .talla-content .talla-list .talla span,
.product.quick-buy .image-quick-buy-content .elegir-talla .talla-content .talla-list .talla span {
    display: inline-block;
    font-size: 0.8em;
    line-height: 20px;
    min-width: 18px;
}

/*.product.quick-buy .image-quick-buy-content .quick-buy-description .talla-content .talla-list .talla input:checked ~ span,
.product.quick-buy .image-quick-buy-content .elegir-talla .talla-content .talla-list .talla input:checked ~ span {
    text-decoration: underline;
}*/

.product.quick-buy .image-quick-buy-content .quick-buy-description .add-to-cart .btn, .product.quick-buy .image-quick-buy-content .quick-buy-description .add-to-cart a.reset-filters {
    font-size: 0.875rem;
    -webkit-transition: none;
    transition: none;
}

    .product.quick-buy .image-quick-buy-content .quick-buy-description .add-to-cart .btn:hover, .product.quick-buy .image-quick-buy-content .quick-buy-description .add-to-cart a.reset-filters:hover {
        background-color: #333333;
    }

.product a {
    text-decoration: none;
    /*text-align: center;*/
}

.mobile .product .image:hover .hover {
    opacity: 0 !important;
}

a.product {
    text-decoration: none;
    text-align: center;
}

.mobile .quick-buy-description {
    display: none;
}

.result-search {
    padding: 0.625rem 0;
    margin-top: -1px;
    margin-bottom: -1.25rem;
    line-height: 1.875rem;
    font-size: 14px;
    font-weight: 300;
    border-top: 1px solid #b9b0ab;
}

/*.section-product-detail, .modal-product-detail {
    margin-top: 3.5rem;
}
@media (min-width: 768px) {
    .section-product-detail, .modal-product-detail {
        margin-top: 6rem;
    }
}*/

.section-product-detail .go-back, .modal-product-detail .go-back {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    margin-top: -2.25rem;
    text-align: right;
}

    .section-product-detail .go-back a, .modal-product-detail .go-back a {
        font-size: 0.75rem;
        text-transform: uppercase;
        color: #7d7d7d;
    }

@media (min-width: 576px) and (max-width: 767px) {
    .section-product-detail .container, .modal-product-detail .container {
        width: auto;
    }
}

@media only screen and (max-width: 767px) {
    .section-product-detail img, .modal-product-detail img {
        height: auto;
    }
}

.section-product-detail img, .modal-product-detail img {
    max-width: 100%;
    height: auto;
}

.section-product-detail .images-detail .row, .section-product-detail .images-detail .mobile-menu .filters ul .collapse-inner, .mobile-menu .filters ul .section-product-detail .images-detail .collapse-inner, .section-product-detail .images-detail .mobile-filters .filters ul .collapse-inner, .mobile-filters .filters ul .section-product-detail .images-detail .collapse-inner, .section-product-detail .product-complement .row, .section-product-detail .product-complement .mobile-menu .filters ul .collapse-inner, .mobile-menu .filters ul .section-product-detail .product-complement .collapse-inner, .section-product-detail .product-complement .mobile-filters .filters ul .collapse-inner, .mobile-filters .filters ul .section-product-detail .product-complement .collapse-inner, .section-product-detail .product-complement-mobile .row, .section-product-detail .product-complement-mobile .mobile-menu .filters ul .collapse-inner, .mobile-menu .filters ul .section-product-detail .product-complement-mobile .collapse-inner, .section-product-detail .product-complement-mobile .mobile-filters .filters ul .collapse-inner, .mobile-filters .filters ul .section-product-detail .product-complement-mobile .collapse-inner, .modal-product-detail .images-detail .row, .modal-product-detail .images-detail .mobile-menu .filters ul .collapse-inner, .mobile-menu .filters ul .modal-product-detail .images-detail .collapse-inner, .modal-product-detail .images-detail .mobile-filters .filters ul .collapse-inner, .mobile-filters .filters ul .modal-product-detail .images-detail .collapse-inner, .modal-product-detail .product-complement .row, .modal-product-detail .product-complement .mobile-menu .filters ul .collapse-inner, .mobile-menu .filters ul .modal-product-detail .product-complement .collapse-inner, .modal-product-detail .product-complement .mobile-filters .filters ul .collapse-inner, .mobile-filters .filters ul .modal-product-detail .product-complement .collapse-inner, .modal-product-detail .product-complement-mobile .row, .modal-product-detail .product-complement-mobile .mobile-menu .filters ul .collapse-inner, .mobile-menu .filters ul .modal-product-detail .product-complement-mobile .collapse-inner, .modal-product-detail .product-complement-mobile .mobile-filters .filters ul .collapse-inner, .mobile-filters .filters ul .modal-product-detail .product-complement-mobile .collapse-inner {
    margin-left: -0.3125rem;
    margin-right: -0.3125rem;
}

.section-product-detail .images-detail [class*="col-"], .section-product-detail .product-complement [class*="col-"], .section-product-detail .product-complement-mobile [class*="col-"], .modal-product-detail .images-detail [class*="col-"], .modal-product-detail .product-complement [class*="col-"], .modal-product-detail .product-complement-mobile [class*="col-"] {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
}

.section-product-detail .images-detail .col, .section-product-detail .product-complement .col, .section-product-detail .product-complement-mobile .col, .modal-product-detail .images-detail .col, .modal-product-detail .product-complement .col, .modal-product-detail .product-complement-mobile .col {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
}

.section-product-detail .images-detail a.product, .section-product-detail .product-complement a.product, .section-product-detail .product-complement-mobile a.product, .modal-product-detail .images-detail a.product, .modal-product-detail .product-complement a.product, .modal-product-detail .product-complement-mobile a.product {
    margin-bottom: 0.625rem;
}

.section-product-detail .images-detail, .modal-product-detail .images-detail {
    display: none;
    margin-bottom: 5rem;
    margin-top: -1.5rem;
}

@media (min-width: 768px) {
    .section-product-detail .images-detail, .modal-product-detail .images-detail {
        display: block;
    }
    .section-product-detail .images-detail {
        margin-bottom:2.5rem;
    }
}
@media (min-width: 1280px) {
    .section-product-detail .images-detail {
        margin-bottom: 4.5rem;
    }
}

.section-product-detail .images-detail [class*="col-"], .modal-product-detail .images-detail [class*="col-"] {
    margin-bottom: 0.625rem;
}

.section-product-detail .images-detail-mobile, .modal-product-detail .images-detail-mobile {
    display: block;
    margin: 0 auto 0.5rem;
    max-width: 492px;
    margin-top: -2rem;
}

@media (min-width: 768px) {
    .section-product-detail .images-detail-mobile, .modal-product-detail .images-detail-mobile {
        display: none;
    }
}

.section-product-detail .product-complement .title, .section-product-detail .product-complement-mobile .title, .modal-product-detail .product-complement .title, .modal-product-detail .product-complement-mobile .title {
    margin-bottom: 1.25rem;
    font-size: 0.875rem;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.875rem;
    border-bottom: 1px solid #d1d7da;
    color: #000;
}

.section-product-detail .product-complement, .modal-product-detail .product-complement {
    display: none;
    margin-bottom: 5rem;
}

@media (min-width: 576px) {
    .section-product-detail .product-complement, .modal-product-detail .product-complement {
        display: block;
    }
}

.section-product-detail .product-complement-mobile, .modal-product-detail .product-complement-mobile {
    display: block;
    margin-top: 3.75rem;
    margin-bottom: 1.25rem;
}

@media (min-width: 576px) {
    .section-product-detail .product-complement-mobile, .modal-product-detail .product-complement-mobile {
        display: none;
    }
}

.section-product-detail .product-description, .modal-product-detail .product-description {
    position: sticky;
    top: 0px;
}
/*.section-product-detail .product-description {
    padding:15px;
}*/

    .section-product-detail .product-description .title, .modal-product-detail .product-description .title {
        font-size: 1.2rem;
        font-weight: 400;
        text-align: left;
        text-transform:capitalize;
    }
    .section-product-detail .product-description .title-modelo {
        font-size: 0.9rem !important;        
    }

@media (max-width: 767px) {
    .section-product-detail .product-description, .modal-product-detail .product-description {
        font-size: 1.075rem;
        position: relative;
        top: 0;
        padding:15px;
        /*font-weight: 300;*/
    }
}

.section-product-detail .product-description .price, .modal-product-detail .product-description .price {
    margin-bottom: 0.9375rem;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
}

.section-product-detail .product-description .ref, .modal-product-detail .product-description .ref {
    margin-bottom: 1.875rem;
    font-size: 0.75rem;
    font-weight: 300;
    text-transform: uppercase;
    color: #7d7d7d;
}

.section-product-detail .product-description .color-content p, .section-product-detail .product-description .talla-content p, .modal-product-detail .product-description .color-content p, .modal-product-detail .product-description .talla-content p {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    font-size:1em;
}

.section-product-detail .product-description .color-content, .modal-product-detail .product-description .color-content {
    margin-top: 1rem;
    display: grid;
}

    .section-product-detail .product-description .color-content .color, .modal-product-detail .product-description .color-content .color {
        position: relative;
        display: inline-block;
        cursor: pointer;
        padding-right: 5px;
    }

        .section-product-detail .product-description .color-content .color input, .modal-product-detail .product-description .color-content .color input {
            position: absolute;
            z-index: -1;
            opacity: 0;
        }

        .section-product-detail .product-description .color-content .color span, .modal-product-detail .product-description .color-content .color span {
            display: block;
            width: 4.0625rem;
            max-width: 100%;
            height: 1.5625rem;
        }

        .section-product-detail .product-description .color-content .color input:checked ~ span, .modal-product-detail .product-description .color-content .color input:checked ~ span {
            color: #000;
            -webkit-box-shadow: 0 0 0 2px black;
            box-shadow: 0 0 0 2px black;
        }

        .section-product-detail .product-description .color-content .color + .color, .modal-product-detail .product-description .color-content .color + .color {
            margin-left: 0.0625rem;
        }

.section-product-detail .product-description .talla-content, .modal-product-detail .product-description .talla-content {
    display: grid;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

@media (min-width: 668px) {
    .modal-product-detail .product-description .talla-content {
        margin-bottom: 2rem;
    }
}

.section-product-detail .product-description .talla-content .talla-list .talla, .modal-product-detail .product-description .talla-content .talla-list .talla {
    /*position: relative;*/
    display: inline;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    float: none;
    margin-bottom: 0;
    padding: 11px 0px;
    border: 1px solid lightgrey;
    text-align: center;
}

    .section-product-detail .product-description .talla-content .talla-list .talla input, .modal-product-detail .product-description .talla-content .talla-list .talla input {
        position: absolute;
        z-index: -1;
        opacity: 0;
        text-align: center;
        min-width: 40px;
        min-height: 30px;
    }


    .section-product-detail .product-description .talla-content .talla-list .talla span, .modal-product-detail .product-description .talla-content .talla-list .talla span {
        /*display: inline-block;*/
    }

    .section-product-detail .product-description .talla-content .talla-list .talla input:checked ~ span, .modal-product-detail .product-description .talla-content .talla-list .talla input:checked ~ span {
        /*text-decoration: underline;*/
        background-color: #000;
        color: white;
        min-width: 40px;
        padding: 14px;
        text-align: center;
    }

.section-product-detail .product-description h3, .section-product-detail .product-description h4, .modal-product-detail .product-description h3, .modal-product-detail .product-description h4 {
    margin-bottom: 1rem;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.5;
    text-transform: uppercase;
}

.section-product-detail .product-description .description h3, .section-product-detail .product-description .description h4, .section-product-detail .product-description .description p, .modal-product-detail .product-description .description h3, .modal-product-detail .product-description .description h4, .modal-product-detail .product-description .description p {
    margin-bottom: 1.25rem;
}

.section-product-detail .product-description .description hr, .modal-product-detail .product-description .description hr {
    margin-top: 0;
    margin-bottom: 0;
}

.section-product-detail .product-description .description .des-item, .modal-product-detail .product-description .description .des-item {
    margin-top: 1.25rem;
}

.section-product-detail .product-description .description [data-toggle="collapse"], .modal-product-detail .product-description .description [data-toggle="collapse"] {
    padding-right: 0.3125rem;
    cursor: pointer;
}

    .section-product-detail .product-description .description [data-toggle="collapse"]:after, .modal-product-detail .product-description .description [data-toggle="collapse"]:after {
        content: "+";
        display: inline-block;
        float: right;
    }

    .section-product-detail .product-description .description [data-toggle="collapse"][aria-expanded="true"]:after, .modal-product-detail .product-description .description [data-toggle="collapse"][aria-expanded="true"]:after {
        content: "-";
    }

.section-product-detail .product-description .description .collapsing, .modal-product-detail .product-description .description .collapsing {
    -webkit-transition: height 200ms ease;
    transition: height 200ms ease;
}

.section-product-detail .product-description .help, .modal-product-detail .product-description .help {
    font-size: 0.875rem;
    font-weight: 300;
    color: #7d7d7d;
}

@media (max-width: 767px) {
    .section-product-detail .product-description, .modal-product-detail .product-description {
        /*text-align: center;*/
    }

        .section-product-detail .product-description .description, .modal-product-detail .product-description .description {
            text-align: left;
            margin-bottom: 33px;
        }
}

@media (max-width: 575px) {
    .section-product-detail .add-to-cart.is-hide, .section-product-detail .add-to-cart-mobile-bottom.is-hide, .modal-product-detail .add-to-cart.is-hide, .modal-product-detail .add-to-cart-mobile-bottom.is-hide {
        visibility: hidden;
    }
}

.section-product-detail .add-to-cart-mobile-bottom, .modal-product-detail .add-to-cart-mobile-bottom {
    display: none;
}

@media (max-width: 575px) {
    .section-product-detail .add-to-cart-mobile-bottom, .modal-product-detail .add-to-cart-mobile-bottom {
        display: block;
    }
}

.section-product-detail .add-to-cart, .modal-product-detail .add-to-cart {
    margin-bottom: 2rem;
}

@media (max-width: 575px) {
    .section-product-detail .add-to-cart, .modal-product-detail .add-to-cart {
        margin-bottom: 15px;
    }
}

.section-product-detail .add-to-cart-mobile-bottom, .modal-product-detail .add-to-cart-mobile-bottom {
    margin-bottom: 15px;
}

.section-product-detail .add-to-cart-mobile, .modal-product-detail .add-to-cart-mobile {
    visibility: hidden;
    position: fixed;
    z-index: 1030;
    bottom: 0;
    left: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    width: 100%;
}

@media (max-width: 575px) {
    .section-product-detail .add-to-cart-mobile.is-show, .modal-product-detail .add-to-cart-mobile.is-show {
        visibility: visible;
    }
}

.section-product-detail .add-to-cart .btn, .section-product-detail .add-to-cart a.reset-filters, .section-product-detail .add-to-cart-mobile .btn, .section-product-detail .add-to-cart-mobile a.reset-filters, .section-product-detail .add-to-cart-mobile-bottom .btn, .section-product-detail .add-to-cart-mobile-bottom a.reset-filters, .modal-product-detail .add-to-cart .btn, .modal-product-detail .add-to-cart a.reset-filters, .modal-product-detail .add-to-cart-mobile .btn, .modal-product-detail .add-to-cart-mobile a.reset-filters, .modal-product-detail .add-to-cart-mobile-bottom .btn, .modal-product-detail .add-to-cart-mobile-bottom a.reset-filters {
    padding-top: .8rem;
    padding-bottom: .8rem;
    -webkit-transition: none;
    transition: none;
    /*
			&:hover{
				background-color: lighten($black, 20%);
			}
			*/
}

.modal-product-detail-content .modal-product-detail {
    margin-top: 0;
}

.modal-product-detail-content .images-detail {
    display: block;
    margin-bottom: 0;
}

.modal-product-detail-content .product-description .description p {
    margin-bottom: 0;
}

.section-cart {
    margin-top: 4.0625rem;
    margin-bottom: 6.25rem;
}

@media (max-width: 991px) {
    .section-cart .container {
        width: auto;
    }
}

.section-cart .title {
    margin-bottom: 2.5rem;
    font-size: 1.25rem;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}

@media (min-width: 768px) {
    .section-cart .title {
        text-align: left;
    }
}

.section-cart .cart-list {
    padding-left: 0;
    list-style: none;
}

    .section-cart .cart-list .cart-item, .section-cart .cart-list .cart-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

        .section-cart .cart-list .cart-item .cart-image, .section-cart .cart-list .cart-head .cart-image {
            width: 35%;
        }

        .section-cart .cart-list .cart-item .cart-body, .section-cart .cart-list .cart-head .cart-body {
            width: 65%;
            padding-left: 1.5625rem;
        }

@media (min-width: 768px) {
    .section-cart .cart-list .cart-item, .section-cart .cart-list .cart-head {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .section-cart .cart-list .cart-item [class*="cart-"] + [class*="cart-"], .section-cart .cart-list .cart-head [class*="cart-"] + [class*="cart-"] {
            padding-left: 25px;
        }

        .section-cart .cart-list .cart-item .cart-image, .section-cart .cart-list .cart-item .cart-head-image, .section-cart .cart-list .cart-head .cart-image, .section-cart .cart-list .cart-head .cart-head-image {
            width: 10%;
        }

        .section-cart .cart-list .cart-item .cart-body, .section-cart .cart-list .cart-item .cart-head-body, .section-cart .cart-list .cart-head .cart-body, .section-cart .cart-list .cart-head .cart-head-body {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 90%;
        }

            .section-cart .cart-list .cart-item .cart-body .cart-description, .section-cart .cart-list .cart-item .cart-body .cart-head-description, .section-cart .cart-list .cart-item .cart-head-body .cart-description, .section-cart .cart-list .cart-item .cart-head-body .cart-head-description, .section-cart .cart-list .cart-head .cart-body .cart-description, .section-cart .cart-list .cart-head .cart-body .cart-head-description, .section-cart .cart-list .cart-head .cart-head-body .cart-description, .section-cart .cart-list .cart-head .cart-head-body .cart-head-description {
                width: 35%;
            }

            .section-cart .cart-list .cart-item .cart-body .cart-size, .section-cart .cart-list .cart-item .cart-body .cart-head-size, .section-cart .cart-list .cart-item .cart-head-body .cart-size, .section-cart .cart-list .cart-item .cart-head-body .cart-head-size, .section-cart .cart-list .cart-head .cart-body .cart-size, .section-cart .cart-list .cart-head .cart-body .cart-head-size, .section-cart .cart-list .cart-head .cart-head-body .cart-size, .section-cart .cart-list .cart-head .cart-head-body .cart-head-size {
                width: 12.5%;
            }

            .section-cart .cart-list .cart-item .cart-body .cart-color, .section-cart .cart-list .cart-item .cart-body .cart-head-color, .section-cart .cart-list .cart-item .cart-head-body .cart-color, .section-cart .cart-list .cart-item .cart-head-body .cart-head-color, .section-cart .cart-list .cart-head .cart-body .cart-color, .section-cart .cart-list .cart-head .cart-body .cart-head-color, .section-cart .cart-list .cart-head .cart-head-body .cart-color, .section-cart .cart-list .cart-head .cart-head-body .cart-head-color {
                width: 12.5%;
            }

            .section-cart .cart-list .cart-item .cart-body .cart-quantity, .section-cart .cart-list .cart-item .cart-body .cart-head-quantity, .section-cart .cart-list .cart-item .cart-head-body .cart-quantity, .section-cart .cart-list .cart-item .cart-head-body .cart-head-quantity, .section-cart .cart-list .cart-head .cart-body .cart-quantity, .section-cart .cart-list .cart-head .cart-body .cart-head-quantity, .section-cart .cart-list .cart-head .cart-head-body .cart-quantity, .section-cart .cart-list .cart-head .cart-head-body .cart-head-quantity {
                width: 12.5%;
            }

            .section-cart .cart-list .cart-item .cart-body .cart-price, .section-cart .cart-list .cart-item .cart-body .cart-head-price, .section-cart .cart-list .cart-item .cart-head-body .cart-price, .section-cart .cart-list .cart-item .cart-head-body .cart-head-price, .section-cart .cart-list .cart-head .cart-body .cart-price, .section-cart .cart-list .cart-head .cart-body .cart-head-price, .section-cart .cart-list .cart-head .cart-head-body .cart-price, .section-cart .cart-list .cart-head .cart-head-body .cart-head-price {
                width: 12.5%;
            }

            .section-cart .cart-list .cart-item .cart-body .cart-options, .section-cart .cart-list .cart-item .cart-body .cart-head-options, .section-cart .cart-list .cart-item .cart-head-body .cart-options, .section-cart .cart-list .cart-item .cart-head-body .cart-head-options, .section-cart .cart-list .cart-head .cart-body .cart-options, .section-cart .cart-list .cart-head .cart-body .cart-head-options, .section-cart .cart-list .cart-head .cart-head-body .cart-options, .section-cart .cart-list .cart-head .cart-head-body .cart-head-options {
                width: 15%;
            }
}

.section-cart .cart-list .cart-head {
    padding: 0.625rem 0;
    font-size: 0.875rem;
    font-weight: 300;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .section-cart .cart-list .cart-head {
        display: none;
    }
}

.section-cart .cart-list .cart-head [class*="cart-head-"] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.section-cart .cart-list .cart-head .cart-head-image {
    overflow: inherit;
}

.section-cart .cart-list .cart-head .cart-head-options {
    text-align: right;
}

.section-cart .cart-list .cart-item {
    padding: 1rem 0;
    font-size: 1rem;
    font-weight: 400;
    border-bottom: 1px solid #d1d7da;
}

@media (min-width: 456px) {
    .section-cart .cart-list .cart-item {
        font-size: 1.125rem;
        font-weight: 400;
    }
}

@media (min-width: 768px) {
    .section-cart .cart-list .cart-item {
        font-size: 0.875rem;
        border-top: 1px solid #d1d7da;
        border-bottom: none;
    }
}

.section-cart .cart-list .cart-item .cart-image img {
    max-width: 100%;
    height: auto;
}

.section-cart .cart-list .cart-item .cart-body .cart-description .des {
    margin-bottom: 0;
    font-weight: 700;
}

.section-cart .cart-list .cart-item .cart-body .cart-description .ref .pre {
    display: none;
}

@media (min-width: 768px) {
    .section-cart .cart-list .cart-item .cart-body .cart-description .des {
        margin-bottom: 0.625rem;
    }

    .section-cart .cart-list .cart-item .cart-body .cart-description .ref {
        font-weight: 300;
    }

        .section-cart .cart-list .cart-item .cart-body .cart-description .ref .pre {
            display: inline;
        }

    .section-cart .cart-list .cart-item .cart-body .cart-description p:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .section-cart .cart-list .cart-item .cart-body .cart-size .pre {
        display: none;
    }
}

.section-cart .cart-list .cart-item .cart-body .cart-color * {
    vertical-align: middle;
}

.section-cart .cart-list .cart-item .cart-body .cart-color .color {
    display: inline-block;
    width: 4.0625rem;
    max-width: 100%;
    height: 1.3125rem;
}

@media (min-width: 768px) {
    .section-cart .cart-list .cart-item .cart-body .cart-color .pre {
        display: none;
    }
}

.section-cart .cart-list .cart-item .cart-body .cart-quantity {
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .section-cart .cart-list .cart-item .cart-body .cart-quantity {
        margin-bottom: 0;
    }

        .section-cart .cart-list .cart-item .cart-body .cart-quantity .pre {
            display: none;
        }
}

.section-cart .cart-list .cart-item .cart-body .cart-price .pre {
    display: none;
}

@media (min-width: 768px) {
    .section-cart .cart-list .cart-item .cart-body .cart-price {
        white-space: nowrap;
    }
}

.section-cart .cart-list .cart-item .cart-body .cart-options {
    margin-top: 1rem;
}

    .section-cart .cart-list .cart-item .cart-body .cart-options a {
        margin: 0.15625rem;
        font-size: 1.5rem;
    }

@media (min-width: 768px) {
    .section-cart .cart-list .cart-item .cart-body .cart-options {
        margin-top: 0;
        text-align: right;
    }
}

.section-cart .cart-list .cart-num-items {
    padding: 0.3125rem 0;
    font-size: 1.25rem;
    font-weight: 400;
    text-transform: uppercase;
    border-bottom: 1px solid #d1d7da;
    color: #898989;
}

@media (min-width: 768px) {
    .section-cart .cart-list .cart-num-items {
        display: none;
    }
}

.section-cart .cart-total {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    margin-left: 0;
    margin-right: 0;
    font-size: 0.875rem;
    font-weight: 300;
    background-color: #f5f5f5;
}

    .section-cart .cart-total p {
        margin-bottom: 0.625rem;
    }

    .section-cart .cart-total .total {
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: 0;
    }

.section-cart .cart-code {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

    .section-cart .cart-code h4 {
        margin-bottom: 0;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: 1.125rem;
        font-weight: 400;
    }

    .section-cart .cart-code .form-control {
        background-color: #f7f7f7;
        border-color: #f7f7f7;
    }

        .section-cart .cart-code .form-control:focus {
            background-color: #f7f7f7;
            border-color: #404040;
        }

    .section-cart .cart-code .form-group, .section-cart .cart-code .form .form-check, .form .section-cart .cart-code .form-check, .section-cart .cart-code .form-steps .form-check, .form-steps .section-cart .cart-code .form-check {
        margin-bottom: 0;
        padding-bottom: 1rem;
    }

@media (max-width: 767px) {
    .section-cart .cart-code .form-group, .section-cart .cart-code .form .form-check, .form .section-cart .cart-code .form-check, .section-cart .cart-code .form-steps .form-check, .form-steps .section-cart .cart-code .form-check {
        padding-bottom: 0;
    }
}

@media (max-width: 455px) {
    .section-cart .cart-code .form-group.row [class*="col"], .section-cart .cart-code .mobile-menu .filters ul .form-group.collapse-inner [class*="col"], .mobile-menu .filters ul .section-cart .cart-code .form-group.collapse-inner [class*="col"], .section-cart .cart-code .mobile-menu .filters ul .form .collapse-inner.form-check [class*="col"], .mobile-menu .filters ul .form .section-cart .cart-code .collapse-inner.form-check [class*="col"], .section-cart .cart-code .form .mobile-menu .filters ul .collapse-inner.form-check [class*="col"], .form .mobile-menu .filters ul .section-cart .cart-code .collapse-inner.form-check [class*="col"], .section-cart .cart-code .mobile-menu .filters ul .form-steps .collapse-inner.form-check [class*="col"], .mobile-menu .filters ul .form-steps .section-cart .cart-code .collapse-inner.form-check [class*="col"], .section-cart .cart-code .form-steps .mobile-menu .filters ul .collapse-inner.form-check [class*="col"], .form-steps .mobile-menu .filters ul .section-cart .cart-code .collapse-inner.form-check [class*="col"], .section-cart .cart-code .mobile-filters .filters ul .form-group.collapse-inner [class*="col"], .mobile-filters .filters ul .section-cart .cart-code .form-group.collapse-inner [class*="col"], .section-cart .cart-code .mobile-filters .filters ul .form .collapse-inner.form-check [class*="col"], .mobile-filters .filters ul .form .section-cart .cart-code .collapse-inner.form-check [class*="col"], .section-cart .cart-code .form .mobile-filters .filters ul .collapse-inner.form-check [class*="col"], .form .mobile-filters .filters ul .section-cart .cart-code .collapse-inner.form-check [class*="col"], .section-cart .cart-code .mobile-filters .filters ul .form-steps .collapse-inner.form-check [class*="col"], .mobile-filters .filters ul .form-steps .section-cart .cart-code .collapse-inner.form-check [class*="col"], .section-cart .cart-code .form-steps .mobile-filters .filters ul .collapse-inner.form-check [class*="col"], .form-steps .mobile-filters .filters ul .section-cart .cart-code .collapse-inner.form-check [class*="col"], .section-cart .cart-code .form .row.form-check [class*="col"], .form .section-cart .cart-code .row.form-check [class*="col"], .section-cart .cart-code .form-steps .row.form-check [class*="col"], .form-steps .section-cart .cart-code .row.form-check [class*="col"] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

        .section-cart .cart-code .form-group.row [class*="col"] + [class*="col"], .section-cart .cart-code .mobile-menu .filters ul .form-group.collapse-inner [class*="col"] + [class*="col"], .mobile-menu .filters ul .section-cart .cart-code .form-group.collapse-inner [class*="col"] + [class*="col"], .section-cart .cart-code .mobile-menu .filters ul .form .collapse-inner.form-check [class*="col"] + [class*="col"], .mobile-menu .filters ul .form .section-cart .cart-code .collapse-inner.form-check [class*="col"] + [class*="col"], .section-cart .cart-code .form .mobile-menu .filters ul .collapse-inner.form-check [class*="col"] + [class*="col"], .form .mobile-menu .filters ul .section-cart .cart-code .collapse-inner.form-check [class*="col"] + [class*="col"], .section-cart .cart-code .mobile-menu .filters ul .form-steps .collapse-inner.form-check [class*="col"] + [class*="col"], .mobile-menu .filters ul .form-steps .section-cart .cart-code .collapse-inner.form-check [class*="col"] + [class*="col"], .section-cart .cart-code .form-steps .mobile-menu .filters ul .collapse-inner.form-check [class*="col"] + [class*="col"], .form-steps .mobile-menu .filters ul .section-cart .cart-code .collapse-inner.form-check [class*="col"] + [class*="col"], .section-cart .cart-code .mobile-filters .filters ul .form-group.collapse-inner [class*="col"] + [class*="col"], .mobile-filters .filters ul .section-cart .cart-code .form-group.collapse-inner [class*="col"] + [class*="col"], .section-cart .cart-code .mobile-filters .filters ul .form .collapse-inner.form-check [class*="col"] + [class*="col"], .mobile-filters .filters ul .form .section-cart .cart-code .collapse-inner.form-check [class*="col"] + [class*="col"], .section-cart .cart-code .form .mobile-filters .filters ul .collapse-inner.form-check [class*="col"] + [class*="col"], .form .mobile-filters .filters ul .section-cart .cart-code .collapse-inner.form-check [class*="col"] + [class*="col"], .section-cart .cart-code .mobile-filters .filters ul .form-steps .collapse-inner.form-check [class*="col"] + [class*="col"], .mobile-filters .filters ul .form-steps .section-cart .cart-code .collapse-inner.form-check [class*="col"] + [class*="col"], .section-cart .cart-code .form-steps .mobile-filters .filters ul .collapse-inner.form-check [class*="col"] + [class*="col"], .form-steps .mobile-filters .filters ul .section-cart .cart-code .collapse-inner.form-check [class*="col"] + [class*="col"], .section-cart .cart-code .form .row.form-check [class*="col"] + [class*="col"], .form .section-cart .cart-code .row.form-check [class*="col"] + [class*="col"], .section-cart .cart-code .form-steps .row.form-check [class*="col"] + [class*="col"], .form-steps .section-cart .cart-code .row.form-check [class*="col"] + [class*="col"] {
            margin-top: 0.625rem;
        }
}

.section-cart .cart-code .form-group label, .section-cart .cart-code .form .form-check label, .form .section-cart .cart-code .form-check label, .section-cart .cart-code .form-steps .form-check label, .form-steps .section-cart .cart-code .form-check label {
    font-size: 0.875rem;
}

.section-cart .cart-code hr {
    margin: 0.5rem 0;
    border-color: #d1d7da;
}

@media (min-width: 768px) {
    .section-cart .cart-code hr {
        display: none;
    }
}

.section-cart .cart-checkout {
    margin-top: 1.5rem;
    font-size: 0.875rem;
    font-weight: 300;
    color: #898989;
}

    .section-cart .cart-checkout p {
        margin-bottom: 2.25rem;
    }

    .section-cart .cart-checkout .btn-block + .btn-block {
        margin-top: 1.5rem;
    }

@media (max-width: 455px) {
    .section-cart .cart-checkout [class*="col"] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.section-checkout {
    margin-top: 4.0625rem;
    margin-bottom: 6.25rem;
}

    .section-checkout .step-2 {
        padding-left: 65px;
        padding-right: 65px;
    }

@media (max-width: 1499px) {
    .section-checkout .step-2 {
        padding-left: 35px;
        padding-right: 35px;
    }
}

@media (max-width: 991px) {
    .section-checkout .step-2 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 767px) {
    .section-checkout .step-2, .section-checkout .step-3 {
        margin-top: 4.0625rem;
    }
}

@media (max-width: 455px) {
    .section-checkout .step-3 .form-button .btn, .section-checkout .step-3 .form-button a.reset-filters {
        display: block;
        width: 100%;
    }
}

.section-checkout .checkout-login {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 4.0625rem;
    font-size: 1.125rem;
    font-weight: 300;
    background-color: #f5f5f5;
    color: #000;
}

    .section-checkout .checkout-login a, .section-checkout .checkout-login strong {
        font-weight: 600;
    }

        .section-checkout .checkout-login a.logout {
            font-size: 0.875rem;
            font-weight: 300;
            text-transform: uppercase;
        }

.section-checkout .cart-list {
    padding-left: 0;
    list-style: none;
}

    .section-checkout .cart-list .cart-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

        .section-checkout .cart-list .cart-item .cart-image {
            width: 16%;
        }

        .section-checkout .cart-list .cart-item .cart-body {
            width: 62%;
            padding-left: 1.25rem;
        }

        .section-checkout .cart-list .cart-item .cart-options-price {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 22%;
            padding-left: 1.25rem;
            text-align: center;
        }

@media (min-width: 768px) and (max-width: 991px) {
    .section-checkout .cart-list .cart-item .cart-image {
        display: none;
    }

    .section-checkout .cart-list .cart-item .cart-body {
        width: 75%;
        padding-left: 0;
    }

    .section-checkout .cart-list .cart-item .cart-options-price {
        width: 25%;
    }
}

@media (max-width: 455px) {
    .section-checkout .cart-list .cart-item .cart-image {
        display: none;
    }

    .section-checkout .cart-list .cart-item .cart-body {
        width: 75%;
        padding-left: 0;
    }

    .section-checkout .cart-list .cart-item .cart-options-price {
        width: 25%;
    }
}

.section-checkout .cart-list .cart-item + .cart-item {
    border-top: 1px solid #a0a0a0;
}

.section-checkout .cart-list .cart-item {
    padding: 1rem 0;
    font-size: 1rem;
    font-weight: 400;
}

@media (min-width: 768px) and (max-width: 991px) {
    .section-checkout .cart-list .cart-item {
        font-size: 0.875rem;
        font-weight: 400;
    }
}

@media (min-width: 992px) and (max-width: 1499px) {
    .section-checkout .cart-list .cart-item {
        font-size: 0.875rem;
        font-weight: 400;
    }
}

@media (max-width: 455px) {
    .section-checkout .cart-list .cart-item {
        font-size: 0.875rem;
        font-weight: 400;
    }
}

.section-checkout .cart-list .cart-item .cart-image img {
    max-width: 100%;
    height: auto;
}

.section-checkout .cart-list .cart-item .cart-body .pre {
    text-transform: uppercase;
}

.section-checkout .cart-list .cart-item .cart-body .cart-description .des {
    margin-bottom: 0;
    font-weight: 700;
}

.section-checkout .cart-list .cart-item .cart-body .cart-color * {
    vertical-align: middle;
}

.section-checkout .cart-list .cart-item .cart-body .cart-color .color {
    display: inline-block;
    width: 3.125rem;
    max-width: 100%;
    height: 1rem;
}

.section-checkout .cart-list .cart-item .cart-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.section-checkout .cart-list .cart-item .cart-options a {
    display: inline-block;
    margin: 0.15625rem;
}

.section-checkout .cart-list .cart-item .cart-price {
    white-space: nowrap;
}

.section-checkout .cart-total {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    margin-left: 0;
    margin-right: 0;
    font-size: 0.875rem;
    font-weight: 300;
    background-color: #f5f5f5;
}

    .section-checkout .cart-total p {
        margin-bottom: 0.625rem;
    }

    .section-checkout .cart-total .total {
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: 0;
    }

.section-checkout .cart-code {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

    .section-checkout .cart-code h4 {
        margin-bottom: 0;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: 1.125rem;
        font-weight: 400;
    }

    .section-checkout .cart-code .form-control {
        background-color: #f7f7f7;
        border-color: #f7f7f7;
    }

        .section-checkout .cart-code .form-control:focus {
            background-color: #f7f7f7;
            border-color: #404040;
        }

    .section-checkout .cart-code .form-group, .section-checkout .cart-code .form .form-check, .form .section-checkout .cart-code .form-check, .section-checkout .cart-code .form-steps .form-check, .form-steps .section-checkout .cart-code .form-check {
        margin-bottom: 0;
    }

@media (max-width: 455px) {
    .section-checkout .cart-code .form-group.row [class*="col"], .section-checkout .cart-code .mobile-menu .filters ul .form-group.collapse-inner [class*="col"], .mobile-menu .filters ul .section-checkout .cart-code .form-group.collapse-inner [class*="col"], .section-checkout .cart-code .mobile-menu .filters ul .form .collapse-inner.form-check [class*="col"], .mobile-menu .filters ul .form .section-checkout .cart-code .collapse-inner.form-check [class*="col"], .section-checkout .cart-code .form .mobile-menu .filters ul .collapse-inner.form-check [class*="col"], .form .mobile-menu .filters ul .section-checkout .cart-code .collapse-inner.form-check [class*="col"], .section-checkout .cart-code .mobile-menu .filters ul .form-steps .collapse-inner.form-check [class*="col"], .mobile-menu .filters ul .form-steps .section-checkout .cart-code .collapse-inner.form-check [class*="col"], .section-checkout .cart-code .form-steps .mobile-menu .filters ul .collapse-inner.form-check [class*="col"], .form-steps .mobile-menu .filters ul .section-checkout .cart-code .collapse-inner.form-check [class*="col"], .section-checkout .cart-code .mobile-filters .filters ul .form-group.collapse-inner [class*="col"], .mobile-filters .filters ul .section-checkout .cart-code .form-group.collapse-inner [class*="col"], .section-checkout .cart-code .mobile-filters .filters ul .form .collapse-inner.form-check [class*="col"], .mobile-filters .filters ul .form .section-checkout .cart-code .collapse-inner.form-check [class*="col"], .section-checkout .cart-code .form .mobile-filters .filters ul .collapse-inner.form-check [class*="col"], .form .mobile-filters .filters ul .section-checkout .cart-code .collapse-inner.form-check [class*="col"], .section-checkout .cart-code .mobile-filters .filters ul .form-steps .collapse-inner.form-check [class*="col"], .mobile-filters .filters ul .form-steps .section-checkout .cart-code .collapse-inner.form-check [class*="col"], .section-checkout .cart-code .form-steps .mobile-filters .filters ul .collapse-inner.form-check [class*="col"], .form-steps .mobile-filters .filters ul .section-checkout .cart-code .collapse-inner.form-check [class*="col"], .section-checkout .cart-code .form .row.form-check [class*="col"], .form .section-checkout .cart-code .row.form-check [class*="col"], .section-checkout .cart-code .form-steps .row.form-check [class*="col"], .form-steps .section-checkout .cart-code .row.form-check [class*="col"] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

        .section-checkout .cart-code .form-group.row [class*="col"] + [class*="col"], .section-checkout .cart-code .mobile-menu .filters ul .form-group.collapse-inner [class*="col"] + [class*="col"], .mobile-menu .filters ul .section-checkout .cart-code .form-group.collapse-inner [class*="col"] + [class*="col"], .section-checkout .cart-code .mobile-menu .filters ul .form .collapse-inner.form-check [class*="col"] + [class*="col"], .mobile-menu .filters ul .form .section-checkout .cart-code .collapse-inner.form-check [class*="col"] + [class*="col"], .section-checkout .cart-code .form .mobile-menu .filters ul .collapse-inner.form-check [class*="col"] + [class*="col"], .form .mobile-menu .filters ul .section-checkout .cart-code .collapse-inner.form-check [class*="col"] + [class*="col"], .section-checkout .cart-code .mobile-menu .filters ul .form-steps .collapse-inner.form-check [class*="col"] + [class*="col"], .mobile-menu .filters ul .form-steps .section-checkout .cart-code .collapse-inner.form-check [class*="col"] + [class*="col"], .section-checkout .cart-code .form-steps .mobile-menu .filters ul .collapse-inner.form-check [class*="col"] + [class*="col"], .form-steps .mobile-menu .filters ul .section-checkout .cart-code .collapse-inner.form-check [class*="col"] + [class*="col"], .section-checkout .cart-code .mobile-filters .filters ul .form-group.collapse-inner [class*="col"] + [class*="col"], .mobile-filters .filters ul .section-checkout .cart-code .form-group.collapse-inner [class*="col"] + [class*="col"], .section-checkout .cart-code .mobile-filters .filters ul .form .collapse-inner.form-check [class*="col"] + [class*="col"], .mobile-filters .filters ul .form .section-checkout .cart-code .collapse-inner.form-check [class*="col"] + [class*="col"], .section-checkout .cart-code .form .mobile-filters .filters ul .collapse-inner.form-check [class*="col"] + [class*="col"], .form .mobile-filters .filters ul .section-checkout .cart-code .collapse-inner.form-check [class*="col"] + [class*="col"], .section-checkout .cart-code .mobile-filters .filters ul .form-steps .collapse-inner.form-check [class*="col"] + [class*="col"], .mobile-filters .filters ul .form-steps .section-checkout .cart-code .collapse-inner.form-check [class*="col"] + [class*="col"], .section-checkout .cart-code .form-steps .mobile-filters .filters ul .collapse-inner.form-check [class*="col"] + [class*="col"], .form-steps .mobile-filters .filters ul .section-checkout .cart-code .collapse-inner.form-check [class*="col"] + [class*="col"], .section-checkout .cart-code .form .row.form-check [class*="col"] + [class*="col"], .form .section-checkout .cart-code .row.form-check [class*="col"] + [class*="col"], .section-checkout .cart-code .form-steps .row.form-check [class*="col"] + [class*="col"], .form-steps .section-checkout .cart-code .row.form-check [class*="col"] + [class*="col"] {
            margin-top: 0.625rem;
        }
}

.section-checkout .cart-code .form-group label, .section-checkout .cart-code .form .form-check label, .form .section-checkout .cart-code .form-check label, .section-checkout .cart-code .form-steps .form-check label, .form-steps .section-checkout .cart-code .form-check label {
    font-size: 0.875rem;
}

.section-checkout .cart-code hr {
    margin: 0.5rem 0;
    border-color: #d1d7da;
}

@media (min-width: 768px) {
    .section-checkout .cart-code hr {
        display: none;
    }
}

.section-checkout .cart-checkout {
    margin-top: 1.5rem;
    font-size: 0.875rem;
    font-weight: 300;
    color: #898989;
}

    .section-checkout .cart-checkout p {
        margin-bottom: 2.25rem;
    }

    .section-checkout .cart-checkout .btn-block + .btn-block {
        margin-top: 1.5rem;
    }

@media (max-width: 455px) {
    .section-checkout .cart-checkout [class*="col"] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.section-checkout .info {
    font-weight: 300;
    font-size: 0.875rem;
    color: #707070;
}

    .section-checkout .info a {
        color: #000;
    }

.section-checkout .shipping-list .form-check {
    padding-bottom: 1rem;
    border-bottom: 1px solid #a0a0a0;
}

.section-checkout .ups {
    padding-left: 2rem;
    background-image: url("../img/logo-ups.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 20px auto;
}

.section-purchase-confirmation {
    margin-top: 4.0625rem;
    margin-bottom: 6.25rem;
    font-weight: 300;
    text-align: center;
}

    .section-purchase-confirmation .title {
        font-size: 1.25rem;
        font-weight: 700;
        margin-bottom: 2.5rem;
    }

        .section-purchase-confirmation .title i {
            font-size: 2.625rem;
            vertical-align: middle;
        }

            .section-purchase-confirmation .title i.success {
                color: #5cb85c;
            }

            .section-purchase-confirmation .title i.error {
                color: #d9534f;
            }

.section-signature {
    margin-top: 4.0625rem;
    margin-bottom: 6.25rem;
    font-weight: 300;
}

    .section-signature .title {
        font-family: "Freight Text Pro";
        font-size: 2.25rem;
        font-weight: 300;
        margin-bottom: 4.0625rem;
        text-align: center;
    }

    .section-signature p {
        margin-bottom: 1.25rem;
    }

    .section-signature .images .row, .section-signature .images .mobile-menu .filters ul .collapse-inner, .mobile-menu .filters ul .section-signature .images .collapse-inner, .section-signature .images .mobile-filters .filters ul .collapse-inner, .mobile-filters .filters ul .section-signature .images .collapse-inner {
        margin-left: -0.3125rem;
        margin-right: -0.3125rem;
    }

    .section-signature .images [class*="col-"] {
        padding-left: 0.3125rem;
        padding-right: 0.3125rem;
    }

    .section-signature .images .col {
        padding-left: 0.3125rem;
        padding-right: 0.3125rem;
    }

    .section-signature .images [class*="col"] {
        margin-bottom: 10px;
    }

    .section-signature .images img {
        max-width: 100%;
        height: auto;
    }

.section-404 {
    margin-top: 4.0625rem;
    margin-bottom: 6.25rem;
    font-weight: 300;
}

    .section-404 .row .message, .section-404 .mobile-menu .filters ul .collapse-inner .message, .mobile-menu .filters ul .section-404 .collapse-inner .message, .section-404 .mobile-filters .filters ul .collapse-inner .message, .mobile-filters .filters ul .section-404 .collapse-inner .message {
        padding: 3.4375rem;
    }

@media (max-width: 575px) {
    .section-404 .row .message, .section-404 .mobile-menu .filters ul .collapse-inner .message, .mobile-menu .filters ul .section-404 .collapse-inner .message, .section-404 .mobile-filters .filters ul .collapse-inner .message, .mobile-filters .filters ul .section-404 .collapse-inner .message {
        padding: 1.5625rem;
    }
}

@media (max-width: 455px) {
    .section-404 .row .message, .section-404 .mobile-menu .filters ul .collapse-inner .message, .mobile-menu .filters ul .section-404 .collapse-inner .message, .section-404 .mobile-filters .filters ul .collapse-inner .message, .mobile-filters .filters ul .section-404 .collapse-inner .message {
        padding: 0.9375rem;
    }
}

.section-404 .title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 2.5rem;
    color: #d9534f;
    text-align: center;
}

.section-404 .banner-404 {
    padding: 0;
}

.section-404 .image {
    background-image: url("../img/404.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

    .section-404 .image img {
        max-width: 100%;
        height: auto;
    }

.section-404 .message {
    background-color: #f7f7f7;
}

    .section-404 .message .top {
        font-size: 1.125rem;
        font-weight: 700;
    }

    .section-404 .message hr {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem;
        margin-left: 0;
        margin-right: 0;
        border-top-color: #000;
        max-width: 120px;
    }

    .section-404 .message .second-title {
        font-size: 6.25rem;
        font-weight: 300;
        font-family: "Freight Text Pro";
        line-height: 5.3125rem;
    }

    .section-404 .message .bottom {
        font-size: 1.875rem;
        font-weight: 300;
        font-style: italic;
        font-family: "Freight Text Pro";
        line-height: 1.2;
    }

@media (max-width: 767px) {
    .section-404 .message {
        text-align: center;
    }

        .section-404 .message hr {
            margin-left: auto;
            margin-right: auto;
        }
}

@media (max-width: 455px) {
    .section-404 .message .top {
        font-size: 1rem;
        font-weight: 700;
    }

    .section-404 .message .second-title {
        font-size: 4.375rem;
        line-height: 4.0625rem;
    }

    .section-404 .message .bottom {
        font-size: 1.5rem;
        line-height: 1;
    }
}

.section-account {
    margin-top: 4.0625rem;
    margin-bottom: 6.25rem;
}

    .section-account .title {
        margin-bottom: 40px;
        font-size: 1.25rem;
        font-weight: 300;
        text-transform: uppercase;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .section-account .container {
        width: auto;
    }
}

@media (max-width: 767px) {
    .section-account .menu {
        margin-top: 4.0625rem;
    }
}

.section-account .nav {
    text-transform: uppercase;
}

    .section-account .nav .nav-link {
        padding-left: 0;
        font-weight: 300;
    }

        .section-account .nav .nav-link.active {
            font-weight: 700;
        }

.section-account .custom-control {
    min-height: 1.375rem;
    line-height: 1.375rem;
    padding-left: 2.2rem;
    font-size: 0.875rem;
    color: #000;
}

.section-account .custom-control-indicator {
    top: 0;
    border-radius: 50%;
    width: 1.375rem;
    height: 1.375rem;
}

.section-account .custom-control-description {
    font-weight: 300;
}

    .section-account .custom-control-description a {
        font-weight: 600;
        text-decoration: none;
        color: inherit;
    }

.section-account .custom-control-input:focus ~ .custom-control-indicator {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.section-account .form {
    max-width: 690px;
}

.section-account .form-title-2 {
    margin-top: 0.5rem;
}

.section-account .adress-item {
    margin-bottom: 2.8125rem;
    text-transform: uppercase;
}

    .section-account .adress-item p {
        margin-bottom: 1.25rem;
    }

.section-account .btn-sm, .section-account .btn-group-sm > .btn, .section-account .btn-group-sm > a.reset-filters {
    padding-left: .75rem;
    padding-right: .75rem;
}

.section-account .table thead th {
    text-transform: uppercase;
    border-top: none;
    border-bottom: 1px solid #d1d7da;
}

.section-account .table th, .section-account .table td {
    border-top: none;
    border-bottom: 1px solid #d1d7da;
}

.section-account .orders-list [class*="btn"] {
    white-space: nowrap;
}

.section-account .orders-list .order-head, .section-account .orders-list .order-item {
    border-bottom: 1px solid #d1d7da;
}

.section-account .orders-list .order-head {
    padding-bottom: 0.5rem;
    font-weight: 700;
    text-transform: uppercase;
}

.section-account .orders-list .order-item {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

    .section-account .orders-list .order-item .title {
        margin-top: 2.1875rem;
        margin-bottom: 1.5625rem;
        font-size: 1rem;
        font-weight: 700;
    }

    .section-account .orders-list .order-item .download-invoice-link {
        text-transform: uppercase;
        text-decoration: underline;
    }

.section-account .orders-list .order-head {
    display: none;
}

    .section-account .orders-list .order-head.mobile {
        display: block;
    }

@media (min-width: 768px) {
    .section-account .orders-list .order-head {
        display: block;
    }

        .section-account .orders-list .order-head.mobile {
            display: none;
        }

    .section-account .orders-list .order-item .pre {
        display: none;
    }
}

.section-account .cart-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

    .section-account .cart-list .cart-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

        .section-account .cart-list .cart-item .cart-image {
            width: 35%;
        }

        .section-account .cart-list .cart-item .cart-description {
            width: 65%;
            padding-left: 1.25rem;
        }

        .section-account .cart-list .cart-item + .cart-item {
            border-top: 1px solid #d1d7da;
        }

    .section-account .cart-list .cart-item {
        padding: 1rem 0;
        font-size: 0.875rem;
        font-weight: 400;
    }

        .section-account .cart-list .cart-item .cart-image img {
            max-width: 100%;
            height: auto;
        }

.section-help {
    margin-top: 4.0625rem;
    margin-bottom: 6.25rem;
    font-weight: 300;
}

    .section-help .title {
        margin-bottom: 40px;
        font-size: 1.25rem;
        font-weight: 300;
        text-transform: uppercase;
    }

    .section-help .container {
        max-width: 960px;
    }

@media (max-width: 767px) {
    .section-help [class*="container"] > .row > [class*="col"] + [class*="col"], .section-help .mobile-menu .filters ul [class*="container"] > .collapse-inner > [class*="col"] + [class*="col"], .mobile-menu .filters ul .section-help [class*="container"] > .collapse-inner > [class*="col"] + [class*="col"], .section-help .mobile-filters .filters ul [class*="container"] > .collapse-inner > [class*="col"] + [class*="col"], .mobile-filters .filters ul .section-help [class*="container"] > .collapse-inner > [class*="col"] + [class*="col"] {
        margin-top: 4.0625rem;
    }
}

.section-help .second-title {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 1.875rem;
    text-transform: uppercase;
}

.section-help strong {
    font-weight: 700;
}

.section-help .faq-list h3, .section-help .faq-list h4, .section-help .faq-list h5, .section-help .faq-list h6 {
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    text-transform: uppercase;
}

.section-help .faq-list h3, .section-help .faq-list h4, .section-help .faq-list h5, .section-help .faq-list h6, .section-help .faq-list p {
    margin-bottom: 1.25rem;
}

.section-help .faq-list hr {
    margin-top: 0;
    margin-bottom: 0;
}

.section-help .faq-list .faq {
    margin-top: 1.25rem;
}

.section-help .faq-list [data-toggle="collapse"] {
    padding-right: 0.3125rem;
    cursor: pointer;
}

    .section-help .faq-list [data-toggle="collapse"]:after {
        content: "+";
        display: inline-block;
        float: right;
    }

    .section-help .faq-list [data-toggle="collapse"][aria-expanded="true"]:after {
        content: "-";
    }

.section-help .faq-list .collapsing {
    -webkit-transition: height 200ms ease;
    transition: height 200ms ease;
}

.section-contact {
    margin-top: 4.0625rem;
    margin-bottom: 6.25rem;
    font-weight: 300;
}

    .section-contact .title {
        margin-bottom: 40px;
        font-size: 1.25rem;
        font-weight: 300;
        text-transform: uppercase;
    }

    .section-contact .container {
        max-width: 960px;
    }

@media (max-width: 767px) {
    .section-contact [class*="container"] > .row > [class*="col"] + [class*="col"], .section-contact .mobile-menu .filters ul [class*="container"] > .collapse-inner > [class*="col"] + [class*="col"], .mobile-menu .filters ul .section-contact [class*="container"] > .collapse-inner > [class*="col"] + [class*="col"], .section-contact .mobile-filters .filters ul [class*="container"] > .collapse-inner > [class*="col"] + [class*="col"], .mobile-filters .filters ul .section-contact [class*="container"] > .collapse-inner > [class*="col"] + [class*="col"] {
        margin-top: 4.0625rem;
    }
}

.section-contact .second-title {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 1.875rem;
    text-transform: uppercase;
}

.section-contact strong {
    font-weight: 700;
}

.section-contact hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.section-banners {
    margin-top: -15px;
    padding: 0;
}
.section-banners-Aff {
    margin-top: -15px;
    padding: 0;
    margin-left: 29px;
}

    .section-banners [class*="container"] {
        padding: 0;
    }

    .section-banners .banner {
        position: relative;
        overflow: hidden;
    }

    .section-banners .bannerStores .title-link-cont {
        padding-left: 4%;
        padding-right: 4%;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        text-align: center;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        z-index: 3;
        color: #fff;
    }

    .section-banners .banner .title-link-cont {
        padding-left: 4%;
        padding-right: 4%;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        text-align: center;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        z-index: 3;
        color: #fff;
    }


    .section-banners .banner .title-link-cont-left, .section-banners .bannerStores .title-link-cont-left {
        position: absolute;
        top: 46%;
        left: 11%;
        text-align: left;
        z-index: 3;
        color: #fff;
        width: 33%;
    }

    .section-banners .banner .title-link-cont-left-centrado, .section-banners .bannerStores .title-link-cont-left-centrado {
        position: absolute;
        top: 36%;
        left: 4%;
        text-align: center;
        z-index: 3;
        color: #fff;
        width: 33%;
    }

    .section-banners .banner .title-link-cont-right, .section-banners .bannerStores .title-link-cont-right {
        position: absolute;
        top: 36%;
        right: 4%;
        text-align: right;
        z-index: 3;
        color: #fff;
        width: 33%;
    }

    .section-banners .banner .title-link-cont-right-centrado, .section-banners .bannerStores .title-link-cont-right-centrado {
        position: absolute;
        top: 39%;
        right: 4%;
        text-align: center;
        z-index: 3;
        color: #fff;
        width: 38%;
    }

@media only screen and (min-width:577px) and (max-width:1024px) {
    .section-banners .banner .title-link-cont-right-centrado {
        position: absolute;
        top: 35%;
        right: 5%;
        text-align: center;
        z-index: 3;
        color: #000;
        font-size: 0.8em;
    }
}

.section-banners .banner .title-link-cont-bottom, .section-banners .bannerStores .title-link-cont-bottom {
    position: absolute;
    top: 70%;
    text-align: center;
    z-index: 3;
    color: mediumvioletred;
    width: 100%;
}

.boton_inferior_abajo {
    padding-left: 4%;
    padding-right: 4%;
    position: absolute;
    top: 50%;
    left: 48%;
    width: 90%;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
    color: #fff;
}

@media (min-width:375px) {
    .boton_inferior_abajo {
        position: absolute;
        top: 77%;
        text-align: center;
        z-index: 3;
        color: #fff;
        width: 100%;
    }
}

@media (min-width:768px) {
    .boton_inferior_abajo {
        top: 90%;
    }
}

.title-link-cont-centro-arriba {
    padding-left: 4%;
    padding-right: 4%;
    position: absolute;
    top: 22%;
    left: 50%;
    width: 90%;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
    color: #fff;
}


.title-link-cont-blog {
    padding-left: 4%;
    padding-right: 4%;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
    color: #fff;
}

.titulo_blog {
    text-align: center;
    font-size: 2.3rem;
    font-weight: 600;
    margin-bottom: -70px;
    margin-top: 139px;
}

@media (min-width: 767px) {
    .section-banners .banner .title-link-cont, .section-banners .bannerStores .title-link-cont {
        /*top: 65%;*/ /*Con texto*/
        /*top: 46%;*/ /*Sin texto*/
    }

    .titulo_blog {
        margin-bottom: -15px !important;
        font-size: 1.8rem;
    }
}

.section-banners .banner .title-link-cont.primary h2, .section-banners .bannerStores .title-link-cont.primary h2 {
    font-family: 'brandon_grotesque';
    font-size: 4.75rem;
    font-weight: 600;
    letter-spacing: 0;
    /*margin-bottom: 3.125rem;*/
}

.section-banners .banner .title-link-cont.secondary h2, .section-banners .bannerStores .title-link-cont.secondary h2 {
    font-family: 'brandon_grotesque';
    font-size: 3.4vw !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    margin-bottom: 3.125rem;
}

.section-banners .banner .title-link-cont.tertiary h2 {
    font-size: 3.25rem;
    font-weight: 600;
    text-transform: uppercase;
    /*margin-bottom: 3.125rem;*/
}

@media (max-width: 1500px) {
    .section-banners .banner .title-link-cont.primary h2 {
        font-size: 3.6rem;
    }

    .section-banners .banner .title-link-cont.tertiary h2 {
        font-size: 2.8rem;
    }

    .titulo_blog {
        margin-bottom: -40px;
    }
}

@media (max-width: 991px) {
    .section-banners .banner .title-link-cont.primary h2 {
        margin-bottom: 1.875rem;
        font-size: 2.25rem;
    }

    .section-banners .banner .title-link-cont.secondary h2, .section-banners .banner .title-link-cont.tertiary h2 {
        margin-bottom: 1.875rem;
        font-size: 1.875rem;
    }

    .section-banners .banner .title-link-cont .btn, .section-banners .banner .title-link-cont a.reset-filters {
        padding: 1rem 1.5rem;
        font-size: 1rem;
    }
}

.section-banners .banner img {
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}

.section-banners .bannerStores img {
    max-width: 100%;
    position: relative;
    z-index: 1;
    object-fit:cover;
    width:100%;
}

@media (max-width: 768px) {
    .section-banners .bannerStores img {
        height: 100%;
    }
}

.section-banners .banner .layer {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff8f; /*color del hover del banner*/
    opacity: 0;
    -webkit-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
}

.section-banners .banner:hover .layer {
    opacity: .2;
}

.section-banners-mobile-home [class*="container"] {
    /*padding-left: 2.1875rem;
                padding-right: 2.1875rem;*/
}

.section-banners-mobile-home .row, .section-banners-mobile-home .mobile-menu .filters ul .collapse-inner, .mobile-menu .filters ul .section-banners-mobile-home .collapse-inner, .section-banners-mobile-home .mobile-filters .filters ul .collapse-inner, .mobile-filters .filters ul .section-banners-mobile-home .collapse-inner {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

.section-banners-mobile-home [class*="col"] {
    position: relative;
    /*background-color: #efefef;*/
    background-color: #ffffff;
}

.section-banners-mobile-home .title-link-cont {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
    color: #fff;
}

    .section-banners-mobile-home .title-link-cont h2 {
        font-size: 1.5rem;
        /*font-weight: 400;*/
    }

    .section-banners-mobile-home .title-link-cont .btn, .section-banners-mobile-home .title-link-cont a.reset-filters {
        padding: 1rem 1.5rem;
        font-size: 1rem;
    }

.section-banners-mobile-home img {
    max-width: 100%;
    height: auto;
}

@media (min-width: 768px) {
    .section-banners {
        /*padding: 0 6% 0 6%;*/
        /*padding: 50px 6% 0 6%;*/ /*rotulocabecera*/
    }

    .section-banners-mobile-home {
        display: none;
    }
}

@media (max-width: 1400px) {
    .section-banners {
        /*padding: 0% 3% 0 3%;*/
    }
}

@media (max-width: 767px) {
    .section-banners {
        /*padding: 6% 0 3%;*/
        /*padding: 56px 0 3%;*/
        /*padding: 60px 0 3%;*/ /*rotulocabecera*/
    }

    .section-banners-mobile-home {
        margin-bottom: -40px;
    }
}

.section-lookbook {
    margin-top: 4.0625rem;
    margin-bottom: 6.25rem;
}

    .section-lookbook .container-fluid {
        padding: 0;
    }

    .section-lookbook .main-banner {
        position: relative;
        margin-bottom: 4.0625rem;
    }

        .section-lookbook .main-banner .title {
            position: absolute;
            top: 50%;
            left: 1.5625rem;
            -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
            z-index: 2;
            font-size: 2.25rem;
            font-weight: 400;
        }

            .section-lookbook .main-banner .title .top {
                display: block;
                font-size: 1.5rem;
                font-weight: 300;
            }

            .section-lookbook .main-banner .title hr {
                border-color: #000;
            }

        .section-lookbook .main-banner img {
            position: relative;
            z-index: 1;
            max-width: 100%;
            height: auto;
        }

@media (max-width: 767px) {
    .section-lookbook .main-banner {
        text-align: center;
    }

        .section-lookbook .main-banner .title {
            display: inline-block;
            position: initial;
            top: 0;
            left: 0;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            text-align: center;
        }
}

.section-lookbook .lookbook-item {
    display: block;
    margin-bottom: 2.5rem;
    text-decoration: none;
    text-align: center;
}

    .section-lookbook .lookbook-item .image {
        display: block;
        position: relative;
        width: 100%;
        z-index: 1;
        cursor: pointer;
    }

        .section-lookbook .lookbook-item .image img {
            max-width: 100%;
            height: auto;
            position: relative;
            z-index: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -webkit-transition: -webkit-transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: -webkit-transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
        }

        .section-lookbook .lookbook-item .image .layer {
            position: absolute;
            z-index: 2;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #fff;
            opacity: 0;
            -webkit-transition: opacity 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: opacity 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
        }

        .section-lookbook .lookbook-item .image:hover .layer {
            /*opacity: .2;*/
        }

        .section-lookbook .lookbook-item .image:hover img {
            -webkit-transform: scale(0.98);
            transform: scale(0.98);
            /*blanco y negro*/
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            filter: grayscale(100%);
            /*borde sombreado*/
            /*filter: drop-shadow(8px 8px 10px gray);*/
        }

    .section-lookbook .lookbook-item .imag {
        display: none;
    }

    .section-lookbook .lookbook-item .image:hover .imag {
        display: block;
    }


    .section-lookbook .lookbook-item .description {
        padding-top: 1.25rem;
    }

    .section-lookbook .lookbook-item p, .section-lookbook .lookbook-item h3 {
        margin-bottom: 0.25rem;
        -webkit-transition: color 300ms linear;
        transition: color 300ms linear;
        font-size: 0.875rem;
        font-weight: 300;
        line-height: 1.5;
        color: #000;
    }

        .section-lookbook .lookbook-item p.price, .section-lookbook .lookbook-item h3.price {
            font-weight: 700;
        }

            .section-lookbook .lookbook-item p.price.reduced, .section-lookbook .lookbook-item h3.price.reduced,
            .section-lookbook .lookbook-item span.price.reduced {
                color: #e30413;
            }

        .section-lookbook .lookbook-item p.previous-price, .section-lookbook .lookbook-item h3.previous-price,
        .section-lookbook .lookbook-item h3.previous-price {
            color: #898989;
            text-decoration: line-through;
        }

    .section-lookbook .lookbook-item a {
        text-decoration: none;
        text-align: center;
    }

.section-outlets {
    margin-top: 4.0625rem;
    margin-bottom: 6.25rem;
}

    .section-outlets .form .row, .section-outlets .form .mobile-menu .filters ul .collapse-inner, .mobile-menu .filters ul .section-outlets .form .collapse-inner, .section-outlets .form .mobile-filters .filters ul .collapse-inner, .mobile-filters .filters ul .section-outlets .form .collapse-inner {
        margin-left: -0.3125rem;
        margin-right: -0.3125rem;
    }

    .section-outlets .form [class*="col-"] {
        padding-left: 0.3125rem;
        padding-right: 0.3125rem;
    }

    .section-outlets .form .col {
        padding-left: 0.3125rem;
        padding-right: 0.3125rem;
    }

    .section-outlets .form .form-control.has-border {
        border-color: #000;
    }

    .section-outlets .form .form-group, .section-outlets .form .form-check {
        margin-bottom: 1.5rem;
    }

@media (max-width: 767px) {
    .section-outlets .form .btn-block {
        display: inline-block;
        width: auto;
    }
}

.section-outlets .shop-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

    .section-outlets .shop-list li {
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #000;
    }

        .section-outlets .shop-list li a {
            text-decoration: none;
        }

.section-outlets .map {
    position: relative;
}

    .section-outlets .map iframe {
        z-index: 1;
    }

    .section-outlets .map .pin {
        z-index: 2;
    }

.section-outlets .map-box {
    max-width: 12.5rem;
    border-color: #dfdfdf;
    z-index: 3;
}

    .section-outlets .map-box img {
        max-width: 100%;
        height: auto;
        min-height: 1px;
    }

    .section-outlets .map-box::after {
        display: block;
        position: absolute;
        bottom: -0.5em;
        left: 50%;
        width: 0;
        height: 0;
        margin-left: -0.25em;
        vertical-align: middle;
        content: "";
        border-top: 0.5em solid #dfdfdf;
        border-right: 0.5em solid transparent;
        border-left: 0.5em solid transparent;
    }

    .section-outlets .map-box .card-block {
        padding: 1rem;
    }

    .section-outlets .map-box .card-title {
        font-size: 1rem;
    }

    .section-outlets .map-box .card-text {
        font-size: 0.75rem;
    }

.section-slider-home {
    margin-top: 8.75rem;
    margin-bottom: 8.75rem;
}

    .section-slider-home .title-section {
        margin-bottom: 1.875rem;
        text-align: center;
    }

        .section-slider-home .title-section h3 {
            margin-bottom: 1.875rem;
            font-size: 1.875rem;
            font-weight: 400;
        }

        .section-slider-home .title-section p {
            font-size: 1.25rem;
            line-height: 1.8125rem;
        }

@media (max-width: 767px) {
    .section-slider-home .title-section p br {
        display: none;
    }
}

a.featured-product {
    display: block;
    text-decoration: none;
    text-align: center;
}

    a.featured-product .image {
        display: inline-block;
        position: relative;
    }

        a.featured-product .image img {
            max-width: 100%;
            position: relative;
            z-index: 1;
        }

        a.featured-product .image .layer {
            position: absolute;
            z-index: 2;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #fff;
            opacity: 0;
            -webkit-transition: opacity 300ms linear;
            transition: opacity 300ms linear;
        }

    a.featured-product p {
        margin-bottom: 0.25rem;
        -webkit-transition: color 300ms linear;
        transition: color 300ms linear;
        color: #808080;
    }

        a.featured-product p.price {
            font-weight: 700;
        }

    a.featured-product:hover .layer {
        opacity: .3;
    }

    a.featured-product:hover p {
        color: #000;
    }

.featured-products {
    display: none;
}

@media (min-width: 768px) {
    .featured-products {
        display: block;
    }
}

@media (min-width: 768px) {
    .carousel-featured-products {
        display: none;
    }
}

.section-instagram-wall {
    margin-top: 8.75rem;
    margin-bottom: 8.75rem;
}

    .section-instagram-wall .title-section {
        margin-bottom: 1.25rem;
        text-align: center;
    }

        .section-instagram-wall .title-section h3 {
            margin-bottom: 1.875rem;
            font-family: 'Freight Text Pro';
            font-size: 2.5rem;
            font-weight: 500;
            font-style: italic;
            letter-spacing: 0.01563rem;
        }

        .section-instagram-wall .title-section p {
            font-size: 1.25rem;
            line-height: 1.8125rem;
        }

@media (max-width: 767px) {
    .section-instagram-wall .title-section p br {
        display: none;
    }
}

.section-instagram-wall [class*="col"] {
    text-align: center;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------  CESAR  ---------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------*/


/*---------------CABECERA--------------------------*/
#cliente-logueado {
    font-size: 10px;
    /* color: black; */
    font-size: 0.9rem;
}

/*---------------MENU AYUDA PIE-------------------*/

#menu_ayuda ul {
    /*box-shadow: 0 0 3px rgba(0,0,0,.4);*/
    list-style-type: none;
    /*text-align: center;*/
    color: black;
    margin-right: 5%;
    display: none;
    position: relative;
    z-index: 599;
}

@media (max-width: 1024px) {
    #menu_ayuda ul {
        display: block;
    }
}

#menu_ayuda > ul li {
    background-color: whitesmoke;
}

#menu_ayuda li a {
    display: block;
    text-decoration: none;
    font-size: 1rem;
    line-height: 2.5rem;
    /*color: #FFf;*/
}

    #menu_ayuda li:hover a, #menu_ayuda li a:focus {
        /*background: #8DA889;
                color: #000;*/
    }

/*enlaces del submenu*/
#menu_ayuda li ul {
    height: 0;
    overflow: hidden;
    pointer-events: none;
}

/*Cuando haces click en el submenu se abre el submenu*/
#menu_ayuda li:hover ul, #menu_ayuda li:focus ul {
    height: auto;
}



/*Para Desktop*/
@media (max-width: 1025px) {
    #menu_ayuda_desktop {
        display: none;
    }
}


/*---------------LINEAS SEO-------------------*/


@media (max-width: 767px) {
    #container-faqs-products-list {
        margin-top: 30px;
        margin-left: 10%;
        margin-right: 5%;
        margin-bottom: 25px;
    }

    #faqs-products-list .item.item-50 {
        height: 25px;
    }
}

@media (min-width: 768px) {
    #container-faqs-products-list {
        /*margin-top: 5%;*/
        margin-left: 20%;
        margin-right: 20%;
        margin-bottom: 25px;
    }

    #faqs-products-list .item.item-50 {
        width: 50%;
        height: 35px;
        padding-left: 10%;
    }

    #faqs-products-list .item.ultimalinea {
        padding-left: 10%;
    }
}

#faqs-products-list .item {
    /*padding: 0 10%;*/
    float: left;
    width: auto;
}

#faqs-products-list .h3 {
    letter-spacing: 0.025rem !important;
}

#faqs-products-list .btn-collapse {
    display: table-cell;
    /* padding: 12px 50px; */
    /* background-color: #c6c6c6; */
    /*color: #2f2f2f;*/
    font-family: 'brandon_grotesque', sans-serif;
    font-size: 0.4em;
    font-weight: 500;
    line-height: 27px;
    position: relative;
    text-align: left;
    text-decoration: none;
    margin-bottom: 10px;
    -webkit-transition: color 100ms linear,background-color 100ms linear;
    -moz-transition: color 100ms linear,background-color 100ms linear;
    transition: color 100ms linear,background-color 100ms linear;
}

@media (min-width: 1200px) {
    #faqs-products-list .btn-collapse {
        font-size: 0.5em;
    }
}

#faqs-products-list .btn-collapse {
    display: block;
    /*padding: 12px 50px;*/
    background-color: #fff;
    color: #2f2f2f;
    padding: 0;
}

    #faqs-products-list .btn-collapse:hover, #faqs-products-list .btn-collapse.active {
        background-color: #fff;
        color: #717171;
        padding: 0;
    }

#faqs-products-list .collapse .inner {
    padding: 30px 0 0 0;
    background-color: #fff;
}


/*--------------- MENU  -------------------*/

@media (min-width: 1200px) {
    #image-menu {
        margin-right: -40px;
    }
}

@media (max-width: 1199px) {
    #image-menu {
        display: none;
    }
}



/*----------------  ESTATICOS (CONDICIONES Y DEMÁS -----------------*/
@media (max-width: 997px) {
    #condiciones, #privacy, #cookies {
        padding: 90px 15% 40px 15%;
    }

    #historia {
        padding: 40px 15% 40px 15%;
    }
}

@media (min-width: 998px) {
    #condiciones, #privacy, #cookies {
        padding: 130px 25% 40px 25%;
    }

    #historia {
        padding: 20px 20% 40px 20%;
    }
}




/*------------------- CHECKOUT ---------------------------------------*/


.tienes-cupon-descuento {
    width: 200px;
    color: #383838;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.41px;
    line-height: 18px;
    white-space: nowrap;
    margin-top: 40px;
}

.resumen-de-mi-cesta {
    /*width: 180px;*/
    color: #000000;
    font-size: 16px !important;
    letter-spacing: 0.6px;
    line-height: 13px;
    font-weight: bold !important;
}

.resumen-de-mi-cesta-promo {
    height: 20px;
    /*width: 180px;*/
    color: #ba9d7c;
    font-size: 1.4rem !important;
    letter-spacing: 0.6px;
    line-height: 20px;
    font-weight: bold !important;
    text-align: center;
}

.padding-promo {
    padding: 4%;
    display: flex !important;
}

.texto-promo {
    text-align: center;
    margin: 0 10%;
}

@media (min-width: 767px) {
    .padding-promo {
        padding: 10%;
    }

    .texto-promo {
        text-align: center;
        margin: 0 20%;
        margin-bottom: -20px;
    }
}

.textos-totales {
    color: #000000;
    font-weight: 400;
    /*letter-spacing: -0.6px;*/
}

.Texto-Titulo-Formulario {
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}

.input-form-clienta {
    border: 1px solid #DDDDDD;
    background-color: #FFFFFF;
    margin-bottom: 20px;
    color: #404040;
    font-size: 0.9em;
    line-height: 20px;
}

.check-formulario {
    color: #000000;
    font-size: 14px;
    line-height: 23px;
}

@media (max-width: 769px) {
    .check-formulario {
        display: inline-flex;
    }
}

.div-sercliente {
    width: 100%;
    margin-top: 10px;
}

.div-datosenvio2 {
    width: 100%;
}

.div-datosenvio1 {
    width: 100%;
    margin-top: 10px;
}

@media (min-width: 769px) {
    .div-sercliente {
        height: 290px;
        overflow: auto;
        display: -webkit-box;
    }

    .div-datosenvio2 {
        height: auto;
        /*overflow: auto;*/
        display: -webkit-box;
    }

    .div-izq-form {
        width: 49%;
    }

    .div-der-form {
        width: 49%;
        margin-left: 2%;
    }
}

@media (max-width: 767px) {
    .div-izq-form {
        width: 100%;
    }

    .div-der-form {
        width: 100%;
    }
}

.label-formulario {
    display: inline;
}

.cond-alta-checkout {
    margin-left: 20px;
}

.boton-mod-datos {
    font-weight: 100;
    font-size: 11px;
    margin-right: 10px;
}

#upsbloque {
    /*margin-left: 10px;*/
}

@media (max-width: 767px) {
    #upsbloque {
        margin-top: 10px;
        display: inline-flex;
    }
}

#header-ups {
    margin: 20px 20px;
}

.datos_ups {
    color: black;
}

.img_ups {
    width: 30%;
    padding: 10px;
}

.img_ups_i {
    float: right;
    max-height: 300px;
    max-width: 300px;
    /*border: 1px solid;*/
}

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

.li_ups_select {
    /*border-bottom: 1px solid;*/
    display: -webkit-box;
}

@media (max-width: 1024px) {
    .img_ups {
        width: 35%;
    }

    .img_ups_i {
        max-height: 200px;
        max-width: 200px;
    }

    .li_ups_select {
        margin-left: 20px;
    }
}

@media (max-width: 768px) {
    .datos_ups {
        width: 100%;
        padding: 10px;
    }

    .img_ups {
        width: 100%;
        margin-bottom: 20px;
    }

    .img_ups_i {
        max-height: 150px;
        max-width: 200px;
        float: left;
    }

    .margin_select_ups {
        margin-top: 20px;
        margin-left: 0;
    }

    .li_ups_select {
        display: inline-grid;
        margin-left: 0;
    }
}


.imagen-gracias {
    max-width: 70px;
    margin-bottom: 14px;
}

.texto1-gracias {
    margin-top: 100px;
}

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

@media (min-width: 768px) {
    .texto2-gracias {
        margin: 0 35%;
        margin-top: 20px;
    }

    #IframeUPS {
        height: 0;
        width: 50vw;
        margin-left: 6%;
        min-width: 280px;
    }
}

@media (max-width: 767px) {
    .texto1-gracias {
        font-size: 1rem;
    }

    .texto2-gracias {
        margin: 0 10%;
        margin-top: 20px;
    }

    #IframeUPS {
        height: 0;
        width: 50vw;
        min-width: 280px;
        margin-left: 0;
    }
}

#FormFormasPago {
    margin-top: 30px;
}



/*-----------------  HOME ----------------------------------*/
/*.photoslurp {
    margin: 20px -2.6% 0% -2.2%;
}*/

.grp_titulo_photoslurp {
    text-align: center;
    margin: 0 2%;
    /*margin-top: 115px;*/
    margin-bottom: 40px;
}

.titulo_photoslurp {
    font-weight: 600;
    font-size: 3rem;
}

.subtitulo_photoslurp {
    font-size: 1.5rem;
    font-weight: 400;
    margin-top: 20px;
}

.grp_titulo_photoslurp {
    margin-bottom: 0;
    margin-top: 70px;
}

.photoslurp {
    margin: 20px 0 0px 0;
}

.titulo_photoslurp {
    font-size: 2.2rem;
    font-weight: 700;
}

.subtitulo_photoslurp {
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: -50px;
}

@media(min-width:768px) {
    .titulo_photoslurp {
        font-size: 2.6rem;
        margin-bottom: 0;
    }

    .subtitulo_photoslurp {
        font-size: 1.3rem;
        margin-bottom: 26px;
        margin-top: 12px;
    }
}

@media(min-width:1280px) {
    .titulo_photoslurp {
        font-size: 2.3em;
    }
}

@media(min-width:1920px) {
    .grp_titulo_photoslurp {
        margin-top: 90px;
    }
}

@media (min-width: 2000px) {
    .photoslurp {
        margin: 20px -2.6% 0% -2%;
    }
}

.slider-home {
    width: 100%;
    margin: auto;
    overflow: hidden;
}

    .slider-home ul {
        display: flex;
        padding: 0;
        width: 400%; /*tiene que coincidir con el numero de imagenes, 400% serian 4 imagenes*/
        animation: cambio infinite linear;
        /*cambio 20s infinite alternate linear;*/ /*el alternate hace que vaya y vuelva para atras*/
        /*20s es la velocidad de cambio*/
        /*alternate izq a derecha y viceversa*/
        animation-delay: 1s;
        animation-duration: 22s; /*duracion de la animación completa*/
    }

    .slider-home li {
        width: 100%;
        list-style: none;
    }

    .slider-home img {
        /*width: 100%;*/
    }

@keyframes cambio {
    /*PARA 4 IMAGENES*/
    0% {
        margin-left: 0;
    }

    20% {
        margin-left: 0;
    }

    25% {
        margin-left: -100%;
    }

    45% {
        margin-left: -100%;
    }

    50% {
        margin-left: -200%;
    }

    70% {
        margin-left: -200%;
    }

    75% {
        margin-left: -300%;
    }

    100% {
        margin-left: -300%;
    }
}

.datos-producto {
    display: flex;
    justify-content: space-between;
}

.datos-producto-titulo {
    width: 70%;
}

/*------------------ FICHA PRODUCTO -----------------------*/
@media (min-width: 768px) {
    #div-ficha-images {
        /*overflow: auto;*/
        /*height: 100vh;*/
    }

    .datos-producto-titulo {
        width: 100%;
    }
}


/*------------------  OTROS  -------------------------------*/

#rc-imageselect, .g-recaptcha {
    display: inline;
    /*the most important*/
}

#rc-imageselect {
    max-width: 100%;
}

.g-recaptcha > div > div {
    width: 100% !important;
    height: 78px;
    transform: scale(0.77);
    /*the code to rescale the captcha obtained in this page webkit-transform:scale(0.77);*/
    text-align: center;
    position: relative;
}

/*::-webkit-scrollbar {
        display: none;
    }*/
/*::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}*/

.h3Home {
    font-size: 2rem;
    font-family: inherit;
}

@media (max-width: 768px) {
    .h3Home {
        font-size: 1.2rem;
        margin-top: -20px;
    }
}

.selectColor {
    width: 1px !important;
    line-height: 8px;
}

@media (max-width: 768px) {
    .selectColor {
        line-height: 7px;
    }
}

.divDirecPersonal {
    /*padding-left: 2rem;*/
}


/*Para crear cuenta affinity*/
.camposAffinity {
    border: 0 !important;
    border-bottom: 1px solid #CFAFA5 !important;
}

.flechamenu {
    width: 6px;
    margin-left: 2px;
}

.masprod {
    margin: 20px 0 20px 0;
}

@media (max-width: 767px) {
    .grande {
        width: 18px !important;
    }
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('/assets/img/loading1.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .22;
    pointer-events: none;
}

.loader_img {
    position: fixed;
    left: 12%;
    top: 40%;
    width: 300px;
    z-index: 9999;
    opacity: .5;
    pointer-events: none;
}

@media (min-width: 768px) {
    .loader_img {
        left: 40%;
    }
}

.loader_fondo {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #f1f1f1;
    background-size: cover;
    opacity: 0.5;
    pointer-events: none;
}

#cookies_alert_aceptar {
    background-color: white;
    text-transform: uppercase;
    color: black;
}

@media (min-width: 767px) {
    #cookies_alert_aceptar {
        width: 20% !important;
        display: initial !important;
    }
}


#menu ul {
    position: relative;
    z-index: 597;
    float: left;
}

    #menu ul li {
        float: left;
        min-height: 1px;
        line-height: 1em;
        vertical-align: middle;
    }

        #menu ul li.hover,
        #menu ul li:hover {
            position: relative;
            z-index: 599;
            cursor: default;
        }

    #menu ul ul {
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 598;
        width: 100%;
    }

        #menu ul ul li {
            float: none;
        }

    #menu ul li:hover > ul {
        visibility: visible;
    }

    #menu ul ul {
        top: 0;
        left: 100%;
    }

    #menu ul li {
        float: none;
    }

#menu {
    width: 255px;
}

    #menu span, #menu a {
        display: inline-block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-decoration: none;
    }

    #menu:after, #menu ul:after {
        content: '';
        display: block;
        clear: both;
    }

    #menu ul, #menu li {
        width: 100%;
    }

    #menu li {
        background: #dddddd;
    }

        #menu li:hover {
            background: #f6f6f6;
        }

    #menu a {
        color: #666666;
        line-height: 160%;
        padding: 11px 28px 11px 28px;
        width: 253px;
    }

    #menu ul ul li {
        background: #f6f6f6;
    }

        #menu ul ul li:hover {
            background: #dddddd;
        }

            #menu ul ul li:hover a {
                color: #666666;
            }

        #menu ul ul li ul li {
            background: #dddddd;
        }

            #menu ul ul li ul li:hover {
                background: #b7b7b7;
            }

    #menu .has-sub {
        position: relative;
    }

        #menu .has-sub:after, #menu .has-sub > ul > .has-sub:hover:after {
            content: '';
            display: block;
            width: 10px;
            height: 9px;
            position: absolute;
            right: 5px;
            top: 50%;
            margin-top: -5px;
        }

    #menu .fa-angle-right {
        float: right;
    }

.tallas-w {
    margin-left: auto;
    margin-right: auto;
    width: max-content;
    padding: 0 2em 2em 2em;
    position: absolute;
    top: 43%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    background-color: white;
}


.checkCirc {
    width: 36px !important;
}

@media (min-width: 576px) {
    .checkCirc {
        width: 26px !important;
    }
}


.linking_building {
    margin-top: 60px;
    font-size: 1rem;
}

@media (max-width: 767px) {
    .linking_building {
        margin-left: 0;
        padding: 5%;
        margin-top: 20px;
    }
}

@media (min-width: 768px) {
    .linking_building {
        margin-left: 28%;
    }
}

@media (min-width: 1025px) {
    .linking_building {
        margin-left: 32%;
        margin-right: 20%;
    }
}

.titulo_banner1 {
    font-size: 7rem !important;
    color: white;
    pointer-events:;
}

@media (max-width: 1024px) {
    .titulo_banner1 {
        font-size: 4rem !important;
    }
}

@media (max-width: 767px) {
    .titulo_banner1 {
        font-size: 3.5rem !important;
    }
}


.ProximamenteImg {
    position: absolute !important;
    right: 0;
    z-index: 10 !important;
    width: 120px;
    height: 30px !important;
    margin: 10px;
}

.LogoKidsImg {
    position: absolute !important;
    right: 0;
    z-index: 10 !important;
    width: 150px;
    height: 30px !important;
    margin-right: 10px;
}

.LogoPBFImg {
    position: absolute !important;
    right: 0;
    z-index: 10 !important;
    width: 200px;
    height: 30px !important;
    margin-right: 10px;
}

.LogoUltsUnid {
    position: absolute !important;
    left: 24px;
    z-index: 10 !important;
    width: 132px;
    height: auto !important;
}

.LogoUltsUnidEn {
    position: absolute !important;
    right: 0px;
    z-index: 10 !important;
    width: 132px;
    height: auto !important;
    margin-right: 7px;
}

@media (min-width:576px) {
    .LogoUltsUnid, .LogoUltsUnidEn {
        position: absolute !important;
        left: 0px;
        z-index: 10 !important;
        width: 140px;
        height: auto !important;
        margin-left: 7px;
        margin-top: 9px;
    }
}

@media (min-width:1576px) {
    .LogoUltsUnid, .LogoUltsUnidEn {
        width: 150px;
    }
}

@media (min-width:1180px) {
    .LogoUltsUnid, .LogoUltsUnidEn {
        width: 146px;
    }
}

@media (max-width: 767px) {
    .LogoKidsImg {
        position: absolute !important;
        right: 0;
        z-index: 10 !important;
        width: 80px;
        height: 15px !important;
        margin: 10px;
    }

    .LogoPBFImg {
        position: absolute !important;
        right: 0;
        z-index: 10 !important;
        width: 100px;
        height: 16px !important;
    }
}

.PrefallImg {
    position: absolute !important;
    right: 0;
    z-index: 10 !important;
    width: 200px;
    height: 30px !important;
    margin: 10px;
    margin-top: 0 !important;
}

.NuevoImg {
    position: absolute !important;
    right: 0;
    z-index: 10 !important;
    width: 25%;
    margin: 10px;
    margin-top: 0 !important;
}

.PrefallImgFicha {
    height: 28px !important;
    margin-bottom: 15px;
}

.PrefallImgMovil {
    display: none;
}

@media (max-width: 767px) {
    .PrefallImg {
        width: 96px;
        height: 16px !important;
        margin: 5px;
    }

    /*.NuevoImg {
        width: 48px;
        height: 24px !important;
        margin: 5px;
    }*/

    .PrefallImgFicha {
        display: none;
    }

    .PrefallImgMovil {
        display: block;
        height: 25px !important;
        position: absolute;
        z-index: 100;
        margin-left: 10px;
    }

    .mostrar_opciones {
        display: block !important;
    }
}

.title_detalles_ficha {
    text-transform: uppercase !important;
    margin-bottom: 7px !important;
    font-weight: 600 !important;
    font-size: 1.075rem;
}

.titulo_listado {
    text-align: center;
    margin-top: 7em;
    margin-bottom: 2em;
}

.titulo_listado > h1 {
    font-size: 1em;
    font-weight: 600;
    font-family: 'SangBleuKingdom', serif;
    letter-spacing: 1px;
}
.parrtitulo_listado {
    font-size: 0.75em !important;
    font-weight: 500 !important;
    font-family: Satoshi, sans-serif !important;
    padding: 0 !important;
}

.h2_listado {
    font-size: 1rem;
    font-weight: 400;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 50px;
}

.h3_listado {
    font-size: 1rem;
    font-weight: 400;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 22px;
    margin-bottom: 40px;
}

.h2_h3 {
    font-size: 0.9em;
    text-transform: uppercase;
    margin-bottom: 0;
}

.p_h2_h3 {
    margin-top: -18px
}

@media (min-width:480px) {
    .titulo_listado > h1 {
        font-size: 1.2em;
        padding-top: 15px;
    }
}

@media (min-width:576) {
    .p_h2_h3 {
        font-size: 0.9em;
    }
}

@media (min-width:768px) {
    .titulo_listado > h1 {
        font-size: 1em;
        padding-top: 0;
    }

    /*.titulo_listado {
        margin-top: 1rem;
    }*/
}

@media (min-width:1024px) {
    .titulo_listado > h1 {
        font-size: 1em;
    }

    .h2_listado, .h3_listado {
        margin-left: 25px;
        margin-right: 25px;
    }

    .p_h2_h3 {
        font-size: 0.9em;
    }
}

@media (min-width:1280px) {
    .h2_listado {
        margin-left: 40px;
        margin-right: 40px;
        margin-top: 40px;
    }

    .h3_listado {
        margin-left: 40px;
        margin-right: 40px;
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media (min-width:1920px) {
    .titulo_listado > h1 {
        padding-top: 20px;
    }

    .h2_listado, .h3_listado {
        font-size: 1em;
    }

    .p_h2_h3 {
        font-size: 1em;
    }
}


[data-src]::before {
    content: '';
    display: block;
    padding-top: 25%;
}

/*@media (max-width: 767px) {
    [data-src]::before {
        padding-top: 25%;
    }
}*/




/*SLIDER CON FLECHAS PARA PRODUCTOS LOOKBOOK*/

.csslider {
    -moz-perspective: 1500px;
    -ms-perspective: 1500px;
    -webkit-perspective: 1500px;
    perspective: 1500px;
    display: inline-block;
    text-align: left;
    position: relative;
    margin-bottom: 22px;
}

    .csslider > input {
        display: none;
    }

        .csslider > input:nth-of-type(11):checked ~ ul li:first-of-type {
            margin-left: -1000%;
        }

        .csslider > input:nth-of-type(10):checked ~ ul li:first-of-type {
            margin-left: -900%;
        }

        .csslider > input:nth-of-type(9):checked ~ ul li:first-of-type {
            margin-left: -800%;
        }

        .csslider > input:nth-of-type(8):checked ~ ul li:first-of-type {
            margin-left: -700%;
        }

        .csslider > input:nth-of-type(7):checked ~ ul li:first-of-type {
            margin-left: -600%;
        }

        .csslider > input:nth-of-type(6):checked ~ ul li:first-of-type {
            margin-left: -500%;
        }

        .csslider > input:nth-of-type(5):checked ~ ul li:first-of-type {
            margin-left: -400%;
        }

        .csslider > input:nth-of-type(4):checked ~ ul li:first-of-type {
            margin-left: -300%;
        }

        .csslider > input:nth-of-type(3):checked ~ ul li:first-of-type {
            margin-left: -200%;
        }

        .csslider > input:nth-of-type(2):checked ~ ul li:first-of-type {
            margin-left: -100%;
        }

        .csslider > input:nth-of-type(1):checked ~ ul li:first-of-type {
            margin-left: 0%;
        }

    .csslider > ul {
        position: relative;
        width: 270px;
        height: 263px;
        z-index: 1;
        font-size: 0;
        line-height: 0;
        background-color: #efefed;
        /*border: 10px solid #3a3a3a;*/
        margin: 20px -15px 0 15px; /*nos situa en el circulo*/
        padding: 0;
        overflow: hidden;
        white-space: nowrap;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .csslider > ul > li {
            position: relative;
            display: inline-block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            font-size: 15px;
            font-size: initial;
            line-height: normal;
            -moz-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
            -o-transition: all 0.5s ease-out;
            -webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
            transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
            vertical-align: top;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            white-space: normal;
        }

            .csslider > ul > li.scrollable {
                overflow-y: scroll;
            }

    .csslider > .navigation {
        position: absolute;
        bottom: -8px;
        left: 50%;
        z-index: 10;
        margin-bottom: -10px;
        font-size: 0;
        line-height: 0;
        text-align: center;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .csslider > .navigation > div {
            margin-left: -100%;
        }

        .csslider > .navigation label {
            position: relative;
            display: inline-block;
            cursor: pointer;
            border-radius: 50%;
            margin: 0 4px;
            padding: 4px;
            background: #3a3a3a;
        }

            .csslider > .navigation label:hover:after {
                opacity: 1;
            }

            .csslider > .navigation label:after {
                content: '';
                position: absolute;
                left: 50%;
                top: 50%;
                margin-left: -6px;
                margin-top: -6px;
                background: #71ad37;
                border-radius: 50%;
                padding: 6px;
                opacity: 0;
            }

    .csslider > .arrows {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .csslider.inside .navigation {
        bottom: 10px;
        margin-bottom: 10px;
    }

        .csslider.inside .navigation label {
            border: 1px solid #7e7e7e;
        }


    .csslider > input:nth-of-type(1):checked ~ .navigation label:nth-of-type(1):after,
    .csslider > input:nth-of-type(2):checked ~ .navigation label:nth-of-type(2):after,
    .csslider > input:nth-of-type(3):checked ~ .navigation label:nth-of-type(3):after,
    .csslider > input:nth-of-type(4):checked ~ .navigation label:nth-of-type(4):after,
    .csslider > input:nth-of-type(5):checked ~ .navigation label:nth-of-type(5):after,
    .csslider > input:nth-of-type(6):checked ~ .navigation label:nth-of-type(6):after,
    .csslider > input:nth-of-type(7):checked ~ .navigation label:nth-of-type(7):after,
    .csslider > input:nth-of-type(8):checked ~ .navigation label:nth-of-type(8):after,
    .csslider > input:nth-of-type(9):checked ~ .navigation label:nth-of-type(9):after,
    .csslider > input:nth-of-type(10):checked ~ .navigation label:nth-of-type(10):after,
    .csslider > input:nth-of-type(11):checked ~ .navigation label:nth-of-type(11):after,
    .csslider > input:nth-of-type(12):checked ~ .navigation label:nth-of-type(12):after {
        opacity: 1;
    }

    .csslider > .arrows {
        position: absolute;
        left: 25px;
        top: 60%;
        width: 88%; /*para indicar a que distancia la flecha derecha*/
        height: 26px;
        padding: 10px 10px;
        z-index: 1;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }


@media only screen and (max-width: 768px) {
    .csslider > .arrows {
        left: 10px;
        top: 40%;
        width: 62%;
    }
}

@media only screen and (min-width: 769px) {
    .csslider > .arrows {
        left: 30px;
        top: 70%;
        width: 80%;
    }
}

@media only screen and (min-width: 1025pxpx) {
    .csslider > .arrows {
        left: 30px;
        top: 70%;
        width: 80%;
    }
}

.csslider > .arrows label {
    display: none;
    position: absolute;
    top: -50%;
    padding: 13px;
    box-shadow: inset 2px -2px 0 1px #3a3a3a;
    cursor: pointer;
    -moz-transition: box-shadow 0.15s, margin 0.15s;
    -o-transition: box-shadow 0.15s, margin 0.15s;
    -webkit-transition: box-shadow 0.15s, margin 0.15s;
    transition: box-shadow 0.15s, margin 0.15s;
}


    .csslider > .arrows label:hover {
        box-shadow: inset 3px -3px 0 2px #71ad37;
        margin: 0 0px;
    }


    .csslider > .arrows label:before {
        content: '';
        position: absolute;
        top: -100%;
        left: -100%;
        height: 300%;
        width: 300%;
    }


.csslider.infinity > input:first-of-type:checked ~ .arrows label.goto-last,
.csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(0),
.csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1),
.csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2),
.csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3),
.csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(4),
.csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(5),
.csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(6),
.csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(7),
.csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(8),
.csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(9),
.csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(10),
.csslider > input:nth-of-type(12):checked ~ .arrows > label:nth-of-type(11) {
    display: block;
    left: 0;
    right: auto;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.csslider.infinity > input:last-of-type:checked ~ .arrows label.goto-first,
.csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2),
.csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3),
.csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4),
.csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5),
.csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(6),
.csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(7),
.csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(8),
.csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(9),
.csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(10),
.csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(11),
.csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(12),
.csslider > input:nth-of-type(12):checked ~ .arrows > label:nth-of-type(13) {
    display: block;
    right: 0;
    left: auto;
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

.forzar_flecha_slider {
    display: block !important;
    right: 0;
    left: auto;
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

@media (max-width: 768px) {
    .slider-lookbook-desktop {
        display: none;
    }

    .slider-lookbook-mobile {
        display: block;
        margin-left: 5px;
    }
}


@media (min-width: 769px) {
    .slider-lookbook-desktop {
        display: block;
    }

    .slider-lookbook-mobile {
        display: none;
    }
}

.boton_video_lookbook {
    padding-top: 40% !important;
    padding-left: 25%;
    padding-right: 20%;
}

.margen_video_loookbook {
    margin-left: 8px !important;
    margin-top: 30px;
    margin-bottom: -30px;
}

@media (min-width: 768px) {
    .boton_video_lookbook {
        padding-top: 8% !important;
        padding-left: 25%;
    }

    .margen_video_loookbook {
        margin-left: 15px !important;
        margin-top: 50px;
        padding-bottom: 30px;
    }
}

@media (min-width: 1200px) {
    .boton_video_lookbook {
        padding-top: 30% !important;
        padding-left: 32%;
    }

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

@media (min-width: 2000px) {
    .margen_video_loookbook {
        max-width: 1920px;
    }
}

@media (min-width: 1500px) {
    .boton_video_lookbook {
        padding-top: 20% !important;
        padding-left: 35%;
    }
}

@media (max-width: 767px) {
    .video_embebed_lookbook {
        width: 100%;
        height: 40vh;
    }
}

@media (min-width: 768px) {
    .video_embebed_lookbook {
        width: 100%;
        height: 60vh;
    }
}

@media (min-width: 998px) {
    .video_embebed_lookbook {
        width: 100%;
        height: 110vh;
    }
}

@media (min-width: 2400px) {
    .video_embebed_lookbook {
        margin-left: 7%;
    }
}


/*Accesorios en Checkout*/
.rowAcc {
    display: inline-block;
}

.elemento_flexbox {
    width: calc(100%/3);
    padding: 3px;
    float: left;
}

.elemento_flexbox2 {
    width: calc(100%/2);
    padding: 3px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 769px) {
    .elemento_flexbox {
        width: calc(100%/2);
        padding: 10px;
    }

    .elemento_flexbox2 {
        width: calc(100%/2);
        padding: 10px;
    }
}

.imgAcc {
    width: 100%;
    padding: 5px;
}

.btnAcc {
    cursor: pointer;
    width: 100%;
    height: 25px;
    margin-bottom: 20px;
    font-size: 1em;
    line-height: 0;
}

.txtAcc {
    text-transform: capitalize;
    font-size: 0.8em;
    margin-left: 5px;
    margin-top: -5px;
    font-size: 0.9em;
    font-weight: 500;
}

@media (min-width: 769px) {
    .ingenico_tarj {
        margin-left: 20px;
    }
}

/*sorteo*/

.altura_sorteo_banner1 {
    height: 320px !important;
}

.altura_sorteo_banner2 {
    height: 320px !important;
}

.altura_sorteo_banner3 {
    height: 280px !important;
}

.altura_sorteo_banner4 {
    height: 280px !important;
}

.margin_top_sorteo2_banner2 {
    margin-top: -5%;
}

.altura_sorteo2_banner1 {
    height: 350px !important;
}

.altura_sorteo2_banner2 {
    height: 900px !important;
}

@media (min-width: 768px) {
    .altura_sorteo_banner1 {
        height: 400px !important;
    }

    .altura_sorteo_banner2 {
        height: 200px !important;
    }

    .altura_sorteo_banner3 {
        height: 350px !important;
    }

    .altura_sorteo_banner4 {
        height: 350px !important;
    }

    .margin_top_sorteo2_banner2 {
        margin-top: 5%;
    }

    .altura_sorteo2_banner2 {
        height: 1400px !important;
    }

    .altura_sorteo2_banner1 {
        height: 500px !important;
    }
}

@media (min-width: 1024px) {
    .altura_sorteo_banner1 {
        height: 500px !important;
    }

    .altura_sorteo_banner2 {
        height: 250px !important;
    }

    .altura_sorteo_banner3 {
        height: 400px !important;
    }

    .altura_sorteo_banner4 {
        height: 500px !important;
    }

    .margin_top_sorteo2_banner2 {
        margin-top: 0;
    }

    .altura_sorteo2_banner1 {
        height: 550px !important;
    }

    .altura_sorteo2_banner2 {
        height: 1000px !important;
    }
}

@media (min-width: 1200px) {
    .altura_sorteo_banner1 {
        height: 600px !important;
    }

    .altura_sorteo_banner2 {
        height: 300px !important;
    }

    .altura_sorteo_banner3 {
        height: 470px !important;
    }

    .altura_sorteo_banner4 {
        height: 600px !important;
    }



    .margin_top_sorteo2_banner2 {
        margin-top: 5%;
    }

    .altura_sorteo2_banner2 {
        height: 1100px !important;
    }

    .altura_sorteo2_banner1 {
        height: 550px !important;
    }
}

@media (min-width: 1500px) {
    .altura_sorteo_banner1 {
        height: 700px !important;
    }

    .altura_sorteo_banner2 {
        height: 450px !important;
    }

    .altura_sorteo_banner3 {
        height: 670px !important;
    }

    .altura_sorteo_banner4 {
        height: 700px !important;
    }


    .margin_top_sorteo2_banner2 {
        margin-top: 0;
    }

    .altura_sorteo2_banner2 {
        height: 1300px !important;
    }

    .altura_sorteo2_banner1 {
        height: 750px !important;
    }
}

@media (min-width: 1800px) {
    .altura_sorteo_banner1 {
        height: 900px !important;
    }

    .altura_sorteo_banner2 {
        height: 550px !important;
    }

    .altura_sorteo_banner3 {
        height: 770px !important;
    }

    .altura_sorteo_banner4 {
        height: 800px !important;
    }



    .margin_top_sorteo2_banner2 {
        margin-top: 0;
    }

    .altura_sorteo2_banner1 {
        height: 800px !important;
    }
}


@media (min-width: 1921px) {
    .altura_sorteo2_banner1 {
        height: 1000px !important;
    }

    .altura_sorteo2_banner2 {
        height: 1600px !important;
    }

    .margin_top_sorteo2_banner2 {
        margin-top: 0;
    }
}

.sorteo_bases {
    text-align: center;
    margin-bottom: -30px;
    padding-top: 30px;
    font-size: 14px;
}

@media (min-width: 768px) {
    .sorteo_bases {
        margin-bottom: -60px;
        padding-top: 30px;
        margin-bottom: -70px;
        font-size: 20px;
    }
}


/*NUEVO SLIDER PARA HOME Noviembre 2020*/

/*-----------------*/

@media (max-width: 300px) {
    .carrusel2_margin_bottom {
        margin-bottom: 7%;
    }
}

@media (min-width: 301px) {
    .carrusel2_margin_bottom {
        height: 100vw;
    }
}

@media (min-width: 500px) {
    .carrusel2_margin_bottom {
        margin-bottom: 2%;
        height: auto;
    }
}

@media (min-width: 700px) {
    .carrusel2_margin_bottom {
        margin-bottom: -7%;
    }
}

@media (min-width: 800px) {
    .carrusel2_margin_bottom {
        margin-bottom: -7%;
    }
}

@media (min-width: 900px) {
    .carrusel2_margin_bottom {
        margin-bottom: -7%;
    }
}

@media (min-width: 1025px) {
    .carrusel2_margin_bottom {
        margin-bottom: -7%;
    }
}

@media (min-width: 1200px) {
    .carrusel2_margin_bottom {
        margin-bottom: -8%;
    }
}

@media (min-width: 1300px) {
    .carrusel2_margin_bottom {
        margin-bottom: -7%;
    }
}

@media (min-width: 1500px) {
    .carrusel2_margin_bottom {
        margin-bottom: -7%;
    }
}

#slideshowCarrusel, #slideshow, #slideshow2, #slideshow3, #slideshow4, #slideshow5, #slideshow6, #slideshow7, #slideshow8, #slideshow9,
#slideshow10, #slideshow11, #slideshow12, #slideshow13, #slideshow14, #slideshow15 {
    margin: 0 auto;
    position: relative;
    width: 100%;
    /*padding: 1% 1% 56.25% 1%;*/ /*56.25 is for 16x9 resolution*/
    padding: 0 0 139.25% 0;
    /*border-radius: 20px;
    background: rgba(0,0,0,0.2);*/
    box-shadow: 0 0 20px rgba(0,0,0,0.6);
    box-sizing: border-box;
}

    #slideshowCarrusel > div, #slideshow > div, #slideshow2 > div, #slideshow3 > div,
    #slideshow4 > div, #slideshow5 > div, #slideshow6 > div,
    #slideshow7 > div, #slideshow8 > div, #slideshow9 > div,
    #slideshow10 > div, #slideshow10 > div, #slideshow11 > div, #slideshow11 > div,
    #slideshow12 > div, #slideshow12 > div, #slideshow13 > div, #slideshow13 > div,
    #slideshow14 > div, #slideshow14 > div, #slideshow15 > div, #slideshow15 > div {
        position: absolute;
        /*top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;*/
    }

        #slideshowCarrusel > div > img,
        #slideshow > div > img, #slideshow2 > div > img,
        #slideshow3 > div > img, #slideshow4 > div > img,
        #slideshow5 > div > img, #slideshow6 > div > img,
        #slideshow7 > div > img, #slideshow8 > div > img,
        #slideshow9 > div > img, #slideshow10 > div > img,
        #slideshow11 > div > img, #slideshow12 > div > img,
        #slideshow13 > div > img, #slideshow14 > div > img,
        #slideshow15 > div > img {
            width: 100%;
            height: 100%;
            /*border-radius: 20px;*/
        }



    #slideshowCarrusel:hover i,
    #slideshow:hover i, #slideshow:hover .slider-dots,
    #slideshow2:hover i, #slideshow2:hover .slider-dots,
    #slideshow3:hover i, #slideshow3:hover .slider-dots,
    #slideshow4:hover i, #slideshow4:hover .slider4-dots,
    #slideshow5:hover i, #slideshow5:hover .slider5-dots,
    #slideshow6:hover i, #slideshow6:hover .slider6-dots,
    #slideshow7:hover i, #slideshow7:hover .slider7-dots,
    #slideshow8:hover i, #slideshow8:hover .slider8-dots,
    #slideshow9:hover i, #slideshow9:hover .slider9-dots,
    #slideshow10:hover i, #slideshow10:hover .slider10-dots,
    #slideshow11:hover i, #slideshow11:hover .slider11-dots,
    #slideshow12:hover i, #slideshow12:hover .slider12-dots,
    #slideshow13:hover i, #slideshow13:hover .slider13-dots,
    #slideshow14:hover i, #slideshow14:hover .slider14-dots,
    #slideshow15:hover i, #slideshow15:hover .slider15-dots {
        opacity: 1;
    }


.slidebtnCarrusel, .slidebtn, .slidebtn2, .slidebtn3, .slidebtn4, .slidebtn5, .slidebtn6, .slidebtn7, .slidebtn8, .slidebtn9,
.slidebtn10, .slidebtn11, .slidebtn12, .slidebtn13, .slidebtn14, .slidebtn15 {
    z-index: 99;
    background: transparent;
    outline: none;
    border: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


    .slidebtnCarrusel:active,
    .slidebtn:active, .slidedtn:focus,
    .slidebtn2:active, .slidedtn2:focus,
    .slidebtn3:active, .slidedtn3:focus,
    .slidebtn4:active, .slidedtn4:focus,
    .slidebtn5:active, .slidedtn5:focus,
    .slidebtn6:active, .slidedtn6:focus,
    .slidebtn7:active, .slidedtn7:focus,
    .slidebtn8:active, .slidedtn8:focus,
    .slidebtn9:active, .slidedtn9:focus,
    .slidebtn8:active, .slidedtn10:focus,
    .slidebtn8:active, .slidedtn11:focus,
    .slidebtn8:active, .slidedtn12:focus,
    .slidebtn8:active, .slidedtn13:focus,
    .slidebtn8:active, .slidedtn14:focus,
    .slidebtn8:active, .slidedtn15:focus {
        outline: none;
    }


    .slidebtnCarrusel i, .slidebtn i, .slidebtn2 i, .slidebtn3 i, .slidebtn4 i, .slidebtn5 i, .slidebtn6 i, .slidebtn7 i, .slidebtn8 i, .slidebtn9 i,
    .slidebtn10 i, .slidebtn11 i, .slidebtn12 i, .slidebtn13 i, .slidebtn14 i, .slidebtn15 i {
        color: #FFF;
        font-size: 4em;
        opacity: 0.8;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .slidebtnCarrusel > img, .slidebtn > img, .slidebtn2 > img, .slidebtn3 > img, .slidebtn4 > img, .slidebtn5 > img,
    .slidebtn6 > img, .slidebtn7 > img, .slidebtn8 > img, .slidebtn9 > img, .slidebtn10 > img,
    .slidebtn11 > img, .slidebtn12 > img, .slidebtn13 > img, .slidebtn14 > img, .slidebtn15 > img {
        opacity: 0.7;
        width: 2.1rem;
    }

@media (max-width: 767px) {
    .slidebtnCarrusel > img, .slidebtn > img, .slidebtn2 > img, .slidebtn3 > img, .slidebtn4 > img, .slidebtn5 > img,
    .slidebtn6 > img, .slidebtn7 > img, .slidebtn8 > img, .slidebtn9 > img, .slidebtn10 > img,
    .slidebtn11 > img, .slidebtn12 > img, .slidebtn13 > img, .slidebtn14 > img, .slidebtn15 > img {
        opacity: 0.6;
        width: 1.5rem;
    }
}

/*@media (max-width: 1024px) {
    #slideshow, #slideshow2, #slideshow3, #slideshow4, #slideshow5, #slideshow6, #slideshow7, #slideshow8, #slideshow9 {
        padding: 0 0 52% 0;
        margin-bottom: 0;
    }
}*/

@media (max-width: 575px) {
    #slideshowCarrusel, #slideshow, #slideshow2, #slideshow3, #slideshow4, #slideshow5, #slideshow6, #slideshow7, #slideshow8, #slideshow9,
    #slideshow10, #slideshow11, #slideshow12, #slideshow13, #slideshow14, #slideshow15 {
        padding: 0 0 133% 0;
        margin-bottom: 0;
    }
}

@media (max-width: 1024px) {
    .slidebtnCarrusel i, .slidebtn i, .slidebtn2 i, .slidebtn3 i, .slidebtn4 i, .slidebtn5 i, .slidebtn6 i, .slidebtn7 i, .slidebtn8 i, .slidebtn9 i,
    .slidebtn10 i, .slidebtn11 i, .slidebtn12 i, .slidebtn13 i, .slidebtn14 i, .slidebtn15 i {
        opacity: 0.8;
    }

    .slidebtnCarrusel:hover,
    .slidebtn:hover, .slidebtn2:hover, .slidebtn3:hover, .slidebtn4:hover,
    .slidebtn5:hover, .slidebtn6:hover, .slidebtn7:hover, .slidebtn8:hover,
    .slidebtn9:hover, .slidebtn10:hover, .slidebtn11:hover, .slidebtn12:hover,
    .slidebtn13:hover, .slidebtn14:hover, .slidebtn15:hover {
        opacity: 0.3;
    }
}


.prevCarrusel, .prev, .prev2, .prev3, .prev4, .prev5, .prev6, .prev7, .prev8, .prev9, .prev10, .prev11, .prev12, .prev13, .prev14, .prev15 {
    position: absolute;
    top: 0px;
    left: 10px;
    bottom: 0;
}


.nextCarrusel, .next, next2, .next3, .next4, .next5, .next6, .next7, .next8, .next9, .next10, .next11, .next12, .next13, .next14, .next15 {
    position: absolute;
    top: 0px;
    right: 10px;
    bottom: 0;
}


@media (max-width: 450px) {
    .prevCarrusel,
    .prev, .nextCarrusel, .next, .prev2, .next2, .prev3, .next3, .prev4, .next4, .prev5, .next5, .prev6, .next6,
    .prev7, .next7, .prev8, .next8, .prev9, .next9, .prev10, .next10, .prev11, .next11, .prev12, .next12,
    .prev13, .next13, .prev14, .next14, .prev15, .next15 {
        top: 0;
    }

    .prevCarrusel,
    .prev, .prev2, .prev3, .prev4, .prev5, .prev6, .prev7, .prev8, .prev9, .prev10, .prev11, .prev12,
    .prev13, .prev14, .prev15 {
        left: -5px;
    }

    .nextCarrusel,
    .next, next2, .next3, .next4, .next5, .next6, .next7, .next8, .next9, .next10, .next11, .next12,
    .next13, .next14, .next15 {
        right: -5px;
    }
}

.slider-dotsCarrusel,
.slider-dots, .slider-dots, .slider-dots2, .slider-dots3, .slider-dots4, .slider-dots5, .slider-dots6, .slider-dots7,
.slider-dots8, .slider-dots9, .slider-dots10, .slider-dots11, .slider-dots12, .slider-dots13,
.slider-dots14, .slider-dots15 {
    /*margin-left:2px;*/
    opacity: 1;
    list-style: none;
    display: inline-block;
    padding-left: 0;
    margin-bottom: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    z-index: 99;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/*@media (max-width: 767px) {
    .slider-dots {
        margin-left: 8px;
        bottom: 4px;
    }
}*/

/*@media (min-width: 500px) {
        .slider-dots {
            bottom: 10%;
        }
    }*/

@media (min-width: 768px) {
    .slider-dotsCarrusel,
    .slider-dots, .slider-dots2, .slider-dots3, .slider-dots4, .slider-dots5, .slider-dots6, .slider-dots7, .slider-dots8,
    .slider-dots9, .slider-dots10, .slider-dots11, .slider-dots12, .slider-dots13, .slider-dots14, .slider-dots15 {
        bottom: 4%;
    }

    #slideshowCarrusel {
        padding: 0 0 45.25% 0;
    }
}

@media (min-width: 1024px) {
    .slider-dotsCarrusel,
    .slider-dots, .slider-dots2, .slider-dots3, .slider-dots4, .slider-dots5, .slider-dots6, .slider-dots7, .slider-dots8,
    .slider-dots9, .slider-dots10, .slider-dots11, .slider-dots12, .slider-dots13, .slider-dots14 {
        bottom: 4%;
    }
}

@media (min-width: 1300px) {
    .slider-dotsCarrusel,
    .slider-dots, .slider-dots2, .slider-dots3, .slider-dots4, .slider-dots5, .slider-dots6, .slider-dots7, .slider-dots8,
    .slider-dots9, .slider-dots10, .slider-dots11, .slider-dots12, .slider-dots13, .slider-dots14, .slider-dots15 {
        bottom: 2%;
    }
}

@media (min-width: 1920px) {
    #slideshowCarrusel {
        padding: 0 0 43.25% 0;
    }
}

@media (min-width: 2666px) {
    .slider-dotsCarrusel,
    .slider-dots, .slider-dots2, .slider-dots3, .slider-dots4, .slider-dots5, .slider-dots6, .slider-dots7, .slider-dots8,
    .slider-dots9, .slider-dots10, .slider-dots11, .slider-dots12, .slider-dots13, .slider-dots14, .slider-dots15 {
        bottom: 7%;
    }
}

@media (min-width: 2888px) {
    .slider-dotsCarrusel,
    .slider-dots, .slider-dots2, .slider-dots3, .slider-dots4, .slider-dots5, .slider-dots6, .slider-dots7, .slider-dots8,
    .slider-dots9, .slider-dots10, .slider-dots11, .slider-dots12, .slider-dots13, .slider-dots14, .slider-dots15 {
        bottom: 14%;
    }
}

@media (min-width: 3000px) {
    .slider-dotsCarrusel,
    .slider-dots, .slider-dots2, .slider-dots3, .slider-dots4, .slider-dots5, .slider-dots6, .slider-dots7, .slider-dots8,
    .slider-dots9, .slider-dots10, .slider-dots11, .slider-dots12, .slider-dots13, .slider-dots14, .slider-dots15 {
        bottom: 18%;
    }
}

@media (min-width: 3247px) {
    .slider-dotsCarrusel,
    .slider-dots, .slider-dots2, .slider-dots3, .slider-dots4, .slider-dots5, .slider-dots6, .slider-dots7, .slider-dots8,
    .slider-dots9, .slider-dots10, .slider-dots11, .slider-dots12, .slider-dots13, .slider-dots14, .slider-dots15 {
        bottom: 26%;
    }
}

@media (min-width: 3809px) {
    .slider-dotsCarrusel,
    .slider-dots, .slider-dots2, .slider-dots3, .slider-dots4, .slider-dots5, .slider-dots6, .slider-dots7, .slider-dots8,
    .slider-dots9, .slider-dots10, .slider-dots11, .slider-dots12, .slider-dots13, .slider-dots14, .slider-dots15 {
        bottom: 36%;
    }
}

.slider-dotsCarrusel li, .slider-dots li, .slider-dots2 li, .slider-dots3 li, .slider-dots4 li, .slider-dots5 li, .slider-dots6 li, .slider-dots7 li,
.slider-dots8 li, .slider-dots9 li, .slider-dots10 li, .slider-dots11 li, .slider-dots12 li, .slider-dots13 li,
.slider-dots14 li, .slider-dots15 li {
    /*color: #000;*/
    display: inline;
    font-size: 1rem;
    margin-right: 5px;
    cursor: pointer;
    /*nuevo*/
    background-image: url("/assets/img/cuadrosinrelleno.png");
    background-repeat: no-repeat;
    padding-top: 0px;
    color: #0000;
    background-size: 17px;
}

    .slider-dotsCarrusel li.active-dotCarrusel,
    .slider-dots li.active-dot, .slider-dots2 li.active-dot2, .slider-dots3 li.active-dot3, .slider-dots4 li.active-dot4,
    .slider-dots5 li.active-dot5, .slider-dots6 li.active-dot6, .slider-dots7 li.active-dot7, .slider-dots8 li.active-dot8,
    .slider-dots9 li.active-dot9, .slider-dots10 li.active-dot10, .slider-dots11 li.active-dot11, .slider-dots12 li.active-dot12,
    .slider-dots13 li.active-dot13, .slider-dots14 li.active-dot14, .slider-dots15 li.active-dot15 {
        color: #cbcbcb00;
        /*background-size: 1.1rem;*/
        background-size: 17px;
        background-image: url("/assets/img/cuadroconrelleno.png");
        background-repeat: no-repeat;
        /*background-position: center center;*/
        background-position: inherit;
        /*padding-top: 2px;*/
        padding-top: 0px;
    }

@media (min-width: 768px) {
    .slider-dotsCarrusel li.active-dotCarrusel,
    .slider-dots li.active-dot, .slider-dots2 li.active-dot2, .slider-dots3 li.active-dot3, .slider-dots4 li.active-dot4,
    .slider-dots5 li.active-dot5, .slider-dots6 li.active-dot6, .slider-dots7 li.active-dot7, .slider-dots8 li.active-dot8,
    .slider-dots9 li.active-dot9, .slider-dots10 li.active-dot10, .slider-dots11 li.active-dot11, .slider-dots12 li.active-dot12,
    .slider-dots13 li.active-dot13, .slider-dots14 li.active-dot14, .slider-dots15 li.active-dot15 {
        background-size: 1.3rem;
    }

    .slider-dotsCarrusel, .slider-dots, .slider-dots2, .slider-dots3, .slider-dots4, .slider-dots5, .slider-dots6, .slider-dots7, .slider-dots8,
    .slider-dots9, .slider-dots910, .slider-dots11, .slider-dots12, .slider-dots13, .slider-dots14, .slider-dots15 {
        display: block;
    }

        .slider-dotsCarrusel li, .slider-dots li, .slider-dots2 li, .slider-dots3 li, .slider-dots4 li, .slider-dots5 li, .slider-dots6 li, .slider-dots7 li,
        .slider-dots8 li, .slider-dots9 li, .slider-dots10 li, .slider-dots11 li, .slider-dots12 li, .slider-dots13 li,
        .slider-dots14 li, .slider-dots14 li {
            font-size: 1rem;
        }
}

.txt_banner_derecha {
    margin-left: 0;
}

@media (max-width: 767px) {
    .txt_banner_derecha {
        margin-left: 25px;
    }
}

@media (min-width:768px) {
    #slideshow {
        padding: 0 0 44.25% 0;
    }
}

.titular_960x750 {
    font-size: 3.5rem !important;
}

@media (max-width: 768px) {
    .titular_960x750 {
        font-size: 2.5rem !important;
        margin-bottom: 3% !important;
    }
}


.texto_banner2:first-letter {
    text-transform: uppercase;
}


.txt_slider_h3 {
    font-size: 2em !important;
    pointer-events: none;
}

.txt_slider_h3sub {
    font-size: 1.6em !important;
    pointer-events: none;
    font-weight: 400;
}

.txt_hasta {
    position: absolute;
    bottom: 13px;
    margin-left: 20px;
    font-size: 1.2rem !important;
}

.txt_hasta_porcentaje {
    margin-left: 80px;
}

@media (min-width: 769px) {
    .txt_slider_h3 {
        font-size: 3em !important;
        font-weight: 400;
    }

    .txt_slider_h3sub {
        font-size: 1.6em !important;
        font-weight: 400;
    }

    .txt_hasta {
        bottom: 20px;
        margin-left: 30px;
        font-size: 1.2rem !important;
    }

    .txt_hasta_porcentaje {
        margin-left: 100px;
    }
}


@media (min-width:1280px) {

    .Primavera {
        font-size: 2em;
    }

    .boton.tipo_a_sobre_transparente {
        font-size: 1em;
    }

    .Titular_Izq {
        left: 11%;
        top: 41%;
    }
}

/* FIN NUEVO SLIDER PARA HOME*/
/*-----------------*/
.close_webfraudulenta {
    position: relative;
    top: 50px;
}

@media(min-width:768px) {
    #headerclub {
        margin-top: 20px;
    }    
}

@media(min-width:1024px) {
    #headerclub {
        margin-top: 9px;
    }
}

.row_header {
    margin: 0;
    width:100%;
}

@media (min-width: 960px) {
    #headerclub {
        margin-top: 16px;
    }
}

@media (min-width: 1280px) {
    #headerclub {
        margin-top: 21px;
    }
}



.texto_menu_abajo {
    color: cadetblue;
    font-weight: 500;
    padding-bottom: 30px;
    padding-left: 24px;
    font-weight: 700;
    font-size: 0.9em;
}

.texto_menu_abajo2 {
    font-weight: 700;
    bottom: -4px;
    position: relative;
    font-size: 1rem;
    top: 11px;
}

/*boton subir arriba*/
.ir-arriba {
    display: none;
    background: #024959;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 10000;
}

.botonArriba {
    border-radius: 0px;
    box-shadow: 4px 8px 10px 0px rgba(0, 0, 0, 0.15);
    width: 2.5rem;
}

/*texto intermedio*/
.texto_intermedio {
    text-align: center;
    margin-top: 60px;
    font-size: 1.1rem;
    font-weight: 400;
    margin-bottom: 70px;
}

.texto_bajobanner2 {
    margin-top: -24px;
    margin-left: 14px;
}

.partes2_clickables {
    visibility: visible;
}

@media (max-width: 767px) {
    .partes2_clickables {
        visibility: hidden;
    }
}

.banner1_parte {
    width: 50%;
    height: 100%;
    position: relative;
    z-index: 10000;
}

/*texto debajo de los 4 banners seccion dos home*/
@media (max-width: 767px) {
    .texto_intermedio {
        margin-top: 35px;
        margin-bottom: 40px;
    }

    .texto_bajobanner2 {
        margin-top: 6px;
        margin-left: 0px;
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .texto_bajobanner2 {
        margin-left: 6px;
        margin-top: -2px;
    }

    .texto_intermedio {
        text-align: center;
        margin-top: 30px;
        font-size: 1rem;
        font-weight: 400;
        margin-bottom: 70px;
    }
}

.div_imagen_menu {
    right: 0;
    padding: 0;
    display: grid;
    position: relative;
}

.txt_centro_topbar {
    display: block;
}

@media (max-width: 1200px) {
    .div_imagen_menu {
        visibility: hidden;
    }
}


/*Ayuda movil*/

.ayuda_movil {
    margin-top: 15px;
    margin-bottom: -60px;
    background-color: whitesmoke;
    padding-bottom: 60px;
}

    .ayuda_movil .btn-group {
        margin-top: 4px;
        display: block;
        padding: 15px 8px;
    }

        .ayuda_movil .btn-group .dropdown-item-selected {
            font-size: 1.1rem;
            font-weight: 700;
        }

        .ayuda_movil .btn-group .dropdown-menu {
            padding: 18px 0px;
            position: relative;
            background-color: whitesmoke;
        }

            .ayuda_movil .btn-group .dropdown-menu .enlace {
                margin-bottom: 10px;
            }

                .ayuda_movil .btn-group .dropdown-menu .enlace .custom-control-description {
                    font-size: 1rem;
                    margin-bottom: 10px;
                    margin-left: 20px;
                }

.linea_separacion_ayuda {
    border-top: 1px solid;
    color: #00000059;
    position: relative;
    display: block;
    margin-bottom: -17px;
    margin-top: 10px;
}

.responsiveContent {
    position: relative;
    float: left;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

    .responsiveContent iframe {
        /*top: 0;
            left: 0;
            width: 100%;
            height: 2800px;*/
        height: 2000px;
        position: relative;
        float: left;
        width: calc(100% + 20px);
        overflow-y: auto;
    }

.botones_flot_iframe {
    z-index: 10;
    position: fixed;
    text-align: center;
    width: 100%;
    height: 50px;
    background-color: #dedede;
}

.botones_flot_iframe_2 {
    z-index: 10;
    text-align: center;
    width: 100%;
    height: 50px;
    background-color: #dedede;
    margin-top: 60px;
}

.botonillo {
    font-size: 1.2rem;
    cursor: pointer;
    padding-left: 20px;
    padding-right: 20px;
}

@media (max-width: 767px) {
    .botones_flot_iframe {
        height: 30px;
    }

    .botones_flot_iframe_2 {
        height: 30px;
    }

    .botonillo {
        font-size: 1.2rem;
    }

    .responsiveContent iframe {
        width: 100%;
    }
}

/*Marquee********************************************************************/

.banda_rotulo {
    margin-top: 30px;
}

.notice-banner-wrapper {
    /*width: calc(100% - 40px);*/
    height: 100%;
    z-index: 11;
    position: relative;
    visibility: hidden;
    overflow: hidden;
    background: #a4171f;
    /*padding-right: 40px;*/
    /*border-top: 3px solid;
    border-bottom: 3px solid;*/
    margin-bottom: 30px;
    margin-top: -30px;
}

    .notice-banner-wrapper.visible {
        visibility: visible;
    }

    .notice-banner-wrapper .notice-content {
        overflow: hidden;
        height: 100%;
    }

    .notice-banner-wrapper li {
        width: 900px; /*ampliar ancho del cartel para que quepan anuncios*/
        display: inline-block;
        line-height: 1;
        font-size: 1.8rem;
        font-weight: 500;
        padding: 10px 0;
        color: white;
        text-transform: uppercase;
        margin-bottom: -15px;
    }

@keyframes notice-marquee {
    0% {
        transform: translate(0);
    }

    100% {
        transform: translate(-900px); /*modificar los pixeles de translate, ha de ser igual que el width de "notice-banner-wrapper li"*/
    }
}

@media (max-width: 1024px) {
    @keyframes notice-marquee {
        0% {
            transform: translate(0);
        }

        100% {
            transform: translate(-670px); /*modificar los pixeles de translate, ha de ser igual que el width de "notice-banner-wrapper li"*/
        }
    }

    .banda_rotulo {
        margin-top: 30px;
    }

    .notice-banner-wrapper {
        margin-bottom: 30px;
        margin-top: -15px;
    }

        .notice-banner-wrapper li {
            width: 670px; /*ampliar ancho del cartel para que quepan anuncios*/
            font-size: 1.5rem;
            margin-bottom: -15px;
        }
}

@media (max-width: 767px) {
    .banda_rotulo {
        margin-top: 7px;
        margin-bottom: -5px;
    }

    .notice-banner-wrapper {
        margin-bottom: 5px;
        margin-top: -7px;
    }

        .notice-banner-wrapper li {
            width: 670px; /*ampliar ancho del cartel para que quepan anuncios*/
            font-size: 1.5rem;
            margin-bottom: -15px;
        }
}


.notice-marquee-wrapper {
    position: relative;
}

ul.notice-marquee {
    white-space: nowrap;
    font-size: 0;
    animation: notice-marquee 8s linear infinite; /*cambiamos el tiempo de movimiento del rotulo*/
}

    ul.notice-marquee li a {
        color: white;
    }



/*.notice-marquee:hover {
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}*/


.notice-banner-wrapper .icon-close {
    position: absolute;
    top: 50%;
    right: 0;
    padding: 12px;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 12;
    color: white;
}

.icon-close::before {
    content: "\2573"
}

.icon, .row-select:not(.select-inline-wrapper)::after, [class*=ui-icon], [class*=owl-next], [class*=owl-prev], [class^=icon-], [class*=" icon-"] {
    display: inline-block;
    font-family: icons;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: baseline
}

/*Marquee********************************************************************/


.padding_fotos4 {
    padding: 8% 3% 8% 3%;
}

.texto_adapt_banner1 {
    font-size: 1.6em !important;
    font-weight: 300;
}

@media (max-width: 767px) {
    .texto_adapt_banner1 {
        font-size: 1.6em !important;
    }

    .padding_fotos4 {
        padding: 0;
    }
}

@media (max-width: 1700px) {
    .texto_adapt_banner1 {
        font-size: 1.4em !important;
    }
}

@media (max-width: 1300px) {
    .texto_adapt_banner1 {
        font-size: 1.2em !important;
    }
}

@media (max-width: 1025px) {
    .texto_adapt_banner1 {
        font-size: 1.1em !important;
    }
}




/*SEQURA*/
.sequra-widget {
    width: 350px;
    margin-top: -10px;
    margin-bottom: 2rem;
}

.banner_seq_tit {
    font-size: 1.3rem;
    margin-bottom: 15px;
}

.marg_left_banner_seq {
    margin-left: 50px;
}

@media (max-width: 767px) {
    .sequra-widget {
        width: 100%;
        margin-top: 10px;
        margin-bottom: -10px;
    }

    .banner_seq_tit {
        font-size: 1rem;
        margin-bottom: 10px;
    }

    .marg_left_banner_seq {
        margin-left: 10px;
    }
}

/*Listado*/
.texto_listado {
    text-align: center;
    padding: 2%;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
}

@media (max-width: 767px) {
    .texto_listado {
        padding: 5%;
        font-size: 1.3rem;
    }
}

/*PAGINA STORES*/
.StoreHispanitas {
    font-weight: 600;
    font-size: 1.7em;
}

.bloque3stores h3 {
    font-size: 1.3em;
    font-weight: 600;
}

.banner2stores {
    padding: 0.5% !important;
}

.bloquetitulostores {
    font-size: 1.5rem;
    padding: 2%;
}

.titulo1stores {
    text-align: center;
    font-size: 2.75rem;
    font-weight: 700;
    margin-top: 80px;
    margin-bottom: 20px;
}

.titulo2stores {
    text-align: center;
}

.titulo3stores {
    text-align: center;
    font-size: 1.3em;
    font-weight: 600;
    padding: 0 2em;
}

.titulo3storesOutlets {
    text-align: center;
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 1.5em;
}

.texto3stores {
    font-weight: 400;
    font-size: 1.25rem;
}

.bloquetextotienda {
    text-align: left;
    font-weight: 400;
    font-size: 1.25rem;
    margin: 2em 0em 2em 2em;
}

.bloque3stores {
    text-align: left;
    margin-bottom: 2em;
}

.titulo4stores {
    font-size: 2.75rem;
    font-weight: 600;
    text-align: center;
}

.textoBuscarStores {
    font-size: 1.2em;
    margin: 0 0 2em 2em;
}

.email_store_outlet {
    text-decoration: underline;
}

.tel_hor_stores {
    font-size: 1em;
}

@media (min-width:768px) {
    .titulo1stores {
        text-align: center;
        font-size: 1.7rem;
        margin-top: 80px;
        margin-bottom: 20px;
    }

    .ContainerTiendas {
        margin-left: 40px;
        margin-right: 40px;
    }

    .StoreHispanitas {
        margin-top: 20px;
        font-size: 1.3em;
    }

    .titulo3stores {
        text-align: center;
        font-size: 1.3em;
        font-weight: 600;
    }

    .outletsStores {
        margin-top: 20px;
        font-weight: 600;
        font-size: 1.3em;
    }

    .textoBuscarStores {
        margin-top: 0px;
    }

    .titulo3storesOutlets {
        margin-bottom: 0;
    }
}

@media (min-width:1400px) {
    .ContainerOutlets {
        margin-left: 40px;
        margin-right: 40px;
    }
}

@media (min-width:768px) {
    .bloquetextotienda {
        margin-left: 0;
    }
}

@media (max-width: 1600px) {
    .bloquetextotienda {
        font-size: 1.1rem;
    }
}

@media (max-width: 1280px) {
    .bloquetextotienda {
        font-size: 1rem;
    }

    .titulo1stores {
        font-size: 2rem;
    }

    .ContainerOutlets {
        margin: 1em 0em 0em 2em;
    }
}

@media (min-width:1920px) {
    .titulo1stores {
        font-size: 2.4rem;
    }

    .ContainerTiendas {
        max-width: 1489px;
        margin-left: auto;
        margin-right: auto;
    }

    .ContainerOutlets {
        max-width: 1480px !important;
        margin-left: auto;
        margin-right: auto;
    }
}

/*Register Affinity BF*/
.grupobtn_registerbf {
    text-align: center;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    display: table !important;
}

.p_texto_registerBF {
    font-size: 1.1em;
}

.p_titulo_registerBF, .p_titulo_landingAffinity {
    font-size: 1.4em;
    margin-bottom: 20px;
    font-weight: 600;
    margin: 33px auto 24px auto;
}

.campo_formulario_registerBF > label {
    font-size: 1.1em !important;
    margin-bottom: 30px;
}

.campo_formulario_registerBF span {
    padding-left: 0px !important;
}

    .campo_formulario_registerBF span > input {
        padding-left: 0px !important;
        padding-top: 0px !important;
        height: fit-content;
    }

    .campo_formulario_registerBF span > input {
        padding-left: 20px !important;
        height: 25px !important;
    }

.campo_formulario_registerBF_Btn {
    padding: 10px 42px !important;
    font-size: 0.9rem !important;
    display: inline !important;
}

@media (min-width:576px) {
    .campo_formulario_registerBF > label {
        top: 15px !important;
    }

    .campo_formulario_registerBF span > input {
        height: 41px !important;
        margin-left: 14px !important;
    }

    .campo_formulario_registerBF > label {
        font-size: 1em !important;
    }

    .campo_formulario_registerBF_Btn {
        padding: 10px 42px !important;
        font-size: 0.9rem !important;
        display: inline !important;
    }

    .campo_formulario_registerBF_BtnFinal {
        display: inline-flex !important;
        width: -webkit-fill-available !important;
        justify-content: center !important;
        max-width: unset !important;
        margin-top: 50px !important;
    }

    .p_titulo_registerBF {
        font-size: 1.2em;
    }

    .p_texto_registerBF {
        font-size: 1em;
    }

    p_titulo_landingAffinity {
        font-size: 1.6em;
    }
}

@media (min-width: 768px) {
    .p_titulo_registerBF {
        font-size: 1.46em;
    }

    .p_texto_registerBF {
        font-size: 1em;
    }

    .p_titulo_landingAffinity {
        font-size: 1.4em;
        margin-top: 46px;
    }
}

@media (min-width:992px) {
    .p_titulo_registerBF {
        font-size: 1.6em;
    }

    .campo_formulario_registerBF_Contenedor {
        max-width: 942px !important;
    }
}

@media (min-width:1280px) and (max-width:1499px) {
    .campo_formulario_registerBF_BtnXL {
        max-width: fit-content;
    }

    .p_titulo_registerBF {
        margin-top: 106px;
        margin-bottom: 30px;
    }
}

@media (min-width:1280px) {
    .p_titulo_landingAffinity {
        margin-top: 72px;
        margin-bottom: 30px;
        font-size: 1.6em;
    }
}

.sobre_talla {
    width: 14px;
    margin-left: 2px;
}

@media (max-width: 767px) {
    .sobre_talla {
        width: 14px;
        margin-bottom: 4px;
    }
}

.boton_negro_transparencia {
    height: 44px;
    color: #000;
    font-weight: 600;
    font-size: 0.9rem;
    background-color: #fff0;
    line-height: 2.6em;
    letter-spacing: 1px;
    opacity: 1;
    pointer-events: all !important;
    border: 1px solid;
    font-size: 1em;
}


.banner2_margenes {
    margin-left: auto;
    margin-right: auto;
}


.banner2_texto {
    pointer-events: none;
    padding-left: 25%;
    padding-right: 25%;
}

@media (max-width:576px) {
    .banner2_texto {
        pointer-events: none;
        padding-left: 0%;
        padding-right: 0%;
    }
}

@media (min-width:768px) {
    .banner2_texto {
        padding-left: 10%;
        padding-right: 6%;
    }
}

.banner2columnas {
    margin-top: 5%;
}

@media (max-width: 767px) {
    .banner2columnas {
        margin-top: 2%;
    }
}


.margen_banner_sequra {
    margin-top: 150px;
    margin-bottom: 134px;
}

@media (max-width: 767px) {
    .margen_banner_sequra {
        margin-top: 77px;
        margin-bottom: 78px;
    }
}

@media (max-width: 1023px) {
    .margen_banner_sequra {
        margin-top: 75px;
        margin-bottom: 75px;
    }
}

/*TEXTOS Y BOTONES BANNERS*/
@media (max-width:767px) {
    .Banners_M {
        display: block;
    }

    .Banners_TyD {
        display: none;
    }

    .Banners_T {
        display: none;
    }

    .Banners_D {
        visibility: hidden;
    }
}

@media (min-width:768px) {
    .Banners_M {
        display: none !important;
    }

    .Banners_TyD {
        display: block;
    }

    .Banners_D {
        visibility: hidden;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .Banners_T {
        display: block;
    }
}

@media(min-width:1280px) {
    .Banners_D {
        visibility: visible;
    }
}

.Boton_Hztl_Libre_B2 {
    padding-left: 6%;
    padding-right: 6%;
    position: absolute;
    top: 89%;
    left: 47%;
    width: 100%;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
}

    .Boton_Hztl_Libre_B2 h3 {
        color: white;
        text-align: left;
        font-size: 1.5em !important;
        line-height: 25px;
    }

.Boton_Hztl_Libre_B1, .Boton_Hztl_Libre_B1_B {
    padding-left: 6%;
    padding-right: 6%;
    position: absolute;
    top: 83%;
    left: 48%;
    width: 100%;
    text-align: left;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
    max-width: max-content;
}


.Txt_Banner1 {
    font-size: 2.2em;
    margin-top: 0px;
    margin-bottom: 13px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 1px;
}

.Txt_Banner1_Parrafo {
    font-size: 1.2em;
    font-weight: 400;
    letter-spacing: 2px;
}

.Banner1_FechaAffinityDays {
    background: white;
    color: black;
    font-size: 0.9em;
    font-weight: 600;
    width: fit-content;
    padding: 4px 15px 3px;
    margin-left: auto;
    margin-right: auto;
}

.Banner1_Parrafo {
    font-size: 0.9em;
    background-color: black;
    margin-bottom: 7px;
    padding: 6px 36px;
    font-weight: 600;
}

.Txt_Banner1B, .Txt_Banner3, .Txt_Banner456 {
    font-size: 2em;
    font-weight: 600;
    color: white;
    margin-bottom: 4px;
    line-height: 26px;
}

.Txt_Banner456 {
    font-size: 2em;
    font-weight: 600;
    color: white;
    margin-bottom: 13px;
    line-height: 26px;
}

.Txt_Banner1_BlackFriday {
    background-color: white;
    color: black;
    font-weight: 600;
    width: max-content;
    padding: 3px 15px 2px 15px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.85em;
}

.Boton_Hztl_Libre_1B {
    /*padding-left: 0%;
    padding-right: 0%;
    position: absolute;
    top: 87%;
    left: 5%;
    width: fit-content;
    text-align: left;
    z-index: 3;
    color: #fff;*/
    padding-left: 4%;
    padding-right: 4%;
    position: absolute;
    top: 50%;
    left: 24%;
    width: 100%;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
    color: #fff;
    max-width: max-content;
}

    .Boton_Hztl_Libre_1B h3 {
        font-size: 1.3em;
        color: white;
        letter-spacing: 1px;
    }

    .Boton_Hztl_Libre_1B p:first-child {
        color: black;
        font-size: 1.3em;
        margin-bottom: 1.5em;
    }

    .Boton_Hztl_Libre_1B p:nth-child(1n) {
        color: black;
        text-decoration: underline;
        text-underline-offset: 4px;
        text-decoration-skip-ink: none;
        letter-spacing: 1px;
        font-size: 1.1em;
        cursor: pointer;
        font-weight: 600;
    }

    .Boton_Hztl_Libre_1B img {
        width: 74%;
        margin-bottom: 0.5em;
    }

.Boton_Hztl_Libre_2B {
    padding-left: 4%;
    padding-right: 4%;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
    color: #fff;
    max-width: max-content;
}

    .Boton_Hztl_Libre_2B h3 {
        font-size: 1.3em;
        color: white;
        letter-spacing: 1px;
        color: black;
    }

.Boton_Hztl_Libre_B3 {
    padding-left: 0%;
    padding-right: 0%;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
    color: #fff;
}

.LogoAff_Banners {
    width: 66%;
}

.Boton_Bloque3 {
    padding-left: 0%;
    padding-right: 0%;
    position: absolute;
    top: 86%;
    left: 5%;
    width: fit-content;
    text-align: left;
    /*-webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);*/
    z-index: 3;
    color: #fff;
}

.Banners3Columnas {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
}

.Banner2_Contenedor {
    color: #000;
    display: flex;
    flex-direction: column;
}

.Banner2_Titulo {
    margin-left: auto;
    margin-right: auto;
    font-size: 2em;
    font-weight: 600;
    margin-bottom: 19px;
    margin-top: 25px;
    text-align: center;
    line-height: 39px;
}

.Banner2_Txt {
    margin-left: auto;
    margin-right: auto;
    font-size: 1.4em;
    margin-top: 0px;
    text-align: center;
}

.Txt_BannerLanding_Rebajas {
    font-size: 0.85em;
    background-color: black;
    margin-bottom: 13px;
    padding: 6px 8px;
    font-weight: 600;
    margin-top: 20px;
}

.TextoBanner1 h3 {
    /*font-family: 'Oswald', sans-serif;*/
    font-size: 1.8em;
    color: black;
    font-weight: 600;
}

.TextoBanner1B h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 3.5em;
    color: white;
    letter-spacing: 3px;
}

.TextoBanner1B p {
    font-size: 1.5em;
    font-weight: 500;
    color: white;
    line-height: 50px;
    margin-bottom: 0;
}

.TextoBannerB1_B p {
    font-size: 1.2em;
    font-weight: 700;
    color: black;
    line-height: 22px;
}

.Boton_Hztl_Libre_B3 p {
    font-size: 2.5em;
    font-weight: 600;
    color: white;
    line-height: 41px;
    font-family: Satoshi, sans-serif;
    letter-spacing: 2px;
}

.Boton_Bloque3 p:first-child, .Boton_Hztl_Libre_1B p:first-child {
    font-size: 1.8em;
    font-weight: 600;
    color: black;
    margin-bottom: 0;
    letter-spacing: 1px;
    line-height: 28px;
}

.Boton_Bloque3 p:nth-child(2), .Boton_Hztl_Libre_1B p:nth-child(2) {
    color: white;
    text-decoration: underline;
    text-underline-offset: 4px; /* Ajustar la distancia entre el texto y el subrayado */
    text-decoration-skip-ink: none; /* Evitar que el subrayado se corte*/
}

.Boton_Hztl_Libre_B1 p, .Boton_Hztl_Libre_B1_B p, .Boton_Hztl_Libre_B2 p {
    font-size: 2.3em;
    font-weight: 600;
    color: white;
    line-height: 46px;
    font-family: Satoshi, sans-serif;
    letter-spacing: 2px;
    margin-bottom: 0;
    line-height: 35px;
}

.Boton_Hztl_Libre_B1 h3 {
    font-size: 3.2em;
    font-weight: 600;
    color: white;
    line-height: 46px;
    font-family: Satoshi, sans-serif;
    letter-spacing: 2px;
    margin-bottom: 0;
    line-height: 53px;
    margin-bottom: 0.5em;
}

.title-link-cont p:nth-child(1) {
    font-size: 5.4em;
    font-weight: 600;
    color: white;
    line-height: 46px;
    font-family: Satoshi, sans-serif;
    letter-spacing: 4.5px;
    margin-bottom: 0;
    line-height: 35px;
}

.Boton_Hztl_Libre_B2 p {
    font-size: 1.6em;
    font-weight: 700;
    color: white;
    line-height: 46px;
    font-family: Satoshi, sans-serif;
    letter-spacing: 2px;
    margin-bottom: 1em;
    line-height: 29px;
    text-transform: uppercase;
}

.TextoBanner1_2 h3 {
    font-size: 2em;
    font-weight: 600;
    color: white;
}

.TextoBanner1 p {
    font-size: 1.8em;
    font-weight: 600;
    color: white;
}

.Boton_Banner2 {
    height: auto;
    font-weight: 700;
    letter-spacing: 1px;
    width: auto !important;
    margin-bottom: 1em;
    color: black;
    border: 0px;
    border-bottom: 2px solid black;
    padding: 0;
    margin-top: 0.9em;
    font-size: 1.9em;
    cursor: pointer;
    display: inline-block;
}

@media (min-width:480px) {
    .Txt_BannerLanding_Rebajas {
        font-size: 0.6em;
        padding: 4px 12px;
        margin-top: 52px;
    }

    .TextoBanner1 h3 {
        font-size: 2.6em;
    }

    .TextoBanner1B h3 {
        font-size: 4em;
    }

    .TextoBanner1B p {
        font-size: 1.6em;
    }

    .Boton_Bloque3 {
        top: 89%;
    }

        .Boton_Bloque3 p:first-child, .Boton_Hztl_Libre_1B p:first-child {
            font-size: 2em;
            margin-bottom: 3px;
        }
}

@media (min-width:508px) {
    .Boton_Hztl_Libre_B2 p {
        font-size: 2.1em;
        line-height: 34px;
    }
}

@media (min-width:576px) {
    .title-link-cont-centro-arriba {
        width: auto;
        left: 76%;
        font-size: 0.8em;
        top: 19%;
    }

    .Banner1_Parrafo {
        font-size: 1.2em;
    }

    .Txt_Banner1 {
        font-size: 2.6em;
        line-height: 41px;
        margin-bottom: 16px;
    }

    .Txt_Banner1_Parrafo {
        font-size: 1.4em;
    }

    .Txt_Banner456 {
        font-size: 3.6em;
        margin-bottom: 34px;
    }

    .TextoBanner1B h3 {
        font-size: 4.3em;
    }

    .TextoBanner1B p {
        font-size: 1.7em;
        line-height: 35px;
    }

    .TextoBannerB1_B p {
        line-height: 37px;
        font-size: 1.6em;
    }

    .title-link-cont p:nth-child(1) {
        font-size: 6.5em;
    }

    .Boton_Hztl_Libre_B1 h3 {
        font-size: 4.5em;
        line-height: 76px;
    }

    .Boton_Hztl_Libre_B2 p {
        font-size: 2.2em;
        line-height: 46px;
    }

    .Boton_Hztl_Libre_B2 {
        top: 90%;
    }

        .Boton_Hztl_Libre_B2 h3 {
            font-size: 1.9em !important;
            line-height: 35px;
        }

    .Boton_Bloque3 p:nth-child(2) {
        font-size: 1em;
    }
}

@media(min-width:576px) {
    .Boton_Hztl_Libre_1B h3, .Boton_Hztl_Libre_2B h3 {
        font-size: 1.9em;
    }

    .Boton_Bloque3 p:first-child, .Boton_Hztl_Libre_1B p:first-child {
        font-size: 2.2em;
        margin-bottom: 11px;
    }

    .Boton_Bloque3 p:nth-child(2), .Boton_Hztl_Libre_1B p:nth-child(2) {
        font-size: 1.1em;
    }
}

@media (min-width:768px) {
    .Boton_Hztl_Libre_1B {
        left: 26%;
    }

        .Boton_Hztl_Libre_1B h3 {
            font-size: 2em;
            font-weight: 400;
        }

    .Txt_Banner456 {
        font-size: 2em;
        margin-bottom: 12px;
    }

    .Txt_Banner1 {
        font-size: 1.4em;
        line-height: 21px;
        margin-bottom: 10px;
        letter-spacing: 1.1px;
    }

    .Txt_Banner1_Parrafo {
        font-size: 0.8em;
    }

    .Banner2_Contenedor {
        margin-top: 50%;
        max-width: 70%;
    }

    .banner2_margenes {
        display: flex;
        align-items: center;
    }

    .Banner2_Titulo {
        /*font-size: 2.5em;*/
        font-size: 1.8em;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        font-weight: 600;
        letter-spacing: 1.1px;
        margin-bottom: 14px;
        text-align: center;
        /*line-height: 36px;*/
        line-height: 28px;
    }

    .banner2_3columnas {
        margin-left: 1%;
        margin-right: 1%
    }

    .Txt_BannerLanding_Rebajas {
        font-size: 0.8em;
        margin-top: 37px;
    }

    .TextoBanner1 p {
        font-size: 1.4em;
        color: black;
    }

    .TextoBanner1B h3 {
        font-size: 3.3em;
    }

    .TextoBanner1B p {
        font-size: 1.2em;
        line-height: 22px;
    }

    .TextoBannerB1_B p {
        line-height: 18px;
        font-size: 1.1em;
        margin-bottom: 1em;
    }

    .Boton_Hztl_Libre_B3 p, .Boton_Hztl_Libre_B1_B p, .Boton_Bloque3 p, .Boton_Hztl_Libre_B2 p {
        font-size: 2em;
        line-height: 34px;
    }

    .Boton_Bloque3 p {
        font-size: 1.5em;
        line-height: 25px;
    }

    .Boton_Hztl_Libre_B2 p {
        font-size: 1.2em;
        line-height: 22px;
        color: black;
    }

    .Boton_Banner2 {
        font-size: 2.5em;
    }

    .banner2_margenes {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .Boton_Hztl_Libre_B1 p {
        font-size: 2.3em;
    }

    .Boton_Hztl_Libre_B1 {
        top: 50%;
        left: 50%;
    }

    .Boton_Hztl_Libre_B1_B {
        top: 80%;
        left: 3%;
    }

    .Boton_Hztl_Libre_1B img {
        width: 44%;
        margin-bottom: 0;
    }

    .Boton_Bloque3 {
        top: 85%;
        left: 6%;
    }

        .Boton_Bloque3 p:first-child {
            font-size: 1.5em;
            line-height: 20px;
            margin-bottom: 0;
            letter-spacing: 0;
        }

    .title-link-cont p:nth-child(1) {
        font-size: 2em;
        letter-spacing: 2px;
        line-height: 34px;
    }

    .Boton_Bloque3 p:nth-child(2) {
        font-size: 0.9em;
    }

    .title-link-cont p:nth-child(2n) {
        text-decoration: underline;
        text-underline-offset: 4px;
        text-decoration-skip-ink: none;
        font-size: 1.1em;
    }

    .Banners3Columnas {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 6px;
    }

    .Boton_Hztl_Libre_B1_B {
        top: 77%;
    }

    .Boton_Hztl_Libre_1B p:first-child {
        font-size: 1.6em;
        margin-bottom: 4px;
    }

    .Boton_Hztl_Libre_1B p:nth-child(2) {
        font-size: 1em;
    }

    .Boton_Hztl_Libre_1B p {
        font-size: 1.1em;
    }
}

@media (min-width:960px) {
    .Banners_3-6 {
        max-width: 86%;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 39px;
    }
}

@media (min-width:1024px) {
    .banner2_margenes {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 83%;
    }

    .Boton_Hztl_Libre_1B {
        left: 24%;
    }

        .Boton_Hztl_Libre_1B h3, .Boton_Hztl_Libre_2B h3 {
            font-size: 2.5em;
            font-weight: 400;
        }
}

@media (min-width:1280px) {
    .Boton_Hztl_Libre_1B {
        left: 18%;
    }

        .Boton_Hztl_Libre_1B h3, .Boton_Hztl_Libre_2B h3 {
            font-size: 2.2em;
            letter-spacing: 2px;
        }

    .Txt_Banner1 {
        font-size: 2.2em;
        margin-bottom: 9px;
        line-height: 35px;
    }

    .Txt_Banner1_Parrafo {
        font-size: 1.3em;
    }

    .Txt_Banner1B, .Txt_Banner3 {
        font-size: 2em;
        line-height: 35px;
    }

    .Banner1_Parrafo {
        font-size: 1.2em;
        font-weight: 200;
    }

    .Txt_Banner456 {
        font-size: 2em;
    }

    .banner2columnas {
        margin-top: 3%;
    }

    .Banner2_Titulo {
        line-height: 39px;
    }

    .Banner2Full_Margen {
        margin-top: 14px;
    }

    .Boton_Hztl_Libre_1B p:first-child {
        font-size: 2em;
    }

    .Boton_Hztl_Libre_1B p {
        font-size: 1.1em;
        letter-spacing: 1px;
    }

    .AffinityDaysBanners h4 {
        font-size: 4.2em;
    }

    .TextoBanner1B h3 {
        font-size: 4.7em;
        letter-spacing: 3px;
    }

    .TextoBanner1B p {
        font-size: 1.5em;
        line-height: 26px;
    }

    .TextoBannerB1_B p {
        font-size: 1.4em;
        line-height: 24px;
    }

    .Boton_Banner2 {
        font-size: 2.7em;
    }

    .Boton_Hztl_Libre_B3 p, .Boton_Hztl_Libre_B1_B p, .Boton_Bloque3 p, .Boton_Hztl_Libre_B2 p {
        font-size: 2.6em;
        line-height: 36px;
    }

    .Boton_Bloque3 p {
        font-size: 2em;
        line-height: 44px;
    }

    .Boton_Hztl_Libre_B2 p {
        font-size: 1.6em;
        line-height: 34px;
        margin-bottom: 0.3em;
    }

    .Boton_Hztl_Libre_B1 p {
        font-size: 2em;
    }

    .title-link-cont p:nth-child(1) {
        font-size: 5em;
    }

    .Boton_Hztl_Libre_B1 h3 {
        font-size: 2.5em;
        line-height: 39px;
    }

    .Boton_Bloque3 p:first-child {
        font-size: 1.9em;
        margin-bottom: 2px;
    }

    .Boton_Bloque3 p:nth-child(2) {
        font-size: 1em;
    }

    .title-link-cont p:nth-child(1) {
        font-size: 2.2em;
        line-height: 43px;
    }

    .Boton_Bloque3 {
        top: 87%;
    }

    .LogoAff_Banners3 {
        width: 16% !important;
    }

    .AffinityDaysBanners h3 {
        font-size: 4.7em;
    }

    .AffinityDaysBanners p {
        font-size: 1.3em;
    }

    .AffinityDaysBanners456 h4 {
        font-size: 4em;
    }

    .LogoAff_Banners456 {
        width: 58% !important;
    }

    .Boton_Hztl_Libre_B2 h3 {
        font-size: 2.6em !important;
    }

    .AffinityDaysBanners h4 {
        font-size: 4em;
    }

    .TextoBanner1 h3 {
        font-size: 2.5em;
    }
}

@media (min-width:1590px) {
    .Boton_Hztl_Libre_1B h3 {
        font-size: 2.4em;
        letter-spacing: 1px;
    }

    .Boton_Bloque3 p:first-child {
        font-size: 1.9em;
    }

    .Boton_Hztl_Libre_1B img {
        width: 49%;
    }

    .LogoAff_Banners {
        width: 64% !important;
    }

    .Boton_Hztl_Libre_1B p {
        font-size: 1.4em;
    }

        .Boton_Hztl_Libre_1B p:nth-child(2n) {
            font-size: 1em;
        }
}

@media (min-width:1700px) {
    .Banner2_Contenedor {
        margin-top: 63%;
    }

    .Banner2_Titulo {
        font-size: 2.5em;
        line-height: 68px;
    }

    .Banner2_Txt {
        font-size: 2em;
    }

    .Boton_Banner2 {
        font-size: 3.5em;
    }

    .Boton_Bloque3 {
        top: 90%;
    }

    .Boton_Hztl_Libre_1B p:first-child {
        font-size: 2.3em;
        margin-bottom: 4px;
        letter-spacing: 2px;
    }

    .Boton_Hztl_Libre_1B img {
        width: 52%;
    }

    .Boton_Hztl_Libre_1B p {
        font-size: 1.5em;
    }
}

@media (min-width:1880px) {
    .Boton_Bloque3 p:first-child {
        font-size: 2em;
        letter-spacing: 2px;
    }

    .TextoBanner1B h3 {
        font-size: 6.3em;
    }

    .TextoBanner1B p {
        font-size: 1.7em;
        line-height: 35px;
        font-weight: 400;
    }

    .TextoBannerB1_B p {
        font-size: 1.6em;
        line-height: 30px;
        margin-bottom: 1em;
    }

    .Boton_Hztl_Libre_B3 p, .Boton_Hztl_Libre_B1_B p, .Boton_Bloque3 p {
        font-size: 3.4em;
        line-height: 58px;
        letter-spacing: 4px;
    }

    .Boton_Bloque3 p {
        font-size: 3em;
        line-height: 52px;
        letter-spacing: 4px;
    }

    .Boton_Hztl_Libre_B1 p {
        font-size: 4em;
        letter-spacing: 4px;
    }

    .Boton_Hztl_Libre_B1 h3 {
        font-size: 3.5em;
    }

    .Boton_Bloque3 {
        top: 90%;
    }
}

@media (min-width:1920px) {
    .Txt_Banner1B, .Txt_Banner3 {
        font-size: 2.7em;
        line-height: 41px;
    }

    .Txt_Banner1 {
        font-size: 2.5em;
        margin-bottom: 9px;
        line-height: 48px;
    }

    .Txt_Banner1_Parrafo {
        font-size: 1.6em;
    }

    .Banner1_Parrafo {
        font-size: 1.5em;
    }

    .Banner1_FechaAffinityDays {
        font-size: 1.2em;
    }

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

    .Txt_Banner456 {
        font-size: 3em;
        margin-bottom: 16px;
    }

    .banner2columnas {
        margin-top: 3%;
    }

    .Banner2_Titulo {
        font-size: 2.8em;
        line-height: 57px;
    }

    .Banner2Full_Margen {
        margin-top: 53px;
    }

    .Banner1_FechaAffinityDays {
        font-size: 1.2em;
        padding: 6px 19px;
    }

    .Txt_BannerLanding_Rebajas {
        font-size: 1.1em;
    }

    .Boton_Hztl_Libre_B2 {
        top: 50%;
    }

    .TextoBanner1_2 h3 {
        font-size: 3em;
    }

    .TextoBanner1B h3 {
        font-size: 5.6em;
    }
}

@media (min-width:2220px) {
    .Boton_Hztl_Libre_1B p {
        font-size: 1.8em;
    }
}

@media (min-width:1280px) {
    .footer-menu li a {
        font-size: 1em;
    }
}

@media (min-width:1600px) {
    .footer-menu li a {
        font-size: 0.8em;
    }
}

@media (min-width:1920px) {
    .pie_ayuda_desktop {
        width: 75%;
    }
}

@media (min-width:2300px) {
    .pie_ayuda_desktop {
        width: 65%;
    }

    .Txt_Banner1, .Txt_Banner1B, .Txt_Banner3 {
        font-size: 3.2em;
        line-height: 61px;
    }

    .Banners_3-6 {
        max-width: 100% !important;
    }

    .banner2_margenes {
        max-width: 93%;
    }

    .Special_Prices {
        font-size: 2.6em;
        margin: 0;
        font-weight: 600;
    }

    .footer-menu li a {
        font-weight: 400;
    }

    .Boton_Hztl_Libre_1B img {
        width: 63%;
    }
}

/*BANNERS DE LOS LISTADOS*/
.contenedor_banner_listado {
    display: inline-block;
    text-align: center;
    margin-bottom: 35px;
}

.contenedor_txt_banner_listado {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-54%, -50%);
    width: fit-content;
    margin: 0px 15px 0px 15px;
}

    .contenedor_txt_banner_listado p {
        font-size: 1.5em;
        color: white;
    }

.txt_banner_listado_a {
    height: auto;
    font-size: 0.8rem !important;
    pointer-events: all !important;
    border: 1px solid white;
    width: auto !important;
    padding: 10px 20px 10px 20px;
    color: white !important;
    font-weight: 600;
    letter-spacing: 1.1px;
}

@media (min-width:576px) {
    .contenedor_txt_banner_listado p {
        font-size: 1.8em;
        font-weight: 500;
    }

    .txt_banner_listado_a {
        font-size: 1.1rem !important;
    }
}

@media (min-width:768px) {
    .contenedor_txt_banner_listado {
        transform: translate(-52%, -50%);
    }

        .contenedor_txt_banner_listado p {
            margin-bottom: 0px;
            font-weight: 400;
            font-size: 1.1em;
        }

    .txt_banner_listado_a {
        font-size: 0.5em !important;
        padding: 5px 10px 5px 10px;
    }

    .margen_txt_banner_listado_a {
        margin-top: 4px;
    }
}

@media (min-width:768px) {
    .contenedor_txt_banner_listado {
        transform: translate(-51%, -50%);
    }
}

@media (min-width:1280px) {
    .contenedor_txt_banner_listado p {
        font-size: 1.2em;
    }

    .txt_banner_listado_a {
        letter-spacing: 1.12px;
        padding: 5px 15px 5px 15px;
    }
}

@media (min-width:1920px) {
    .contenedor_txt_banner_listado p {
        font-size: 1.5em;
    }

    .txt_banner_listado_a {
        padding: 10px 25px 10px 25px;
    }

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

@media (min-width:2550px) {
    .contenedor_txt_banner_listado p {
        font-size: 1.7em;
    }
}

/*LISTADO BUSQUEDAS INTERESANTES*/
.ListadoBusquedas_Titular {
    margin-top: 110px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.5em;
}

.ListadoBusquedas_Lista {
    list-style: none;
    padding-left: 0px;
    margin-left: 20px;
}

.ListadoBusquedas_Letra {
    margin-bottom: 0;
    font-size: 1.4em;
    font-weight: 600;
    margin-left: 20px;
}

.ListadoBusquedas_Lista li {
    font-size: 1.2em;
    margin-bottom: 3px;
    margin-top: 3px;
}

    .ListadoBusquedas_Lista li a:hover {
        text-decoration: underline;
    }

@media (min-width:1024px) {
    .ListadoBusquedas_Titular {
        font-size: 1.7em;
    }
}

@media (min-width:1280px) {
    .ListadoBusquedas_Lista, .ListadoBusquedas_Letra {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width:1920px) {
    .ListadoBusquedas_Lista, .ListadoBusquedas_Letra {
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto;
    }
}

/*COLABORACIÓN CAMISETA*/
.Contenedor_Camiseta {
    margin-left: 15px;
    margin-right: 15px;
}

.Camiseta_Logo {
    width: 50%;
    margin-top: 57px;
    margin-left: 25%;
    margin-bottom: 57px;
}

.Fotos_Camisetas_IZq {
    padding: 0px 7px 0px 15px;
}

.Fotos_Camisetas_Dcha {
    padding: 0px 15px 0px 7px;
}

.Camisetas_Titular {
    margin-bottom: 10px;
    font-size: 1.5em;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    color: #e44b22;
    margin-top: 50px;
}

.Camisetas_Txt {
    font-size: 1.2em;
    text-align: justify;
}

.Camisetas_Fotos {
    margin-top: 50px;
}

.Camisetas_Info {
    margin-top: 20px;
    text-align: center;
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 31px;
}

    .Camisetas_Info p {
        margin-bottom: 0px;
        margin-top: 0px;
    }

@media (min-width:576px) {
    .Camisetas_Titular {
        margin-top: 95px;
    }

    .Camisetas_Fotos {
        margin-top: 71px;
    }
}

@media (min-width:768px) {
    .Camiseta_Logo {
        width: 39%;
        margin-top: 61px;
        margin-left: 0;
        margin-bottom: 23px;
    }

    .Camisetas_Info {
        margin-bottom: 0px;
    }

    .Camisetas_Txt_Banner1 {
        color: white;
        position: absolute;
        width: 100%;
        text-align: center;
        top: 46px;
    }

    .Camisetas_Txt1_Banner1 {
        margin-bottom: 0px;
        font-family: "Playfair Display",serif;
        font-size: 2.5em;
        font-weight: 600;
        font-style: italic;
    }

    .Camisetas_Txt2_Banner1 {
        font-size: 0.8em;
        text-transform: uppercase;
        font-weight: 500;
    }

    .Camisetas_Txt3_Banner1 {
        width: 27%;
        margin-left: auto;
        margin-right: auto;
        font-size: 1.1em;
        font-weight: 500;
        line-height: 18px;
    }

    .Camisetas_BotonVideo {
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        height: auto;
        font-weight: 500;
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        pointer-events: all !important;
        border: 1px solid;
        width: auto !important;
        text-transform: uppercase;
        padding: 5px 40px;
    }

    .Camisetas_Txt {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (min-width:960px) {
    .Camisetas_Txt_Banner1 {
        margin-top: 59px;
    }

    .Camisetas_Txt1_Banner1 {
        font-size: 2.9em;
    }

    .Camisetas_Txt2_Banner1 {
        font-size: 1em;
    }

    .Camisetas_Txt3_Banner1 {
        font-size: 1.4em;
        font-weight: 500;
        width: 25%;
        line-height: 23px;
    }

    .Camiseta_Logo {
        margin-top: 73px;
    }

    .Camisetas_Txt {
        font-size: 1.35em;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .Camisetas_Titular {
        font-size: 1.8em;
    }

    .Camisetas_BotonVideo {
        font-size: 0.9em;
    }
}

@media (min-width:1024px) {
    .Camisetas_Txt3_Banner1 {
        font-size: 1.3em;
    }

    .Camisetas_Txt {
        font-size: 1.25em;
        margin-top: 23px;
    }
}

@media (min-width:1280px) {
    .Camisetas_Container {
        max-width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    .Camiseta_Logo {
        width: 31%;
        margin-top: 80px;
    }

    .Camisetas_Titular {
        font-size: 1.7em;
        margin-left: auto;
        margin-right: auto;
    }

    .Camisetas_Txt {
        padding-left: 0px;
        padding-right: 0px;
        font-size: 1.1em;
    }

    .Camisetas_BotonVideo {
        font-size: 0.6em;
    }

    .Camisetas_Fila2Fotos {
        margin-right: auto !important;
        margin-left: auto !important;
        width: 75%;
    }
}

@media (min-width:1550px) {
    .Camisetas_Container {
        max-width: 73%;
    }

    .Camiseta_Logo {
        width: 31%;
        margin-top: 65px;
    }
}

@media (min-width:1800px) {
    .Camisetas_Txt_Banner1 {
        margin-top: 130px;
    }

    .Camisetas_Txt1_Banner1 {
        font-size: 3.2em;
    }

    .Camisetas_Txt2_Banner1 {
        font-size: 1.1em;
    }

    .Camisetas_Txt3_Banner1 {
        font-size: 1.4em;
    }

    .Camisetas_Txt {
        font-size: 1.2em;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .Camiseta_Logo {
        width: 28%;
        margin-top: 103px;
    }

    .Camisetas_Titular {
        font-size: 1.8em;
        margin-left: auto;
        margin-right: auto;
    }

    .Camisetas_Titular2 {
        margin-top: 152px;
    }
}

@media (min-width:2200px) {
    .Camisetas_Container {
        max-width: 60%;
    }

    .Camisetas_Txt_Banner1 {
        margin-top: 140px;
    }

    .Camisetas_Txt1_Banner1 {
        font-size: 3.6em;
    }

    .Camisetas_Txt2_Banner1 {
        font-size: 1.4em;
    }

    .Camisetas_Txt3_Banner1 {
        font-size: 1.8em;
        line-height: 31px;
    }

    .Camiseta_Logo {
        margin-top: 140px;
    }
}

@media (min-width:2450px) {
    .Camisetas_Txt_Banner1 {
        margin-top: 194px;
    }

    .Camisetas_Txt {
        font-size: 1.28em;
    }

    .Camisetas_Titular {
        font-size: 1.9em;
    }
}
/*FIN LANDING CAMISETAS*/


/*SORETO FESTIVAL SAN SEBASTIAN*/
.SorteoSanse_Titular {
    margin-top: 48px;
}

    .SorteoSanse_Titular h5 {
        text-align: center;
        font-size: 1.7em;
        font-weight: 700;
    }

    .SorteoSanse_Titular p {
        font-size: 1.22em;
        text-align: center;
        margin-top: 15px;
    }

.SorteoSanse_Form {
    padding: 0px !important;
}

.SorteoSanse_Datos {
    font-size: 1.1em !important;
}

.SorteoSanse_Linea {
    padding-left: 0px !important;
}

.SorteoSanse_Contenedor {
    max-width: 632px !important;
}

@media (min-width:560px) {
    .SorteoSanse_Linea {
        padding-left: 15px !important;
    }

    .checkCirc {
        width: 23px !important;
    }
}

@media (min-width:1280px) {
    .SorteoSanse_Titular {
        margin-top: 70px;
        margin-bottom: 10px;
    }

        .SorteoSanse_Titular h5 {
            font-size: 1.4em;
        }

        .SorteoSanse_Titular p {
            font-size: 1.1em;
        }

    .SorteoSanse_Datos {
        font-size: 1em !important;
    }
}

@media (min-width:1920px) {
    .SorteoSanse_Titular h5 {
        font-size: 1.7em;
    }

    .SorteoSanse_Titular p {
        font-size: 1.28em;
    }

    .SorteoSanse_Titular {
        margin-top: 80px;
        margin-bottom: 20px;
    }
}

/*ARREGLO MENU*/
.Container_headermenu {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.Banners_Mrgn {
    padding: 0 3%;
}

@media (min-width:768px) {
    .Container_Menu {
        padding-left: 5px !important;
        padding-right: 10px !important;
    }
    .Container_Menu-Aff {
        padding-left: 35px !important;        
    }
}

@media (min-width:806px) {
    .CarritoHeader {
        padding-right: 10px;
    }
}

@media (min-width:1200px) {
    .img_menu_derecha2 {
        width: 455px;
        height: 330px;
        float: right;
        margin-right: 40px;
        margin-top: 20px;
        position: relative;
    }

    .img_menu_derecha {
        width: 455px;
        height: 330px;
        float: right;
        margin-right: 40px;
        margin-top: 20px;
        position: relative;
    }
}

@media (min-width:1280px) {
    .MenuDesplegable {
        padding-left: 20px;
    }

    /*.Container_Menu {
        padding-left: 40px !important;
    }*/

    .CarritoHeader {
        padding-right: 40px;
    }

    .img_menu_derecha {
        margin-right: 66px !important;
    }
}

@media (min-width:1600px) {
    .header .sticky.is-fixed .header-menu .nav-link i {
        padding-right: 6px;
    }

    .Container_Menu {
        padding-left: 10px !important;
    }
}

@media (min-width:1920px) {
    .Container_Menu {
        max-width: none;
    }

    .img_menu_derecha {
        margin-right: 72px !important;
    }

    .CarritoHeader {
        padding-right: 40px;
    }
    .Container_Menu-Aff {
        padding-left: 46px !important;
        max-width: inherit !important;
    }
}

@media (min-width:2000px) {
    .Container_Menu {
        padding-left: 30px !important;
    }

    .header .sticky.is-fixed .header-menu .nav-link i {
        padding-right: 8px !important;
    }
}

@media (min-width:2100px) {
    .img_menu_derecha2, .img_menu_derecha {
        width: 550px;
        height: 410px;
        margin-right: 66px;
    }
}



/*funcionamiento para pestañas checkout*/
.t-container {
    /*margin: 0 auto;
    padding: 0 2em;*/
}

.t-tabs {
    list-style-type: none;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid black;
    margin-bottom: 35px;
}

.t-contents {
    list-style-type: none;
    margin: 0;
    padding: 0 2% 0 2%;
    box-sizing: border-box;
}

.t-tabs li {
    color: black;
    padding: 0em 0.7em;
    text-decoration: none;
    float: left;
    text-align: center;
    font-size: 1.2em;
    cursor: pointer;
    width: 33.33%;
    /*font-size: 1.1em;
    min-width: 40px;
    margin-right: 2px;
    margin-bottom: 0 !important;
    box-sizing: border-box;*/
}

    .t-tabs li:hover {
        font-weight: 800;
        color: gray;
    }

    .t-tabs li.selected {
        color: black;
        cursor: default;
        background: none !important;
        border-bottom: 3px solid black !important;
        font-size: 1.2em;
        font-weight: 400;
        width: 33.33%;
    }

.t-contents {
    padding: 0 !important
}

.t-content {
    /*padding: 0 1em;*/
    /*background-color: #333;*/
    box-sizing: border-box;
    float: left;
    width: 100%;
    color: #b7b7b7;
    line-height: 1.3em;
    text-align: justify;
    z-index: 1;
    position: relative;
    max-height: 0;
    transition: max-height 0.5s ease 0s;
    overflow: hidden;
}

    .t-content.selected {
        max-height: 3000px;
        transition: max-height 1.25s ease 0.5s;
    }
/*RESPONSIVE CHECKOUT*/
@media (min-width:480xp) {
    .t-tabs li p {
        font-size: 1.8em;
    }
}

@media (min-width:768px) {
    .imagen-gracias {
        max-width: 70px;
        margin-bottom: 13px;
    }
}

.Margen_Inferior_Ficha {
    margin-bottom: 7rem;
    margin-top:-12px;
}

@media (min-width:1920px) {
    .Margen_Inferior_Ficha {
        margin-bottom: 10rem;
    }
}

@media (min-width:768px) {
    .mobile-filters .content-filters {
        width: 60%;
        margin-left: 40%;
    }
}

@media (min-width:1024px) {
    .mobile-filters .content-filters {
        width: 50%;
        margin-left: 50%;
    }
}

@media (min-width:1280px) {
    .mobile-filters .content-filters {
        width: 42%;
        margin-left: 58%;
    }
}

.migasdepanListadoFixed {
    display: none;
}

.txtBlanco {
    color: white;
    display: none;
}

@media (min-width:1400px) {
    .MargenTopBanners {
        margin-top: 3%;
    }
}


/*NOVEDADES HOME*/
.menu-wrapperSeccNuevo {
    position: relative;
    /*max-width: 500px;*/
    /*height: 100px; hide the scroll bar margin: 1em auto;*/
    overflow-x: hidden;
    overflow-y: hidden;
    scroll-behavior: smooth;
    margin-left: 0;
    margin-top: 3em;
    margin-bottom: 2em;
}

.menuSeccNuevo {
    /*height: 120px; hide the scroll bar background: #f3f3f3;*/
    box-sizing: border-box;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.itemSeccNuevo {
    display: inline-block;
    width: 75%;
    height: 100%;
}

.paddles {
}

.paddle {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 3em;
    border: 0px;
    background-color: #ffffff00;
}

.left-paddle {
    left: 0;
}

.right-paddle {
    right: 0;
}

.hidden {
    display: none;
}

.print {
    margin: auto;
    max-width: 500px;
}

.spanSeccNuevo {
    display: inline-block;
    width: 100px;
}

.TxtSeccNuevo {
    text-align: center;
    font-size: 3em;
    font-weight: 700;
    color: #237360;
}

.ProductoSeccNuevo, .Lookbook_Home_Nombre {
    margin-top: 0.5em;
}

.Lookbook_Home_Nombre {
    margin-top: 0.5em;
    font-size: 0.9em;
}

/*.contenedorSccNuevo {
    scrollbar-color: rgba(0, 0, 0, .5) rgba(0, 0, 0, 0);
    scrollbar-width: thin;
}*/

.contenedorSccNuevo::-webkit-scrollbar {
    -webkit-appearance: none;
}

    .contenedorSccNuevo::-webkit-scrollbar:vertical {
        width: 10px;
    }

.contenedorSccNuevo::-webkit-scrollbar-button:increment, .contenedorSccNuevo::-webkit-scrollbar-button {
    display: none;
}

.contenedorSccNuevo::-webkit-scrollbar:horizontal {
    height: 10px;
}

.contenedorSccNuevo::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

.contenedorSccNuevo::-webkit-scrollbar-track {
    border-radius: 10px;
}
.itemSeccNuevo video {
    margin-bottom: -6px;
    max-width: 100%;
    height: auto;
}

@media (min-width:480px) {
    .itemSeccNuevo {
        width: 100%;
    }

    .ImgSeccNuevo, .Lookbook_Home_Img {
        width: 65%;
    }

    .ProductoSeccNuevo, .Lookbook_Home_Nombre {
        font-size: 1.1em;
    }
}

@media (min-width:576px) {
    .ImgSeccNuevo, .Lookbook_Home_Img {
        width: 60%;
    }

    .ProductoSeccNuevo, .Lookbook_Home_Nombre {
        font-size: 1em;
        margin-top: .6em;
    }
}

@media (min-width:768px) {
    .TxtSeccNuevo {
        font-size: 3em;
    }
}

@media (min-width:1024px) {
    .ImgSeccNuevo, .Lookbook_Home_Img {
        width: 31%;
    }
}

@media (min-width:1280px) {
    .ImgSeccNuevo {
        width: 25%;
    }
}

@media (min-width:1920px) {
    .TxtSeccNuevo {
        font-size: 4.3em;
    }
}


/*LOOKBOOK SS23 ESTUDIO*/
.TitularLookbook23 {
    margin-top: 118px;
    text-align: center;
}

    .TitularLookbook23 h4 {
        color: #E2C29C;
        text-transform: uppercase;
        margin-bottom: 20px;
        font-size: 1.4em;
        letter-spacing: 1px;
        font-weight: 600;
    }

    .TitularLookbook23 h5 {
        color: #E2C29C;
        font-weight: 400;
    }

.FadeTopLookbook23 {
    opacity: 0;
    transform: translate(0, 10vh);
    transition: all 1s;
}

.VisibleLookBook23 {
    opacity: 1;
    transform: translate(0, 0);
}

.MargenLookbook23_Bloque, .MargenLookbook23_Elemento {
    margin-top: 5em !important;
}

.MargenLookbook23_Bloque47 {
    margin-top: 10em !important;
}

.MargenLookbook23_Bloque56 {
    margin-top: 15em !important;
}

.MargenPieLookbook23 {
    margin-bottom: 10em;
}

.DescripcionLookbook23 {
    text-align: center;
    text-transform: capitalize;
}

.ImgProductoLookbook23 {
    transform: translate(0%, -19%);
}

@media (min-width:480px) {
    .DescripcionLookbook23 {
        padding: 0 9px;
        margin-top: -5px;
    }

    .MargenLookbook23_Bloque {
        margin-top: 8em !important;
    }

    .MargenLookbook23_Bloque47 {
        margin-top: 13em !important;
    }

    .MargenLookbook23_Bloque56 {
        margin-top: 18em !important;
    }
}

@media (min-width:576px) {
    .TitularLookbook23 {
        margin-top: 140px;
    }

        .TitularLookbook23 h4 {
            font-size: 1.8em;
            margin-bottom: 1.3em;
        }

        .TitularLookbook23 h5 {
            font-size: 1.1em;
        }

    .DescripcionLookbook23 {
        font-size: .9em;
    }
}

@media (min-width:768px) {
    .TitularLookbook23 {
        margin-top: 115px;
    }

        .TitularLookbook23 h4 {
            font-size: 1.8em;
        }

        .TitularLookbook23 h5 {
            font-size: 0.9em;
        }

    .lookbook .lookbook_elementos .dos_elementos .lookbook_elemento .galeria {
        padding-top: 40%;
    }

    .GridLookbook23 {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .MargenLookbook23_Elemento {
        margin-top: 0em !important;
    }

    .MargenLookbook23_Bloque47 {
        margin-top: 19em !important;
    }

    .MargenLookbook23_Bloque {
        margin-top: 6em !important;
    }

    .lookbook .lookbook_elementos .dos_elementos .lookbook_elemento .galeria .galeria_circulo2 {
        top: 0%;
    }

    .MargenLookbook23_Bloque56 {
        margin-top: 7em !important;
    }

    .MargenPieLookbook23 {
        margin-bottom: 16em;
    }
}

@media (min-width:1024px) {
    .MargenTopLookbook23 {
        margin-top: 3em;
    }
}

@media (min-width:1280px) {
    .TitularLookbook23 h4 {
        font-size: 2em;
    }

    .TitularLookbook23 h5 {
        font-size: 1em;
    }

    .MargenLookbook23_Bloque47 {
        margin-top: 26em !important;
    }

    .MargenPieLookbook23 {
        margin-bottom: 30em;
    }

    .Max2columnasLookbook23 {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }

    .MargenLookbook23_Bloque56 {
        margin-top: 14em !important;
    }

    .MargenLookbook23_Bloque47 {
        margin-top: 31em !important;
    }

    .MargenLookbook23_Bloque {
        margin-top: 11em !important;
    }
}

@media (min-width:1920px) {
    .TitularLookbook23 {
        margin-top: 154px;
    }

        .TitularLookbook23 h4 {
            font-size: 2.5em;
        }

        .TitularLookbook23 h5 {
            font-size: 1.2em;
        }
}

/*LOOKBOOK VERANO 23 CANTERA*/
.Desktop_LookbookCantera {
    display: none;
}

.MovilTablet_LookbookCantera {
    display: block;
}

.modal-container-lookbokk {
    display: flex;
    background-color: rgba(0, 0, 0, 0.3);
    align-items: center;
    justify-content: center;
    position: fixed;
    pointer-events: none;
    opacity: 0;
    top: 0px;
    left: 0;
    height: 100vh;
    width: 100%;
    transition: opacity 0.3s ease;
}

.show_lookbook {
    pointer-events: auto;
    opacity: 1;
    z-index: 10000;
}

.modal_lookbook {
    position: relative;
    background-color: #fff;
    max-width: 63%;
    padding: 36px 30px 16px 30px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.modal_lookbookV2 {
    position: relative;
    max-width: 63%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.boton_verlook {
    position: absolute;
    bottom: 0.5em;
    right: 12px;
    background-color: white;
    font-weight: 500;
    padding: 1px 12px;
    font-size: 0.8em;
    line-height: normal;
}

.boton_videos_lookbookCantera {
    position: absolute;
    bottom: 1em;
    right: 27px;
    background-color: white;
    font-weight: 500;
    padding: 1px 12px;
    font-size: 0.8em;
    line-height: normal;
}

.boton_video_vertical {
    position: absolute;
    bottom: 0.5em;
    right: unset;
    background-color: #F2E6CD;
    font-weight: 500;
    padding: 1px 12px;
    font-size: 0.8em;
    line-height: normal;
}

.boton_verlook_izq {
    position: absolute;
    bottom: 0.5em;
    left: 12px;
    right: unset;
    background-color: white;
    font-weight: 500;
    padding: 1px 12px;
    font-size: 0.8em;
    line-height: normal;
}

.boton_videos_izq_lookbookCantera {
    position: absolute;
    bottom: 1em;
    left: 12px;
    right: unset;
    background-color: white;
    font-weight: 500;
    padding: 1px 12px;
    font-size: 0.8em;
    line-height: normal;
}

.botonX_loobook {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0px;
    background: none;
    border: none;
    font-size: 32px;
    line-height: normal;
    color: black !important;
    margin-right: 0 !important;
    padding-right: 3%;
}

@media (min-width:768px) {
    .botonX_loobook {
        right: 0px;
    }
}

.MargenPieLookbookCantera {
    margin: 0 0.5em 10em 0.5em;
}

.VideosLookbookCantera, .ProductoLookbookCantera {
    width: -webkit-fill-available;
    width: -moz-available;
}

.DosColumnas_LookbookCantera {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.ModalAbierto_LookbookCanter {
    position: initial;
}

.FondoVideo_LookbookCantera1 {
    padding: 1.5em;
    background-color: #F2E6CD;
}

.TxtVertical_LoolbookCantera {
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    text-align: end;
    font-size: 1.1em;
    text-transform: uppercase;
    color: #EB59A1;
    font-weight: 600;
}

.ImgFondo_LookbookCantera9 {
    padding: 3.5em;
    background-image: url(../img/lookbook/LookbookSS23Cantera/M/lookbook_summercolors_9_M.jpg);
    background-size: cover;
}

.ImgFondo_LookbookCantera14 {
    padding: 3.5em;
    background-image: url(../img/lookbook/LookbookSS23Cantera/M/lookbook_summercolors_14_M.jpg);
    background-size: cover;
}

.ImgFondo_LookbookCantera21 {
    padding: 3.5em;
    background-image: url(../img/lookbook/LookbookSS23Cantera/M/lookbook_summercolors_22_M.jpg);
    background-size: cover;
}

.DescripcionLookbooK_Cantera {
    text-align: left;
    text-transform: capitalize;
    margin-top: 1em;
    font-size: 10px;
}

@media (min-width:480px) {
    .modal_lookbook, .modal_lookbookV2 {
        max-width: 60%;
    }

    .boton_videos_izq_lookbookCantera, .boton_verlook_izq, .boton_verlook, .boton_videos_lookbookCantera {
        font-size: 0.9em;
    }

    .TxtVertical_LoolbookCantera {
        font-size: 1.2em;
    }
}

@media (min-width:576px) {
    .DescripcionLookbooK_Cantera {
        font-size: 1em;
    }

    .modal_lookbook, .modal_lookbookV2 {
        max-width: 50%;
    }
}

@media (min-width:768px) {
    .DosColumnas_LookbookCantera {
        max-width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .modal_lookbook, .modal_lookbookV2 {
        max-width: 35%;
    }

    .ImgFondo_LookbookCantera9 {
        padding: 3.5em;
        background-image: url(../img/lookbook/LookbookSS23Cantera/D/lookbook_summercolors_9_D.jpg);
    }

    .ImgFondo_LookbookCantera14 {
        padding: 3.5em;
        background-image: url(../img/lookbook/LookbookSS23Cantera/D/lookbook_summercolors_14_D.jpg);
    }

    .ImgFondo_LookbookCantera21 {
        padding: 3.5em;
        background-image: url(../img/lookbook/LookbookSS23Cantera/D/lookbook_summercolors_22_D.jpg);
    }

    .DescripcionLookbooK_Cantera {
        text-transform: capitalize;
        margin-top: 10px;
        font-size: 14px;
    }
}

@media (min-width:1024px) {
    .modal_lookbook, .modal_lookbookV2 {
        max-width: 28%;
    }

    .TxtVertical_LoolbookCantera {
        margin-left: 141px;
    }

    .DosColumnas_LookbookCantera {
        max-width: 54%;
    }
}

@media (min-width:1280px) {
    .Desktop_LookbookCantera {
        display: block;
    }

    .MovilTablet_LookbookCantera {
        display: none;
    }

    .DosColumnas_LookbookCantera {
        max-width: 55%;
    }

    .TxtVertical_LoolbookCantera {
        font-size: 1.6em;
        margin-left: 161px;
    }

    .boton_videos_izq_lookbookCantera, .boton_verlook_izq, .boton_verlook, .boton_videos_lookbookCantera {
        font-size: 1em;
    }

    .modal_lookbook, .modal_lookbookV2 {
        max-width: 22%;
    }

    .boton_videos_izq_lookbookCantera, .boton_verlook_izq, .boton_verlook, .boton_videos_lookbookCantera, .boton_video_vertical {
        font-weight: 400;
        font-size: 1em;
    }
}

@media (min-width:1920px) {
    .boton_videos_izq_lookbookCantera, .boton_verlook_izq, .boton_verlook, .boton_videos_lookbookCantera, .boton_video_vertical {
        font-size: 1.1em;
        padding: 1px 20px;
    }

    .TxtVertical_LoolbookCantera {
        margin-left: 268px;
        font-size: 2em;
    }

    .modal_lookbook, .modal_lookbookV2 {
        max-width: 16%;
    }

    .DosColumnas_LookbookCantera {
        max-width: 45%;
    }
}

/*MENÚ MOVIL MARZO 2023*/
.MenuM_Familias {
    padding: 0.3rem 2.5rem !important;
    font-weight: 400 !important;
    font-size: 1em !important;
}

.MenuM_Seciones {
    font-size: 1em !important;
    padding-bottom: 0.2rem !important;
    padding-top: 0.9rem !important;
}

.Menu_EspacioEnMedio {
    display: none;
}

.MenuM_Img {
    padding-left: 2.5rem;
    margin: 0.5em 0 !important;
    display: grid !important;
    grid-template-columns: 93px 93px !important;
    grid-gap: 20px;
}

    .MenuM_Img a {
        padding: 0 !important;
        text-align: center !important;
        font-size: 1em !important;
        font-weight: 400 !important;
    }

    .MenuM_Img img {
        width: -webkit-fill-available;
        width: -moz-available;
    }

/*BANNER ONLINE SHOPPING*/
.Titulo_LiveShopping {
    font-weight: 800;
    text-align: center;
    font-size: 2.2em;
    margin-bottom: 0px;
    letter-spacing: 3px;
    line-height: 40px;
}

.SubTitulo_LiveShopping {
    color: #f68537;
    font-family: 'Larken', serif;
    text-align: center;
    font-size: 1.3em;
    margin: 0.5em 0em;
    font-weight: 700;
}

.Fecha_LiveShopping {
    font-family: 'Playfair Display',serif;
    font-weight: 900;
    text-align: center;
    font-size: 1.4em;
}

@media (min-width:768px) {
    .Titulo_LiveShopping {
        text-align: left;
        font-size: 1.4em;
        line-height: 23px;
    }

    .SubTitulo_LiveShopping {
        font-size: .9em;
        text-align: left;
    }

    .Fecha_LiveShopping {
        font-size: 1.2em;
        text-align: left;
    }
}

@media (min-width:1280px) {
    .Titulo_LiveShopping {
        font-size: 1.9em;
        line-height: 34px;
    }

    .SubTitulo_LiveShopping {
        margin-top: 0.8em;
        font-size: 17px;
    }
}

@media (min-width:1920px) {
    .Titulo_LiveShopping {
        font-size: 2.9em;
        line-height: 57px;
    }

    .SubTitulo_LiveShopping {
        margin-top: 0.8em;
        font-size: 26px;
    }

    .Fecha_LiveShopping {
        font-size: 1.7em;
    }
}

/*INFORMACIÓN FICHA DE PRODUCTO*/
.FichaInfo {
    margin-top: 1.5em;
    background-color: #F8F8F8;
    padding: 3em 1.5em;
}

.FichaInfo_Txt {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0.5em;
    font-size: 1.1em;
}

.FichaParrafos_Txt {
    margin-bottom: 0;
}

.FichaParrafos {
    margin-top: 2.5em;
}

@media(min-width:767px) {
    .Margen_Inferior_Ficha {
        margin-top: 12px;
    }
    .Ficha_BtnAñadir {
        margin-top: 3em;
    }

    .FichaInfo {
        margin: 2.5em 0em;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 23px;
        justify-items: center;
    }

    .FichaParrafos {
        margin-top: 0;
    }

    .FichaParrafos_Txt {
        font-size: .9em;
    }

    .FichaInfo_Txt {
        font-size: .9em;
    }

    .FichaAyudaDevos {
        margin-top: 1.5em !important;
    }
}

@media (min-width:1280px) {
    .FichaInfo {
        margin-top: 6em;
        padding: 4em 3em;
    }

    .section-product-detail .product-description .title, .modal-product-detail .product-description .title {
        font-size: 1.2rem;
    }

    .section-product-detail .add-to-cart, .modal-product-detail .add-to-cart {
        margin-top: 2.5em;
    }
    .section-product-detail .add-to-cart button {
        padding: 7px 0px;
        font-size: 0.9rem;
        line-height: normal;
    }
}

@media (min-width:1880px) {
    .FichaInfo {
        grid-gap: 100px;
        padding: 4em 4em;
    }

    .FichaInfo_Txt {
        margin-bottom: 0;
        font-size: 1em;
    }

    .FichaParrafos_Txt {
        font-size: 1em;
    }
}

@media (min-width:1900px) {
    .Margen_Inferior_Ficha {
        margin-bottom: 10rem;
        max-width: 1896px;
        margin-left: auto;
        margin-right: auto;
    }
}
/*LISTADO LOOKBOOKS VERANO 23*/
.ListadoEditoriales_H4 {
    font-family: 'Larken', serif;
    font-size: 1.7em;
    font-weight: bold;
    margin-bottom: 32px;
    margin-top: 100px;
    text-align: center;
    line-height: 0;
}

.ListadoEditoriales_H5 {
    text-align: center;
    font-size: 0.9em;
    margin-bottom: 2em;
    font-weight: 400;
}

.ListadoEditoriales {
    display: grid;
    margin: 0 15px;
    grid-gap: 0 9px;
    grid-template-columns: 1fr 1fr;
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

.ListadoEditoriales_1 {
    grid-column: 1 / 3;
    grid-row: 1;
}

.ListadoEditoriales p {
    text-align: center;
    margin-top: 0.5em;
    margin-bottom: 1.8em;
    font-weight: 500;
}

@media (min-width:576px) {
    .ListadoEditoriales_H4 {
        font-size: 2.25em;
        margin-top: 120px;
        margin-bottom: 70px;
    }

    .ListadoEditoriales_H5 {
        font-size: 1em;
    }

    .ListadoEditoriales p {
        margin-top: 1em;
        font-size: 1.1em;
    }
}

@media (min-width:768px) {
    .ListadoEditoriales {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .ListadoEditoriales_H4 {
        margin-top: 100px;
        font-size: 2em;
        margin-bottom: 41px;
    }

    .ListadoEditoriales p {
        margin-top: 0.5em;
        font-size: 1.1em;
    }
}

@media (min-width:1280px) {
    .ListadoEditoriales_H4 {
        font-size: 2.2em;
        margin-top: 120px;
        margin-bottom: 55px;
    }

    .ListadoEditoriales {
        width: 60%;
    }
}

@media(min-width:1880px) {
    .ListadoEditoriales_H4 {
        font-size: 2.5em;
        margin-top: 145px;
        margin-bottom: 70px;
    }

    .ListadoEditoriales_H5 {
        font-size: 1.2em;
    }

    .ListadoEditoriales p {
        margin-top: 0.7em;
        font-size: 1.2em;
    }
}

/*LOOKBOOK CASA*/
.MargenLookbookCasa {
    margin: 0 .5em 10em .5em;
}

.MargenLookbookCasa_4 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width:768px) {
    .MargenLookbookCasa_4 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media (min-width:1280px) {
    .MargenLookbookCasa {
        margin: 0 3.5em 10em 3.5em;
    }
}

@media (min-width:1880px) {
    .MargenLookbookCasa {
        margin: 0 6.5em 10em 6.5em;
    }
}

@media (min-width:2336px) {
    .MargenLookbookCasa {
        max-width: 2336px;
        margin-left: auto;
        margin-right: auto;
    }
}
/*Cesta*/
.BotonCestaCompra {
    display: inline-block;
    width: 100%;
    font-size: 11px;
    line-height: 2.90em;
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
    background-color: black;
    color: white;
}

.BtnOtro {
    font-size: 11px;
}

.BotonCestaCompra:hover {
    color: white;
}

.ScrollCestaCompra {
    scrollbar-color: rgba(0, 0, 0, .5) rgba(0, 0, 0, 0);
    scrollbar-width: thin;
}

    .ScrollCestaCompra::-webkit-scrollbar {
        -webkit-appearance: none;
    }

        .ScrollCestaCompra::-webkit-scrollbar:vertical {
            width: 10px;
        }

    .ScrollCestaCompra::-webkit-scrollbar-button:increment, .contenedorSccNuevo::-webkit-scrollbar-button {
        display: none;
    }

    .ScrollCestaCompra::-webkit-scrollbar:horizontal {
        height: 10px;
    }

    .ScrollCestaCompra::-webkit-scrollbar-thumb {
        background-color: #797979;
        border-radius: 20px;
        border: 2px solid #f1f2f3;
    }

@media (min-width:1280px) {
    .header .header-menu .nav-item .dropdown-cart {
        width: 28vw;
    }
}

@media (min-width:1700px) {
    .header .header-menu .nav-item .dropdown-cart {
        width: 23vw;
    }

        .header .header-menu .nav-item .dropdown-cart .cart-list .cart-item .cart-body .cart-description .des,
        .header .header-menu .nav-item .dropdown-cart .cart-total p,
        .mini-cart.product.product-margin-bottom p,
        .header .header-menu .nav-item .dropdown-cart .cart-total .total,
        .cart-size, .cart-color,
        .BotonCestaCompra, .BtnOtro {
            font-size: 12px;
        }
}

@media (min-width:1920px) {
    .header .header-menu .nav-item .dropdown-cart {
        width: 22vw;
    }

    .sticky.is-fixed .header-menu .nav-item .dropdown-cart .cart-list {
        max-height: calc(100vh - 412px);
    }

    .header .header-menu .nav-item .dropdown-cart .cart-total {
        padding-bottom: 1.5rem;
    }
}

.SombraMiCuenta {
    box-shadow: 1px 5px 3px 2px #00000026 !important;
}

.Btn_IrDetalleProducto {
    cursor: pointer;
    font-size: 1.1em;
    margin-top: 2.5em;
    text-decoration: underline;
}
/*LOOKBOOK HOME*/
.Lookbook_Home_H4 {
    font-family: 'SangBleuKingdom', serif;
    font-size: 3em;
    margin-bottom: 0.85em;
    text-align: left;
    line-height: 0;
    letter-spacing: 2px;
    margin-top: 3em;
}

.Lookbook_Home_H5 {
    text-align: left;
    font-size: 1em;
    margin-bottom: 2em;
    font-weight: 400;
}

.Lookbook_Home_Img {
    padding-left: 0;
}

    .Lookbook_Home_Img a {
        margin-right: -6px;
    }

@media(min-width:768px) {
    .Lookbook_Home_H4 {
        font-size: 3.6em;
        letter-spacing: 4px;
    }

    .Lookbook_Home_Img {
        width: 40%;
    }
}

@media(min-width:960px) {
    .Lookbook_Home_Img {
        width: 35%;
    }
}

@media (min-width:1024px) {
    .margen_banner_sequra {
        margin-top: 76px;
    }

    .Lookbook_Home_H4 {
        font-size: 3.6em;
        letter-spacing: 8px;
        margin-left: 40px;
    }
}

@media (min-width:1280px) {
    .Lookbook_Home_H4 {
        font-size: 2.6em;
        margin-top: 3.5em;
    }

    .Lookbook_Home_Img {
        width: 28%;
    }
}

@media(min-width:1700px) {
    .Lookbook_Home_H4 {
        font-size: 4.6em;
        letter-spacing: 11px;
        margin-left: 49px;
        margin-top: 4.5em;
    }

    .menu-wrapperSeccNuevo {
        margin-top: 5em;
    }
}

@media (min-width:1920px) {
    .Lookbook_Home_H4 {
        font-size: 3em;
    }

    .Lookbook_Home_H5 {
        font-size: 1.2em;
    }

    .Lookbook_Home_Img {
        width: 23%;
    }

    .Lookbook_Home_Nombre {
        font-size: 0.97em;
    }
}

/*MODALES LOGIN*/
.ModalesCerrar {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    margin-top: 10px;
}

.ModalesImg {
    width: -moz-available;
    width: -webkit-fill-available;
}

.ModalesOrden {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 1.5em;
}

.ModalesBotones {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    margin-bottom: 2em;
}

.ModalesContenedorLogin {
    width: 88%;
    max-width: 890px;
}

.modal-dialog.ModalesContenedor {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 0;
    padding: 0 !important;
    width: 90%;
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
}

.ModalesBotones button {
    font-size: 1em;
}

.ModalLoginInput {
    height: 32px !important;
    font-size: .8em !important;
}

.MostrarPass {
    height: 32px !important;
    padding: 0 0.5em;
}

@media (min-width:480px) {
    .ModalesContenedor {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width:576px) {
    .ModalesContenedor {
        width: 66%;
    }
}

@media (min-width:768px) {
    .ModalesContenedorLogin {
        width: 90%;
        max-width: 560px;
        padding: 0.5em 0 1em 0;
    }

    .ModalesContenedor {
        width: 100%;
        max-width: 100%;
        transform: translate(0, 35%) !important;
    }

    .ModalesOrden {
        display: flex;
        flex-direction: row;
        margin: 0;
        align-items: center;
        margin-bottom: 1em;
    }

    .modal-dialog.ModalesContenedor {
        width: 75%;
        max-width: 621px;
    }

    .ModalLoginTitulo {
        font-size: 1em !important;
    }

    .ModalLoginInput, .MostrarPass {
        height: 28px !important;
    }

    .ModalesBotones {
        margin-bottom: 0;
    }
}

@media (min-width:1920px) {
    .modal-dialog.ModalesContenedor {
        width: 100%;
        max-width: 785px;
    }

    .ModalesContenedorLogin {
        width: 90%;
        max-width: 713px;
    }

    .ModalesImg {
        max-width: 400px;
    }
}
/*MODAL CREAR CUENTA*/
.ModalCrearCuenta {
    padding: 0 2em 2em 2em !important;
}
/*MODAL VINCULAR AFFINITY*/
#modal-vincular .modal-dialog {
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 5.3em 2em 3em 2em !important;
    border: 1px solid #E5CCC7;
}

.VincularAff_Label {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 27px;
}

div.formulario-registro input, div.formulario-registro select {
    height: 34px !important;
}

div.formulario-registro span {
    padding: 0 4px 0 0px !important;
}

.f-s-11em {
    font-size: 1.15em !important;
}

.AffinityFondo_Modal {
    position: absolute;
    top: 6%;
    left: 19%;
    width: 100%;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
    opacity: 0.4;
}

.AffinityVincular_LogoAff {
    max-width: 270px !important;
    width: 37% !important;
}

.ClubFondo_Modal {
    position: absolute;
    top: 95%;
    left: 85%;
    width: 100%;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
    opacity: 0.4;
}

.AffinityVincular_LogoClub {
    max-width: 270px !important;
    width: 29% !important;
}

@media (min-width:768px) {
    .AffinityVincular_LogoClub {
        width: 21% !important;
    }

    .ClubFondo_Modal {
        top: 95%;
        left: 90%;
    }

    .AffinityVincular_LogoAff {
        width: 30% !important;
    }

    .AffinityFondo_Modal {
        top: 6%;
        left: 15%;
    }
}

@media (min-width:992px) {
    #modal-vincular .modal-dialog {
        padding: 5.3em 2em 3em 2em !important;
    }

    #modal-vincular .modal-dialog {
        max-width: 465px;
    }
}
/*RECUPERAR PASSWORD*/
.RecuperarPassword {
    max-width: 385px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 !important;
    margin-top: 8em;
    margin-bottom: 7em;
}

@media (min-width:576px) {
    .RecuperarPassword {
        width: 60%;
    }
}

@media (min-width:768px) {
    .RecuperarPassword {
        width: 40%;
    }
}

@media (min-width:1024px) {
    .RecuperarPassword {
        width: 30%;
    }
}

@media (min-width:1280px) {
    .RecuperarPassword {
        width: 25%;
    }
}

@media (min-width:1920px) {
    .RecuperarPassword {
        width: 100%;
    }
}
/*BARRA ESTADOS DE PEDIDO*/
.PedidoBarra {
    margin: 2em 0em 8em 0em;
}

.PedidoProgress-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1px;
    width: 100%;
    background-color: #999;
}

.PedidoProgress-point {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 42%;
    position: relative;
}

    .PedidoProgress-point.active:before {
        content: "";
        width: 10px;
        height: 10px;
        background-color: #000;
        position: absolute;
        left: 50%;
        border-radius: 12px;
    }

    .PedidoProgress-point.Noactive:before {
        content: "";
        width: 10px;
        height: 10px;
        background-color: grey;
        position: absolute;
        left: 50%;
        border-radius: 12px;
    }

    .PedidoProgress-point span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 14px;
        color: #999;
        text-align: center;
        margin-top: 2.5em;
        transform: translate(9%, -50%);
        line-height: 16px;
    }

.linkTracking {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    text-decoration-skip-ink: none !important;
    font-size: 12px;
}

.PedidoProgress-point.active span, .PedidoProgress-point.active.tracking span {
    color: black;
    font-weight: 600;
    margin-top: 43px !important;
}

@media (min-width:576px) {
    .PedidoBarra {
        margin: 2em 0em 8em 0em;
    }
}
@media (min-width:1280px) {
    .PedidoProgress-point.active span {
        margin-top: 36px !important;
    }
    .PedidoProgress-point span {
        margin-top:30px;
    }
    .PedidoProgress-point.active.tracking span {
        margin-top: 38px !important;
    }
}
@media (min-width:1500px) {
    .linkTracking {
        font-size: 11px;
    }
}
@media (min-width:1920px) {
    .PedidoProgress-point span {
        font-size: 15px;
    }

    .PedidoProgress-point.active:before {
        width: 12px;
        height: 12px;
    }
}


/*AREA CLIENTE GENERAL*/
.AreaCliente_Titulo p {
    margin-bottom: 2em;
    font-size: 1.4em;
    font-weight: 700;
}

.AreaClienteAyuda {
    max-width: 500px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 3em;
    margin-bottom: 2em;
}

    .AreaClienteAyuda h5 {
        font-size: 1.2em;
        font-weight: 700;
    }

    .AreaClienteAyuda a {
        color: gray;
        font-size: 1.1em;
        font-weight: 400;
    }

.AreaCliente_Affinity p {
    font-size: 1.1em !important;
}

@media (min-width:576px) {
    .AreaCliente_Titulo p {
        font-size: 1.6em;
        margin-left: auto;
        margin-right: auto;
    }

    .AreaCliente_Affinity p {
        font-size: 1.3em !important;
        margin-top: 11px !important;
    }
}

@media(max-width:767px) {
    .volver-cliente {
        color: #000; /* Color del texto */
        text-decoration: none; /* Quitar subrayado del enlace */
        display: inline-block; /* Mostrar como bloque en línea */
        margin-bottom: 1em;
    }

    .arrow {
        margin-right: 5px; /* Espacio entre el icono y el texto */
    }

    .AreaClienteNavegacion {
        display: none;
    }
}

@media (max-width: 767px) {
    .LogOutMovil {
        display: none;
    }

    .AreaCliente_Bloques {
        margin: 0 1em;
    }

    .AreaCliente_Titulo {
        text-align: center;
        margin-top: 8em;
    }

        .AreaCliente_Titulo p {
            margin-bottom: 2em;
            font-size: 1.4em;
            font-weight: 700;
            text-transform: capitalize;
        }

    .AreaCliente_Affinity {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 25.25%; /* Proporción de aspecto 16:9 */
        margin-bottom: 3em;
    }

        .AreaCliente_Affinity img {
            position: absolute;
            top: 0;
            left: 0;
            width: calc(100% - 2em); /* Restar 2em para el margen izquierdo y derecho */
            margin: 0 1em; /* Margen de 1em a la derecha e izquierda */
            border-radius: 16px;
        }

        .AreaCliente_Affinity p {
            position: absolute;
            top: 42%;
            left: 23%;
            transform: translate(-50%, -50%);
            font-size: 1em;
            color: white;
            z-index: 10009;
            margin-left: 2em;
            margin-top: 4px;
        }

    .AreaCliente_Links {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin: 1em 0;
        padding: 1.5em 1em;
        border: 1px solid gray;
        position: relative;
    }

        .AreaCliente_Links p:nth-child(1) {
            font-weight: 700;
            font-size: 1.3em;
        }

        .AreaCliente_Links p {
            text-align: center;
            width: 74%;
            margin-bottom: 0;
            font-size: 1.1em;
        }

        .AreaCliente_Links span {
            padding: 0.5em;
        }

    .AreaCliente_arrow-icon {
        position: absolute;
        top: 40%;
        right: 2em;
        width: 14px;
        height: 14px;
        border-right: 2px solid gray;
        border-bottom: 2px solid gray;
        transform: rotate(-45deg);
    }
}

@media (min-width: 768px) {
    .AyudaLogOut {
        display: none;
    }

    .AreaCliente_Titulo {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 9em;
    }

        .AreaCliente_Titulo p {
            font-size: 1.4em;
            font-weight: 700;
            top: 19%;
            text-transform: capitalize;
            margin-bottom: 1.3em;
        }

    .AreaCliente_Links p:nth-child(1) {
        font-size: 1.1rem;
        font-weight: 700;
        margin-bottom: 0.5rem;
        min-height: auto;
    }

    .AreaCliente_Affinity {
        width: 50%;
        height: 100%;
        margin-bottom: 0;
    }

        .AreaCliente_Affinity p {
            position: absolute;
            left: 64%;
            transform: translate(-50%, -50%);
            font-size: 1.1em !important;
            color: white;
            z-index: 10009;
        }

        .AreaCliente_Affinity img {
            position: unset;
            width: calc(100% - 1em);
            margin: 0 1em;
            border-radius: 16px;
        }

    .AreaCliente_arrow-icon {
        display: none;
    }

    .AreaCliente_Bloques {
        display: grid;
        justify-content: center;
        align-items: start;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1em;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5em;
    }

    .AreaCliente_Links {
        display: grid;
        grid-template-rows: auto 1fr auto;
        text-align: center;
        border: 1px solid #CFCFCF;
        padding: 1.3em;
        margin-bottom: 2em;
    }

        .AreaCliente_Links p {
            min-height: 48px;
            font-size: 1.1em;
        }

    .AreaClienteBoton {
        background-color: #3B3B3B;
        color: white;
        padding: 0.4em;
        border-radius: 7px;
        grid-row: 3;
        margin-bottom: 0.5em;
    }
}

@media (min-width:960px) {
    .AreaCliente_Affinity p {
        top: 20.4%;
    }
}

@media (min-width:1024px) {
    .AreaCliente_Titulo p {
        margin-bottom: 0px;
    }

    .AreaCliente_Affinity p {
        top: 21.4%;
    }
}

@media (min-width:1280px) {
    .AreaCliente_Bloques, .AreaCliente_Titulo {
        max-width: 1150px;
    }

    .AreaCliente_Affinity p {
        top: 22.5%;
        left: 63%;
        font-size: 1.3em !important;
    }

    .AreaCliente_Links p {
        min-height: 48px;
        font-size: 1em;
    }

        .AreaCliente_Links p:nth-child(1) {
            font-size: 1.2rem;
        }
}

@media (min-width:1880px) {
    .AreaCliente_Affinity p {
        top: 20%;
        left: 60%;
    }
}

/*AREA CLIENTE - MI CUENTA*/
.MiCuenta {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5em;
}

.MiCuentaDatos {
    background-color: #f3f3f3;
    border-radius: 6px;
    padding: 1.5em;
}

    .MiCuentaDatos p {
        margin-bottom: 0px;
        line-height: 25px;
        font-size: 1.1em;
    }

.MiCuentaBotones {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: 1fr 1fr;
    text-align: center;
    margin-top: 1em;
}

    .MiCuentaBotones > button {
        font-family: 'brandon_grotesque', sans-serif;
        cursor: pointer;
    }

    .MiCuentaBotones > a {
        background-color: #3B3B3B !important;
        color: white !important;
        width: 100%;
        padding: 0.4em 0em;
        cursor: pointer;
    }

@media (min-width:576px) and (max-width:767px) {
    .MiCuenta {
        max-width: 460px;
        width: 100%;
    }
}

@media (min-width:768px) {
    .volver-cliente {
        display: none;
    }

    .MiCuenta {
        display: grid;
        grid-template-columns: 1fr 2fr;
        grid-gap: 5em;
    }

    .MiCuentaAffinity {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .AreaClienteMenu {
        margin-top: 2em;
        list-style: none;
        padding-left: 0;
    }

        .AreaClienteMenu li {
            margin-bottom: 0.3em;
        }

            .AreaClienteMenu li a:hover {
                color: gray;
            }

    .AreaClienteMenu-active {
        font-weight: 700;
    }
}

@media (min-width:1024px) {
    .MiCuenta {
        max-width: 800px;
        width: 100%;
    }
}

.TusPEdi_Img img {
    max-width: 174px;
}
/*AREA CLIENTE - MIS DIRECCIONES*/
.DireccionesBorrar a {
    color: gray;
    text-decoration: underline !important;
}

    .DireccionesBorrar a:hover {
        color: dimgray;
    }

/*AREA CLIENTE - MIS COMPRAS*/
.AreaClienteCompras {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5em;
}

@media (min-width:768px) {
    .AreaClienteCompras {
        display: grid;
        grid-template-columns: 1fr 2fr;
        grid-gap: 5em;
    }

    .tus_pedidos .pedidos .pedido header {
        margin-top: 0;
    }
}

@media (min-width:1024px) {
    .AreaClienteCompras {
        max-width: 900px;
        width: 100%;
    }
}
/*AREA CLIENTE - DEVOLUCIONES Y BENEFICIOS*/
.Devoluciones {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5em;
    grid-gap: 8px;
    margin-top: 1em;
}

    .Devoluciones p:nth-child(1) {
        font-size: 1.1em;
        font-weight: 700;
        margin-bottom: 0.5em;
        letter-spacing: 1px;
    }

    .Devoluciones p {
        font-size: 1em;
    }

    .Devoluciones img {
        max-width: 45px;
        margin-right: 1em;
        margin-top: -8px;
    }

    .Devoluciones a:hover {
        color: gray;
    }

/*FILTRO SELECCIONADO*/
.FiltroSeleccContainer {
    margin: 1.5em 0em 1.5em 0em;
    /*padding-left: 15px;*/
    padding-right: 15px;
    padding-left: 15px;
}

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

.FiltrosSeleccFixed {
    position: sticky;
    z-index: 10001;
    top: 0;
    background-color: white;
    width: -webkit-fill-available;
    width: -moz-available;
    padding-bottom: 0.7em;
    padding-top: 5em;
}

.FiltrosSeleccCss {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow-x: hidden;
    flex-wrap: wrap;
}

.FiltrosSeleccIndiv {
    display: flex;
    align-items: center;
    margin-right: 18px;
    white-space: nowrap;
}

.FiltrosSeleccIndivTxt {
    color: black;
    letter-spacing: .5px;
    line-height: 20px;
    text-transform: capitalize;
    font-size: 0.85em;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-skip-ink: none;
}

.FiltrosSeleccIndivX {
    margin: 0;
    padding: 0 5px 0 0px;
    background: none;
    border: none;
    cursor: pointer;
    font-weight: 600;
    line-height: 0;
    font-size: 0.75em;
}

@media (min-width:576px) {
    .FiltrosSeleccIndivTxt {
        font-size: 0.9em;
    }
}

@media(min-width:768px) {
    .FiltrosSeleccFixed {
        padding-bottom: 1em;
    }

    .FiltrosSeleccIndivTxt {
        font-size: 0.7em;
    }
}

@media(min-width:1024px) {
    .FiltroSeleccContainer {
        padding-right: 9px;
        padding-left: 9px;
    }
}

@media (min-width:1280px) {
    .FiltroSeleccContainer {
        margin: 3em 0em 0.5em 0em !important;
        padding-right: 0.7em;
    }

    .FiltrosSeleccCss {
        /*margin-left: 0.7em;*/
        top: 6.5vw;
    }
}

@media (min-width:1641px) {
    .FiltrosSeleccCss {
        top: 5.2vw;
    }

    .FiltrosSeleccFixed {
        padding-bottom: 1.2em;
    }

    .FiltrosSeleccFixed {
        padding-top: 5.6em;
    }
}

/*LANDING REGISTRO AFFINITY PROMOCIONES*/
@font-face {
    font-family: "Oswald";
    src: url("../_fonts/Oswald-Bold.otf");
    src: url("../_fonts/Oswald-Bold.woff") format("woff"), url("../_fonts/Oswald-Bold.ttf") format("truetype");
    font-weight: 800;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Oswald";
    src: url("../_fonts/Oswald-ExtraLight.otf");
    src: url("../_fonts/Oswald-ExtraLight.woff") format("woff"), url("../_fonts/Oswald-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Oswald";
    src: url("../_fonts/Oswald-Light.otf");
    src: url("../_fonts/Oswald-Light.woff") format("woff"), url("../_fonts/Oswald-Light.ttf") format("truetype");
    font-weight: 300;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Oswald";
    src: url("../_fonts/Oswald-Regular.otf");
    src: url("../_fonts/Oswald-Regular.woff") format("woff"), url("../_fonts/Oswald-Regulart.ttf") format("truetype");
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Oswald";
    src: url("../_fonts/Oswald-Medium.otf");
    src: url("../_fonts/Oswald-Medium.woff") format("woff"), url("../_fonts/Oswald-Medium.ttf") format("truetype");
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Oswald";
    src: url("../_fonts/Oswald-SemiBold.otf");
    src: url("../_fonts/Oswald-SemiBold.woff") format("woff"), url("../_fonts/Oswald-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-display: swap;
    font-style: normal;
}

.LandingAffinity_LogoCondiciones {
    max-width: 270px !important;
    width: 55% !important;
}

.AffinityDays {
    position: absolute;
    top: 18%;
    left: 50%;
    width: max-content;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
}

    .AffinityDays img {
        width: 37%;
    }

.AffinityDaysInfo {
    position: absolute;
    top: 61%;
    left: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
    color: white;
    font-size: 1.5em;
    font-family: Satoshi, sans-serif;
    padding: 0 15%;
    font-weight: 700;
}

.AffinityDaysBanners, .AffinityDaysBanner1 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: max-content;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
}

.Banner1RafaGarcia {
    position: absolute !important;
    top: 59% !important;
    left: 50% !important;
    width: 76% !important;
    text-align: center !important;
    -webkit-transform: translate3d(-50%, -50%, 0) !important;
    transform: translate3d(-50%, -50%, 0) !important;
    z-index: 3 !important;
}

    .Banner1RafaGarcia p {
        color: black;
        font-size: 1.4em;
    }

.AffinityDays h3 {
    font-family: 'Oswald', sans-serif;
    font-weight: 800;
    color: #e84e1b;
    font-size: 3.5em;
    margin-top: 0.3em;
}

.AffinityDays p {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    color: white;
    margin-top: 0.5em;
    font-size: 1.2em;
}

.container-register-affinity {
    max-width: 607px;
    margin: 0 auto;
}

@media (min-width:576px) {
    .AffinityDaysInfo {
        font-size: 2em;
    }
}

@media (min-width:768px) {
    .AffinityDaysInfo {
        font-size: 1.2em;
        top: 67%;
        padding: 0 27%;
        left: 25%;
        color: black;
    }

    .AffinityDays {
        top: 16%;
    }

        .AffinityDays img {
            width: 29%;
        }
}

@media (min-width:1280px) {
    .AffinityDays img {
        width: 37%;
    }

    .AffinityDaysInfo {
        font-size: 1.6em;
        padding: 0 34%;
    }
}

@media (min-width:1620px) {
    .AffinityDaysInfo {
        font-size: 1.9em;
    }
}

@media (min-width:1920px) {
    .AffinityDays img {
        width: 49%;
    }

    .AffinityDaysInfo {
        font-size: 2.2em;
    }

    .p_texto_registerBF {
        font-size: 1.2em;
        margin-bottom: 62px;
    }

    .p_titulo_landingAffinity {
        font-size: 1.9em;
        margin-top: 95px;
    }

    .AffinityDays {
        top: 18%;
    }
}

@media (min-width:480px) {
    .LandingAffinity_LogoCondiciones {
        width: 53% !important;
    }

    .AffinityDays h3 {
        font-size: 4em;
        margin-top: 0.5em;
    }

    .AffinityDays p {
        font-size: 1.4em;
    }

    .container-register-affinity {
        width: 90%;
    }
}

@media (min-width:576px) {
    .Banner1RafaGarcia p {
        font-size: 1.5em;
    }

    .LandingAffinity_LogoCondiciones {
        width: 60% !important;
    }

    .AffinityDays h3 {
        font-size: 4.8em;
        margin-top: 0.3em;
    }

    .AffinityDays p {
        font-size: 1.6em;
    }
}

@media (min-width:576px) {
    .LandingAffinity_LogoCondiciones {
        width: 49% !important;
    }

    .AffinityDays h3 {
        font-size: 4.5em;
        letter-spacing: 3px;
    }

    .AffinityDays p {
        font-size: 1.5em;
    }
}

@media (min-width:768px) {
    .Banner1RafaGarcia p {
        font-size: 1.3em;
    }

    .Banner1RafaGarcia {
        top: 66% !important;
    }

    .LandingAffinity_LogoCondiciones {
        width: 39% !important;
    }

    .AffinityDays h3 {
        font-size: 3.5em;
    }

    .AffinityDays p {
        font-size: 1.2em;
    }
}

@media (min-width:1280px) {
    .Banner1RafaGarcia p {
        font-size: 1.5em;
    }

    .LandingAffinity_LogoCondiciones {
        width: 48% !important;
    }

    .AffinityDays h3 {
        font-size: 4.1em;
    }

    .AffinityDays p {
        font-size: 1.4em;
    }
}

@media (min-width:1880px) {
    .Banner1RafaGarcia p {
        font-size: 2.4em;
    }
}

@media (min-width:1920px) {
    .LandingAffinity_LogoCondiciones {
        width: 48% !important;
    }

    .AffinityDays h3 {
        font-size: 6em;
    }

    .AffinityDays p {
        font-size: 2em;
    }
}

.AffinityDaysBanners456 {
    position: absolute;
    top: 40%;
    left: 50%;
    width: max-content;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
}

.LogoAff_Banners2 {
    max-width: 270px !important;
    width: 60% !important;
    margin-bottom: 2em;
    margin-top: 1em;
}

.LogoAff_Banners3 {
    max-width: 270px !important;
    width: 54% !important;
    margin-bottom: 1.5em;
    margin-top: 0.5em;
}

.LogoAff_Banners456 {
    max-width: 270px !important;
    width: 65% !important;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

.AffinityDaysBanners h3, .AffinityDaysBanners456 h3 {
    font-family: 'Oswald', sans-serif;
    font-weight: 800;
    color: #e84e1b;
    font-size: 3.7em;
    margin-top: 0.2em;
    letter-spacing: 3px;
}

.AffinityDaysBanners h4, .AffinityDaysBanners456 h4 {
    font-family: 'Oswald', sans-serif;
    font-weight: 800;
    color: #e84e1b;
    font-size: 5em;
    margin-top: 0.5em;
    letter-spacing: 5px;
}

.AffinityDaysBanners p {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    color: white;
    margin-top: 0.5em;
    font-size: 1.2em;
}

.DosBotonesBanners {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 7px;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width:480px) {
    .AffinityDaysBanners h3 {
        font-size: 4.5em;
    }

    .AffinityDaysBanners p {
        font-size: 1.3em;
    }
}

@media (min-width:576px) {
    .AffinityDaysBanners p {
        font-size: 1.4em;
    }

    .LogoAff_Banners2 {
        width: 68% !important;
    }

    .LogoAff_Banners3 {
        width: 43% !important;
    }

    .AffinityDaysBanners h4, .AffinityDaysBanners456 h4 {
        font-size: 5.3em;
    }
}

@media (min-width:768px) {
    .AffinityDaysBanner1 {
        left: 25%;
    }

    .LogoAff_Banners2 {
        width: 58% !important;
    }

    .AffinityDaysBanners h3 {
        font-size: 3.5em;
        margin-top: 0.2em;
    }

    .AffinityDaysBanners p {
        font-size: 1.1em;
    }

    .AffinityDaysBanners h4 {
        font-size: 3em;
    }

    .AffinityDaysBanners456 h4 {
        font-size: 3em;
    }

    .LogoAff_Banners456 {
        width: 45% !important;
        margin-bottom: 1em;
    }

    .Boton_Hztl_Libre_B2 {
        top: 56%;
        left: 36%;
    }

        .Boton_Hztl_Libre_B2 h3 {
            text-align: center;
            font-size: 1.4em !important;
            font-weight: 500;
            line-height: normal;
        }

    .DosBotonesBanners {
        grid-template-columns: 1fr 1fr;
    }

    .AffinityDaysBanners456 {
        top: 45%;
    }

    .TextoBanner1 h3 {
        font-size: 1.6em;
        margin-bottom: 0.5em;
    }
}

@media (min-width:1024px) {
    .Boton_Hztl_Libre_B2 h3 {
        font-size: 2em !important;
    }
}

@media (min-width:1880px) {
    .TextoBanner1 h3 {
        font-size: 3.5em;
        margin-bottom: 0.2em;
    }

    .Boton_Hztl_Libre_B2 {
        top: 52%;
        left: 39%;
    }

        .Boton_Hztl_Libre_B2 h3 {
            font-size: 3em !important;
        }

        .Boton_Hztl_Libre_B2 p {
            font-size: 2em;
            line-height: 50px;
        }
}

@media (min-width:1920px) {
    .AffinityDaysBanners h3 {
        font-size: 6.2em;
    }

    .AffinityDaysBanners p {
        font-size: 1.8em;
    }

    .AffinityDaysBanners h4 {
        font-size: 7em;
    }

    .AffinityDaysBanners456 {
        top: 43%;
    }

        .AffinityDaysBanners456 h4 {
            font-size: 6em;
        }

    .LogoAff_Banners456 {
        width: 61% !important;
    }

    .TextoBanner1 p {
        font-size: 2.2em;
    }
}


.Banner1_RebajasSS23_General {
    background-color: #e84e1b;
    position: absolute;
    overflow: hidden;
    height: -webkit-fill-available;
    height: -moz-available;
}

.Banner1_RebajasSS23_General_Movil {
    background-color: #e84e1b;
    position: relative;
    height: 522px;
    overflow: hidden;
}

.Banner1_RebajasSS23_General h3 {
    font-family: 'Oswald', sans-serif;
    letter-spacing: 2px;
    font-weight: 800;
    font-size: 5em;
    text-transform: uppercase;
    color: #994391;
    margin-top: -16px;
    line-height: 73px;
}

.Banner1_RebajasSS23_General_Movil h3 {
    font-family: 'Oswald', sans-serif;
    letter-spacing: 2px;
    font-weight: 800;
    font-size: 5em;
    text-transform: uppercase;
    color: #994391;
    margin-top: -3px;
    line-height: 68px;
}

.spring-section2023 {
    background-color: #994391;
    text-align: center;
}

    .spring-section2023 p {
        font-family: 'Oswald', sans-serif;
        writing-mode: vertical-rl;
        /* text-orientation: upright; */
        white-space: nowrap;
        margin: 0.7em 0em 0em 0.5em;
        color: #e84e1b;
        font-size: 1.6em;
        font-weight: 800;
    }

@media (min-width:480px) {
    .Banner1_RebajasSS23_General_Movil {
        height: 640px;
    }

        .Banner1_RebajasSS23_General_Movil h3 {
            font-size: 6em;
            line-height: 86px;
        }
}

@media (min-width:576px) {
    .Banner1_RebajasSS23_General_Movil h3 {
        font-size: 6.1em;
        line-height: 103px;
    }
}

@media (min-width:960px) {
    .Banner1_RebajasSS23_General h3 {
        line-height: 96px;
        font-size: 5.4em;
    }

    .spring-section2023 p {
        font-size: 1.4em;
    }
}

@media (min-width:1280px) {
    .Banner1_RebajasSS23_General h3 {
        line-height: 114px;
        font-size: 6.5em;
    }

    .spring-section2023 p {
        font-size: 2em;
        margin: 0.5em 0em 0em 0.5em;
    }
}

@media (min-width:1920px) {
    .Banner1_RebajasSS23_General h3 {
        line-height: 153px;
        font-size: 9em;
    }

    .spring-section2023 p {
        font-size: 3em;
    }
}

/*NUEVA LANDING AFFINITY*/
.LandingAffinityBanner {
    position: absolute;
    top: 67%;
    left: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
}

    .LandingAffinityBanner p {
        /*font-family: 'Oswald', sans-serif;*/
        font-weight: 700;
        color: white;
        margin-top: 0.5em;
        font-size: 1.9em;
        letter-spacing: 1px;
        line-height: 31px;
    }

    .LandingAffinityBanner img {
        max-width: 270px !important;
        width: 44% !important;
    }

.LandingAffinity_Intro p {
    font-size: 1.1em;
    text-align: center;
}

.LandingAffinity_Boton {
    text-align: center;
    background-color: #3c3c3b;
    padding: 0.6em 1.2em;
    font-weight: 500;
    text-transform: uppercase;
    /*border: 2px solid #CFAFA5;*/
    font-size: 0.9em;
}

    .LandingAffinity_Boton a {
        color: white;
        padding-top: 0.7em;
    }

.LandingAffinityVentajas {
    padding: 3em 3em 0em 3em;
    text-align: center;
}

    .LandingAffinityVentajas p:nth-child(1) {
        font-family: 'Larken', serif;
        font-style: italic;
        color: #cfafa5;
        font-size: 3em;
        text-align: center;
        font-weight: 500;
    }

    .LandingAffinityVentajas p:nth-child(2) {
        font-size: 1.3em;
        font-weight: 600;
        margin-bottom: 1em;
        text-align: center;
    }

.LandingAffinityCoinIcono {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: space-around;
    justify-items: center;
    width: 49%;
    margin-left: auto;
    margin-right: auto;
    align-items: start;
}

    .LandingAffinityCoinIcono p {
        font-size: 2.5em !important;
        font-weight: 600 !important;
        font-family: 'Larken', serif !important;
        color: black !important;
    }

    .LandingAffinityCoinIcono img {
        width: 41px;
        margin-top: 0.3em;
    }

.LandingAffinity_BotonVincular {
    text-align: center;
    padding: 0.6em 1.2em;
    font-weight: 500;
    text-transform: uppercase;
    border: 1px solid #CFAFA5;
    font-size: 0.9em;
}

    .LandingAffinity_BotonVincular a {
        padding-top: 0.7em;
    }

.LandingAffinityBannerCondiciones {
    background-color: #e4ccc6;
    position: relative;
    height: 140px;
    margin-top: 2em;
}

.LandingAffinityBannerCondicionesBoton {
    position: absolute;
    top: 50%;
    left: 50%;
    width: max-content;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
}

.LandingAffinityBannerAffinity {
    position: absolute;
    top: 18%;
    left: 16%;
    width: 67%;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
    opacity: 0.25;
}

.LandingAffinityBannerClub {
    position: absolute;
    top: 80%;
    left: 89%;
    width: 40%;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
    opacity: 0.25;
}

.LandingAffinity_Menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
    grid-gap: 15px;
    margin-top: 2em;
    margin-bottom: 2em;
}

.LandingAffinity_MenuBotones {
    text-align: center;
    padding: 0.6em 1em;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #CFAFA5;
    font-size: 0.8em;
}

.LandingAffinity_MenuBotonesActivo {
    background-color: #CFAEA5;
    color: white;
}

.LandingAffinityCoin_Saldo {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width:576px) {
    .LandingAffinityCoinIcono {
        width: 33%;
    }
}

@media (min-width:768px) {
    .LandingAffinityBanner img {
        width: 21% !important;
    }

    .LandingAffinity_Menu {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        margin-top: 3em;
        margin-bottom: 1em;
    }

    .LandingAffinityVentajas, .LandingAffinity_Intro p {
        font-size: 1.2em;
        margin-left: auto;
        margin-right: auto;
    }

    .LandingAffinity_Intro p {
        font-size: 1.2em;
        font-weight: 400;
    }

    .LandingAffinity_Intro {
        margin-top: 2.5em;
    }

    .LandingAffinity_Boton {
        margin-bottom: 2.5em
    }

    .LandingAffinityBannerAffinity {
        top: 29%;
        left: 13%;
        width: 73%;
    }

    .LandingAffinityBannerClub {
        top: 75%;
        left: 91%;
        width: 46%;
    }

    .LandingAffinityBannerCondiciones {
        margin-top: 3em;
    }
}

@media (min-width:1024px) {
    .LandingAffinityVentajas p:nth-child(1) {
        font-size: 2.3em;
    }

    .LandingAffinityVentajas p:nth-child(2) {
        font-size: 1em;
    }

    .LandingAffinityVentajas p {
        font-size: 0.9em;
        text-align: justify;
    }

    .LandingAffinityCoinIcono p {
        font-size: 2.3em !important;
    }

    .LandingAffinityCoinIcono {
        width: 40%;
    }

        .LandingAffinityCoinIcono img {
            margin-top: 0.58em;
        }

    .LandingAffinity_Menu {
        margin-top: 4em;
    }
}

@media (min-width:1280px) {
    .LandingAffinityBannerCondiciones {
        height: 200px;
    }

    .LandingAffinityBannerAffinity {
        top: 28%;
        left: 10%;
        width: 75%;
    }

    .LandingAffinityBannerClub {
        top: 76%;
        left: 93%;
        width: 27%;
    }

    .LandingAffinityCoinIcono {
        width: 76%;
    }

    .LandingAffinityBanner img {
        width: 17% !important;
        margin-top: 1em;
    }

    .LandingAffinityBanner p {
        font-size: 2.5em;
    }

    .LandingAffinityVentajas {
        padding: 3em 3em 3em 3em;
    }
}

@media(min-width:1880px) {
    .LandingAffinityBanner p {
        font-size: 3.5em;
    }

    .LandingAffinity_Intro p {
        margin-bottom: 2em;
    }

    .LandingAffinity_MenuBotones {
        font-size: 0.9em;
    }

    .LandingAffinity_Menu {
        margin-top: 5em;
        margin-bottom: 2em;
    }

    .LandingAffinityVentajas {
        padding: 4em;
    }

        .LandingAffinityVentajas p:nth-child(1) {
            font-size: 2.7em;
            margin-bottom: 0.3em;
        }

    .LandingAffinityCoinIconos_Txt {
        font-size: 1em !important;
    }

    .LandingAffinityCoinIcono {
        width: 58%;
    }

    .LandingAffinity_LogoCondiciones {
        width: 22% !important;
        max-width: 350px !important;
    }

    .LandingAffinityBannerAffinity {
        top: 32%;
        left: 7%;
        width: 68%;
    }

    .LandingAffinityBannerClub {
        top: 76%;
        left: 95.5%;
        width: 42%;
    }
}

.LandingAffinity_Secciones {
    background-color: #F1EDEB;
    margin: 2em 0em 4em;
    padding: 2em 0em;
    text-align: center;
}

    .LandingAffinity_Secciones p {
        font-family: 'Larken', serif;
        font-style: italic;
        color: #3C3C3B;
        font-weight: 400;
        font-size: 1.8em;
        margin-bottom: 0;
    }

.LandingAffinity_SaldoContenedor {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #E0CDC7;
    padding: 3em;
    margin-bottom: 4em;
}

.LandingAffinity_Saldo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 11px;
    align-items: center;
}

    .LandingAffinity_Saldo p {
        font-family: 'Larken', serif;
        color: #3C3C3B;
        font-size: 3em !important;
        margin-left: auto;
        margin-bottom: 0;
    }

    .LandingAffinity_Saldo img {
        max-width: 100px;
        width: 40%;
    }

.LandingAffinity_SaldoTextos {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 2em;
}

.LandingAffinityCoinIcono_Saldo {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: space-around;
    justify-items: center;
    width: 41%;
    margin-left: auto;
    margin-right: auto;
    align-items: start;
}

    .LandingAffinityCoinIcono_Saldo p {
        font-size: 2.5em;
        font-weight: 600;
        font-family: 'Larken', serif;
    }

    .LandingAffinityCoinIcono_Saldo img {
        width: 41px;
        margin-top: 0.3em;
    }

@media (min-width:576px) {
    .LandingAffinityCoinIcono_Saldo img {
        margin-top: 0.5em;
    }

    .LandingAffinityCoinIcono_Saldo {
        width: 32%;
    }
}

@media (min-width:576px) {
    .LandingAffinity_Saldo img {
        width: 30%;
    }

    .LandingAffinityCoinIcono_Saldo {
        width: 27%;
    }

        .LandingAffinityCoinIcono_Saldo p {
            font-size: 3.3em;
        }

        .LandingAffinityCoinIcono_Saldo img {
            width: 54px;
        }

    .LandingAffinity_SaldoTextos {
        grid-template-columns: 1fr 1fr;
        grid-gap: 40px;
    }
}

@media (min-width:768px) {
    .LandingAffinity_SaldoContenedor p {
        font-size: 1.2em;
    }

    .LandingAffinity_SaldoTextos p {
        font-size: 1em;
    }
}

@media (min-width:1280px) {
    .LandingAffinity_SaldoContenedor {
        padding: 4em 13em;
    }

    .LandingAffinityCoinIcono_Saldo {
        width: 16%;
    }
}

@media (min-width:1880px) {
    .LandingAffinity_SaldoContenedor p {
        font-size: 1.2em;
    }

    .LandingAffinity_Saldo {
        margin-top: 2em;
    }

        .LandingAffinity_Saldo p {
            font-size: 4em;
        }

    .LandingAffinityCoinIcono_Saldo {
        width: 10%;
    }

    .LandingAffinity_SaldoTextos {
        grid-gap: 96px;
    }

        .LandingAffinity_SaldoTextos p {
            font-size: 1.1em;
        }
}
/*CONDICIONES AFFINITY*/

.ulAffinityCondiciones {
    list-style-type: none;
    padding: 0;
}

.liCondicionesAffinity {
    color: #3c3c3b;
    padding: 10px;
    cursor: pointer;
}

.CondicionesContainer {
    display: grid;
    grid-template-columns: 1fr 5fr 1fr;
    text-align: center;
    align-items: center;
    background: #F2EDEA;
    padding: 1em;
}

.CondicionesNumero {
    font-family: 'Larken', serif;
    color: #CEAFA4;
    text-align: left;
    font-size: 2em;
    line-height: 33px;
    font-style: italic;
}

.flechaAffinity {
    font-size: 12px;
}

.contenidoCondiciones {
    display: none;
}

    .contenidoCondiciones p {
        padding: 2em 4em 2em 4em;
        font-size: 1.1em;
    }

.CondicionesInfo {
    text-align: center;
    margin-bottom: 2em;
}

.CondicionesContainer > .numero {
    font-weight: 700;
    font-size: 1em;
}

@media (min-width:768px) {
    .CondicionesInfo p {
        font-size: 1.1em;
    }

    .ulAffinityCondiciones {
        width: 88%;
        margin-left: auto;
        margin-right: auto;
    }

    .CondicionesContainer {
        padding: 1em 3em;
    }

        .CondicionesContainer > .numero {
            font-size: 1.1em;
        }

    .contenidoCondiciones p {
        padding: 2em 7em 2em 7em;
        font-size: 1.1em;
    }

    .CondicionesNumero {
        font-size: 2.5em;
    }
}

@media (min-width:1280px) {
    .contenidoCondiciones p {
        padding: 2em 11em 3em 11em;
    }

    .ulAffinityCondiciones {
        width: 70%;
    }
}

@media (min-width:1880px) {
    .ulAffinityCondiciones {
        width: 61%;
        max-width: 1160px;
    }

    .CondicionesContainer > .numero {
        font-size: 1.2em;
    }

    .contenidoCondiciones p {
        padding: 2em 14em 3em 14em;
        font-size: 1.2em;
    }
}
/*CUMPLEAÑOS AFFINITY*/
.LandingAffinityFechaCumple p {
    font-family: 'Larken', serif;
    color: #3C3C3B;
    font-size: 3em;
    margin-left: auto;
    margin-bottom: 0.2em;
}

.LandingAffinityCodigoCumple p {
    font-family: 'Larken', serif;
    color: #3C3C3B;
    font-size: 2.5em;
    margin-left: auto;
    margin-bottom: 0.2em;
}

.LandingAffinityFelicidades {
    font-size: 1.2em;
    font-weight: 500;
}
/*FORMULARIO REGISTRO AFFINITY*/
.FormularioAffinity {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 23px
}

.FormularioAffinity_Campos {
    padding: 5px;
    height: auto !important;
    padding-top: 0 !important;
}

.LandingAffinity_IntroP {
    font-size: 1.4em;
    text-align: center;
    margin-top: 2em;
    font-weight: 700;
    color: #CFAFA5;
}

.FormularioAffinity label {
    font-size: 1em !important;
    color: #CFAFA5;
}

.FormularioAffinity input {
    color: #CFAFA5;
}

.FormularioAffinity_TextoCheck {
    font-size: 14px;
}

.FormularioAffinity_Affinity {
    position: absolute;
    top: 6%;
    left: 19%;
    width: 100%;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
    opacity: 0.4;
}

.FormularioAffinity_LogoAffinity {
    max-width: 270px !important;
    width: 29% !important;
}

.FormularioAffinity_Club {
    position: absolute;
    top: 95%;
    left: 85%;
    width: 100%;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
    opacity: 0.4;
}

.FormularioAffinity_LogoClub {
    max-width: 270px !important;
    width: 29% !important;
}

/*HISPANITAS X RAFA GARCIA*/
.RafaGarcia_Contenedor {
    padding-left: 2em;
    padding-right: 2em;
    display: flex;
    flex-direction: column-reverse;
    max-width: 1700px;
    margin-left: auto !important;
    margin-right: auto !important;
}

    .RafaGarcia_Contenedor p, .RafaGarcia_Contenedor2 p {
        text-align: center;
        font-size: 1.2em;
    }

.RafaGarcia_Contenedor2 {
    padding-left: 2em;
    padding-right: 2em;
    display: flex;
    max-width: 1700px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.RafaGarcia_Contenedor3 {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (min-width:768px) {
    .RafaGarcia_Contenedor {
        flex-direction: row;
        align-items: center;
        margin-top: 2em;
    }

        .RafaGarcia_Contenedor p, .RafaGarcia_Contenedor2 p {
            text-align: justify;
            font-size: 1.1em;
        }
}

@media (min-width:1280px) {
    .RafaGarcia_Contenedor, .RafaGarcia_Contenedor2 {
        padding-left: 7em;
        padding-right: 7em;
    }

    .RafaGarcia_Contenedor {
        margin-top: 6em;
    }
}

@media (min-width:1880px) {
    .RafaGarcia_Contenedor p, .RafaGarcia_Contenedor2 p {
        font-size: 1.2em;
    }
}

/*BOTON SEGUNDAS REBAJAS OUTLET*/
.SegunRebajasOutletBtn a {
    font-size: 1.5em !important;
    padding-right: 50px !important;
    padding-left: 50px !important;
}

@media (min-width:1280px) {
    .SegunRebajasOutletBtn a {
        font-size: 1.3em !important;
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
}

@media (min-width:1920px) {
    .SegunRebajasOutletBtn a {
        font-size: 1.6em !important;
        padding-right: 75px !important;
        padding-left: 75px !important;
        font-weight: 800 !important;
    }
}

/*CARRUSEL ARTÍCULOS LISTADO*/
.carousel-articulo-container {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.carousel-articulo {
    display: flex;
    transition: transform 0.3s ease;
}

.carousel-articulo-foto {
    flex: 0 0 100%;
}

.carousel-articulo img {
    width: 100%;
}

.carousel-arrow-articulo {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5em;
    font-weight: 100;
    cursor: pointer;
    width: 10%;
    text-align: center;
    padding: 1.5em 0em;
    color: #858585;
}

.carousel-arrow-articulo-left {
    left: 0px;
}

.carousel-arrow-articulo-right {
    right: 0px;
}

.DescuentoArticuloListado {
    margin-bottom: 0;
    position: absolute;
    text-align: center;
    top: 10px;
    z-index: 10000;
    margin-right: 0.5em;
    border: 1px solid;
    padding: 1px 10px;
    font-size: 0.8em;
    font-weight: 800;
    color: #e84e1b;
    width: auto;
    display: block;
    min-width: 68px;
    right: 7px;
    line-height: 15px;
}

.DescuentoArticuloListado2 {
    top: 29px !important;
}

@media (min-width:576px) {
    .DescuentoArticuloListado {
        font-size: 1em;
        padding: 1px 20px;
    }

    .DescuentoArticuloListado2 {
        top: 10px !important;
    }
}

@media (min-width:1280px) {
    .DescuentoArticuloListado {
        font-size: 0.9em;
        font-weight: 600;
        top: 12px;
    }
}

@media (min-width:1880px) {
    .DescuentoArticuloListado {
        font-size: 1em;
        padding: 4px 25px;
    }
}

.BannersListado {
    margin-bottom: 4em;
    margin-top: 2.3em !important;
}

/*EDITORIAL FALL TREND MARY JANE*/
.FallTrendMJ {
    position: relative;
    top: 30px;
    background-color: #F6F4F1;
}

.FallTrendMJ_1_2 {
    display: grid;
    grid-template-columns: 1fr;
}

.FallTrendMJ_Banner1 {
    grid-row: 2;
}

.FallTrendMJ_Texto {
    grid-row: 1;
    padding-top: 3em;
    padding-bottom: 3em;
}

    .FallTrendMJ_Texto div {
        display: grid;
        grid-template-columns: auto auto;
        grid-gap: 12px;
        align-items: end;
    }

        .FallTrendMJ_Texto div p:first-child {
            font-family: 'Oswald', sans-serif;
            font-size: 2.5em;
            font-weight: bolder;
        }

        .FallTrendMJ_Texto div p:last-child {
            font-size: 1.7em;
        }

.FallTrendMJ_2Columnas {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 1em;
}

.FallTrendMJ_MarginT {
    margin-top: 4.5em;
}

.FallTrendMJ_BannerCuadrado {
    max-width: 1069px;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.FallTrendMJ_Banners {
    padding-bottom: 4.5em;
    margin-bottom: 4em;
}

@media (min-width: 768px) {
    .FallTrendMJ_Banners {
        max-width: 1768px;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .FallTrendMJ_1_2 {
        grid-template-columns: 1fr 1fr;
        align-items: center;
    }

    .FallTrendMJ_Banner1 {
        grid-row: 1;
    }

    .FallTrendMJ_Texto div p:last-child {
        font-size: 1.5em;
    }

    .FallTrendMJ_Texto div p:first-child {
        font-size: 2em;
    }

    .FallTrendMJ_BannerCuadrado {
        width: 55%;
    }
}

@media (min-width:1280px) {
    .FallTrendMJ_Texto div p:last-child {
        font-size: 2.2em;
    }

    .FallTrendMJ_Texto div p:first-child {
        font-size: 3.2em;
    }

    .FallTrendMJ_MarginT {
        margin-top: 6.5em;
    }
}

@media (min-width:1880px) {
    .FallTrendMJ_Texto div p:last-child {
        font-size: 2.9em;
    }

    .FallTrendMJ_Texto div p:first-child {
        font-size: 4.5em;
    }

    .FallTrendMJ_MarginT {
        margin-top: 8.5em;
    }
}

/*EDITORIAL EVERYOCCASION COLLECTION*/
.EveryOccasion {
    position: relative;
    top: 30px;
}

.EveryOccasion_1_2 {
    display: grid;
    grid-template-columns: 1fr;
}

.EveryOccasion_Banner1 {
    grid-row: 2;
}

.EveryOccasion_Banner1Video {
    grid-row: 1;
}

    .EveryOccasion_Banner1Video div {
        cursor: pointer;
        width: 88%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 2em;
        padding-bottom: 1.4em;
    }

    .EveryOccasion_Banner1Video p {
        color: white;
        text-align: center;
        font-weight: 600;
        font-size: 1.2em;
        margin-top: 0.8em;
    }

.EveryOccasion_2Columnas {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 1em;
}

.EveryOccasion_4Columnas {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
}

.EveryOcassion_CambioColumnas2 {
    grid-column: 2;
    grid-row: 2;
}

.EveryOcassion_CambioColumnas1 {
    grid-column: 1;
    grid-row: 2;
}

.EveryOccasion_1Columna {
    margin-top: 0.5em;
}

@media(min-width:576px) {
    .EveryOccasion_Banner1Video p {
        font-size: 1.5em;
    }
}

@media(min-width:768px) {
    .EveryOccasion {
        top: 0;
    }

    .EveryOccasion_1_2 {
        grid-template-columns: 1fr 1fr;
    }

    .EveryOccasion_Banner1, .EveryOccasion_Banner1Video {
        grid-row: 1;
    }

        .EveryOccasion_Banner1Video div {
            padding-bottom: 0;
        }

        .EveryOccasion_Banner1Video p {
            font-size: 1.2em;
        }

    .EveryOcassionBanners {
        max-width: 1768px;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .EveryOccasion_4Columnas {
        width: 75%;
    }

    .EveryOccasion_4Columnas {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        width: 100%;
    }

    .EveryOccasion_2Columnas_Video {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .EveryOcassion_CambioColumnas2, .EveryOcassion_CambioColumnas1 {
        grid-column: auto;
        grid-row: auto;
    }
}

@media (min-width:1280px) {
    .EveryOccasion_Banner1Video p {
        font-size: 1.6em;
        margin-top: 1em;
    }

    .EveryOcassionBanners {
        width: 70%;
    }

    .EveryOccasion_Banner1Video div {
        padding-top: 3em;
    }
}

@media (min-width:1920px) {
    .EveryOcassionBanners {
        width: 85%;
    }

    .EveryOccasion_Banner1Video div {
        padding-top: 4.5em;
        width: 85%;
    }

    .EveryOccasion_Banner1Video p {
        font-size: 2.2em;
        margin-top: 1em;
    }

    .EveryOccasion_2Columnas_Video {
        width: 75%;
    }
}

.BannerGrace1 {
    font-size: 2.4em;
    color: white;
    margin-bottom: 0;
    font-weight: 600;
}

.BannerGrace2 {
    font-size: 1.6em;
    color: white;
    margin-bottom: 0;
    font-weight: 400;
}

.BannerGrace3 {
    font-family: "Playfair Display",serif;
    color: white;
    font-size: 1.6em;
    font-weight: 600;
    letter-spacing: 1px;
}

@media(min-width:768px) {
    .BannerGrace1 {
        font-size: 1.6em;
    }

    .BannerGrace2 {
        font-size: 1em;
    }

    .BannerGrace3 {
        font-size: 1.4em;
    }
}

@media(min-width:1280px) {
    .BannerGrace1 {
        font-size: 2.4em;
    }

    .BannerGrace2 {
        font-size: 1.4em;
    }

    .BannerGrace3 {
        font-size: 1.6em;
    }
}

@media(min-width:1880px) {
    .BannerGrace1 {
        font-size: 3.4em;
    }

    .BannerGrace2 {
        font-size: 1.8em;
    }

    .BannerGrace3 {
        font-size: 1.8em;
    }
}

/* Estilo para el elemento <select> de provincia */
select#Provincia {
    font-family: 'brandon_grotesque', sans-serif;
    font-size: 16px;
    width: 100%;
    height: 38px;
    border: 0.8px solid #d8d9dd;
    color: #4b4b4b;
    padding: 0;
    border-radius: 3px;
    /*background-image: url('/assets/img/flechaformularios_negra.png'); /*aquí deberás escribir la ruta de la imagen que utilizarás como flecha del desplegable
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;*/
}

    /* Estilo para las opciones <option> dentro del elemento <select> de provincia */
    select#Provincia option {
        font-family: 'brandon_grotesque', sans-serif;
        font-size: 16px;
        color: #4b4b4b;
    }

/* Estilo para el elemento <select> de provincia AFFINITY */
select#ProvinciaRegistroAff {
    font-family: 'brandon_grotesque', sans-serif;
    font-size: 16px;
    width: 100%;
    height: 38px !important;
    border: 0.8px solid #CFAFA5 !important;
    color: #CFAFA5;
    padding: 0;
    background-color: white;
    border-radius: 3px;
    /*background-image: url('/assets/img/flechaformularios.png'); /*aquí deberás escribir la ruta de la imagen que utilizarás como flecha del desplegable
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;*/
}

    /* Estilo para las opciones <option> dentro del elemento <select> de provincia AFFINITY */
    select#ProvinciaRegistroAff option {
        font-family: 'brandon_grotesque', sans-serif;
        font-size: 16px;
        color: #CFAFA5;
    }

/*LOOKBOOK WESTERN BOOTS*/
.WesternBoots, .RidingBoots {
    position: relative;
    top: 30px;
}

.WesternBoots_B2 {
    max-width: 1686px;
}

.WesternBoots_MT {
    margin-top: 45px;
}

.WesternBoots_3Img {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 1800px;
    width: 346px;
    margin-left: auto;
    margin-right: auto;
}

.WesternBoots_2Img {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 1686px;
    width: 346px;
    margin-left: auto;
    margin-right: auto;
}

.WesternBoots_Img {
    max-width: 1686px;
    width: 346px;
    margin-left: auto;
    margin-right: auto;
}

.WesternBoots_VideoT {
    width: 100%;
}

@media (min-width:576px) {
    .WesternBoots_3Img, .WesternBoots_2Img, .WesternBoots_Img {
        width: 469px;
    }

    .WesternBoots_MT {
        margin-top: 57px;
    }
}

@media (min-width:767px) {
    .WesternBoots, .RidingBoots {
        top: 0;
    }

    .WesternBoots_B2 {
        width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .WesternBoots_VideoT {
        width: 106.5%;
    }

    .WesternBoots_3Img, .WesternBoots_2Img, .WesternBoots_Img {
        width: 551px;
    }
}

@media (min-width:1280px) {
    .WesternBoots_MT {
        margin-top: 85px;
    }

    .WesternBoots_3Img, .WesternBoots_2Img, .WesternBoots_Img, .WesternBoots_B2 {
        width: 878px;
    }

    .WesternBoots_VideoT {
        width: 100%;
    }
}

@media (min-width:1880px) {
    .WesternBoots_MT {
        margin-top: 130px;
    }

    .WesternBoots_3Img, .WesternBoots_2Img, .WesternBoots_Img, .WesternBoots_B2 {
        width: 1199px;
    }
}


/*LOOKBOOK ExecutiveStyle*/
.ExecutiveStyle {
    position: relative;
    top: 45px;
    margin-bottom: 50px;
}

.ExecutiveStyle_2Colum {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 1150px;
    margin: 50px auto;
    width: 80%;
}

.ExecutiveStyle_Full, .ExecutiveStyle_1Colum {
    margin-top: 50px;
}

@media (min-width:768px) {
    .ExecutiveStyle {
        top: 0px;
    }

    .ExecutiveStyle_2Colum {
        width: 65%;
    }
}

@media (min-width:1024px) {
    .ExecutiveStyle_2Colum {
        width: 70%;
    }
}

@media (min-width:1920px) {
    .ExecutiveStyle_2Colum {
        width: 100%;
    }
}

/*CORPORATIVO*/
.Container_Corporativo {
    margin-left: 0px;
    margin-right: 0px;
}

.Coportativo_Contenedor_Botones {
    position: absolute;
    top: 84%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
}

.Corporativo_Botones {
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    height: auto;
    font-weight: 500;
    font-size: 1rem;
    letter-spacing: 1px;
    pointer-events: all !important;
    text-transform: none;
    padding: 7px 40px;
    background-color: white;
}

.Corporativo_BotonesNegro {
    background-color: black;
    text-align: center;
    padding: 0.5em 0;
    margin-left: auto;
    margin-right: auto;
}

    .Corporativo_BotonesNegro a {
        color: white;
    }

.Corporativo_Titulares {
    font-size: 30px;
    font-weight: 700;
    margin-top: 2em;
    color: #A2A2A2;
}

.Corporativo_TitularesAH {
    font-size: 21px;
    font-weight: 700;
    margin-top: 2em;
    color: #A2A2A2;
}

.Corporativo_BannerSobreNosotros {
    margin-bottom: 3em;
}

.Corporativo_TitularMigas {
    font-size: 27px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 0.8em;
    color: #A2A2A2;
}

.Corporativo_BannerValores, .Corporativo_BannerAH {
    margin-top: 84px;
}

.Corporativo_BannerRSC {
    margin-top: 73px;
}

.Corporativo_TextoMT {
    margin-top: 3em;
    font-size: 1.1em;
    margin-bottom: 0;
}

.Corporativo_TextoMB {
    margin-bottom: 3em;
    font-size: 1.1em;
}

.EspacioNL_Footer {
    margin-top: 100px;
}

.Corporativo_BannerAH div figcaption {
    margin: 10px 0px 0px 10px;
    font-size: 0.9em;
    font-style: italic;
}

.Corporativo_Proyectos h3 {
    font-size: 1.2em;
    margin-top: 30px;
    font-weight: 600;
}

.Corporativo_AyudasTitular {
    text-align: center;
    padding: 60px 0px;
    background-color: #EFEFEF;
    font-size: 19px;
    font-weight: 600;
    text-transform: uppercase;
}

.AyudasSub_Titular {
    font-size: 1.2em;
    font-weight: 600;
}

.AyudasSub_Img {
    margin-top: 11px;
    margin-bottom: 22px;
}

.Sostenibilidad_Botones {
    margin-top: 32px;
    grid-gap: 10px;
    width: 65%;
    max-width: 590px;
    margin-left: auto;
    margin-right: auto;
}

.SostenibilidadDestacado {
    background-color: #A2A2A2;
    padding: 23px;
    color: white;
    font-size: 1.3em;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 4em;
}

.SostenibilidadMateriales {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 33px;
    margin-bottom: 14px;
}

    .SostenibilidadMateriales h4 {
        text-align: left;
        font-size: 26px;
        line-height: 24px;
        font-weight: 600;
        color: gray;
    }

    .SostenibilidadMateriales h5, .SostenibilidadMateriales h2 {
        text-align: left;
        font-size: 26px;
        line-height: 24px;
        font-weight: 700;
    }

@media (min-width:576px) {
    .Corporativo_TitularMigas {
        margin-top: 38px;
    }

    .Corporativo_Titulares {
        font-size: 37px;
    }

    .Corporativo_BotonesNegro {
        margin-top: 1em;
    }

    .Corporativo_TitularesAH {
        font-size: 24px;
    }
}

@media (min-width:768px) {
    .Container_Corporativo {
        max-width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    .Corporativo_Botones {
        padding: 7px 19px;
        font-size: 0.6em;
    }

    .Corporativo_BannerValores {
        margin-bottom: 84px;
    }

    .Corporativo_BannerAH div figcaption {
        margin: 10px 0px 0px 0px;
    }

    .AyudasSub_Img {
        margin-top: 25px;
        margin-bottom: 36px;
    }

    .Corporativo_Titulares {
        font-size: 30px;
    }

    .Sostenibilidad_Botones {
        width: 37%;
    }

    .SostenibilidadDestacado {
        font-size: 1.2em;
    }

    .Corporativo_TitularesAH {
        font-size: 21px;
    }
}

@media (min-width:1280px) {
    .Sostenibilidad_Botones {
        width: 26%;
    }

    .Corporativo_TextoMT, .Corporativo_TextoMB {
        font-size: 1em;
    }
}

@media(min-width:1820px) {
    .Corporativo_TitularesAH {
        font-size: 25px;
    }
}

@media (min-width:1920px) {
    .Container_Corporativo {
        max-width: 1632px;
    }

    .Corporativo_Titulares {
        font-size: 40px;
        margin-top: 145px;
        margin-bottom: 38px;
    }

    .Corporativo_TitularMigas {
        font-size: 40px;
        margin-bottom: 38px;
    }

    .Corporativo_Texto {
        font-size: 20px;
    }

    .Corporativo_BannerValores {
        margin-top: 145px;
        margin-bottom: 145px;
    }

    .Corporativo_Botones {
        font-size: 0.9em;
        padding: 7px 40px;
    }

    .AyudasSub_Titular {
        font-size: 1.3em;
    }

    .Corporativo_TextoMT, .Corporativo_TextoMB {
        font-size: 1.1em;
    }
}


/*HISTORIA*/
.Fondo_Historia {
    background-color: #E3E3E3;
    padding-top: 60px;
}

.Container_Historia {
    margin-left: 40px;
    margin-right: 40px;
}

.Titular_Historia {
    text-align: center;
    text-transform: uppercase;
}

.A_Brand_With_1 {
    font-size: 1.3em;
}

.A_Brand_With_2 {
    font-size: 1.9em;
    font-weight: 800;
}

.Historia_Bloque_Izq {
    margin-top: 40px;
    margin-left: 25px;
}

.Historia_Bloque_Dcha {
    margin-top: -71px;
    text-align: right;
    padding-right: 35px;
}

.Historia_Titular {
    margin: 0;
    font-size: 2.2em;
    font-weight: 800;
}

.Historia_Generacion_Izq {
    color: white;
    font-weight: 700;
    background-color: black;
    width: fit-content;
    padding: 4px 5px;
    font-size: 0.9em;
}

.Hitoria_Generacion_Dcha {
    color: white;
    font-weight: 700;
    background-color: black;
    width: fit-content;
    padding: 4px 5px;
    font-size: 0.9em;
    margin-left: auto;
}

.Historia_Nombre {
    margin-top: 8px;
    font-weight: 600;
}

.Historia_Txt {
    margin: 25px 50px 50px 40px;
    font-size: 1.1em;
}

@media (min-width:768px) {
    .Fondo_Historia {
        padding-top: 25px;
    }

    .A_Brand_With_1 {
        font-size: 1.9em;
    }

    .A_Brand_With_2 {
        font-size: 2.5em;
        font-weight: 800;
    }

    .Titular_Historia {
        margin-bottom: 50px;
        margin-top: 20px;
    }

    .Historia_Txt {
        margin-top: 25px;
        margin-left: 25px;
        width: 32%;
    }

    .Historia_Txt_3 {
        margin-top: 8px;
        margin-bottom: 32%;
        margin-left: 25px;
        width: 87%;
    }

    .Historia_Titular, .Historia_Generacion_Izq, .Historia_Nombre {
        margin-left: 25px;
    }

    .Historia_Bloque_Dcha {
        margin-top: 0px;
    }

    .Historia_Foto_1 {
        background-image: url(/assets/img/History/Historia-img-1-M.jpg);
        background-size: 64%;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: right;
        margin-bottom: 85px;
    }

    .Historia_Foto_2 {
        background-image: url(/assets/img/History/Historia-img-2-DT.jpg);
        background-size: 64%;
        background-repeat: no-repeat;
        margin-bottom: 85px;
    }

    .Historia_Txt_Dcha {
        margin-left: 64%;
        padding-bottom: 7%;
    }

    .Historia_Foto_3 {
        background-image: url(/assets/img/History/Historia-img-3-DT.jpg);
        background-size: 64%;
        background-repeat: no-repeat;
        background-position-y: bottom;
        background-position-x: right;
        height: 100%;
    }
}

@media (min-width:960px) {
    .A_Brand_With_1 {
        font-size: 2.1em;
    }

    .A_Brand_With_2 {
        font-size: 2.8em;
    }

    .Historia_Titular {
        font-size: 2.6em;
    }

    .Historia_Generacion_Izq {
        font-size: 1em;
    }

    .Historia_Nombre {
        font-size: 1.1em;
    }

    .Historia_Txt {
        font-size: 1.1em;
    }

    .Historia_Foto_1 {
        background-size: 58%;
    }

    .Historia_Txt_Dcha {
        font-size: 1.1em;
        padding-bottom: 11%;
    }

    .Historia_Foto_2 {
        background-size: 58%;
    }

    .Historia_Txt_3 {
        font-size: 1.1em;
    }
}

@media (min-width:1024px) {
    .Fondo_Historia {
        padding-left: 10%;
        padding-right: 10%;
    }
}

@media (min-width:1920px) {
    .Fondo_Historia {
        padding-left: 15%;
        padding-right: 15%;
    }

    .Titular_Historia {
        margin-top: 37px;
    }

    .A_Brand_With_1 {
        font-size: 2.5em;
    }

    .A_Brand_With_2 {
        font-size: 3.2em;
    }

    .Historia_Titular {
        font-size: 2.9em;
    }

    .Historia_Txt, .Historia_Txt_Dcha, .Historia_Txt_3 {
        font-size: 1.2em;
    }

    .Historia_Foto_1 {
        background-size: 50%;
        margin-top: 66px;
        margin-bottom: 120px;
    }

    .Historia_Foto_2 {
        margin-bottom: 120px;
    }
}

@media (min-width:2300px) {
    .Titular_Historia {
        margin-top: 55px;
    }

    .Historia_Txt_Dcha {
        padding-bottom: 18%;
    }
}

/*RSC*/
.RSC_Titular {
    font-size: 1.8em !important;
    font-weight: 600;
}

.RSC_Logos_Proyectos {
    width: 100%;
}

.RSC_Proyectos {
    margin-top: 5%;
    font-size: 1.3em;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0%;
}

.RSC_Proyectos_Txt {
    font-size: 1.1em;
}

.Balonmano_Txt_1 {
    font-size: 1.1em;
    font-style: italic;
}

.RSC_Proyectos_Txt {
    margin-bottom: 0px;
}

.RSC_Proyectos_Colab {
    width: 100%;
}

.RSC_Img_Colaboraciones {
    width: 100%;
}

@media (min-width:575px) {
    .RSC_Titular {
        font-size: 2.5em !important;
    }

    .RSC_Proyectos {
        font-size: 1.5em;
    }

    .RSC_Proyectos_Txt {
        font-size: 1.3em;
    }

    .RSC_Logos_Proyectos {
        width: 64%;
    }

    .Balonmano_Txt_1 {
        font-size: 1.16em;
    }
}

@media (min-width:768px) {
    .RSC_Logos_Proyectos {
        width: 25%;
    }

    .Margen_Proyectos {
        margin-top: 50px;
    }
}

@media (min-width:960px) {
    .RSC_Titular {
        font-size: 2.8em !important;
    }
}

@media (min-width:1024px) {
    .RSC_Proyectos_Txt {
        font-size: 1.2em;
    }
}

@media (min-width:1280px) {
    .RSC_Titular {
        font-size: 3em !important;
        font-weight: 600 !important;
    }

    .RSC_Logos_Proyectos {
        width: 17%;
    }

    .RSC_Proyectos {
        font-size: 1.7em;
    }

    .RSC_Proyectos_Txt {
        font-size: 1.2em;
    }

    .RSC_Img_Colaboraciones {
        width: 78% !important;
    }
}

@media (min-width:1700px) {
    .RSC_Logos_Proyectos {
        width: 13%;
    }

    .RSC_Proyectos_Txt {
        font-size: 1.16em;
    }

    .RSC_Img_Colaboraciones {
        width: 65% !important;
    }
}

@media (min-width:2000px) {
    .RSC_Img_Colaboraciones {
        width: 50% !important;
    }
}

/*INTERNACIONALIZACIÇON*/
.Intern_Banners {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

    .Intern_Banners h3 {
        font-size: 3em;
        font-weight: 600;
    }

    .Intern_Banners h4 {
        font-size: 1em;
    }

@media (min-width:576px) {
    .Intern_Banners h3 {
        font-size: 4.4em;
    }

    .Intern_Banners h4 {
        font-size: 1.2em;
    }
}

@media (min-width:576px) {
    .Intern_Banners h3 {
        font-size: 3.4em;
    }

    .Intern_Banners h4 {
        font-size: 0.9em;
    }
}

@media (min-width:1280px) {
    .Intern_Banners h3 {
        font-size: 3.1em;
    }
}

@media (min-width:1920px) {
    .Intern_Banners h3 {
        font-size: 4.2em;
    }

    .Intern_Banners h4 {
        font-size: 1.1em;
        font-weight: 400;
    }
}

@media (min-width:2300px) {
    .Intern_Banners h3 {
        font-size: 5.2em;
    }

    .Intern_Banners h4 {
        font-size: 1.3em;
        font-weight: 500;
    }
}

/*TRABAJA CON NOSOTROS*/
.FormularioTrabajaCon_Titulo {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 25px;
    padding-left: 30px;
    padding-right: 30px;
}

    .FormularioTrabajaCon_Titulo h3 {
        font-size: 1.5em;
        font-weight: 600;
    }

    .FormularioTrabajaCon_Titulo p {
        font-size: 1.1em;
        margin-top: 16px;
    }

.FormularioTrabajaCon_Contenedor {
    margin: 0px 33px;
}

.FormularioTrabajaCon_Campos {
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}

.FormularioTrabajaCon_BotonesEnvio {
    width: 100%;
    padding: 4px 0px;
    background-color: white;
    border: 1px solid;
}

.FormularioTrabajaCon_Botones {
    color: black !important;
    background-color: white !important;
    border: 1px solid;
    font-weight: 500 !important;
    font-size: 0.8rem !important;
    line-height: inherit !important;
    padding: 8px 0px;
    height: auto;
}

.FormularioTrabajaCon_CV {
    font-size: 0.8rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
}

@media (min-width:576px) {
    .FormularioTrabajaCon_Contenedor {
        margin-left: auto;
        margin-right: auto;
    }

    .FormularioTrabajaCon_Titulo {
        padding-left: 50px;
        padding-right: 50px;
    }

    .FormularioTrabajaCon_BotonesCont {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .FormularioTrabajaCon_CV {
        font-size: 0.9rem;
    }

    .FormularioTrabajaCon_Btn {
        margin: 0px 50px;
    }
}

@media (min-width:768px) {
    .FormularioTrabajaCon_Titulo {
        padding-left: 0px;
        padding-right: 0px;
    }

    .FormularioTrabajaCon_Btn {
        margin: 0px 135px;
    }
}

@media (min-width:1024px) {
    .FormularioTrabajaCon_Titulo h3 {
        font-size: 1.4em;
    }

    .FormularioTrabajaCon_Titulo p {
        font-size: 1em;
    }

    .FormularioTrabajaCon_Botones {
        font-size: 0.9rem !important;
    }

    .FormularioTrabajaCon_Btn {
        margin: 0px 135px;
    }
}

@media (min-width:992px) {
    .FormularioTrabajaCon_Btn {
        margin: 0px 170px;
    }
}

@media (min-width:1280px) {
    .FormularioTrabajaCon_Titulo {
        margin-top: 30px;
    }

    .FormularioTrabajaCon_Btn {
        margin: 0px 218px;
    }
}

@media (min-width:1920px) {
    .FormularioTrabajaCon_Titulo h3 {
        font-size: 1.8em;
    }

    .FormularioTrabajaCon_Titulo p {
        font-size: 1.1em;
    }
}

/*CONTADOR ANIMADO*/
.ContadorSostenibilidad {
    width: 100%;
    text-align: center;
    margin-top: 3em;
}


/*BLACK FRIDAY*/
.BlackFridayGeneral {
    width: 90%;
    max-width: 1280px;
    margin: 7em auto 4em auto;
}

.BlackFridayGeneral h1 {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}

.BlackFridayGeneral h2 {
    font-size: 14px;
    margin-top: 45px;
    color: grey;
    margin-bottom:0;
    line-height:15px;
}

.BlackFridayGeneral p, .BlackFridayGeneral li {
    font-size: 12px;
}
.BlackFridayGeneral h3 {
    font-size: 12px;
    color: grey;
    margin-top: 25px;
}
.btnBlackFriday {
    text-align: center;
    margin-top: 45px;
    height:26px;
}
.pCortoBlackFriday {
    margin-top: 45px;
    margin-bottom:0;
}
@media (min-width:768px) {
    .BlackFridayGeneral h1 {
        font-size: 21px;
        line-height: 23px;
        margin-bottom: 15px;
    }
    .btnBlackFriday, .pCortoBlackFriday {
        margin-top: 55px;
    }
    .BlackFridayGeneral h2 {
        margin-top: 55px;
        font-size: 18px;
        line-height: 20px;
    }
    .BlackFridayGeneral h3 {
        font-size: 14px;
    }
    .BlackFridayGeneral p, .BlackFridayGeneral li {
        font-size: 14px;
        line-height: 22px;
    }
}

@media (min-width:1280px) {
    .BlackFridayGeneral {
        width: 78%;
        max-width: 1920px;
        margin: 9em auto 4em auto;
    }
    .BlackFridayGeneral h1 {
        font-size: 23px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .btnBlackFriday {
        font-size: 14px !important;
    }
    .BlackFridayGeneral p, .BlackFridayGeneral li {
        font-size: 15px;
        line-height: 24px;
    }
    .BlackFridayGeneral h2 {
        margin-top: 75px;
        font-size: 20px;
        line-height: 24px;
    }
    .BlackFridayGeneral h3 {
        font-size: 16px;
        margin-top: 37px;
    }
}
@media(min-width:1500px) {
    .BlackFridayGeneral h1 {
        font-size: 27px;
        line-height: 28px;
        margin-bottom: 22px;
    }
    .BlackFridayGeneral p, .BlackFridayGeneral li {
        font-size: 18px;
        line-height: 28px;
    }
    .btnBlackFriday {
        font-size: 16px !important;
    }
    .BlackFridayGeneral h2 {
        margin-top: 110px;
        font-size: 23px;
        line-height: 29px;
    }
    .BlackFridayGeneral h3 {
        font-size: 19px;
        margin-top: 65px;
    }
}
@media (min-width:1920px) {
    .BlackFridayGeneral {
        width: 60%;
    }

    .BlackFridayGeneral h1 {
        font-size: 30px;
    }
}

/*NUEVA TIPOGRAFIA*/
@font-face {
    font-family: "Satoshi";
    src: url("../_fonts/Satoshi/Satoshi-Regular.eot") format('embedded-opentype'), url("../_fonts/Satoshi/Satoshi-Regular.ttf") format('truetype'), url("../_fonts/Satoshi/Satoshi-Regular.woff") format('woff'), url("../_fonts/Satoshi/Satoshi-Regular.woff2") format('woff2');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Satoshi";
    src: url("../_fonts/Satoshi/Satoshi-Black.eot") format('embedded-opentype'), url("../_fonts/Satoshi/Satoshi-Black.ttf") format('truetype'), url("../_fonts/Satoshi/Satoshi-Black.woff") format('woff'), url("../_fonts/Satoshi/Satoshi-Black.woff2") format('woff2');
    font-weight: 800;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Satoshi";
    src: url("../_fonts/Satoshi/Satoshi-BlackItalic.eot") format('embedded-opentype'), url("../_fonts/Satoshi/Satoshi-BlackItalic.ttf") format('truetype'), url("../_fonts/Satoshi/Satoshi-BlackItalic.woff") format('woff'), url("../_fonts/Satoshi/Satoshi-BlackItalic.woff2") format('woff2');
    font-weight: 800;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Satoshi";
    src: url("../_fonts/Satoshi/Satoshi-Bold.eot") format('embedded-opentype'), url("../_fonts/Satoshi/Satoshi-Bold.ttf") format('truetype'), url("../_fonts/Satoshi/Satoshi-Bold.woff") format('woff'), url("../_fonts/Satoshi/Satoshi-Bold") format('woff2');
    font-weight: bold;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Satoshi";
    src: url("../_fonts/Satoshi/Satoshi-BoldItalic.eot") format('embedded-opentype'), url("../_fonts/Satoshi/Satoshi-BoldItalic.ttf") format('truetype'), url("../_fonts/Satoshi/Satoshi-BoldItalic.woff") format('woff'), url("../_fonts/Satoshi/Satoshi-BoldItalic") format('woff2');
    font-weight: bold;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Satoshi";
    src: url("../_fonts/Satoshi/Satoshi-Italic.eot") format('embedded-opentype'), url("../_fonts/Satoshi/Satoshi-Italic.ttf") format('truetype'), url("../_fonts/Satoshi/Satoshi-Italic.woff") format('woff'), url("../_fonts/Satoshi/Satoshi-Italic.woff2") format('woff2');
    font-weight: 400;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Satoshi";
    src: url("../_fonts/Satoshi/Satoshi-Light.eot") format('embedded-opentype'), url("../_fonts/Satoshi/Satoshi-Light.ttf") format('truetype'), url("../_fonts/Satoshi/Satoshi-Light.woff") format('woff'), url("../_fonts/Satoshi/Satoshi-Light.woff2") format('woff2');
    font-weight: 200;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Satoshi";
    src: url("../_fonts/Satoshi/Satoshi-LightItalic.eot") format('embedded-opentype'), url("../_fonts/Satoshi/Satoshi-LightItalic.ttf") format('truetype'), url("../_fonts/Satoshi/Satoshi-LightItalic.woff") format('woff'), url("../_fonts/Satoshi/Satoshi-LightItalic.woff2") format('woff2');
    font-weight: 200;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Satoshi";
    src: url("../_fonts/Satoshi/Satoshi-Medium.eot") format('embedded-opentype'), url("../_fonts/Satoshi/Satoshi-Medium.ttf") format('truetype'), url("../_fonts/Satoshi/Satoshi-Medium.woff") format('woff'), url("../_fonts/Satoshi/Satoshi-Medium.woff2") format('woff2');
    font-weight: 600;
    font-display: swap;
    font-style: normal;
}

.PruebaSatoshi {
    font-family: Satoshi, sans-serif;
    font-size: 1em;
}

/*LOOKBOOK CHRISTMAS EDITION*/
.ChristmasEdition {
    position: relative;
    top: 30px;
    background-color: black;
    padding: 2em;
}

.Chritsmas_BannerH {
    margin-bottom: 1.5em;
}

    .Chritsmas_BannerH img {
        max-width: 1784px;
        width: -moz-available;
        width: -webkit-fill-available;
        width: fill-available;
    }

.Chritsmas_BannerV {
    max-width: 763px;
    width: 69%;
    margin: 0em auto 1.5em auto;
}

@media (min-width:576px) {
    .ChristmasEdition {
        padding: 4em;
    }
}

@media (min-width:768px) {
    .ChristmasEdition {
        top: 0;
        padding-top: 0em;
    }

    .Chritsmas_BannerH {
        margin-bottom: 4.5em;
    }

    .Chritsmas_BannerV {
        margin-bottom: 4.5em;
        width: 45%;
    }
}

@media (min-width:1024px) {
    .ChristmasEdition {
        padding: 0em 9em 4em 9em;
    }
}

@media (min-width:1024px) {
    .ChristmasEdition {
        padding: 0em 12em 4em 12em;
    }
}

@media (min-width:1880px) {
    .ChristmasEdition {
        padding: 0em 15em 4em 15em;
    }

    .Chritsmas_BannerH {
        margin-bottom: 10.5em;
    }

    .Chritsmas_BannerV {
        margin-bottom: 10.5em;
    }
}

/*GIFT GUIDE*/
.GiftGuide_Contenedor {
    position: relative;
    top: 30px;
    padding: 2em;
    margin-left: auto;
    margin-right: auto;
}

.GiftGuide_Cabecera {
    margin-bottom: 3em;
}

.GiftGuide_Titulo {
    margin-left: 2em;
    margin-bottom: 2em;
}

    .GiftGuide_Titulo h2 {
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 3px;
        font-size: 2.3em;
        margin-bottom: 0.4em;
    }

    .GiftGuide_Titulo p {
        font-size: 1.1em;
    }

.GiftGuide_2Img {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.3em;
}

.GiftGuide_1Img_ProductoIzq {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 1em;
    align-items: end;
    margin-bottom: 3em;
}

.GiftGuide_1Img_ProductoDcha {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 1em;
    align-items: end;
}

.GiftGuide_Txt p {
    text-align: center;
    margin-top: 4em;
    margin-bottom: 2em !important;
    font-size: 1.1em;
}

.GiftGuide_1Img {
}

.GiftGuide_Salones {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0.5em;
    margin-top: 2em;
    margin-bottom: 3em;
}

.GiftGuide_Bikers {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.5em;
    margin-top: 2em;
    margin-bottom: 3em;
    width: 72%;
    margin-left: auto;
    margin-right: auto;
}

    .GiftGuide_1Img_ProductoDcha p, .GiftGuide_Salones p, .GiftGuide_Bikers p, .GiftGuide_Abotinados p, .GiftGuide_BolsosDcha p, .GiftGuide_BolsosIzq p, .GiftGuide_1Img_ProductoIzq p {
        font-size: 0.7em;
        text-transform: capitalize;
    }

.GiftGuide_Abotinados {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 0.5em;
    margin-top: 2em;
    margin-bottom: 3em;
}

.GiftGuide_BolsosDcha {
    display: grid;
    grid-template-columns: 2.1fr 1fr;
    grid-gap: 0.5em;
}

.GiftGuide_BolsosIzq {
    margin-top: 3em;
    margin-bottom: 5em;
    display: grid;
    grid-template-columns: 1fr 2.1fr;
    grid-gap: 0.5em;
}

@media (min-width:576px) {
    .GiftGuide_Contenedor {
        top: 2em;
    }

    .GiftGuide_Titulo {
        margin-bottom: 3.5em;
    }

    .GiftGuide_Cabecera, GiftGuide_1Img_ProductoIzq, .GiftGuide_Salones {
        margin-bottom: 6em;
    }

    .GiftGuide_Txt p {
        margin-top: 7em;
    }

    .GiftGuide_1Img_ProductoDcha p, .GiftGuide_Salones p, .GiftGuide_Bikers p, .GiftGuide_Abotinados p, .GiftGuide_BolsosDcha p, .GiftGuide_BolsosIzq p, .GiftGuide_1Img_ProductoIzq p {
        font-size: 0.8em;
    }
}

@media (min-width:768px) {
    .GiftGuide_Contenedor {
        top: 0;
        padding-top: 0;
    }

    .GiftGuide_Cabecera {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2em;
    }

    .GiftGuide_Titulo {
        margin-left: 0px;
    }

    .GiftGuide_1Img_ProductoIzq {
        grid-template-columns: 3fr 1fr;
        margin-bottom: 6em;
    }

        .GiftGuide_1Img_ProductoDcha p, .GiftGuide_Salones p, .GiftGuide_Bikers p, .GiftGuide_Abotinados p, .GiftGuide_BolsosDcha p, .GiftGuide_BolsosIzq p, .GiftGuide_1Img_ProductoIzq p {
            font-size: 1em;
        }

    .GiftGuide_1Img_ProductoDcha {
        grid-template-columns: 1fr 3fr;
    }

    .GiftGuide_Txt p {
        margin-top: 10em;
        font-size: 1.3em;
        margin-bottom: 2.5em !important;
    }

    .GiftGuide_Salones {
        margin-bottom: 8em;
    }

    .GiftGuide_BolsosDcha, .GiftGuide_BolsosIzq {
        grid-gap: 1em;
        align-items: end;
    }
}

@media (min-width:1024px) {
    .GiftGuide_Contenedor2 {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width:1280px) {
    .GiftGuide_Contenedor {
        padding: 0 5em;
    }

    .GiftGuide_Cabecera {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2em;
    }

    .GiftGuide_Titulo h2 {
        font-size: 2.8em;
        letter-spacing: 4px;
    }

    .GiftGuide_Titulo p {
        font-size: 1.3em;
    }

    .GiftGuide_Contenedor2 {
        width: 90%;
    }

    .GiftGuide_1Img_ProductoIzq, .GiftGuide_1Img_ProductoDcha {
        grid-gap: 7em;
        margin-bottom: 10em;
    }

    .GiftGuide_1Img {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
    }

    .GiftGuide_Salones {
        grid-template-columns: repeat(6, 1fr);
    }

        .GiftGuide_Salones p {
            font-size: 0.9em;
        }

    .GiftGuide_Bikers {
        width: 49%;
    }

    .GiftGuide_BolsosDcha, .GiftGuide_BolsosIzq {
        grid-gap: 2em;
        align-items: center;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .GiftGuide_BolsosIzq {
        margin-top: 6em;
        margin-bottom: 10em;
    }
}

@media (min-width:1880px) {
    .GiftGuide_Contenedor {
        top: 2em;
    }

    .GiftGuide_Cabecera {
        grid-template-columns: 1fr 1.6fr;
        grid-gap: 20em;
        margin-bottom: 12em;
    }

    .GiftGuide_Titulo h2 {
        font-size: 4em;
        letter-spacing: 7px;
    }

    .GiftGuide_Titulo p {
        font-size: 1.8em;
    }

    .GiftGuide_1Img_ProductoIzq, .GiftGuide_1Img_ProductoDcha {
        grid-gap: 10em;
    }

        .GiftGuide_1Img_ProductoDcha p, .GiftGuide_Salones p, .GiftGuide_Bikers p, .GiftGuide_Abotinados p, .GiftGuide_BolsosDcha p, .GiftGuide_BolsosIzq p, .GiftGuide_1Img_ProductoIzq p {
            font-size: 1.1em;
            margin-top: 0.6em;
        }

    .GiftGuide_Txt {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

        .GiftGuide_Txt p {
            font-size: 1.6em;
            margin-bottom: 3em !important;
        }
}

/*BOTONES LOGIN Y HACERME AFFINITY JUNTOS EN EL BANNER 1*/
.BotonIzquierda {
    color: black !important;
    background-color: white !important;
    border: 0px !important;
    padding: 15px 0 !important;
}

.BotonDerecha {
    color: black !important;
    background-color: white !important;
    border: 0px !important;
    padding: 15px 0 !important;
    margin-top: 0.8em;
}

@media (min-width:508px) {
    .BotonIzquierda, .BotonDerecha {
        font-size: 1em !important;
    }
}

@media (min-width:768px) {
    .BotonIzquierda, .BotonDerecha {
        font-size: 0.8em !important;
        padding: 10px 0 !important;
    }
}

/*LANDING PREMIOS GOYA*/
.PremiosGoyaContainer {
    position: relative;
    background-color: #C80D0A;
    padding: 2em 0em;
}

.PremiosGoyaLinea {
    border-top: 1px solid black;
    margin: 6em 2em 6em 2em;
}

.PremiosGoyaIntroInflu {
    padding: 0 4.9em;
    font-size: 1.2em;
    font-weight: 800;
    line-height: 28px;
    margin-top: 6em;
}

.PremiosGoyaPadd {
    padding: 0 3.5em;
}

.PremiosGoyaTexto1 {
    font-size: 2.3em;
    font-weight: 800;
    margin-top: 1em;
    margin-bottom: 1.5em !important;
}

.PremiosGoyaSilueta {
    margin-bottom: 6em;
}

.PremiosGoyaTexto2 {
    padding: 0 3.5em;
    font-size: 1.6em;
    font-weight: 800;
    line-height: 35px;
}

.PremiosGoyaContext {
    margin: 6em auto 0 auto;
}

.PremiosGoyaTexto3 {
    padding: 0 4.9em;
    font-size: 1.2em;
    font-weight: 800;
    line-height: 28px;
    margin-top: 6em;
}

.PremiosGoyaEcommerce {
    padding: 0 2.9em;
}

.PremiosGoyaEcommerceBtn {
    margin: 2em 0em 0.5em 3em !important;
    background-color: black;
    color: white;
    width: max-content;
    padding: 5px 10px 7px 10px;
    font-weight: 600;
}

.PremiosGoyaEcommerceTxt {
    margin-left: 3em;
    font-weight: 600;
}

.PemiosGoyaTexto4 {
    padding: 0 3.5em;
    font-size: 1.6em;
    font-weight: 800;
    line-height: 35px;
    margin: 5em 0em;
}

.PremiosGoyaLogo {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6em;
    margin-top: 1em;
}

.PremiosGoyaEnlace:hover {
    color: black;
}

.PremiosGoyaAnaR {
    margin: 7em 0em;
    padding: 0 2.9em;
}

.PremiosGoyaTodas {
    margin: 7em 0em;
    padding: 0 5em;
    max-width: 1080px;
}

.PremiosGoyaInflus {
    padding: 0 2.9em;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8em;
}

.PremiosGoyaAnaRTxt {
    margin: 1.5em 0em 4em 0em !important;
    font-weight: 600;
    max-width: 580px;
    width: 73%;
}

.PremiosGoyaInflusTxt {
    margin: 1.5em 0em 4em 0em !important;
    font-weight: 600;
    max-width: 580px;
    width: 73%;
}

.PremiosGoyaNombreInflu, .PremiosGoyaNombreAnaR {
    font-family: BrownSugar, serif;
    font-size: 3em;
}

.PremiosGoyaInfluImg {
    width: 80%;
    display: block;
}

@media (min-width:480px) {
    .PremiosGoyaPadd {
        padding: 0 4.5em;
    }

    .PremiosGoyaTexto1 {
        font-size: 3.3em;
        margin-bottom: 2.5em !important;
    }

    .PremiosGoyaSilueta {
        margin-bottom: 7em;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .PremiosGoyaTexto2 {
        padding: 0 4.5em;
        line-height: 45px;
    }

    .PremiosGoyaContext {
        margin: 7em auto 0 auto;
    }

    .PremiosGoyaTexto3 {
        padding: 0 6.9em;
        line-height: 37px;
        margin-top: 7em;
        font-size: 1.4em;
    }

    .PremiosGoyaEcommerce {
        padding: 0 4em;
    }

    .PemiosGoyaTexto4 {
        padding: 0 5em;
    }

    .PremiosGoyaIntroInflu {
        padding: 0 6.9em;
        line-height: 37px;
        margin-top: 7em;
        font-size: 1.4em;
    }

    .PremiosGoyaAnaRTxt {
        font-size: 1.1em;
    }
}

@media(min-width:768px) {
    .PremiosGoyaCabecera {
        display: grid;
        grid-template-columns: 1.5fr 1fr;
    }

    .PremiosGoyaSilueta {
        margin-right: 0;
    }

    .PremiosGoyaTexto1 {
        font-size: 2.3em;
    }

    .PremiosGoyaTexto2 {
        font-size: 1.4em;
        padding: 0 14em;
        line-height: 33px;
    }

    .PremiosGoyaContext {
        display: grid;
        grid-template-columns: 2fr 1fr;
        grid-gap: 3em;
        margin: 7em 7em 3em 7em;
        align-items: end;
    }

    .PremiosGoyaTexto3 {
        padding: 0;
        line-height: 25px;
        margin-top: 7em;
        font-size: 1em;
    }

    .PremiosGoyaEcommerce {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .PemiosGoyaTexto4 {
        font-size: 1.4em;
        padding: 0 14em;
        line-height: 33px;
        margin-top: 8em;
    }

    .PremiosGoyaIntroInflu {
        padding: 0 4em;
        font-size: 1.2em;
    }

    .PremiosGoyaAnaR {
        padding: 0 4em;
        display: grid;
        grid-template-columns: 1fr 1.5fr;
    }

        .PremiosGoyaAnaR > div:nth-child(2) {
            margin-top: 2em;
        }

    .PremiosGoyaInflus {
        grid-template-columns: 1fr 1fr;
        grid-gap: 2em;
        padding: 0 4em;
    }

    .PremiosGoyaNombreInflu {
        font-size: 2.5em;
    }

    .PremiosGoyaInflusTxt {
        margin: 1.5em 0em 2em 0em !important;
        line-height: 18px;
    }

    .PremiosGoyaTodas {
        width: 62%;
        margin: 10em auto 10em auto;
    }

    .PremiosGoyaAnaRTxt {
        line-height: 20px;
    }
}

@media (min-width:960px) {
    .PremiosGoyaTexto1 {
        font-size: 3.3em;
    }

    .PremiosGoyaSilueta {
        margin-bottom: 9em;
    }

    .PremiosGoyaTexto2, .PemiosGoyaTexto4 {
        font-size: 1.8em;
        padding: 0 13em;
        line-height: 37px;
    }

    .PremiosGoyaContext {
        margin: 10em 7em 5em 7em;
    }

    .PremiosGoyaTexto3 {
        line-height: 30px;
        font-size: 1.4em;
    }
}

@media (min-width:1280px) {
    .PremiosGoyaCabecera {
        grid-template-columns: 1fr 1fr;
    }

    .PremiosGoyaSilueta {
        margin-bottom: 12em;
    }

    .PremiosGoyaTexto1 {
        font-size: 3.5em;
        line-height: 73px;
        margin-top: 1.5em;
    }

    .PremiosGoyaTexto2, .PemiosGoyaTexto4 {
        font-size: 2em;
        padding: 0 10em;
        line-height: 52px;
    }

    .PremiosGoyaContext {
        grid-template-columns: 1.2fr 1fr;
        grid-gap: 8em;
        margin-top: 12em;
    }

    .PremiosGoyaTexto3 {
        line-height: 44px;
        font-size: 1.5em;
    }

    .PremiosGoyaEcommerce {
        grid-gap: 4em;
    }

    .PremiosGoyaEcommerceTxt, .PremiosGoyaEcommerceBtn {
        font-size: 0.9em;
    }

    .PremiosGoyaAnaRTxt {
        line-height: 23px;
        font-size: 1.3em;
    }

    .PremiosGoyaInfluImg {
        width: 72%;
    }

    .PremiosGoyaInflusTxt {
        width: 67%;
    }

    .PremiosGoyaTodas {
        width: 51%;
    }

    .PremiosGoyaContainer {
        padding: 2em 5em;
    }

    .PremiosGoyaLinea {
        margin: 10em 2em 10em 2em;
    }

    .PremiosGoyaIntroInflu {
        font-size: 1.5em;
    }

    .PremiosGoyaNombreAnaR {
        font-size: 4.2em;
    }

    .PremiosGoyaNombreInflu {
        font-size: 3em;
    }

    .PremiosGoyaInflusTxt {
        width: 63%;
        font-size: 1.2em;
        line-height: 21px;
    }
}

@media (min-width:1880px) {
    .PremiosGoyaPadd {
        padding: 0 10em;
    }

    .PremiosGoyaTexto1 {
        font-size: 5em;
        line-height: 87px;
    }

    .PremiosGoyaSilueta {
        margin-bottom: 14em;
    }

    .PremiosGoyaTexto2, .PemiosGoyaTexto4 {
        font-size: 3em;
        padding: 0 13em;
        line-height: 72px;
    }

    .PremiosGoyaContext {
        margin: 17em 15em 5em 15em;
        grid-gap: 10em;
    }

    .PremiosGoyaTexto3 {
        line-height: 60px;
        font-size: 2em;
        padding: 0 !important;
    }

    .PremiosGoyaEcommerce {
        grid-gap: 6em;
        padding: 0 11em;
    }

    .PremiosGoyaEcommerceTxt, .PremiosGoyaEcommerceBtn {
        font-size: 1.2em;
    }

    .PremiosGoyaIntroInflu {
        margin-top: 6em;
    }

    .PremiosGoyaIntroInflu {
        font-size: 2em;
    }

    .PremiosGoyaAnaR {
        margin: 12em 0em;
    }

    .PremiosGoyaNombreAnaR {
        font-size: 6em;
    }

    .PremiosGoyaAnaRTxt {
        line-height: 33px;
        font-size: 1.9em;
        font-weight: 400;
    }

    .PremiosGoyaNombreInflu {
        font-size: 4em;
    }

    .PremiosGoyaInflusTxt {
        width: 65%;
        font-size: 1.4em;
        line-height: 27px;
        font-weight: 400;
    }
}

@font-face {
    font-family: "BrownSugar";
    src: url("../_fonts/BrownSugar.eot") format('embedded-opentype'), url("../_fonts/BrownSugar.ttf") format('truetype'), url("../_fonts/BrownSugar.woff") format('woff'), url("../_fonts/BrownSugar.woff2") format('woff2');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

/*EDITORIAL NEW BASICS*/
.NewBasicsContainer {
    position: relative;
    top: 30px;
}

@media (min-width:576px) {
    .NewBasicsContainer {
        top: 2px;
    }
}

@media (min-width:768px) {
    .NewBasicsContainer {
        top: 0px;
    }
}

/*RESPONSIVE PARA LOS VIDEOS DEL LISTADO*/
.VideoListado576 {
    display: block;
}

.VideoListado1280, .VideoListado1920 {
    display: none;
}

@media(min-width:576px) {
    .VideoListado576, .VideoListado1920 {
        display: none;
    }

    .VideoListado1280 {
        display: block;
    }
}

@media(min-width:1280px) {
    .VideoListado576, .VideoListado1280 {
        display: none;
    }

    .VideoListado1920 {
        display: block;
    }
}

.AffinityCoinFicha {
    color: #CFAFA5 !important;
    font-size: 0.9em !important;
    font-weight: 600 !important;
    line-height: 15px;
    margin-top: 6px;
}

@media(min-width:768px) {
    .AffinityCoinFicha {
        font-size: 0.8em !important;
    }
}

@media(min-width:1728px) {
    .AffinityCoinFicha {
        font-size: 1em !important;
        font-weight: 400 !important;
    }
}

/*EDITORIAL BLUE OBSESSION*/
.BlueObsessionContainer {
    position: relative;
    top: 30px;
    background-color: #6D92BC;
    padding-bottom: 5em;
}

.BlueObsessionBanner1 {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0;
}

.BlueObsessionMgnTop {
    margin-top: 5em;
}

.BlueObsessionVideo3 {
    width: 55%;
    margin-left: auto;
    margin-right: auto;
}

.BlueObsession6_7 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border: 2em solid white;
}

@media(min-width:768px) {
    .BlueObsessionContainer {
        top: 0;
    }

    .BlueObsessionBanner1 {
        grid-template-columns: 1fr 1fr;
    }

    .BlueObsession6_7 {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .BlueObsessionVideo3 {
        width: 65%;
    }
}

@media(min-width:1280px) {
    .BlueObsessionMgnTop {
        margin-top: 8em;
    }

    .BlueObsessionContainer {
        padding-bottom: 8em;
    }
}

@media(min-width:1745px) {
    .BlueObsessionMgnTop {
        margin-top: 11em;
    }

    .BlueObsessionContainer {
        padding-bottom: 11em;
    }
}

/*EDITORIAL GLOW ON THE STREET*/
.GlowStreetContainer {
    position: relative;
    top: 30px;
}

.GlowStreet2Colum {
    margin-top: 4.5em;
    display: grid;
    grid-template-columns: 1fr;
}

.GlowStreetProducto {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto; /* Dos filas automáticas */
    grid-gap: 0.5em;
    margin: 0em 2em 7.5em 2em;
    align-items: center;
}

@media(max-width:767px) {
    .GlowStreetProducto > a:nth-child(-n+3) {
        grid-row: 1; /* Los primeros tres enlaces en la primera fila */
    }

    .GlowStreetProducto > a:last-child {
        grid-row: 2; /* La última etiqueta <a> en la segunda fila */
        grid-column: 1; /* Se coloca en la primera columna */
    }

    .GlowStreetProducto > div {
        grid-row: 2; /* El <div> en la segunda fila */
        grid-column: 2 / span 2; /* Este div ocupa dos de las tres columnas y empieza desde la segunda columna */
        justify-self: center; /* Centra horizontalmente el <div> */
    }
}

.GlowStreetProducto > div a {
    border: 1px solid;
    padding: 0.5em 1em;
}

.GlowStreet1Colum {
    max-width: 100%;
    width: 70%;
    margin-left: auto;
    margin: 4.5em auto;
}

@media(min-width:768px) {
    .GlowStreetContainer {
        top: 0px;
    }

    .GlowStreet2Colum {
        grid-template-columns: 1fr 1fr;
        margin-bottom: 4.5em;
    }

    .GlowStreetProducto {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

        .GlowStreetProducto > div {
            text-align: center;
        }

    .GlowStreet1Colum {
        width: 54%;
        margin-top: 7.5em;
        margin-bottom: 4.5em;
    }
}

@media(min-width:1280px) {
    .GlowStreetProducto {
        grid-template-columns: 1fr 1fr 1fr 1fr 2fr;
    }
}

@media(min-width:1700px) {
    .GlowStreet2Colum {
        margin-top: 6.5em;
    }

    .GlowStreetProducto {
        margin: 0em 4.5em 7.5em 4.5em;
    }

        .GlowStreetProducto > div a {
            padding: 0.7em 1.5em;
            font-size: 1.3em;
        }
}



/*BANNERS 2024*/
@font-face {
    font-family: "SangBleuKingdom";
    src: url("../_fonts/SangBleuKingdom/SangBleuKingdom-Regular.eot") format('embedded-opentype'), url("../_fonts/SangBleuKingdom/SangBleuKingdom-Regular.ttf") format('truetype'), url("../_fonts/SangBleuKingdom/SangBleuKingdom-Regular.woff") format('woff'), url("../_fonts/SangBleuKingdom/SangBleuKingdom-Regular.woff2") format('woff2');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

.BannerHW picture, .FooterHome {
    display: block;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.EditorialesHome {
    display: block;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color: white;
    /*padding: 9em 1em 0em 1em;*/
}

.ContainerFabricacion {
    position: relative;
    background-color: black;
}

.VideoHome {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/*BOTONES BANNERS 2024*/
.Banner3Btn {
    position: absolute;
    top: 86%;
    left: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    color: #fff;
}

.Banner1Btn {
    position: absolute;
    top: 28%;
    left: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    color: #fff;
}

.Banner5Btn {
    position: absolute;
    top: 26%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
}
.Banner4Btn {
    position: absolute;
    top: 93%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
}

.Banner5Btn .Tit {
    font-family: Montserrat;
    font-weight: 300;
    font-size: 57px;
    margin-bottom: 0;
    line-height: 48px;
    color: white;
    text-align: center;
}

.Banner4Btn .Tit {
    font-family: Montserrat;
    font-weight: 300;
    font-size: 55px;
    margin-bottom: 0;
    line-height: 44px;
    color: white;
    text-align: center;
}

.Banner5Btn .TxtAff  {
    font-family: Montserrat;
    font-size: 11px;
    padding-left: 15px;
    width: 66%;
    margin-top: 7px;
    font-weight: 500;
    text-transform:uppercase;
}
.Banner4Btn .TxtAffinity {
    font-family: Montserrat;
    font-size: 14px;
    margin-top: 7px;
    font-weight: 500;
    text-transform: uppercase;
    color: white;
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-skip-ink: none;
    font-weight: 500;
    text-transform: uppercase;
}
.Banner4Btn .AffCl {
    color: black;
    font-family: Montserrat;
    font-size: 11px;
    font-weight:500;
    position: absolute;
    bottom: 76px;
    left: 131px;
    text-align: left;
    z-index: 4;
}

.Banner5Btn .VincAff, .Banner5Btn .LogAff, .Banner5Btn .VincAffLog {
    font-family: Montserrat;
    font-size: 11px;
    padding-left: 15px;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-skip-ink: none;
    font-weight: 500;
    text-transform: uppercase;
}


.Banner3Btn p {
    font-family: Montserrat;
    font-size: 23px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 1px;
    color: white;
    margin-bottom: 0;
}

.Banner1Btn p:first-child {
    font-family: Montserrat;
    font-size: 33px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 1px;
    color: black;
    margin-bottom: 7px;
}

.Banner1Btn p:nth-child(2) {
    font-family: Montserrat;
    font-size: 19px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0;
    color: black;
    margin-bottom: 0;
}
.BtnComprar {
    font-weight: 700;
    margin: 20px auto;
    border: 1px solid black;
    color: black;
    width: max-content;
    padding: 8px 20px;
    position: absolute;
    top: 35%;
    z-index: 999;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    font-size:12px;
}
.Banner4Btn p {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 500;
    line-height: 34px;
    text-align: left;
    padding-left:21px;
    letter-spacing: 1px;
    color: black;
    margin-bottom: 0;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 1px;
}


.Banner2Btn p {
    color: white;
    text-align: justify;
    position:absolute;
}

.Banner2Btn .Tit {
    font-family: Montserrat;
    font-weight: 200;
    top: 64%;
    left: 4%;
    font-size: 56px;
    margin-bottom: 0;
    line-height: 55px;
}

.Banner2Btn .city {
    font-family:Montserrat;
    top: 81%;
    left: 4%;
    font-size: 12px;
}

.Banner1BtnLink {
    border: 1px solid white;
    width: max-content;
    text-align: right;
    padding: 4px 15px;
    margin-left: auto;
    font-size: 1em !important;
}


.Banner4Btn .PreviewTxt {
    position: absolute;
    bottom: -14px; /* 20px del borde inferior */
    left: 43px; /* 20px del borde izquierdo */
    transform: rotate(-90deg) translate(-100%, 0);
    transform-origin: bottom left;
    width: max-content;
}

.Banner4Btn .PreviewTxt1 {
    position: absolute;
    top: -6em; /* 20px del borde superior */
    right: 20px; /* 20px del borde derecho */
    transform: rotate(90deg);
    transform-origin: top right;
    width: max-content;
}

.Banner4Btn .previewTxt2 {
    top: 14%;
    left: 53%;
    font-style: italic;
    font-size: 16px;
    width: max-content;
}


/*.Banner4Btn p:nth-child(2) {
    font-size: 1.5em;
    color: black;
    letter-spacing: 1px;
    line-height: 26px;
    font-weight: 500;
}*/

.VideoEntPino {
    padding-left: 4%;
    padding-right: 4%;
    position: absolute;
    top: 18%;
    left: 0%;
}

.VideoEntPino p {
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 0 !important;
    text-align: left;
    width: 100%;
    color: black;
}

/*BANNER TEASER PINO*/
.TeaserPinoDate {
    position: absolute;
    z-index: 9999;
    max-width: 450px !important;
    width: 49%;
    left: 51%;
    top: 6%;
}

.TeaserPinoText {
    position: absolute;
    z-index: 9999;
    max-width: 450px !important;
    width: 28%;
    transform: rotate(90deg);
    left: 21%;
    top: 61%;
}

@media(min-width:768px) {
    .Banner1BtnLink {
        margin-left: 0;
    }

    .Banner2Btn p {
        font-size: 2.5em;
        line-height: 39px;
    }
    .Banner4Btn {
        top: 50%;
    }
    .Banner4Btn p {
        font-size: 14px;
        letter-spacing: 0;
        text-align:center;
    }
    .Banner3Btn {
        left: 54%;
        text-align: left;
        top: 80%;
    }
    .Banner1Btn {
        left:3%;
        top:11%;
        -webkit-transform: none;
        transform: none;
        text-align:left;
    }
    .BtnComprar {
        top:78%;
        left:84%;
    }
    .Banner5Btn .Tit {
        line-height: 70px;
        font-size: 78px;
        padding-left: 45px;
    }
    .Banner4Btn .Tit {
        line-height: 70px;
        font-size: 78px;
    }
    .Banner5Btn .TxtAff {
        font-size: 16px;
        padding-left: 54px;
        width: 53%;
    }
    .Banner4Btn .TxtAffinity {
        font-size: 16px;
    }
    .Banner4Btn .AffCl {
        bottom: 121px;
        left: 231px;
        font-size: 20px;
    }
    .Banner5Btn .VincAff, .Banner5Btn .LogAff, .Banner5Btn .VincAffLog {
        font-size: 13px;
    }
    .Banner5Btn .VincAff, .Banner5Btn .VincAffLog {
        padding-left: 56px;
    }
    .Banner5Btn .city {
        font-size: 18px;
    }
    .VideoEntPino {
        top: 33%;
        left: 0%;
    }
    .VideoEntPino p {
        font-size: 17px;
        line-height: 18px;
    }

    .Banner4Btn .PreviewTxt {
        left: 73px;
        bottom: -14px;
    }

    .Banner4Btn .previewTxt2 {
        top: 15%;
        left: 84%;
        font-style: italic;
        font-size: 16px;
    }

    .TeaserPinoText {
        left: 15%;
        top: 65%;
        width: 21%;
    }

    .TeaserPinoDate {
        width: 40%;
        left: 61%;
        top: 4%;
    }
}

@media(min-width:843px) {
    .Banner4Btn .previewTxt2 {
        top: 91%;
        left: 36%;
        font-style: italic;
        font-size: 15px;
    }
}

@media(min-width:1024px) {
    .Banner2Btn p, .Banner4Btn p {
        font-size: 2.5em;
    }
    .Banner5Btn .city {
        font-size: 21px;
    }
}

@media(min-width:1110px) {
    .Banner4Btn {
        width: max-content;
    }
    .Banner4Btn .Tit {
        line-height: 64px;
        font-size: 82px;
        color: black;
        text-align: left;
    }
    .Banner4Btn .TxtAffinity {
        font-size: 15px;
        margin-top: 8px;
        line-height: 21px;
        text-align: left;
        color: black;
        padding-left: 14px;
        font-weight: 500;
    }
    .Banner4Btn .AffCl {
        bottom: 109px;
        left: 245px;
        font-size: 17px;
    }
    .Banner4Btn .PreviewTxt {
        position: absolute;
        left: 6%;
        top: 50%;
        transform: translateY(-50%);
    }
    .Banner4Btn .PreviewTxt1 {
        position: absolute;
        right: 8%;
        top: 50%;
        transform: translateY(-2%);
        margin-bottom: 0;
    }
    .Banner4Btn p {
        font-size: 27px;
        letter-spacing: 1px;        
    }
    .Banner2Btn .Tit {
        line-height: 63px;
        font-size: 71px;
        top: 52%;
    }
    .Banner2Btn .city {
        top: 69%;
        font-size: 13px;
        font-weight: 400;
        left: 4.5%;
    }
    .Banner5Btn {
        top:81%;
    }
    .Banner5Btn .Tit {
        line-height: 57px;
        font-size: 72px;
        padding-left: 26px;
    }
    .Banner5Btn .TxtAff {
        font-size: 11px;
        padding-left: 33px;
        width: 53%;
        margin-bottom: 17px;
    }
    .Banner5Btn .VincAff, .Banner5Btn .LogAff, .Banner5Btn .VincAffLog {
        font-size: 10px;
    }
    .Banner5Btn .VincAff {
        padding-left: 103px;
    }
    .Banner5Btn .VincAffLog {
        padding-left: 179px;
    }   
}

@media(min-width:1280px) {
    .Banner2Btn p {
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 23px;
        font-weight: 700;
    }
    .Banner3Btn {
        left: 56%;
        top: 87%;
    }
    .Banner3Btn p {
        font-size: 25px;
        line-height: 28px;
    }
    .Banner1Btn {
        left: 3%;
        top: 22%;
    }
    .Banner1Btn p:first-child {
        font-size: 41px;
        font-weight: 500;
        margin-bottom: 11px;
    }
    .Banner1Btn p:nth-child(2) {
        font-size: 22px;
        font-weight: 500;
    }
    .BtnComprar {
        top: 84%;
        left: 88%;
        font-size: 16px;
        padding: 8px 27px;
    }
    .Banner1BtnLink {
        font-size: 1em !important;
    }
    .TeaserPinoDate {
        width: 27%;
        left: 73%;
        top: 5%;
    }

    .TeaserPinoText {
        left: -2%;
        top: 31%;
        width: 14%;
        transform: none;
    }

    .Banner2Btn {
        left: 32%;
        top: 50%;
        width: 50%;
        padding: 0em 12em 0em 1.5em;
    }
    .VideoEntPino {
        top: 32%;
    }
    .VideoEntPino p {
        font-size: 28px;
        line-height:32px;
    }
    .Banner5Btn {
        top: 83%;
    }
    .Banner5Btn .Tit {
        line-height: 60px;
        font-size: 74px;
        padding-left: 29px;
        font-weight: 300;
        /*color: white;*/
    }
    .Banner5Btn .TxtAff {
        font-size: 11px;
        padding-left: 37px;
        width: 53%;
        margin-bottom: 8px;
        font-weight: 600;
        /*color: white;*/
    }
    .Banner5Btn .VincAff {
        padding-left: 145px;
    }
    .Banner5Btn .VincAff, .Banner5Btn .LogAff, .Banner5Btn .VincAffLog {
        font-size: 10px;
        font-weight: 600;
        /*color: white;*/
    }
    .Banner5Btn .city {
        font-size: 13px;
        padding-left: 50px;
        margin-top: 7px;
    }
    .Banner4Btn .Tit {
        line-height: 72px;
        font-size: 89px;
        font-weight: 300;
    }
    .Banner4Btn .TxtAffinity {
        font-size: 13px;
        padding-left: 24px;
        width: 86%;
        line-height: 21px;
        font-weight: 600;
    }
    .Banner4Btn .AffCl {
        bottom: 111px;
        left: 263px;
        font-size: 20px;
        font-weight: 600;
    }
}

@media(min-width:1500px) {
    .Banner1Btn {
        left: 2%;
        top: 17%;
    }
    .Banner1Btn p:first-child {
        font-size: 52px;
        font-weight: 500;
        margin-bottom: 18px;
    }
    .Banner1Btn p:nth-child(2) {
        font-size: 30px;
        font-weight: 500;
    }
    .BtnComprar {
        top: 75%;
        left: 92%;
        font-size: 14px;
    }
    .VideoEntPino p {
        font-size: 32px;
        line-height: 36px;
    }
    .Banner3Btn p {
        line-height: 36px;
        font-size: 39px;
    }
    .TeaserPinoText {
        left: 0%;
        top: 36%;
        width: 10%;
    }

    .TeaserPinoDate {
        width: 19%;
        left: 80%;
        top: 7%;
    }
    .Banner2Btn {
        left: 34%;
        padding: 0em 17em 0em 1.5em;
    }
    .Banner2Btn .Tit {
        line-height: 70px;
        font-size: 84px;
        top: 47%;
    }
    .Banner2Btn .city {
        font-size: 15px;
        line-height: 23px;
        top: 68%;
    }
    .Banner5Btn {
        top: 82%;
    }
    .Banner5Btn .Tit {
        line-height: 58px;
        font-size: 77px;
        padding-left: 43px;
        margin-bottom: 11px;
    }
    .Banner5Btn .TxtAff {
        font-size: 13px;
        padding-left: 51px;
        margin-bottom: 12px;
    }
    .Banner5Btn .VincAff, .Banner5Btn .LogAff, .Banner5Btn .VincAffLog {
        font-size: 13px;
    }
    .Banner5Btn .VincAff {
        padding-left: 135px;
        padding-right: 14px;
    }
    .Banner5Btn .VincAffLog {
        padding-left: 219px;
    }
    .Banner5Btn .city {
        font-size: 15px;
        padding-left: 78px;
        margin-top: 9px;
    }
    .Banner4Btn .TxtAffinity {
        font-size: 14px;
    }
    .Banner4Btn .AffCl {
        bottom: 110px;
        left: 268px;
    }
}

@media(min-width:1770px) {
    .Banner1Btn {
        top: 19%;
    }
    .BtnComprar {
        left: 93%;
        font-size: 17px;
        top: 81%;
    }
    .Banner3Btn {
        top: 80%;
        left: 55%;
    }
    .Banner3Btn p {
        line-height: 39px;
        font-size: 39px;
    }
    .Banner4Btn p {
        font-size: 31px;
    }
    .Banner4Btn .previewTxt2 {
        left: 42%;
        font-size: 18px;
        line-height: 24px;
    }

    .TeaserPinoDate {
        left: 81%;
        top: 8%;
    }

    .TeaserPinoText {
        top: 31%;
        left: -2%;
    }

    .Banner2Btn {
        padding: 0em 21em 0em 1.5em;
    }
    .VideoEntPino p {
        font-size: 38px;
        line-height: 38px;
    }
    .Banner2Btn .Tit {
        line-height: 89px;
        font-size: 108px;
        top: 47%;
    }
    .Banner2Btn .city {
        font-size: 18px;
        line-height: 23px;
        top: 67%;
    }
    .Banner5Btn {
        top: 81%;
    }
    .Banner5Btn .Tit {
        line-height: 90px;
        font-size: 110px;
        padding-left: 33px;
        margin-bottom: 7px;
    }
    .Banner5Btn .TxtAff {
        font-size: 14px;
        padding-left: 51px;
        margin-bottom: 15px;
    }
    .Banner5Btn .VincAff, .Banner5Btn .VincAffLog {
        padding-left: 152px;
        padding-right: 27px;
    }
    .Banner5Btn .VincAffLog {
        padding-left: 238px;
    }
    .Banner5Btn .city {
        font-size: 18px;
        padding-left: 78px;
        margin-top: 0px;
    }
    .Banner4Btn .Tit {
        line-height: 88px;
        font-size: 113px;
    }
    .Banner4Btn .TxtAffinity {
        font-size: 15px;
        width: 100%;
        margin-top: 11px;
    }
    .Banner4Btn .AffCl {
        bottom: 112px;
        left: 343px;
        font-size: 21px;
    }
}

.BannerHW img {
    height: 100vh !important;
    width: 100% !important;
    object-fit: cover;
}

.VideoHomeFabricacion {
    padding-left: 4%;
    padding-right: 4%;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
    color: #fff;
    max-width: max-content;
}

.VideoHomeFabricacion1 {
    font-family: 'SangBleuKingdom', serif;
    font-size: 19px;
    margin-bottom: 14px;
    letter-spacing: 1px;
}

.VideoHomeFabricacion2 {
    font-size: 13px;
    width: 92%;
    margin: 0 auto;
    letter-spacing: 1px;
    line-height: 20px;
    font-weight: 200;
    margin-bottom: 0 !important;
}

@media(min-width:460px) {
    .VideoHomeFabricacion1 {
        font-size: 23px;
        margin-bottom: 13px;
    }

    .VideoHomeFabricacion2 {
        font-size: 14px;
        width: 81%;
        line-height: 23px;
        font-weight: 200;
    }
}

@media(min-width:768px) {
    .VideoHomeFabricacion1 {
        font-size: 27px;
        margin-bottom: 17px;
        letter-spacing: 1px;
    }

    .VideoHomeFabricacion2 {
        font-size: 17px;
        width: 68%;
        line-height: 27px;
        font-weight: 200;
    }
}

@media(min-width:1280px) {
    .ContainerFabricacion {
        background-color: white;
    }

    .VideoHomeFabricacion1 {
        font-size: 36px;
        margin-bottom: 19px;
        letter-spacing: 1px;
    }

    .VideoHomeFabricacion2 {
        font-size: 23px;
        width: 56%;
        line-height: 39px;
        font-weight: 200;
    }
}

@media(min-width:1536px) {
    .VideoHomeFabricacion1 {
        font-size: 35px;
        margin-bottom: 23px;
    }

    .VideoHomeFabricacion2 {
        font-size: 23px;
        width: 47%;
        line-height: 39px;
    }
}

@media(min-width:1770px) {
    .VideoHomeFabricacion1 {
        font-size: 39px;
        margin-bottom: 30px;
    }

    .VideoHomeFabricacion2 {
        font-size: 25px;
        width: 40%;
        line-height: 42px;
    }
}


/*FOOTER 2024*/
        .FooterHome {
    padding: 6.5em 2em 4em 2em;
}

.FooterShared {
    padding: 0em 1.2em 5.5em 1.2em;
    overflow-x: hidden;
}

.FooterEnlaces {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    font-size: 0.9em;
    margin-bottom: 0;
}

    .FooterEnlaces i {
        font-size: 0.7em;
    }

.FooterLinks {
    border: 0 !important;
    padding-top: 0.8em;
    font-size: 0.9em;
}

.footerCards {
    margin-top: 50px;
}

.FooterLogo {
    margin-top: 50px;
}

.FooterTitulo {
    font-size: 1.55em;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 30px !important;
}

.FooterTexto {
    font-size: 0.9em;
    font-weight: 600;
    margin-bottom: 25px !important;
}

.FooterBoton {
    background-color: black;
    color: white;
    width: max-content;
    padding: 11px 55px;
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 50px !important;
    cursor: pointer;
}

.FooterLine {
    border: 1px solid #00000070;
    margin: 0;
}

.FooterRRSS {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 0.8em;
    font-weight: 600;
    margin-bottom: 50px;
}

.ocultarNL {
    display: none;
}

.footerBlog {
    margin-top: 50px;
}

.ErrorPolitica {
    margin-top: 0.25rem;
    line-height: 1.1rem;
    margin-bottom: 17px;
    text-align: left;
    font-style: italic;
    color: #d9534f;
    font-size: 0.9em;
}

.whats-content {
    display: flex;
    align-items: center;
    gap: 8px; /* Espacio entre el icono y el texto */
}

    .whats-content svg {
        flex-shrink: 0;
    }

@media(min-width:768px) {
    .footerBlog {
        width: 50%;
    }

    .FooterPt1 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 4em;
    }

    .footerDT {
        display: grid;
        grid-template-columns: 2fr 1fr;
        margin-top: 50px;
    }

    .footerDTLinks {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 1em;
    }

    .footerDTCol {
        display: flex;
        flex-direction: column;
    }

        .footerDTCol a {
            font-size: 0.9em;
            line-height: 23px;
            font-weight: 600;
        }

    .FooterLogo {
        margin-top: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        width: 100%;
        justify-content: flex-start;
    }

        .FooterLogo picture {
            display: block;
            max-width: 100%;
        }

        .FooterLogo img {
            width: 50%;
            max-width: 100%;
            margin-left: 50%;
            transform: translate(2%, 0);
        }
}

@media(min-width:1280px) {
    .FooterHome {
        padding: 6.5em 3em 0em 3em;
    }

    .FooterPt1 {
        grid-gap: 14em;
    }

    .footerBlog {
        width: 39%;
        margin-top: 60px;
    }

    .FooterLogo img {
        width: 66%;
        transform: translate(-23%, 0);
    }

    .FooterTitulo {
        margin-bottom: 35px !important;
    }

    .FooterBoton {
        margin-bottom: 60px !important;
    }

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

@media(min-width:1700px) {
    .footerBlog {
        width: 30%;
    }

    .FooterPt1 {
        grid-gap: 37em;
    }

    .FooterLogo img {
        width: 51%;
        transform: translate(-2%, 0);
    }

    .footerDT {
        grid-template-columns: 1fr 1fr;
    }

    .FooterTitulo {
        margin-bottom: 25px !important;
    }

    .FooterBoton {
        margin-bottom: 70px !important;
    }

    .footerDT {
        margin-top: 70px;
    }

    .FooterTexto {
        margin-bottom: 35px !important;
    }
}

/*MENÚ MÓVIL 2024*/
/*.MenuMobile2024 {
    top: 4.5em;
    position: fixed;
    left: 0;
    width: 100%;
    padding: 0 2em;
    overflow-y: auto; /* scroll vertical 
    max-height: calc(100vh - 22em); /* altura máxima 
    margin-top: 27px;
}*/

@supports (height: 100dvh) {
    .MenuMobile2024 {
        position: fixed;
        top: 85px;
        bottom: 5em; /* espacio reservado para los enlaces fijos inferiores */
        left: 0;
        right: 0;
        width: 100%;
        padding: 0 1.5em;
        overflow-y: auto;
        height: auto;
        max-height: none;
    }
}

@supports not (height: 100dvh) {
    .MenuMobile2024 {
        position: fixed;
        top: 85px;
        bottom: 5em;
        left: 0;
        right: 0;
        width: 100%;
        padding: 0 1.5em;
        overflow-y: auto;
        height: auto;
        max-height: none;
    }
}

.MenuMobileGrupos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 14px !important;
    letter-spacing: 1px;
}

.MenuMobileNoGrupos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 14px !important;
    letter-spacing: 1px;
}

.MenuMobileGrupos i {
    font-size: 8px;
}
.MenuMobileNoGrupos i {
    font-size: 8px;
}

.MenuMobileSecciones {
    margin-bottom: 1.7em;
    overflow-y: auto;
    padding: 0 1em;
}

.MenuMobileFamilias .menu-item-m {
    display: flex;
    gap: 14px;
    align-items: center;
}

.menu-imagen-container {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.menu-imagen-container img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    display: block;
}
.menu-item-m span {
    font-size: 12px;
}

.MenuMobileFamilias {
    border: 0 !important;
    padding: 5px 0px;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 19px;
}

.bold-text {
    font-weight: bold;
}

.hamburguer, .hamburguerBlanco {
    display: flex;
    width: 39px;
    height: 44px;
    position: absolute;
    z-index: 9999;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
}
.hamburguer span, .hamburguerBlanco span {
    display: block;
    width: 24px;
    height: 2px;
    background-color: black;
    margin-bottom: 4px;
}
.hamburguerBlanco span {
    display: block;
    width: 24px;
    height: 2px;
    background-color: white;
    margin-bottom: 4px;
}
.hamburguer span.line2, .hamburguerBlanco span.line2 {
    position: absolute;
    top: 50%;
    transform-origin: center;
    margin-bottom: 0 !important;
    margin-top: 4px;
}
#btn-mobile-menu-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px; /* área clicable mayor */
    height: 44px; /* recomendado en móvil */
    cursor: pointer;
}

#btn-mobile-menu-close i {
    font-size: 20px; /* el icono se mantiene pequeño */
    margin-top: 6px;
}

/*HEADER SECTION 2024*/
.header .content-options {
    padding: 0.5em 0em 0em 1em;
}
.header .content-options-ficha {
    padding: 0em 1em;
}
@media(min-width:768px) {
    .header .content-options {
        padding: 1.2em 1em;
    }
    .header .content-logo {
        padding: 17px 11px 0px 11px;
    }
}
.headerMobile {
    display: flex;
    align-items: center;
    justify-content: space-between;    
}

.headerMobile-Aff {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 27px;
}

.headerMobile > div:first-of-type {
    display: flex;
    align-items: center;
    width:100%;
    grid-gap:10px;
}

.headerMobile > div:nth-of-type(2) {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-top: 6px;
    width: 45%;
}

.headerMobile > div:nth-of-type(2) a:first-of-type {
    margin-right: 0px;
}

.headerMobile-Aff > div:first-of-type {
    display: flex;
    align-items: center;
    width: 100%;
}

.headerMobile-Aff > div:nth-of-type(2) {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-top: 6px;
    width: 31%;
}

.headerMobile-Aff > div:nth-of-type(2) a:first-of-type {
    margin-right: 0px;
}

.headerMobileLogo {
    margin-left: 0em;
    max-width: 100%;
    width: 70%;
}

#scrollIndicator {
    position: fixed;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 100vh;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    z-index: 100;
    display: flex;
    align-items: flex-start;
}

#scrollBar {
    width: 100%;
    height: 10%;
    background: #0000005e;
    border-radius: 5px;
    transition: transform 0.3s;
}

/* Ocultar la barra de desplazamiento en todas las secciones con scroll */
.pp-scrollable::-webkit-scrollbar {
    display: none;
}

/* Ocultar la barra de desplazamiento en navegadores que no son WebKit */
.pp-scrollable {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.iconoBuscar {
    width: auto;
    height: 16px;
    fill: black;
}

.iconoBuscarBlanco {
    width: auto;
    height: 16px;
    fill: white;
}

.Cesta {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    color: black;
}

.CestaBlanco {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    color: white;
}

.NavAc {
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 0;
    font-weight: 600;
}

.NavAcBlanco {
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 0;
    color: white;
    font-weight: 600;
}

@media(min-width:1280px) {
    .header .sticky.is-fixed {
        top: 3px;
    }
}

/*MENU ESCRITORIO Y TABLET 2024*/
.MenuNavbar, .MenuNavbarBlanco {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 0.7em;
    margin-left: 6px;
}

    .MenuNavbar a {
        float: left;
        font-size: 10px;
        color: black;
        text-align: center;
        text-decoration: none;
        text-transform: capitalize;
        padding: 0.9em 0.5em;
        letter-spacing: 1px;
        font-weight: 600;
    }

    .MenuNavbarBlanco a {
        float: left;
        font-size: 10px;
        color: white;
        text-align: center;
        text-decoration: none;
        text-transform: capitalize;
        padding: 0.9em 0.5em;
        letter-spacing: 1px;
        font-weight: 600;
    }

.MenuDropDown, .MenuDropDownBlanco {
    float: left;
    overflow: hidden;
    position: relative;
}

    .MenuDropDown:hover, .MenuDropDownBlanco:hover {
        background-color: white;
    }

.DropBtnMenu a:hover, .DropBtnMenuBlanco a:hover {
    font-weight: 600;
    cursor: pointer;
}

.DropBtnMenuBlanco a:hover {
    color: black;
}

.MenuDropDown .DropBtnMenu, .MenuDropDownBlanco .DropBtnMenuBlanco {
    font-size: 10px;
    border: none;
    outline: none;
    color: white;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
}
/*CONTROL DEL COLOR PARA LOS BOTONES QUE NO TIENEN FAMILIAS*/
.MenuNavbar a {
    color: black;
}

.MenuNavbarBlanco a {
    color: white;
}

.MenuDropDown .DropBtnMenu a, .NoDropBtnMenu {
    color: black;
}

.MenuDropDown .DropBtnMenuBlanco a, .NoDropBtnMenuBlanco {
    color: white;
}

.MenuDropDown .DropBtnMenu a:hover, .NoDropBtnMenu {
    color: black;
}

.MenuDropDown-content, .MenuDropDownBlanco-content {
    display: none;
    position: fixed;
    background-color: white;
    z-index: 1;
    padding: 11px;
    width: max-content;
}

    .MenuDropDown-content a, .MenuDropDownBlanco-content a {
        float: none;
        color: black;
        text-decoration: none;
        display: block;
        text-align: left;
        line-height: 3px;
        font-size: 0.72em;
    }

        .MenuDropDown-content a:hover, .MenuDropDownBlanco-content a:hover {
            font-weight: bold;
        }

.MenuDropDown:hover .MenuDropDown-content, .MenuDropDownBlanco:hover .MenuDropDownBlanco-content {
    display: block !important;
}

.MenuDropDown:hover .DropBtnMenu a, .MenuDropDownBlanco:hover .DropBtnMenuBlanco a {
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-skip-ink: none;
}

.MenuDropDown:hover .DropBtnMenu i, .MenuDropDownBlanco:hover .DropBtnMenuBlanco i {
    display: none;
}

.MenuDropDown .DropBtnMenu i, .MenuDropDownBlanco .DropBtnMenuBlanco i {
    position: absolute;
    top: 23px;
    font-size: 7px;
    color: black;
}

.columns-2 {
    column-count: 2;
    column-gap: 20px;
}

.color-black {
    color: black !important;
}

@media(min-width:960px) {
    /*.header .sticky.is-fixed .header-menu .nav-link, .NavAc, .NavAcBlanco,*/ .MenuNavbar a, .MenuNavbarBlanco a, .badge {
        font-size: 0.9rem;
    }

    .MenuDropDown .DropBtnMenu img, .MenuDropDownBlanco .DropBtnMenuBlanco img {
        top: 27px;
    }

    .MenuNavbar, .MenuNavbarBlanco {
        margin-left: 13px;
    }

    .MenuDropDown .DropBtnMenu i, .MenuDropDownBlanco .DropBtnMenuBlanco i {
        top: 30px;
        font-size: 9px;
    }
}

@media (min-width: 992px) {
    .MenuDropDown .DropBtnMenu img, .MenuDropDownBlanco .DropBtnMenuBlanco img {
        top: 27px;
    }
}

@media(min-width:1280px) {
    .MenuNavbar, .MenuNavbarBlanco {
        margin-left: 16px;
    }
    #inputSearch, .NavAc {
        font-size: 13px;
        font-weight: 600;
    } 
        .MenuNavbar a, .MenuNavbarBlanco a {
            padding: 0.9em 0.55em;
            font-size: 0.8rem;
        }

    .MenuDropDown-content a, .MenuDropDownBlanco-content a {
        line-height: 4px;
        font-size: 0.75em;
    }

    .MenuDropDown:hover .DropBtnMenu a, .MenuDropDownBlanco:hover .DropBtnMenuBlanco a {
        font-weight: bold;
        text-decoration: underline;
        text-underline-offset: 9px;
        text-decoration-skip-ink: none;
    }

    .MenuDropDown .DropBtnMenu img, .MenuDropDownBlanco .DropBtnMenuBlanco img {
        top: 33px;
        width: 11px;
        height: 11px;
    }
   
    .MenuDropDown .DropBtnMenu i, .MenuDropDownBlanco .DropBtnMenuBlanco i {
        top: 32px;
    }
}
@media(min-width:1500px) {
    .MenuNavbar a, .MenuNavbarBlanco a {
        padding: 0.9em 1em;
    }
}
@media(min-width:1720px) {
    .MenuNavbar a, .MenuNavbarBlanco a {
        padding: 0.9em 1.1em;
    }

    .MenuDropDown-content a, .MenuDropDownBlanco-content a {
        padding: 0.8em;
        font-size: 0.8em;
        line-height: 8px;
    }

    .NavAc, .NavAcBlanco {
        font-size: 1em;
    }

    #headerclub {
        margin-top: 24px;
    }

    .MenuNavbar a, .MenuNavbarBlanco a {
        font-size: 0.9rem;
    }

    .MenuDropDown .DropBtnMenu img, .MenuDropDownBlanco .DropBtnMenuBlanco img {
        top: 35px;
    }

    .MenuDropDown .DropBtnMenu i, .MenuDropDownBlanco .DropBtnMenuBlanco i {
        top: 34px;
    }
}

.MiCesta {
    margin-bottom: 0;
    font-size: 11px;
    letter-spacing: 1px;
}

.MiCestaBlanco {
    margin-bottom: 0;
    font-size: 13px;
    letter-spacing: 1px;
    color: white;
    font-weight: 600;
}
@media(min-width:768px) {
    .MiCesta, .MiCestaBlanco, .NavAcBlanco {
        font-size: 13px;
        font-weight: 600;
    }
}

.LineWhite {
    border-bottom: 1px solid white !important;
}
.LineBlack {
    border-bottom: 1px solid black !important;
}


/*LISTADO 2024*/
.ColorBlock {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 2px;
    border: 1px solid #00000033;
}

@media(min-width:768px) {
    .section-product-list [class*="col-"] {
        padding: 0px 2px;
    }

    .description .titulo_producto_listado {
        font-size: 0.8rem;
        font-weight: 400;
    }

    .product p.price, .FiltrosSeleccIndivTxt, .Boton_Filtros {
        font-size: 0.8rem !important;
    }

    .ProductColor {
        margin-top: 0;
    }

    .product p {
        margin-top: 0.4em;
    }

    .FiltrosSeleccIndivX {
        font-size: 0.6em;
    }
}

@media(min-width:1280px) {
    .NuevoImg {
        width: 20%;
    }

    .product p.price, .description .titulo_producto_listado {
        font-size: 0.9rem !important;
    }

    .product .description {
        margin-top: 0.4em;
    }

    .Boton_Filtros {
        font-size: 0.8rem !important;
    }

    .FiltrosSeleccIndivTxt {
        font-size: 0.75em;
    }

    .Txt_Migas, .Txt_MigasFicha {
        font-size: 0.8rem;
    }
    /*.MigasyFiltros_DesktopTablet {
        margin-left: 1em;
    }*/
    .FiltrosSeleccFixed {
        padding-bottom: 1em;
        padding-top: 6.5em;
    }
    .product.quick-buy .image-quick-buy-content .elegir-talla {
        padding-left: 0.9em;
    }
}

@media(min-width:1700px) {
    .Txt_Migas, .Txt_MigasFicha, .Boton_Filtros {
        font-size: 0.9rem !important;
    }
    /*.MigasyFiltros_DesktopTablet {
        margin-left: 1.3em;
    }*/
    .NuevoImg {
        width: 14%;
    }

    .ProductColor {
        margin-top: 0.2em;
    }

    .product .description {
        margin-top: 0.6em;
    }

    .product p {
        font-size: 0.8rem;
    }

    .product p.price, .description .titulo_producto_listado {
        font-size: 0.95rem !important;
    }
    .product.quick-buy .image-quick-buy-content .elegir-talla .talla-content .talla-list .talla span {
        font-size:0.83em;
    }
    .product.quick-buy .image-quick-buy-content .elegir-talla {
        padding-left: 0.7em;
    }
}

/*CARGA LAZY-LOAD*/
.lazy-loadBanners {
    opacity: 0;
}

    .lazy-loadBanners.loaded {
        opacity: 1;
    }

.ColorWhite {
    color: white;
}

.VideoAffinityDays {
    padding-left: 4%;
    padding-right: 4%;
    position: absolute;
    top: 14%;
    left: 28%;
    width: 100%;
    text-align: center;
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
    color: #fff;
    max-width: max-content;
}

    .VideoAffinityDays p {
        font-size: 1.5em;
        letter-spacing: 2px;
    }

@media(min-width:768px) {
    .VideoAffinityDays {
        top: 58%;
        left: 28%;
    }

        .VideoAffinityDays p {
            font-size: 2em;
        }
}

@media(min-width:1280px) {
    .VideoAffinityDays p {
        font-size: 1.6em;
    }
}

.TeaserAW {
    position: absolute;
    top: 42%;
    left: 17%;
    width: 454px;
    text-align: left;
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
    color: #fff;
    max-width: max-content;
    transform: rotate(90deg);
}


    .TeaserAW p:first-child {
        font-size: 4em;
        font-weight: 700;
        letter-spacing: 2px;
        margin-bottom: 0;
    }

    .TeaserAW p:nth-child(2) {
        letter-spacing: 1px;
    }

.ComingSoonAW {
    position: absolute;
    top: 44%;
    left: 50%;
    width: 497px;
    text-align: center;
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
    color: #fff;
    max-width: max-content;
}

    .ComingSoonAW p {
        font-size: 1.2em;
        margin-bottom: 0;
        letter-spacing: 3px;
    }

@media(min-width:576px) {
    .TeaserAW {
        top: 32%;
        left: 37%;
        width: 100%;
    }

        .TeaserAW p:first-child {
            font-size: 3.4em;
        }

        .TeaserAW p:nth-child(2) {
            width: 439px;
            font-size: 14px;
        }
}

@media(min-width:768px) {
    .TeaserAW {
        top: 40%;
        left: 54%;
    }

        .TeaserAW p:first-child {
            font-size: 4.5em;
        }

        .TeaserAW p:nth-child(2) {
            font-size: 15px;
        }
}

@media(min-width:1100px) {
    .TeaserAW {
        top: 43%;
        left: 58%;
    }

        .TeaserAW p:first-child {
            font-size: 5em;
        }

        .TeaserAW p:nth-child(2) {
            width: 630px;
            font-size: 19px;
            letter-spacing: 2px;
        }
}

#countdownAW {
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
    letter-spacing: 3px;
    font-family: Montserrat;
    left: 50%;
    width: max-content;
    position:absolute;
    transform: translate(-50%, -50%);
    /*top:132%;*/
}

    #countdownAW .number {
        font-size: 20px;
        font-weight: 500;
    }

    #countdownAW .unit {
        font-size: 12px;
        font-weight: 200;
    }

@media(min-width:1280px) {
    .TeaserAW {
        top: 43%;
        left: 66%;
    }

        .TeaserAW p:first-child {
            font-size: 4.5em;
        }

        .TeaserAW p:nth-child(2) {
            width: 555px;
            font-size: 16px;
        }

    .ComingSoonAW {
        top: 36%;
    }

    #countdownAW .number {
        font-size: 45px;
    }

    #countdownAW .unit {
        font-size: 30px;
    }
}

@media(min-width:1536px) {
    .ComingSoonAW {
        top: 45%;
    }
}

@media(min-width:1700px) {
    .ComingSoonAW p {
        font-size: 1.5em;
        letter-spacing: 4px;
    }

    #countdownAW .number {
        font-size: 55px;
    }

    #countdownAW .unit {
        font-size: 40px;
    }

    .TeaserAW {
        top: 38%;
        left: 70%;
    }

        .TeaserAW p:first-child {
            font-size: 5.5em;
        }

        .TeaserAW p:nth-child(2) {
            width: 661px;
            font-size: 19px;
        }
}

/*VIDEOS CUANDO LOS PONEMOS POR LA VARIABLE SI ES MOVIL*/
@media (max-width:767px) {
    .Banners_MVideo {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
    }

    .Banners_TyDVideo {
        display: none;
    }
}

@media (min-width:768px) {
    .Banners_MVideo {
        display: none;
    }

    .Banners_TyDVideo {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
    }
}

/*EDITORIAL CITY LIGHTS*/
.CityLigths {
    background-color: black;
    padding: 77px 0px;
}

.CityLigthsCont {
    display: grid;
    grid-template-columns: 2fr 1.5fr;
    grid-gap: 6px;
    padding: 0 15px;
}

.CityLightH {
    padding: 20px 15px 125px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: end;
    justify-content: space-between;
}

    .CityLightH div:first-child {
        color: white;
        font-size: 66px;
        letter-spacing: 3px;
        line-height: 67px;
    }

.CityLightPC {
    color: white;
    font-style: italic;
    transform: rotate(-90deg);
    transform-origin: center center;
    width: fit-content;
    font-size: 12px;
    height: fit-content;
    position: absolute;
    transform: translate(-50%, -50%) rotate(-90deg);
    left: 92%;
}

.CityLightsBT {
    position: relative;
    display: inline-block;
}

.CityLightsBT div {
    position: absolute;
    top: 87%;
    left: 0;
    width: 100%;
    display: flex;
    box-sizing: border-box;
}

.CityLightsBT div p {
    font-size: 12px;
    font-weight: 600;
    padding: 0px 15px;
}

.CityLightV {
    padding: 37px;
}

.CityLightPol {
    margin-bottom: 37px;
}

@media(min-width:576px) {
    .CityLightsBT div p {
        font-size: 18px;
    }
}

@media(min-width:768px) {
    .CityLigthsCont {
        padding: 0 30px;
        grid-gap: 12px;
    }

    .CityLightH {
        padding: 20px 30px 210px;
    }

        .CityLightH div:first-child {
            line-height: 131px;
            font-size: 145px;
        }

    .CityLightPC {
        left: 94%;
    }

    .CityLightV {
        padding: 80px;
    }

    .CityLightPol {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 80px;
    }
}

@media(min-width:1280px) {
    .CityLigths {
        padding: 128px 0px;
    }

    .CityLigthsCont {
        padding: 0 60px;
        grid-gap: 21px;
    }

    .CityLightH {
        padding: 76px 60px 340px;
    }

        .CityLightH div:first-child {
            line-height: 178px;
            font-size: 191px;
        }

    .CityLightPC {
        left: 93%;
        font-weight: 200;
        letter-spacing: 3px;
        transform: translate(-50%, -53%) rotate(-90deg);
        font-size: 24px;
    }

    .CityLightsBT div p {
        font-size: 28px;
        padding: 0px 77px;
        letter-spacing: 1px;
    }

    .CityLightV {
        padding: 118px 228px;
    }

    .CityLightPol {
        margin-bottom: 118px;
    }
}

@media(min-width:1770px) {
    .CityLightH {
        padding: 76px 60px 440px;
    }

        .CityLightH div:first-child {
            line-height: 244px;
            font-size: 283px;
        }

    .CityLightPC {
        font-size: 35px;
    }

    .CityLightsBT div p {
        font-size: 39px;
        padding: 0px 106px;
        letter-spacing: 1px;
        line-height: 60px;
    }

    .CityLightV {
        padding: 200px 300px;
    }

    .CityLightPol {
        margin-bottom: 200px;
    }
}

/*@media (max-width: 767px) and (orientation: portrait) {
    .Banner2Btn p {
        font-size: 1.5em;
        letter-spacing: 1px;
        line-height: 26px;
        font-weight: 600;
        color: white;
        margin: 0;
        position: absolute;
        text-align: center;
    }

    .Banner2Btn .city {
        top: 42%;
        left: 10%;
    }

    .Banner2Btn .lights {
        top: 42%;
        right: 10%;
    }

    .Banner2Btn .made-in-spain {
        top: 20%;
        left: 5%;
        transform: rotate(-90deg);
        transform-origin: left;
        font-size: 12px;
        font-weight: 600;
        font-style: italic;
    }

    .Banner2Btn .preview-collection {
        bottom: 35%;
        right: 5%;
        transform: rotate(-90deg);
        font-size: 12px;
        font-weight: 600;
        transform-origin: right;
        font-style: italic;
    }
}*/

/*@media (max-width: 767px) and (orientation: landscape) {
    .Banner2Btn p {
        font-size: 1.5em;
        letter-spacing: 1px;
        line-height: 26px;
        font-weight: 600;
        color: white;
        margin: 0;
        position: absolute;
        text-align: center;
    }

    .Banner2Btn .city {
        top: 42%;
        left: 10%;
    }

    .Banner2Btn .lights {
        top: 42%;
        right: 10%;
    }

    .Banner2Btn .made-in-spain {
        top: 20%;
        left: 5%;
        transform: rotate(-90deg);
        transform-origin: left;
        font-size: 12px;
        font-weight: 600;
        font-style: italic;
    }

    .Banner2Btn .preview-collection {
        bottom: 35%;
        right: 5%;
        transform: rotate(-90deg);
        font-size: 12px;
        font-weight: 600;
        transform-origin: right;
        font-style: italic;
    }
}*/

@media(min-width:576px) {
    .Banner2Btn .preview-collection {
        bottom: 22%;
    }
}

@media (min-width: 768px) and (orientation: landscape) {
    .Banner2Btn .lights {
        top: 21%;
        left: 50%;
        transform: translate(-50%, 0) rotate(-90deg);
        transform-origin: center top;
        font-size: 34px;
    }

    .Banner2Btn .made-in-spain {
        bottom: 3%;
        left: 3%;
        font-size: 12px;
        font-style: italic;
    }

    .Banner2Btn .preview-collection {
        bottom: 3%;
        right: 3%;
        font-size: 12px;
        font-style: italic;
    }
}

@media (min-width: 768px) and (orientation: portrait) {
    .Banner2Btn .lights {
        top: 47%;
        right: 23%;
        transform: rotate(0deg);
        transform-origin: center bottom;
    }

    .Banner2Btn .made-in-spain {
        bottom: 78%;
        left: 3%;
        transform: rotate(-90deg);
        transform-origin: left;
        font-size: 12px;
    }

    .Banner2Btn .preview-collection {
        bottom: 20%;
        right: 2%;
        transform: rotate(-90deg);
        transform-origin: right bottom;
        font-size: 12px;
    }
}

@media(min-width:1770px) {
    .Banner2Btn .lights {
        font-size: 44px;
        letter-spacing: 5px;
    }

    .Banner2Btn .made-in-spain, .Banner2Btn .preview-collection {
        font-size: 16px;
    }

    .Banner2Btn .city {
        top: 67%;
    }

    .Banner2Btn .lights {
        top: 19%;
    }
}

@media(min-width:2250px) {
    .Banner2Btn .city {
        top: 68%;
    }
}

.AvisoTiendaRef {
    font-size: 13px;
    padding-right: 37px;
    margin-top: 6px;
    color: #d50000;
}

@media(min-width:1280px) {
    .AvisoTiendaRef {
        font-size: 15px;
    }
}

.PinoInterview {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
}
.PinoInterviewResponsive {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.PinoInterviewBtn {
    border: 1px solid;
    padding: 0.6em 2.5em;
    width: max-content;
    margin: 33px auto;
}
@media(min-width:768px) {
    .PinoInterview {
        align-items: center;
        height: auto;
    }
    .PinoInterviewBtn {
        margin: 54px auto 10px;
    }
}
@media(min-width:1280px) {
    .PinoInterview {
        width:100%;
    }
    .PinoInterviewResponsive {
        width: 81%;
        margin-top: 120px;
    }
}
@media(min-width:1500px) {
    .PinoInterviewResponsive {
        width: 67%;
        margin-top: 100px;
    }
    .PinoInterviewBtn {
        margin: 64px auto 60px;
    }
}

/*EDITORIAL PINO*/
.PinoEdit {
    position: relative;
    display: inline-block;
}

.PinoEdit div {
    position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
}

.PinoEdit div p {
    font-size: 14px;
    font-weight: 800;
    padding: 0px 15px;
    text-align: justify;
}

.PinoEditText {
    padding: 33px 52px 28px 10px;
    font-weight: 700;
    text-align: justify;
}
.Pino1Col {
    margin: 70px 0px;
}
.Pino2Col, .Pino3Col {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    margin: 10px;
}
.PinoEdiInte {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 70px;
    width: 100vw;
}
.PinoEditText2 {
    padding: 33px 52px 28px 10px;
}
.PinoEditText2 p:first-child {
    font-weight: 800;
    font-size: 18px;
    width: 67%;
    padding-bottom: 8px;
}
.PinoEditText2 p:nth-child(2) {
    font-weight:700;
    text-align: justify;
}
@media(min-width:768px) {
    .PinoEdit div {
        top:50%;
    }
    .PinoEdit div p {
        font-size:16px;
    }
    .PinoEditText {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 50px 20px 0px 20px;
        grid-gap: 43px;
    }
    .PinoEditText p {
        font-size:12px;
    }
    .Pino2Col {
        grid-template-columns: 1fr 1fr;
        margin: 50px 10px;
    }
    .Pino3Col {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .PinoEditText2 p:first-child {
        width:60%;
    }
    .PinoEditText2 {
        padding: 50px 20px 0px 20px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: start;
    }
    .PinoEditText2 p:nth-child(2) {
        font-size:12px;
    }
    .PinoEdiInte video {
        width:80%;
    }
}
@media(min-width:1280px) {
    .PinoEdit div {
        padding: 0 96px;
    }
    .PinoEdit div p {
        font-size: 22px;
    }
    .PinoEditText {
        padding: 100px 80px 0px 80px;
        grid-gap: 207px;
    }
    .Pino2Col, .Pino1Col {
        margin: 100px 10px;
    }
    .PinoEditText p, .PinoEditText2 p:nth-child(2) {
        font-size: 14px;
    }
    .PinoEditText2 p:first-child {
        width: 31%;
    }
    .PinoEditText2 {
        padding: 100px 80px 0px 80px;
    }
    .PinoEdiInte {
        margin-bottom:100px;
    }
}
@media(min-width:1500px) {
    .PinoEditText {
        padding: 130px 100px 0px 100px;
    }
    .PinoEdit div p {
        font-size: 25px;
    }
    .Pino2Col, .Pino1Col {
        margin: 130px 10px;
    }
    .PinoEditText2 {
        padding: 130px 80px 0px 80px;
    }
    .PinoEditText2 p:nth-child(2) {
        padding-left: 123px;
    }
    .PinoEdiInte video {
        margin-top: 0;
    }
    .PinoEdiInte {
        margin-bottom: 130px;
    }
}
@media(min-width:1770px) {
    .PinoEdit div {
        padding: 0 165px;
        top: 45%;
    }
    .PinoEditText {
        padding: 150px 200px 0px 200px;
        grid-gap: 288px;
    }
    .PinoEditText p, .PinoEditText2 p:nth-child(2) {
        font-size: 16px;
    }
    .Pino2Col, .Pino1Col {
        margin: 150px 10px;
    }
    .PinoEditText2 p:first-child {
        font-size: 20px;
    }
    .PinoEditText2 p:first-child {
        width: 27%;
    }
    .PinoEditText2 {
        padding: 150px 200px 0px 200px;
    }
    .PinoEdiInte {
        margin-bottom: 150px;
    }
    .PinoEdiInte video {
        width: 69%;
    }
    .Pino2Col, .Pino1Col {
        margin: 150px 10px;
    }
    .PinoEdiInte {
        margin-bottom: 150px;
    }
}

/*LANDINGS DEL MUSEO DE LA TIENDA - QR*/
.containerIdiomas {
    text-align: center;
    margin-top: 107px;
}

.containerIdiomas p:first-child {
    text-align:center;
    margin: 0px auto 12px auto;
    font-weight: 700;
    font-size: 24px;
    max-width: 900px;
    width: 86%;
}

.containerIdiomas p:nth-child(2) {
    margin: 0px auto;
    font-size: 14px;
    text-align: center;
    width: 77%;
    max-width: 623px;
}

.buttons {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    gap: 55px;
    margin-top: 43px;
}

.audio-container {
    text-align: center;
}

.audio-container  p {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 2px;
}

audio {
    width: 350px;
    margin: 10px auto 0px auto;
}

.imgABrand {
    max-width: 636px;
    width: 85%;
    margin-bottom: 22px;
}
.seleIdioma {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 30px;
    grid-gap: 11px;
    margin-bottom: 4em;
    max-width: 400px;
}
.seleIdioma a {
    background-color: black;
    color: white;
    border: none;
    padding: 8px;
    font-size: 14px;
    width: 180px;
    margin: auto;
    text-align: center;
}
@media(min-width:760px) {
    .containerIdiomas p:nth-child(2) {
        width:52%;
    }
    .seleIdioma {
        grid-template-columns: 1fr 1fr;
        grid-gap: 0;
        width: 52%;
        margin-left: auto;
        margin-right: auto;
    }
    .imgABrand {
        width: 48%;
    }
}

@media(min-width:1280px) {
    .containerIdiomas {
        margin-top: 117px;
    }
    .containerIdiomas p:first-child {
        margin: 0px auto 18px auto;
        font-size: 32px;
    }
    .containerIdiomas p:nth-child(2) {
        width: 38%;
        font-size: 17px;
    }
    .seleIdioma {
        width:31%;
    }
    .imgABrand {
        width: 39%;
        margin-bottom: 32px;
    }
}

/*CONTAINER FORMULARIO CÁPSULAS AFFINITY*/
.contFormAff {
    max-width: 700px;
    margin:51px auto;
    width:100%;
}
.FormAff {
    height: auto;
    font-size: 12px !important;
    letter-spacing: 1px !important;
}
@media(min-width:768px) {
    .contFormAff {
        width: 70%;
    }
}


@font-face {
    font-family: "Montserrat";
    src: url("../_fonts/Montserrat/Montserrat-Light.eot") format('embedded-opentype'), url("../_fonts/Montserrat/Montserrat-Light.ttf") format('truetype'), url("../_fonts/Montserrat/Montserrat-Light.woff") format('woff'), url("../_fonts/Montserrat/Montserrat-Light.woff2") format('woff2');
    font-weight: 200;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: "Montserrat";
    src: url("../_fonts/Montserrat/Montserrat-Regular.eot") format('embedded-opentype'), url("../_fonts/Montserrat/Montserrat-Regular.ttf") format('truetype'), url("../_fonts/Montserrat/Montserrat-Regular.woff") format('woff'), url("../_fonts/Montserrat/Montserrat-Regular.woff2") format('woff2');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: "Montserrat";
    src: url("../_fonts/Montserrat/Montserrat-Medium.eot") format('embedded-opentype'), url("../_fonts/Montserrat/Montserrat-Medium.ttf") format('truetype'), url("../_fonts/Montserrat/Montserrat-Medium.woff") format('woff'), url("../_fonts/Montserrat/Montserrat-Medium.woff2") format('woff2');
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: "Montserrat";
    src: url("../_fonts/Montserrat/Montserrat-SemiBold.eot") format('embedded-opentype'), url("../_fonts/Montserrat/Montserrat-SemiBold.ttf") format('truetype'), url("../_fonts/Montserrat/Montserrat-SemiBold.woff") format('woff'), url("../_fonts/Montserrat/Montserrat-SemiBold.woff2") format('woff2');
    font-weight: 600;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: "Montserrat";
    src: url("../_fonts/Montserrat/Montserrat-Bold.eot") format('embedded-opentype'), url("../_fonts/Montserrat/Montserrat-Bold.ttf") format('truetype'), url("../_fonts/Montserrat/Montserrat-Bold.woff") format('woff'), url("../_fonts/Montserrat/Montserrat-Bold.woff2") format('woff2');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}

.CapNeCh {
    position: absolute;
    top: 45%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
}

.CapNeCh .Tit {
    font-family: Montserrat;
    font-weight: 200;
    font-size: 18px;
    margin-bottom: 0;
    text-align:center;
    color:white;
}


.CapNeCh .Capsula {
    font-family: 'Playfair Display';
    font-weight: 400;
    font-size: 42px;
    margin-bottom: 0;
    line-height: 40px;
    color: white;
    text-align: center;
}

.CapNeCh .Text {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 27px;
    color: white;
    text-align: center;
}
.CapText {
    padding: 0em 1em;
    text-align: center;
    font-size: 15px;
    width: 90%;
    margin: 0px auto 20px;
}


@media(min-width:768px) {
    .CapNeCh {
        top:22%;
        left:25%;
    }
    .CapNeCh .Tit {
        font-size: 20px;
    }

    .CapNeCh .Capsula {
        line-height:37px;
    }

    .CapNeCh .Text {
        font-size: 12px;
    }
}

@media(min-width:1280px) {
    .CapNeCh {
        top: 50%;
        left: 21%;
    }
    .CapNeCh .Tit {
        font-size: 27px;
    }

    .CapNeCh .Capsula {
        font-size: 60px;
        margin-bottom: 5px;
        line-height: 51px;
    }

    .CapNeCh .Text {
        font-size: 21px;
        line-height: 27px;
        margin-bottom:8px;
    }
    #countdownAW .number {
        font-size: 25px;
        font-weight: 500;
    }

    #countdownAW .unit {
        font-size: 15px;
        font-weight: 200;
    }
    .CapText {
        font-size: 16px;
        width: 77%;
    }
}

@media(min-width:1500px) {
    .CapNeCh {
        top: 48%;
    }
    .CapNeCh .Tit {
        font-size: 30px;
    }
    .CapText {
        margin: 70px auto 38px;
    }
}

@media(min-width:1700px) {
    .CapNeCh .Text {
        font-size: 26px;
    }

    .CapNeCh .Capsula {
        font-size: 73px;
        margin-bottom: 8px;
        line-height: 62px;
    }
}
@media(min-width:2400px) {
    .CapNeCh .Tit {
        font-size: 28px;
    }

    .CapNeCh .Capsula {
        font-size: 78px;
        margin-bottom: 10px;
        line-height: 68px;
    }
}

/*EDITORIAL NEXT CHAPTER*/
.ParallaxImage {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.ParallaxImage picture img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.ParallaxImage {
    background-attachment: fixed; /* Fija la imagen de fondo */
    background-position: center;
    background-size: cover;
}

.wrapper {
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.bg {
    position: relative;
    width: 100%;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    height: 100vh;
}

.bg1 {
    background-image: url(../img/lookbook/AW2425/NextChapter/NextChapter1_M.jpg);
}

.bg5 {
    background-image: url(../img/lookbook/AW2425/NextChapter/NextChapter5_M.jpg);
}

.textoB1 {
    position: absolute;
    top: 25%;
    left: 30%;
    width: max-content;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 1;
}

.textoB1-2 {
    position: absolute;
    top: 30%;
    left: 4%;
    /*transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);*/
    width: max-content;
    z-index: 1;
}

.textoB1-2 .txtNorm {
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
}
.textoB1-2 .txtNorm span {
        margin-left: 100px;
}
.textoB1 .titular {
    font-family: Montserrat;
    font-weight: 300;
    font-size: 43px;
    margin-bottom: 0;
    line-height: 34px;
    color: black;
    text-align: left;
}
.imagenNormal .textoB3 {
    position: absolute;
    top: 68%;
    padding: 0 16%;
}

.imagenNormal .textoB3 .text {
    font-family: Montserrat;
    color: white;
    font-size: 12px;
}

.imagenNormal2 .textoB8 {
    position: absolute;
    top: 80%;
    padding: 0 6%;
}
.imagenNormal2 .textoB8 .titular {
    font-family: Montserrat;
    color: white;
    font-size: 51px;
    line-height: 46px;
    margin-bottom: 0;
    font-weight:100;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.padding-left, .padding-right {
    padding: 10px 10px 0px 10px;
}


.rt-container {
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
}

.rt-row:before, .rt-row:after {
    display: table;
    line-height: 0;
    content: "";
}

.rt-row:after {
    clear: both;
}

[class^="col-rt-"] {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    min-height: 1px;
    position: relative;
}

.imagenNormal, .imagenNormal2 {
    position:relative;
}

.imagenNormal img {
    max-width: 100%;
    background-color: black;
    padding: 4% 4% 92% 4%;
}

.imagenNormal2 img {
    max-width: 100%;
    background-color: black;
    padding: 4% 4% 55% 4%;
}


@media (min-width: 768px) {
    .wrapper {
        height: 100%;
    }
    .bg1 {
        background-image: url(../img/lookbook/AW2425/NextChapter/NextChapter1_D.jpg);
        background-position-x: 69%;
    }
    .bg5 {
        background-image: url(../img/lookbook/AW2425/NextChapter/NextChapter5_D.jpg);
    }
    [class^="col-rt-"] {
        float: left;
        width: 49.9999999999%;
    }
    .textoB1 {
        top: 24%;
    }
    .textoB1 .titular {
        font-weight: 300;
        font-size: 77px;
        margin-bottom: 0;
        line-height: 64px;
    }
    .textoB1-2 {
        top: 30.5%;
        left: 8%;
    }
    .textoB1-2 .txtNorm {
        font-size: 17px;
        line-height: 16px;
        font-weight: 600;
    }
    .textoB1-2 .txtNorm span {
        margin-left: 196px;
    }
    .imagenNormal img {
        padding: 4% 4% 53% 4%;
    }
    .imagenNormal .textoB3 {
        top: 76%;
        padding:0;
    }
    .imagenNormal .textoB3 .text {
        font-size: 15px;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
    .imagenNormal2 .textoB8 {
        top: 82%;
    }
    .imagenNormal2 img {
        padding: 4% 4% 40% 4%;
    }
    .imagenNormal2 .textoB8 .titular {
        font-size: 72px;
        line-height: 60px;
    }
}
@media (min-width: 1200px) {
    .bg1 {
        background-position-x: 89%;
    }
    .padding-left {
        padding: 20px 10px 20px 20px;
    }

    .padding-right {
        padding: 20px 20px 20px 10px;
    }
    .textoB1 {
        top: 30%;
        left: 26%;
    }
    .textoB1 .titular {
        font-size: 87px;
        line-height: 64px;
    }
    .textoB1-2 {
        top: 40%;
        left: 10%;
    }
    .textoB1-2 .txtNorm {
        font-size: 18px;
        line-height: 16px;
        font-weight: 600;
    }
    .textoB1-2 .txtNorm span {
        margin-left: 225px;
    }
    .imagenNormal img {
        padding: 4% 4% 33% 4%;
    }
    .imagenNormal .textoB3 {
        top: 84%;
        padding: 0;
    }
    .imagenNormal .textoB3 .text {
        font-size: 18px;
    }
    .imagenNormal2 .textoB8 {
        top: 85%;
        padding: 0 4%;
    }
}

@media(min-width:1500px) {
    .bg {
        background-position:unset;
    }
    .imagenNormal img {
        padding: 4% 4% 31% 4%;
    }
    .imagenNormal .textoB3 {
        top: 86%;
    }
    .imagenNormal .textoB3 .text {
        font-size: 17px;
    }
    .imagenNormal2 img {
        padding: 4% 4% 31% 4%;
    }
    .imagenNormal2 .textoB8 {
        top: 86%;
    }
    .imagenNormal2 .textoB8 .titular {
        font-size: 105px;
        line-height: 84px;
    }
}
@media(min-width:1700px) {
    .textoB1 {
        top: 30%;
        left: 59%;
    }
    .textoB1 .titular {
        font-size: 114px;
        line-height: 87px;
    }
    .textoB1-2 {
        top: 41%;
        left: 9.5%;
    }
    .textoB1-2 .txtNorm {
        font-size: 18px;
        line-height: 16px;
        font-weight: 600;
    }
    .textoB1-2 .txtNorm span {
        margin-left: 342px;
    }
}



/*.bg {
    height: calc(var(--vh) * 100); /* Ajuste dinámico de la altura 
    min-height: 100vh; /* Respaldo en caso de que JavaScript no funcione 
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}*/

/*******PARALLAX MOVIL******/

.bg-img-fixed {
    position: fixed;
    top: 0;
    left:0;
    right:0;
    bottom:0;
}
.bg-img-fixed img, .bg-img-fixed video{
    height: 110vh;
    /*width: 100vw;*/   
    width: 100%; 
    object-fit: cover;
}
.bg-img-fixed > .resize-wrapper {
    overflow: hidden; 
    /*width: 100vw;*/
    width: 100%; 
}

.bg-img-fixed.z-1{z-index: -1;}    
.bg-img-fixed.z-2{z-index: -2;}   
.bg-img-fixed.z-3{z-index: -3;}  
.bg-img-fixed.z-4{z-index: -4;}  
.bg-img-fixed.z-5{z-index: -5;}  
.bg-img-fixed.z-6{z-index: -6;}

.content-section {
    height: 100vh; /* Cada sección ocupa todo el alto de la pantalla */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; /* Para asegurar que el contenido se posicione sobre la imagen de fondo */
    background: white;
    color: #333; /* Color del texto */
    text-align: center; /* Centrar el texto */
}

.Colum2NextChp {
    display: grid;
    grid-gap: 10px;
    background-color: white;
    padding: 10px;
}

@media(min-width:768px) {
    .bg-img-fixed {
        left: -69%;
    }
    .Colum2NextChp {
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px;
        padding: 15px;
    }
}
@media(min-width:1100px) {
    .bg-img-fixed {
        left: 0;
    }
    .textoB1-2 {
        top: 35%;
    }
}
@media(min-width:1280px) {
    .textoB1-2 {
        top: 40%;
    }
}
@media(min-width:1500px) {
    .textoB1 {
        top: 30%;
        left: 23%;
    }
    .textoB1-2 {
        top: 41%;
        left:9.5%;
    }
}

/*MENÚ CON TRANSICIÓN A FONDO BLANCO*/
@media(min-width:768px) {
    .Cesta, CestaBlanco {
        font-size: 10px;
    }
}
@media(min-width:1100px) {
    .header .content-logo {
        height: 76px;
    }

    .Container_Menu {
        padding-left: 10px !important;
    }

    .justify-content-md-end, .header .header-menu.last {
        padding-right: 15px;
        width: auto;
        /*width: 31%;*/
    }

    .justify-content-md-start, .header .header-menu {
        width: 11%;
    }
    .MenuNavbar, .MenuNavbarBlanco {
        margin-left: 8px;
        padding-top: 8px;
    }
    /*.NavAc, .NavAcBlanco, .MiCesta, .MiCestaBlanco, #cliente-logueado, .MenuNavbar a, .MenuNavbarBlanco a, .MenuDropDown-content a, .MenuDropDownBlanco-content a*/
    /*.MiCesta, .MiCestaBlanco, #cliente-logueado, .MenuNavbar a, .MenuNavbarBlanco a, .MenuDropDown-content a, .MenuDropDownBlanco-content a{
        font-size: 13px;
    }*/
}
@media (min-width: 1500px) {
    .header .content-logo {
        height: 81px;
    }
    .justify-content-md-start, .header .header-menu {
        width: 10%;
    }
    .Container_Menu {
        padding-left: 11px !important;
    }
}
@media (min-width: 1700px) {
    .header .content-logo {
        height: 84px;
    }
    .NavAc, .NavAcBlanco, .MiCesta, .MiCestaBlanco, #cliente-logueado, .MenuNavbar a, .MenuNavbarBlanco a, .MenuDropDown-content a, .MenuDropDownBlanco-content a, .header .sticky.is-fixed .header-menu .nav-link {
        font-size: 14px;
    }
    #inputSearch, .NavAc {
        font-size: 14px;
    }
}

/*LANDING ON THE GO*/
@font-face {
    font-family: "Roboto";
    src: url("../_fonts/Roboto/Roboto-Light.eot") format('embedded-opentype'), url("../_fonts/Roboto/Roboto-Light.ttf") format('truetype'), url("../_fonts/Roboto/Roboto-Light.woff") format('woff'), url("../_fonts/Roboto/Roboto-Light.woff2") format('woff2');
    font-weight: 300;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: "Roboto";
    src: url("../_fonts/Roboto/Roboto-Regular.eot") format('embedded-opentype'), url("../_fonts/Roboto/Roboto-Regular.ttf") format('truetype'), url("../_fonts/Roboto/Roboto-Regular.woff") format('woff'), url("../_fonts/Roboto/Roboto-Regular.woff2") format('woff2');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: "Roboto";
    src: url("../_fonts/Roboto/Roboto-Bold.eot") format('embedded-opentype'), url("../_fonts/Roboto/Roboto-Bold.ttf") format('truetype'), url("../_fonts/Roboto/Roboto-Bold.woff") format('woff'), url("../_fonts/Roboto/Roboto-Bold.woff2") format('woff2');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: "Roboto";
    src: url("../_fonts/Roboto/Roboto-Black.eot") format('embedded-opentype'), url("../_fonts/Roboto/Roboto-Black.ttf") format('truetype'), url("../_fonts/Roboto/Roboto-Black.woff") format('woff'), url("../_fonts/Roboto/Roboto-Black.woff2") format('woff2');
    font-weight: 900;
    font-display: swap;
    font-style: normal;
}

.bg-otg {
    background-color: #202821;
    padding-top: 87px;
}
.bg-otg {
    font-weight:300;
}
.bg-otg-video {
    position:relative;
}
.bg-otg-video-tit {
    position:absolute;
    top:23%;
    width:100%;
}
.bg-otg-video-tit p:nth-child(1) {
    font-family:Roboto;
    text-align:center;
    color: #202821;
    font-weight: 900;
    font-size: 55px;
}
.bg-otg-video-tit p:nth-child(2) {
    font-family:Roboto;
    text-align:center;
    color: #202821;
    font-size: 25px;
}

.wrapper-otg {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    scroll-behavior: smooth;
    margin-left: 0;
    margin-top: 3em;
    margin-bottom: 3em;
}
.wrapper-otg-prod {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    scroll-behavior: smooth;
    margin-left: 0;
    margin-top: 0em;
    margin-bottom: 0em;
}

.wrapper-otg > div, .wrapper-otg-prod > div {
    /*height: 120px; hide the scroll bar background: #f3f3f3;*/
    box-sizing: border-box;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.wrapper-otg > div ol, .wrapper-otg-prod > div ol {
    width:100%;
    padding-left: 20px;
    margin-bottom:0;
}
.otg-slide {
    padding-right: 20px;
    padding-left: 20px;
    color: white;
}

.wrapper-otg > div li {
    display: inline-block;
    width: 61%;
    height: 100%;
    white-space: normal;
    vertical-align: middle;
}
.wrapper-otg-prod> div li {
    display: inline-block;
    width: 63%;
    height: 100%;
    white-space: normal;
    vertical-align: middle;
}

.wrapper-otg a:hover {
    color: white;
}
.otg-slide-txt1 {
    font-family: 'Roboto';
    font-size: 34px;
    line-height: 22px;
    font-weight: 700;
    text-align: right;
    margin-bottom: 5px;
}
.otg-slide-txt2 {
    font-family: 'Roboto';
    font-size: 13px;
    text-align: right;
}
.otg-slide-txt3 {
    font-family: 'Roboto';
    font-size: 30px;
    line-height: 32px;
    font-weight: 700;
    margin-top: 51px;
    margin-bottom: 7px;
}
.otg-slide-txt3-de {
    font-family: 'Roboto';
    font-size: 19px;
    line-height: 23px;
    font-weight: 700;
    margin-top: 51px;
    margin-bottom: 5px;
}
.otg-slide-txt4 {
    font-family: 'Roboto';
    margin-bottom: 0;
    font-size: 13px;
}
.videoWrapper {
    max-width: -webkit-fill-available; /* Chrome, Safari */
    max-width: -moz-available; /* Firefox */
    max-width: fill-available; /* Navegadores que soporten la propiedad estándar */
    max-width: 100%; /* Alternativa genérica */
    box-sizing: inherit;
    height: auto;
    vertical-align: middle;
}
.otg-bs {
    max-width: 1200px;
    width:85%;
    margin: 50px auto;
}
.otg-bs p:nth-child(1) {
    font-family: 'Roboto';
    text-align: center;
    color: white;
    font-size: 36px;
    font-weight: 900;
    margin-bottom: 7px;
}

.otg-bs p:nth-child(2) {
    font-family: 'Roboto';
    text-align: center;
    color: white;
    font-size: 12px;
}

.otg-des-product p {
    font-family: 'Roboto';
    color: white;
    font-size: 12px;
    text-transform: capitalize;
    margin-top: 6px;
    margin-bottom: 0;
}
.otg-des-product a:hover {
    color:white;
}

.otg-img-full {
    margin-top: 50px;
}

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

.otg-headline {
    color: white;
    padding: 50px 0;
    text-align:center;
}
.otg-headline p:nth-child(1) {
    font-family: 'Roboto';
    font-size: 12px;
    margin-left: 20px;
    margin-bottom: 0px;
    text-align:left;
}
.otg-headline p:nth-child(2) {
    font-family: 'Roboto';
    text-align: center;
    margin-bottom: 0;
    font-weight: 900;
    font-size: 64px;
    line-height: 53px;
}
.otg-headline p:nth-child(3) {
    font-family: 'Roboto';
    text-align: left;
    font-size: 12px;
    width: 70%;
    margin-left: 30%;
    padding-right: 20px;
    margin-top: 3px;
    margin-bottom: 0;
}
.otg-headline svg {
    padding: 0 20px;
    fill: white;
    height: auto;
    display: block;
    margin: 0 auto;
}

.otg-listing-prod, .otg-detail-prod {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
    padding: 0 20px;
    max-width: 2550px;
    margin: 0 auto;
}

.otg-listing-prod p {
    color:white;
    font-family: Roboto;
    text-transform:capitalize;
    font-size:12px;
    margin-top:5px;
    margin-bottom:10px;
}
.otg-listing-prod a:hover {
    color: white;
}


@media(min-width:768px) {
    .bg-otg {
        padding-top: 75px;
    }
    .otg-listing-prod, .otg-detail-prod {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 9px;
        margin: 50px auto;
    }
    .otg-slide {
        padding-right: 8px;
        padding-left: 8px;
    }
    .otg-slide-txt1 {
        font-size: 25px;
        line-height: 22px;
        margin-bottom: 2px;
    }
    .otg-slide-txt3 {
        font-size: 21px;
        line-height: 23px;
        margin-top: 12px;
        margin-bottom: 2px;
    }
    .otg-bs {
        width: 68%;
    }
    .otg-listing-prod a {
        margin-bottom: 12px;
    }
    .otg-headline p:nth-child(1) {
        font-weight: 600;
        font-size: 15px;
    }
    .otg-headline p:nth-child(3) {
        font-size: 14px;
        width: 60%;
        margin-left: 40%;
    }
}
@media(min-width:1280px) {
    .bg-otg {
        padding-top: 85px;
    }
    .otg-slide {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        padding-left:20px;
        padding-right:20px;
    }
    .otg-slide-txt1 {
        font-size: 47px;
        line-height: 33px;
        margin-bottom: 7px;
    }
    .otg-slide-txt2, .otg-slide-txt4 {
        font-size: 15px;
    }
    .otg-slide-txt3 {
        font-size: 42px;
        line-height: 43px;
        margin-top: 57px;
        margin-bottom: 7px;
    }
    .otg-bs {
        width: 48%;
    }
    .otg-bs p:nth-child(1) {
        font-size: 53px;
    }
    .otg-bs p:nth-child(2) {
        font-size: 14px;
    }
    .otg-listing-prod p {
        font-size: 14px;
        margin-top: 7px;
        margin-bottom: 36px;
    }
    .otg-headline p:nth-child(1) {
        font-size: 24px;
        margin-bottom: -17px;
    }
    .otg-headline p:nth-child(3) {
        font-size: 16px;
        width: 40%;
        margin-left: 60%;
        margin-top: 7px;
    }
    .otg-listing-prod {
        margin-top:0;
    }
}
@media(min-width:1500px) {
    .bg-otg {
        padding-top: 113px;
    }
    .otg-listing-prod, .otg-detail-prod {
        padding: 0 30px;
    }
    .otg-slide {
        padding-left: 40px;
        padding-right: 40px;
    }
    .otg-slide-txt1 {
        font-size: 50px;
        line-height: 38px;
    }
    .otg-slide-txt2, .otg-slide-txt4 {
        font-size: 17px;
    }
    .otg-slide-txt3 {
        font-size: 44px;
        line-height: 45px;
    }
    .otg-headline {
        padding: 60px 0;
    }
    .otg-headline p:nth-child(1) {
        font-size: 28px;
        margin-left: 40px;
    }
    .otg-headline p:nth-child(3) {
        font-size: 20px;
        width: 45%;
        margin-left: 55%;
        margin-top: 11px;
    }
}

@media(min-width:1700px) {
    .otg-listing-prod, .otg-detail-prod {
        margin:60px auto;
        padding: 0 40px;
    }
    .otg-slide {
        padding-left: 50px;
        padding-right: 50px;
    }
    .otg-slide-txt1 {
        font-size: 65px;
        line-height: 48px;
    }
    .otg-slide-txt2, .otg-slide-txt4 {
        font-size: 17px;
    }
    .otg-slide-txt3 {
        font-size: 54px;
        line-height: 56px;
    }
    .otg-bs {
        width: 55%;
        margin: 60px auto 68px;
    }
    .otg-bs p:nth-child(1) {
        font-size: 61px;
    }
    .otg-bs p:nth-child(2) {
        font-size: 17px;
    }
    .otg-listing-prod p {
        font-size: 15px;
        margin-top: 12px;
        margin-bottom: 40px;
    }
    .otg-headline {
        padding: 72px 0px 60px;
    }
    .otg-headline p:nth-child(3) {
        font-size: 21px;
        width: 40%;
        margin-left: 60%;
        margin-top: 11px;
        padding-right: 25px;
    }
}
@media(min-width:2400px) {
    .otg-video {
        max-height:798px;
        height:100%;
    }
}
@media(min-width:2600px) {
    .otg-video {
        max-height: 837px;
    }
}

/*METEMOS ESTO AQUÍ DE LA HOME NUEVA PORQUE EN BannersHome.css DA ERROR*/
@media(min-width:768px) {
    .Colum2Banner {
        grid-template-columns: 1fr 1fr;
        background-color: white;
    }
}

/*SELECTOR DE 'GÉNERO' EN EL POPUP DE CREAR CUENTA*/
.form-genero {
    font-family: Satoshi;
    border: 0.8px solid #d8d9dd !important;
    color: #464a4c;
    padding-left: 5px;
}
.form-genero-Aff {
    font-family: Satoshi;
    border: 0.8px solid #CFAFA5 !important;
    color: #CFAFA5;
    padding-left: 5px;
}
.form-genero option {
    font-size:12px;
}
.form-genero:focus {
    font-family:Satoshi;
    color: black !important;
    border: 0.8px solid #d8d9dd !important;
    
}
.form-genero-Aff:focus {
    font-family: Satoshi;
    color: #CFAFA5 !important;
    border: 0.8px solid #CFAFA5 !important;
}
.form-genero-Aff.opcion-seleccionada {
    color: #CFAFA5 !important;
}
.form-genero.opcion-seleccionada {
    color: black !important;
}
@media(min-width:768px) {
    .form-genero option {
        font-size: 14px;
    }
}

/*EDITORIAL COWBOY - WILD WEST SPIRIT*/
.wws-banner1, .wws-tit-cont, .wws-banner4, .wws-banner5 {
    position: relative;
}

.wws-banner1 svg {
    position: absolute;
    top: 47%;
    left: 50%;
    height: auto;
    width: 78%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.wws-newdrop {
    background-color: #e3e3e3;
}
.wws-newdrop > div:nth-child(1) {
    text-align: right;
    width: 100%;
    padding: 15% 14% 15% 20%;
}
.wws-newdrop > div:nth-child(1) .text1 {
    color: #bbcf16;
    font-family: Oswald;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
}
.wws-newdrop > div:nth-child(1) .text2 {
    font-family: 'Oswald';
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 18px;
}
.wws-tit {
    position: absolute;
    top: 50%;
    display: flex;
    width: 100%;
    justify-content: space-around;
    transform: rotate(-90deg) translateX(50%);
    transform-origin: right;
    right: 6%;
}
.wws-tit p {
    font-family: 'Oswald';
    color: white;
    font-weight: 700;
    letter-spacing:1px;
}
.wws-product1, .wws-product2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
    margin: 20px 0px;
}
.wws-banner4 svg {
    position: absolute;
    bottom: 3%;
    right: 3%;
    height: auto;
    width: 36%;
    transform: translateY(0);
    -webkit-transform: translateY(0);

}
@media(min-width:768px) {
    .wws-banner1 svg {
        top: 53%;
        left: 21%;
        width: 20%;
    }
    .wws-newdrop > div:nth-child(1) {
        text-align: right;
    }
    .wws-newdrop {
        display: grid;
        grid-template-columns: 1fr 60%;
        grid-template-areas: "image text";
        align-items: center;
    }
    .image-container {
        grid-area: image; /* Asigna el área de la imagen */
    }

    .text-container {
        grid-area: text;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        width: 100%;
        padding: 0 20% !important;
        box-sizing: border-box;
    }
    .text1, .text2 {
        margin: 0; /* Elimina márgenes */
    }
    .wws-banner3 svg {
        position: absolute;
        bottom: 3%;
        left:70%;
        height: auto;
        width: 50%;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: rotate(-90deg) translateX(50%);
        transform-origin: bottom;
        padding: 0 7%;
    }
    .wws-product1, .wws-product2 {
        margin: 35px 0px;
    }
    .wws-product2 {
        grid-template-columns:1fr 1fr 1fr 1fr;
    }
    .wws-banner5 svg {
        position: absolute;
        top: 34%;
        left: 8%;
        height: auto;
        width: 38%;
    }
 }
@media(min-width:1280px) {
    .wws-newdrop {
        grid-template-columns: 1fr 55%;
    }
    .text-container {
        padding: 0 26% !important;
    }
    .wws-newdrop > div:nth-child(1) .text1 {
        font-size: 21px;
    }
    .wws-newdrop > div:nth-child(1) .text2 {
        font-size: 17px;
        line-height: 20px;
    }
}
@media(min-width:1500px) {
    .wws-banner1 svg {
        top: 54%;
        width: 21%;
    }
    .wws-newdrop > div:nth-child(1) .text2 {
        font-size: 23px;
        line-height: 29px;
    }
    .wws-newdrop > div:nth-child(1) .text1 {
        font-size: 30px;
        margin-bottom: 4px !important;
    }
    .text-container {
        padding: 0 23% !important;
    }
    .wws-product1 {
        margin: 60px 0px;
        grid-gap: 15px;
    }
}
@media(min-width:1700px) {
    .text-container {
        padding: 0 27% !important;
    }
    .wws-newdrop > div:nth-child(1) .text1 {
        font-size: 33px;
        margin-bottom: 4px !important;
    }
    .wws-newdrop > div:nth-child(1) .text2 {
        font-size: 25px;
        line-height: 31px;
    }
}
@media(min-width:2550px) {
    .wws-newdrop > div:nth-child(1) .text2 {
        font-size: 28px;
        line-height: 35px;
    }
    .wws-newdrop > div:nth-child(1) .text1 {
        font-size: 39px;
        margin-bottom: 4px !important;
    }
    .text-container {
        padding: 0 31% !important;
    }
}

/*EDITORIAL CAPTURE 2024*/
.cls-1-1, .cls-2, .cls-3, .cls-1-1-1 {
    fill: #fff;
}
.cls-1-1-1 {
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 1px;
}
.cls-1-2 {
    stroke-width: 2px;
    stroke: white;
}

.cls-2 {
    font-family: PlayfairDisplay-Regular, 'Playfair Display';
    font-size: 201.33px;
}

.cls-3 {
    font-family: Montserrat-Regular, Montserrat;
    font-size: 30.93px;
    font-variation-settings: '';
    font-weight: 400;
    transform: translate(727px, 211px) !important;
}

.cls-4 {
    letter-spacing: 0em;
}

.cls-5 {
    letter-spacing: -.02em;
}

.cls-1-2, .cls-2-2, .cls-1-5 {
    fill: #fff;
}

.cls-3-2 {
    letter-spacing: -.04em;
}

.cls-4-2-2 {
    letter-spacing: 0em;
}

.cls-5-2 {
    letter-spacing: -.02em;
}

.cls-2-2 {
    font-family: Montserrat-Regular, Montserrat;
    font-size: 30.93px;
    transform: translate(441px, 127.9px);
}

.cls-1-3 {
    fill: #221f20;
    stroke: #d0cecc;
    stroke-miterlimit: 10;
    stroke-width: 2px;
}

.cls-1-4 {
    fill: #221f20;
}
.capture-banner1 {
    position:relative;
}
.capture-banner1 .svg-1 {
    position: absolute;
    top: 20%;
    left: 50%;
    height: auto;
    width: 95%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.capture-banner1 .svg-2 {
    position: absolute;
    top: 89%;
    left: 50%;
    height: auto;
    width: 73%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.capture-capital {
    background-color: #d0cecc;
    text-align:center;
}
.capture-capital svg {
    width: 74%;
    margin: 57px auto 30px auto;
}

.capture-capital-txt {
    font-family: 'Playfair Display';
    font-size: 12px;
    padding: 20px 30px 60px 30px;
    line-height: 16px;
}
.capture-capital-txt::first-letter {
    font-size: 35px;
}
.capture-bootEverest, .capture-bootAnkara, .capture-graphicM {
    position:relative;
}
.capture-bootEverest .txtEverest {
    position: absolute;
    top: 9%;
    font-family: 'Playfair Display';
    font-size: 15px;
    text-align: right;
    width: 35%;
    left: 54%;
    line-height: 16px;
}
.capture-bootAnkara .txtAnkara {
    position: absolute;
    top: 51%;
    font-family: 'Playfair Display';
    font-size: 15px;
    text-align: right;
    width: 37%;
    left: 54%;
    line-height: 16px;
}
.capture-graphicM svg {
    position: absolute;
    top: 16%;
    left: 50%;
    height: auto;
    width: 45%;
}
@media(min-width:768px) {
    .capture-text-container {
        display:grid;
        grid-template-columns:1fr 1fr;
    }
    .capture-banner1 .svg-1 {
        top: 24%;
        left: 72%;
        width: 47%;
    }
    .capture-banner1 .svg-2 {
        top: 89%;
        left: 85%;
        width: 22%;
    }
    .capture-capital-txt {
        padding: 0px 30px 0px 30px;
    }
    .capture-bootEverest, .capture-bootAnkara {
        display: grid;
        grid-template-columns: 1fr 1fr;
        text-align: center;
    }
    .capture-bootEverest svg {
        width: 80%;
        margin: 86px auto 0px auto;
    }
    .capture-bootEverest .txtEverest, .capture-bootAnkara .txtAnkara {
        top: 5%;
        font-size: 14px;
        width: 22%;
        left: 75%;
        line-height: 19px;
    }
}
@media(min-width:1280px) {
    .capture-banner1 .svg-1 {
        top: 24%;
        left: 50%;
        width: 70%;
    }
    .cls-3 {
        transform: translate(795px, 201px) !important;
        font-size: 17px;
    }
    .capture-banner1 .svg-2 {
        top: 91%;
        left: 74%;
        width: 22%;
    }
    .capture-capital svg {
        margin: 144px auto 45px auto;
    }
    .capture-capital-txt {
        padding: 0px 67px;
        font-size: 15px;
        line-height: 20px;
    }
    .capture-bootEverest svg {
        width: 75%;
        margin: 155px auto 0px auto;
    }
    .capture-bootEverest .txtEverest, .capture-bootAnkara .txtAnkara {
        top: 9%;
        font-size: 20px;
        width: 17%;
        left: 79%;
        line-height: 24px;
    }
    .cls-1-1-1 {
        stroke-width: 0px;
    }
}
@media(min-width:1500px) {
    .capture-capital svg {
        margin: 154px auto 45px auto;
    }
    .capture-capital-txt {
        padding: 0px 73px;
        font-size: 17px;
        line-height: 22px;
    }
    .capture-bootEverest svg {
        width: 75%;
        margin: 165px auto 0px auto;
    }
    .capture-bootEverest .txtEverest, .capture-bootAnkara .txtAnkara {
        top: 8%;
        font-size: 25px;
        width: 20%;
        left: 77%;
        line-height: 27px;
    }
}
@media(min-width:1700px) {
    .capture-banner1 .svg-1 {
        top: 25%;
        width: 82%;
    }
    .capture-banner1 .svg-2 {
        top: 93%;
        left: 79%;
        width: 22%;
    }
    .cls-3 {
        font-size: 16px !important;
        transform: translate(800px, 195px) !important;
    }
    .cls-2-2 {
        font-size: 25.93px;        
    }
    .capture-capital svg {
        width: 80%;
        margin: 170px auto 30px auto;
    }
    .capture-capital-txt {
        font-size: 19px;
        padding: 0px 128px;
        line-height: 22px;
    }
    .capture-capital-txt::first-letter {
        font-size: 60px;
    }    
    .capture-bootEverest svg {
        width: 80%;
        margin: 190px auto 190px auto;
    }
    .capture-bootEverest .txtEverest, .capture-bootAnkara .txtAnkara {
        top: 8%;
        font-size: 25px;        
        width: 15%;
        left: 82%;
        line-height: 30px;
    }
}
@media(min-width:2500px) {
    .cls-3 {
        font-size: 12px !important;
        transform: translate(820px, 193px) !important;
    }
    .capture-capital svg {
        width: 71%;
        margin: 300px auto 55px auto;
    }
    .capture-capital-txt {
        font-size: 21px;
        padding: 0px 165px;
        line-height: 27px;
    }
    .capture-bootEverest svg {
        margin: 260px auto 190px auto;
    }
    .capture-bootEverest .txtEverest, .capture-bootAnkara .txtAnkara {
        top: 8%;
        font-size: 28px;
        width: 12%;
        left: 85%;
        line-height: 34px;
    }
}


/*SECCIÓN FAVORITOS 2024*/
.fav-section {
    position: relative;
    /* max-width: 500px; */
    overflow-x: hidden;
    overflow-y: hidden;
    scroll-behavior: smooth;
    margin-left: 0;
    padding-bottom: 2em;
    background-color: white;
    padding-top: 2.5em;
}
@media(min-width:768px) {
    .fav-section {
        padding-bottom: 4em;
    }
}
@media(min-width:1920px) {
    .fav-section {
        padding-top: 4.5em;
    }
}
.fav-section > div {
    box-sizing: border-box;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.cont-fav-section::-webkit-scrollbar {
    -webkit-appearance: none;
}

.cont-fav-section::-webkit-scrollbar:vertical {
    width: 10px;
}

.cont-fav-section::-webkit-scrollbar-button:increment, .cont-fav-section::-webkit-scrollbar-button {
    display: none;
}

.cont-fav-section::-webkit-scrollbar:horizontal {
    height: 10px;
}

.cont-fav-section::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

.cont-fav-section::-webkit-scrollbar-track {
    border-radius: 10px;
}
.fav-section > div ol {
    width: 65%;
    padding-left:0;
    margin-bottom:0;
}
.fav-section > div li {
    display: inline-block;
    width: 61%;
    height: 100%;
    white-space: normal;
    vertical-align: top;
}
.product-fav-section {
    margin-top: 0.5em;
}
@media(min-width:1280px) {
    .fav-section > div ol {
        width: 43%;
    }
}
@media(min-width:1280px) {
    .fav-section > div ol {
        width: 48%;
    }
}
@media(min-width:1700px) {
    .fav-section > div ol {
        width: 44%;
    }
}
@media(min-width:2500px) {
    .fav-section > div ol {
        width: 37%;
    }
}

/*LANDING LOGIN*/
.hispanitas-login {
    display: grid;
    grid-template-columns: 1fr;
}
.hispanitas-login-title {
    font-size: 18px;
    font-weight: 700;   
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}
.hispanitas-login-body {
    padding:0px 20px;
}
.hispanitas-login-img {
    width:100%;
}
.hispanitas-login-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    margin-bottom: 2em;
}
.hispanitas-login-buttons button {
    font-size: 13px;
}
@media(min-width:768px) {
    .hispanitas-login {
        grid-template-columns: 1fr 0.75fr;
        margin: 0;
        align-items: center;
        margin-bottom: 1em;
    }
    .hispanitas-login-body {
        width: 87%;
        margin: 0 auto;
    }
}
@media(min-width:1280px) {
    .hispanitas-login-body {
        width:75%;
    }
    .hispanitas-login-title {
        font-size:20px;
        margin-bottom:13px;
    }
    .hispanitas-login-buttons button {
        font-size: 14px;
    }
}
@media(min-width:1500px) {
    .hispanitas-login-body {
        width: 65%;
    }
}
@media(min-width:1920px) {
    .hispanitas-login {
        grid-template-columns: 0.75fr 0.75fr;
    }
    .hispanitas-login-body {
        width: 47%;
        margin: 0 auto;
    }
    login-title {
        font-size: 20px;
    }
}


.listTopN:hover {
    color:inherit;
}
.descriptionTopN {
    padding-left: 5px;
}
.descriptionTopN .topNNombre {
    font-size: 12px;
    margin-bottom:0px;
}
.descriptionTopN .topNNombre:hover {
    color:black;
}
    .descriptionTopN .topNPrice {
        display: grid;
        grid-template-columns: 1fr 1fr;
        font-size: 12px;
        width: fit-content;
        grid-gap: 10px;
        font-weight: 600;
    }
.descriptionTopN .topNPrice p:nth-child(1) {
    text-align:left;
    margin-bottom:0;
}
.descriptionTopN .topNPrice p:nth-child(2) {
    text-decoration: line-through;
    margin-bottom:0;
}

@media(min-width:768px) {
    .descriptionTopN {
        display: grid;
        grid-template-columns: 8fr 1fr;
        margin-top: 7px;
    }
    .descriptionTopN .topNPrice {
        grid-gap: 10px;
    }
    .descriptionTopN .topNNombre {
        font-size:14px;
            line-height: 21px;
    }
}
@media(min-width:1500px) {
    .descriptionTopN .topNPrice {
        font-size: 14px;
        grid-gap: 13px;
    }
    .descriptionTopN .topNNombre {
        font-size:14px;
            line-height: 21px;
    }
}
@media(min-width:1500px) {
    .descriptionTopN {
        margin-top: 9px;
    }

    .descriptionTopN .topNPrice {
        font-size: 14px;
        grid-gap: 13px;
    }

    .descriptionTopN .topNNombre {
        font-size: 14px;
        line-height: 21px;
    }

    .descriptionTopN .topNNombre {
        font-size: 16px;
        line-height: 23px;
    }
    .descriptionTopN .topNPrice {
        font-size: 16px;
    }    
}

/*EDITORIAL NAVIDAD 2024*/
@font-face {
    font-family: "Arial";
    src: url("../_fonts/Arial/ArialBlack.eot") format('embedded-opentype'), url("../_fonts/Arial/ArialBlack.ttf") format('truetype'), url("../_fonts/Arial/ArialBlack.woff") format('woff'), url("../_fonts/Arial/ArialBlack.woff2") format('woff2');
    font-weight: 800;
    font-display: swap;
    font-style: normal;
}
.mc-banner1, .mc-banner2, .mc-banner4, .mc-banner5 {
    position: relative;
}
.mc-banner1 .mcma {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.mc-banner1 .mcma p {
    font-family: Arial;
    color: #e30614;
    text-transform: uppercase;
    font-size: 46px;
    text-align: center;
    font-weight: 800;
    line-height: 47px;
}
.mc-banner2 .mc-text1 p {
    font-family: Arial;
    color: #e30614;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 12px;
    width: 80%;
    padding: 35px 0px 35px 28px;
    line-height: 16px;
}
.mc-banner5 .mc-text2 {
    position: absolute;
    top: 87%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.mc-banner5 .mc-text2 p {
    font-family: Arial;
    color: #e30614;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 12px;  
    padding: 0px 20px 0px 35%;
    line-height: 16px;
    text-align:right;
}
.mc-tit p {
    font-family: Arial;
    color: #e30614;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 34px;
    padding: 30px 15px;
    line-height: 29px;
}

.mc-tit .tit-left {
    text-align:left;
}
.mc-tit .tit-right {
    text-align: right;
}
.mc-product {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    margin: 0px 10px;
}

@media(min-width:768px) {
    .mc-banner1 .mcma p {
        line-height: 42px;
    }
    .mc-banner1 .mcma {
        width: 72%;
    }
    .mc-banner2 .mc-text1 {
        position: absolute;
        top: 78%;
        left: 65%;
        transform: translate(0%, -50%);
        width: inherit;
    }
    .mc-banner2 .mc-text1 p {
        width:100%;
        text-align:right;
        font-size:16px;
        padding-right:35px;
        line-height: 18px;
    }
    .mc-banner4 .mc-text4 {
        position: absolute;
        top: 91%;
        left: 50%;
        transform: translate(0%, -50%);
        width: inherit;
    }
    .mc-banner4 .mc-text4 p {
        font-family: Arial;
        color: #e30614;
        font-weight: 800;
        text-transform: uppercase;
        font-size:16px;
        padding-right:35px;
        text-align:right;
        line-height: 18px;
    }
    .mc-tit p {
        font-size: 70px;
        padding: 50px 25px;
        line-height: 67px;
    }
}
@media(min-width:1280px) {
    .mc-banner1 .mcma {
        width: 80%;
    }
    .mc-banner1 .mcma p {
        line-height: 75px;
        font-size: 90px;
    }
    .mc-banner2 .mc-text1 {
        top: 78%;
    }
    .mc-banner2 .mc-text1 p, .mc-banner4 .mc-text4 p {
        padding-left: 15%;
        font-size: 18px;
        line-height: 20px;
    }
    .mc-tit p {
        font-size: 121px;
        padding: 65px 35px;
        line-height: 103px;
    }
    .mc-product {
        grid-gap: 28px;
        margin: 0px 38px;
    }
}
@media(min-width:1500px) {
    .mc-banner1 .mcma p {
        line-height: 86px;
        font-size: 103px;
    }
    .mc-banner2 .mc-text1 {
        top: 78%;
    }
    .mc-banner2 .mc-text1 p, .mc-banner4 .mc-text4 p {
        padding-left: 0%;
        font-size: 23px;
        line-height: 27px;
    }
    .mc-tit p {
        font-size: 139px;
        padding: 85px 50px;
        line-height: 117px;
    }
    .mc-product {
        grid-gap: 44px;
        margin: 0px 55px;
    }
}
@media(min-width:1800px) {
    .mc-banner1 .mcma {
        top:46%;
        width: 83%;
    }
    .mc-banner1 .mcma p {
        line-height: 106px;
        font-size: 126px;
    }
    .mc-banner2 .mc-text1 {
        top: 81%;
        left: 58%;
    }
    .mc-banner2 .mc-text1 p, .mc-banner4 .mc-text4 p {
        padding-left: 17%;
        font-size: 27px;
        line-height: 33px;
    }
    .mc-tit p {
        font-size: 172px;
        padding: 105px 60px;
        line-height: 141px;
    }
    .mc-product {
        grid-gap: 58px;
        margin: 0px 72px;
    }
}

@media(min-width:2450px) {
    .mc-banner1 .mcma p {
        line-height: 134px;
        font-size: 159px;
    }
    .mc-banner2 .mc-text1 p, .mc-banner4 .mc-text4 p {
        padding-left: 24%;
        font-size: 31px;
        line-height: 37px;
    }
    .mc-tit p {
        font-size: 215px;
        padding: 115px 70px;
        line-height: 176px;
    }
    .mc-product {
        grid-gap: 72px;
        margin: 0px 82px;
    }
}

.add-to-cart-mobile-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 15px 9px 15px;
    z-index: 9999999;
    margin-bottom: 0 !important;
    background-color: white;
}

@font-face {
    font-family: "Arial";
    src: url("../_fonts/Arial/Arial.eot") format('embedded-opentype'), url("../_fonts/Arial/Arial.ttf") format('truetype'), url("../_fonts/Arial/Arial.woff") format('woff'), url("../_fonts/Arial/Arial.woff2") format('woff2');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}


/*CARRUSEL NUEVO PARA LA FICHA DE PRODUCTO EN MÓVIL*/
.swiper-container {
    width: 100%;
    height: auto;
    position: relative;
}

.pdp-swipper-icons {
    position: absolute;
    bottom: 9px;
    z-index: 10;
    display: grid;
    width: 100%;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
    padding: 0 13px;
}

.zoom-icon {
    z-index: 10;   
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 17px;
    height: 17px;
}

.pdp-swipper-video {
    position: relative;
    z-index: 1;
    margin-bottom: 0;
    font-size: 13px;
    background-color: white;
    padding: 3px 10px;
    cursor: pointer;
}

.pdp-swipper-video::before {
    content: "";
    position: absolute;
    top: -17px;
    bottom: -4px;
    left: -17px;
    right: -10px;
    z-index: -1;
}
@media(min-width:767px) {
    .pdp-swipper-icons {
        bottom: 21px;
        justify-content: end;
        grid-gap: 1.5em;
    }
}
.close-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 20;
    background: white;
    color: black;
    padding: 2px;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 13px;
    font-weight: 700;
}

.fullscreen-image-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999999;
}

.fullscreen-image {
    max-width: 100%;
    max-height: 100%;
    cursor: zoom-in;
}

body.no-scroll {
    overflow: hidden;
    width: 100%;
}

.section-product-detail img {
    position: relative;
}

@media(max-width:767px) {
    .container-ficha {
        padding-right: 0 !important;
        padding-left: 0 !important;
        overflow-x: hidden;
    }
}

/*EDITORIAL AVANCE 1 SS25*/
.VideoBasicsV25 {
    width: 100%;
    height: auto;
    object-fit: cover;
    display:block;
}
.BasicsV25-2-Col, .BasicsV25-3-Col {
    display: grid;
    grid-template-columns: 1fr;
}
.BasicsV25-B1, .BasicsV25-B5 {
    position: relative;
}
.BasicsV25-B1 .tit {    
    position: absolute;
    top: 46%;
    left: 50%;
    height: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.BasicsV25-B1 .tit > p {
    font-size: 85px;
    line-height: 72px;
    color: white;
    height: auto;
    width: max-content;
    text-align: center;
}
.BasicsV25-B1 .tit .preview2025 {
    display: flex;
    justify-content: space-between;
    margin-left: 6px;
    margin-right: 6px;
}
.BasicsV25-B1 .tit .preview2025 > p {
    color: white;
    font-size: 15px;
}
.BasicsV25-B1 .text {
    position: absolute;
    top: 79%;
    left: 3%;
    font-size: 10px;
    color: white;
    width: 55%;
    text-transform: uppercase;
    line-height: 13px;
}
.BasicsV25-B5 .text {
    position:absolute;
    bottom: 10%;
    left: 3%;
}
.BasicsV25-B5 .text p {
    width: 67%;
    text-transform: uppercase;
    font-size: 10px;
    line-height:13px;
}
.BasicsV25-product {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    padding: 20px;
    background-color: #f2f1ed;
}
.BasicsV25-product a {
    margin-bottom:30px;
}
.BasicsV25-product picture {
    border-top: 1px solid #00000045;
    border-bottom: 1px solid #00000045;
    display: block;
}
.BasicsV25-product .descripcion {
    text-align: left;
    text-transform: uppercase;
    font-size: 8px;
    margin-top: 4px;
}

.BasicsV25-product .view-all {
    background-color: black;
    color: white !important;
    font-size: 10px;
    padding: 8px;
    text-align: center;
    width: auto;
    grid-column:2;
}
.BasicsV25-product .view-all a, .BasicsV25-product .view-all a:hover {
    color: white;
}
@media(min-width:768px) {
    .BasicsV25-B1 .tit {
        top: 32%;
        left: 18%;
    }
    .BasicsV25-B1 .tit .preview2025 > p {
        color: black;
        font-size: 11px;
    }
    .BasicsV25-B1 .tit > p {
        letter-spacing: 6px;
        line-height: 55px;
        font-size: 63px;
        color: black;
        transform: none;
        text-align: left;
    }
    .BasicsV25-B1 .text {
        top: 45%;
        left: 3%;
        color: black;
        width: 39%;
    }
    .BasicsV25-2-Col {
        grid-template-columns: 1fr 1fr;
    }
    .BasicsV25-3-Col {    
        grid-template-columns: 1fr 1fr 1fr;
    }
    .BasicsV25-B5 .text {
        bottom: 15%;
    }
    .BasicsV25-B5 .text p {
        width: 47%;
    }
    .BasicsV25-product {
        grid-gap: 70px;
        padding: 70px;
    }
}
@media(min-width:1280px) {
    .BasicsV25-B1 .tit .preview2025 > p {
        font-size: 14px;
    }
    .BasicsV25-B1 .tit {
        top: 24%;
        left: 20%;
    }
    .BasicsV25-B1 .tit > p {
        font-size: 90px;
        line-height: 74px;
    }
    .BasicsV25-B1 .text {
        top: 33%;
        left: 105px;
        width: 30%;
        font-size: 13px;
        line-height: 17px;
    }
    .BasicsV25-B5 .text p {
        width: 44%;
        font-size: 13px;
        line-height: 17px;
    }
    .BasicsV25-MT {
        margin-top:-6px;
    }
    .BasicsV25-product .descripcion {
        font-size: 12px;
        margin-top: 9px;
    }
    .BasicsV25-product {
        grid-gap: 100px;
        padding: 100px;
        justify-items: center;
    }
    .BasicsV25-product .view-all {
        font-size: 12px;
        width: 50%;
    }
}
@media(min-width:1500px) {
    .BasicsV25-B1 .tit .preview2025 {
        margin-right: 12px;
    }
    .BasicsV25-B1 .tit > p {
        font-size: 101px;
        line-height: 82px;
    }
    .BasicsV25-B1 .text {
        top: 35%;
        left: 128px;
        font-size: 15px;
        line-height: 19px;
    }
    .BasicsV25-B5 .text {
        left: 4%;
    }
    .BasicsV25-B5 .text p {
        font-size: 15px;
        line-height: 17px;
    }
}
@media(min-width:1920px) {
    .BasicsV25-B1 .text {
        top: 34%;
        left: 169px;
        width: 27%;
        font-size: 17px;
        line-height: 21px;
    }
    .BasicsV25-B1 .tit .preview2025 > p {
        font-size: 17px;
    }
    .BasicsV25-B1 .tit > p {
        font-size: 121px;
        line-height: 101px;
    }
    .BasicsV25-B5 .text p {
        font-size: 17px;
        line-height: 21px;
    }
    .BasicsV25-product {
        grid-gap: 150px;
        padding: 150px;
    }
}
@media(min-width:2500px) {
    .BasicsV25-B1 .tit {
        left: 18%;
    }
    .BasicsV25-B1 .tit .preview2025 {
        margin-left: 12px;
    }
    .BasicsV25-B1 .tit .preview2025 > p {
        font-size: 18px;
    }
    .BasicsV25-B1 .tit > p {
        font-size: 156PX;
        line-height: 131px;
    }
    .BasicsV25-B1 .text {
        top: 33%;
        left: 188px;
        width: 28%;
        font-size: 19px;
        line-height: 24px;
    }
    .BasicsV25-B5 .text p {
        font-size: 19px;
        line-height: 24px;
    }
    .BasicsV25-product {
        grid-gap: 200px;
        padding: 200px;
    }
    .BasicsV25-product .descripcion {
        font-size: 14px;
        margin-top: 12px;
    }
    .BasicsV25-product .view-all {
        font-size: 14px;
    }
}

/*LANDING PREMIOS GOYA*/
.premiosGoya25-container {
    background-color: black;
    padding-bottom: 100px;
}
.premiosGoya25-B1 {
    position: relative;
    padding: 0px 31px;
}
.premiosGoya25-B1 .hisxjv {
    padding-top: 100px;
}
.premiosGoya25-B1 .hisxjv .cls-jvl-white {
    fill:white;
}
.premiosGoya25-B1 .text1 {
    color: white;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    margin: 12px 0px 35px 0px;
}
.premiosGoya25-B1 .text2 {
    color: white;
    margin: 50px 0px;
    font-size: 12px;
    margin-right: 20%;
    line-height: 15px;
}
.premiosGoya25-2Col {
    display: grid;
    grid-template-columns: 1fr;
}
.premiosGoya25-Video .text1, .premiosGoya25-TxtG .text1 {
    color: white;
    font-size: 12px;
    line-height: 15px;
    padding: 55px 31px 0px 31px;
    margin-bottom: 0;
}
.premiosGoya25-Video .text2, .premiosGoya25-TxtG .text2 {
    color: white;
    font-size: 12px;
    line-height: 15px;
    padding: 20px 31px 55px 31px;
    margin-bottom: 0;
}
.premiosGoya-AS figcaption {
    color: white;
    padding: 23px 0px 0px 31px;
}
.premiosGoya-Infl-1 figcaption, .premiosGoya-Infl-2 figcaption {
    color: white;
    padding: 10px 0px 45px 31px;
}
.premiosGoya25-TxtG-2 {
    margin: 44px 0px;
}
.premiosGoya25-TxtG-2 .text1 {
    color: white;
    padding-left: 31px;
    font-weight: 700;
    font-size: 17px;
    line-height: 21px;
    margin-right: 27%;
}
.premiosGoya25-TxtG-2 .text2 {
    color: white;
    font-size: 12px;
    line-height: 15px;
    padding-left: 31px;
    margin-bottom: 0;
    margin-right: 10%;
}
.premiosGoya-InflImg, .premiosGoya-Infl-3 {
    display: grid;
    grid-template-columns: 1fr;
}
.premiosGoya-JVlImg {
    display: grid;
    grid-template-columns: 1fr;
}
.premiosGoya-Product {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 3px;
    margin-top: 84px;
}
.premiosGoya-Product .view-all {
    background-color: white;
    margin-top: 50px;
    font-size: 14px;
    padding: 2px;
    text-align: center;
    width: auto;
    grid-column: 2;
    font-weight: 600;
}
.premiosGoya-Product .view-all a {
    color:black;
}
.premiosGoya-Product .view-all a:hover {
    color:black;
}
.cls-jvl-white {
    fill:white;
}
.premiosGoya-JVLog {
    width: 50%;
    padding-left: 31px;
    margin-top: 44px;
}
.premiosGoya-JV {
    padding: 27px 31px;
}
.premiosGoya-JV .text1 {
    color: white;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 27px;
}
.premiosGoya-JV .text2 {
    color: white;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 6px;
    font-style:italic;
}
@media(min-width:768px) {
    .premiosGoya25-B1 {
        padding: 0;
    }

    .premiosGoya25-B1 .items {
        position: absolute;
        top: 42%;
        /*width: 680px;*/
        width: 34%;
        left: 5%;
    }

    .premiosGoya25-B1 .hisxjv {
        padding-top: 0;
        width: auto;
    }

    .premiosGoya25-B1 .hisxjv .cls-jvl-white {
        fill: black;
    }
    .premiosGoya25-B1 .text1 {
        color: black;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: 700;
        text-align: left;
        margin: 12px 0px 11px 0px;
        width: auto;
    }
    .premiosGoya25-B1 .text2 {
        color: black;
        margin: 0px 0px;
        font-size: 11px;
        line-height: 15px;
        width: auto;
    }
    .premiosGoya25-2Col {
        grid-template-columns: 1fr 1fr;
        grid-gap: 16px;
    }

    .premiosGoya-2-Desk, .premiosGoya25-TxtG {
        margin-right: 19%;
    }

    .premiosGoya-2-Desk .text1, .premiosGoya25-TxtG .text1 {
        color: white;
        font-size: 12px;
        line-height: 15px;
        padding: 30px 31px 0px 50px;
        font-weight: 300;
    }

    .premiosGoya-2-Desk .text2, .premiosGoya25-TxtG .text2 {
        color: white;
        font-size: 12px;
        line-height: 15px;
        padding: 20px 31px 30px 50px;
        font-weight: 300;
    }
    .premiosGoya-AS figcaption {
        color: white;
        padding: 23px 0px 25px 31px;
    }

    .premiosGoya-Infl-1 figcaption {
        color: white;
        padding: 23px 0px 25px 10px;
    }
    .premiosGoya-Infl-2 figcaption {
        color: white;
        padding: 23px 0px 25px 0px;
    }
    .premiosGoya25-TxtG-2 {
        margin: 35px 0px;
    }

    .premiosGoya25-TxtG-2 .text1 {
        padding-left: 50px;
        font-weight: 700;
        font-size: 19px;
        line-height: 23px;
        margin-right: 12%;
        margin-bottom: 16px;
    }

    .premiosGoya25-TxtG-2 .text2 {
        color: white;
        font-size: 12px;
        line-height: 15px;
        padding-left: 50px;
        margin-bottom: 0;
        margin-right: 32%;
        font-weight: 300;
    }
    .premiosGoya-InflImg {
        grid-template-columns: 1fr 1fr;
        grid-gap: 16px;
    }
    .premiosGoya-Infl-3 {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 16px;
        margin-top: 15px;
    }
    .premiosGoya-Product .view-all {
        margin-top: 62px;
        font-size: 20px;
        padding: 10px;
    }
    .premiosGoya-JVLog {
        width: 32%;
        padding-left: 50px;
        margin-top: 44px;
    }
    .premiosGoya-JV {
        padding: 27px 50px;
    }
    .premiosGoya-JVlImg {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 16px;
    }
    .premiosGoya-AS {
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-gap:16px;
    }
}
@media(min-width:1280px) {
    .premiosGoya25-B1 .text1 {
        font-size: 15px;
        margin: 7px 0px 26px 0px;
    }
    .premiosGoya25-B1 .text2 {
        font-size: 15px;
        line-height: 19px;
    }
    .premiosGoya-2-Desk, .premiosGoya25-TxtG {
        margin-right: 26%;
    }
    .premiosGoya-2-Desk .text1, .premiosGoya25-TxtG .text1 {
        font-size: 15px;
        line-height: 19px;
        padding: 40px 31px 0px 50px;
    }
    .premiosGoya-2-Desk .text2, .premiosGoya25-TxtG .text2 {
        font-size: 15px;
        line-height: 19px;
        padding: 25px 31px 40px 50px;
    }
    .premiosGoya-AS figcaption {
        padding: 23px 0px 40px 50px;
    }
    .premiosGoya-Infl-1 figcaption {
        color: white;
        padding: 23px 0px 25px 50px;
    }
    .premiosGoya25-TxtG-2 {
        margin: 45px 0px;
    }
    .premiosGoya25-TxtG-2 .text1 {
        font-size: 25px;
        margin-bottom: 15px;
    }
    .premiosGoya25-TxtG-2 .text2 {
        font-size: 15px;
        line-height: 19px;
        padding-left: 50px;
        margin-right: 62%;
    }
    .premiosGoya-Infl figcaption {
        padding: 23px 0px 40px 31px;
    }
    .premiosGoya-Product {
        margin-top: 135px;
        padding: 0 31px;
        grid-gap: 16px;
    }
    .premiosGoya-Product .view-all {
        font-size: 25px;
        padding: 14px;
        width: 56%;
        margin: 62px auto 0px auto;
    }
    .premiosGoya-JV {
        width: 76%;
    }
    .premiosGoya-JVLog {
        width: 25%;
        padding-left: 45px;
        margin-top: 83px;
    }
    .premiosGoya-JV .text1, .premiosGoya-JV .text2 {
        font-size: 15px;
        line-height: 19px;
    }
    .premiosGoya25-container {
        padding-bottom: 146px;
    }
}
@media(min-width:1500px) {
    .premiosGoya25-B1 .items {
        width: 35%;
    }
    .premiosGoya25-B1 .text1 {
        font-size: 18px;
        margin: 7px 0px 35px 0px;
    }
    .premiosGoya25-B1 .text2 {
        font-size: 18px;
        line-height: 21px;
    }
    .premiosGoya-2-Desk, .premiosGoya25-TxtG {
        margin-right: 23%;
    }
    .premiosGoya-2-Desk .text1, .premiosGoya25-TxtG .text1 {
        font-size: 18px;
        line-height: 23px;
        padding: 55px 31px 0px 70px;
    }
    .premiosGoya-2-Desk .text2, .premiosGoya25-TxtG .text2 {
        font-size: 18px;
        line-height: 23px;
        padding: 25px 31px 55px 70px;
    }
    .premiosGoya25-2Col, .premiosGoya-JVlImg {
        grid-gap: 20px;
    }
    .premiosGoya-AS figcaption {
        padding: 0px 0px 0px 70px;
        font-size: 16px;
    }
    .premiosGoya-Infl-2 figcaption {
        padding: 23px 0px 35px 0px;
    }
    .premiosGoya25-TxtG-2 {
        margin: 55px 0px;
    }
    .premiosGoya25-TxtG-2 {
        margin: 55px 0px;
    }
    .premiosGoya25-TxtG-2 .text1 {
        font-size: 29px;
        margin-bottom: 21px;
        padding-left:70px;
    }
    .premiosGoya25-TxtG-2 .text2 {
        font-size: 18px;
        line-height: 21px;
        padding-left: 70px;
        margin-right: 59%;
    }
    .premiosGoya-Infl figcaption {
        font-size: 16px;
    }
    .premiosGoya-JV {
        width: 81%;
    }
    .premiosGoya-JV .text1, .premiosGoya-JV .text2 {
        font-size: 19px;
        line-height: 21px;
    }
}
@media(min-width:1700px) {
    .premiosGoya-Infl-2 figcaption {
        padding: 23px 0px 60px 0px;
    }
    .premiosGoya-Infl-1 figcaption {
        color: white;
        padding: 23px 0px 25px 100px;
    }
    .premiosGoya25-B1 .text1 {
        color: black;
        width: auto;
        font-size: 20px;
        text-align: left;
        margin: 16px 0px 35px 0px;
    }
    .premiosGoya25-B1 .text2 {
        width: auto;
        color: black;
        font-size: 18px;
        line-height: 25px;
        text-align: left;
        margin: 41px 0px;
        font-weight:400;
    }
    .premiosGoya25-2Col {
        grid-template-columns: 1fr 1fr;
        grid-gap: 16px;
    }
    .premiosGoya-2-Desk, .premiosGoya25-TxtG {
        margin-right: 36%;
    }
    .premiosGoya-2-Desk .text1, .premiosGoya25-TxtG .text1 {
        color: white;
        font-size: 18px;
        line-height: 20px;
        padding: 84px 31px 0px 100px;
        font-weight:300;
    }
    .premiosGoya-2-Desk .text2, .premiosGoya25-TxtG .text2 {
        color: white;
        font-size: 18px;
        line-height: 20px;
        padding: 20px 31px 84px 100px;
        font-weight:300;
    }
    .premiosGoya-AS figcaption {
        line-height: 20px;
        padding: 28px 31px 0px 100px;
    }
    .premiosGoya-Infl figcaption {
        line-height: 20px;
        padding: 28px 31px 50px 100px;
    }
    .premiosGoya25-TxtG-2 {
        margin: 51px 0px;
    }
    .premiosGoya25-TxtG-2 .text1 {   
        padding-left: 100px;
        font-weight: 700;
        font-size: 25px;
        line-height: 23px;
        margin-right: 27%;
        margin-bottom: 16px;
    }
    .premiosGoya25-TxtG-2 .text2 {
        color: white;
        font-size: 18px;
        line-height: 20px;
        padding-left: 100px;
        margin-bottom: 0;
        margin-right: 63%;
        font-weight:300;
    }
    .premiosGoya-Product {
        grid-gap: 14px;
        margin-top: 175px;
        padding: 0 65px;
    }
    .premiosGoya-Product .view-all {
        width: 50%;
        margin: 115px auto 0px auto;
        font-size: 38px;
        padding: 5px;
    }
    .premiosGoya-JVLog {
        width: 25%;
        padding-left: 100px;
        margin-top: 163px;
    }
    .premiosGoya-JV {
        padding: 31px 100px;
        margin-right: 22%;
    }
    .premiosGoya-JV .text1 {
        color: white;
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 27px;
        font-weight: 300;
    }
    .premiosGoya-JV .text2 {
        color: white;
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 28px;
        font-weight: 300;
    }
    .premiosGoya25-container {
        padding-bottom: 201px;
    }
}
@media(min-width:2540px) {
    .premiosGoya25-B1 .text1 {
        font-size: 30px;
        margin: 16px 0px 35px 0px;
    }
    .premiosGoya25-B1 .text2 {
        font-size: 25px;
        line-height: 30px;
        margin: 69px 0px;
    }
    .premiosGoya-2-Desk, .premiosGoya25-TxtG {
        margin-right: 46%;
    }
    .premiosGoya-2-Desk .text1, .premiosGoya25-TxtG .text1 {
        font-size: 21px;
        line-height: 22px;
    }
    .premiosGoya-2-Desk .text2, .premiosGoya25-TxtG .text2 {
        font-size: 21px;
        line-height: 22px;
    }
    .premiosGoya25-2Col {
        grid-gap: 20px;
    }
    .premiosGoya-AS figcaption, .premiosGoya-Infl figcaption {
        font-size: 17px;
    }
    .premiosGoya25-TxtG-2 {
        margin: 61px 0px;
    }
    .premiosGoya25-TxtG-2 .text1 {
        font-size: 31px;
        line-height: 23px;
        margin-right: 27%;
        margin-bottom: 23px;
    }
    .premiosGoya25-TxtG-2 .text2 {
        font-size: 21px;
        line-height: 21px;
        margin-right: 70%;
    }
    .premiosGoya-Product .view-all {
        width: 47%;
        font-size: 44px;
        padding: 16px;
    }
    .premiosGoya-JV {
        width: 74%;
        padding: 41px 100px;
    }
    .premiosGoya-JV .text1 {
        color: white;
        font-size: 21px;
        line-height: 22px;
        margin-bottom: 33px;
        font-weight: 300;
    }
    .premiosGoya-JV .text2 {
        font-size: 21px;
        line-height: 22px;
        margin-bottom: 28px;
    }
}
/*CUENTA ATRÁS GOYA*/
.premiosGoya25-landing-container {
    background-color: black;
    height: 90vh;
    position:relative;
}
.premiosGoya25-landing {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 88%;
}
.premiosGoya25-landing .text1 {
    color: white;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    margin: 9px 0px 35px 0px;
}
@media(min-width:768px) {
    .premiosGoya25-landing .text1 {
        margin: 15px 0px 43px 0px;
        font-size:20px;
    }
}
@media(min-width:1280px) {
    .premiosGoya25-landing {
        width:53%;
    }
    .premiosGoya25-landing .text1 {
        margin: 15px 0px 54px 0px;
        font-size: 22px;
        font-weight: 600;
    }
}
@media(min-width:1500px) {
    .premiosGoya25-landing .text1 {
        font-size: 20px;
    }
}
@media(min-width:1700px) {
    .premiosGoya25-landing {
        width: 43%;
    }
    .premiosGoya25-landing .text1 {
        font-size: 23px;
    }
}
@media(min-width:2540px) {
    .premiosGoya25-landing-container {
        height: 95vh;
    }
    .premiosGoya25-landing {
        width: 34%;
    }
    .premiosGoya25-landing .text1 {
        margin: 27px 0px 62px 0px;
        font-size: 24px;
    }
}

/*LANDING COMING SOON OLIVIA Y ANGELA MOLINA*/

.co-aom-container {
    height: 100vh;
    background-color: black;
}
.co-aom-container-BG {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.co-aom-nc {
    color: white;
    text-align: center;
    font-style: italic;
    font-size: 14px;
    margin-bottom: 5px;
}
#OliviaAngelaMolinaCS {
    width: 92%;
}
.co-aom-date {
    color: white;
    text-transform: uppercase;
    margin-top: 11px;
    font-size: 14px;
    text-align:center;
    padding:0 24px;
}
.co-aom-nl {
    background-color: black;
    border: 1px solid black;
    color: white;
    width: 71%;
    padding: 8px 25px;
    font-size: 13px;
    cursor: pointer;
    margin: 4em auto;
    font-family: Satoshi, sans-serif;
    line-height: 17px;
}
.co-aom-pop {
    display: block;
    position: fixed;
    top: 45%;
    background-color: white;
    width: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    max-width: 600px;
    z-index: 99999;
}
.co-aom-pop-campos {
    margin-top: 11%;
    padding: 0 22px;
    margin-bottom: 18px;
}
.co-aom-email {
    border: 0 !important;
    border-bottom: 1px solid black !important;
    margin-bottom: 12px;
}
.co-aom-btn {
    text-align: center;
    padding-bottom: 30px;
}
.co-aom-btn button {
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 9px 27px;
    line-height: 12px;
    cursor:pointer;
}

.ErrorNewsPop {
    display: block !important;
    color: #dd1010;
    text-align: left;
}
@media(min-width:768px) {
    .co-aom-pop {
        width: 60%;
    }
}
@media(min-width:1280px) {
    .co-aom-nc {
        font-size: 18px;
        margin-bottom: 5px;
        font-weight: 300;
    }
    #OliviaAngelaMolinaCS {
        width: 47%;
    }
    .co-aom-date {
        margin-top: 22px;
        font-size: 18px;
        font-weight: 300;
        margin-bottom: 19px;
    }
    .co-aom-nl {
        width: max-content;
        padding: 10px 27px;
        font-size: 14px;
    }
    .co-aom-pop {
        width: 34%;
    }
}

@media(min-width:1500px) {
    .co-aom-nc {
        font-size: 23px;
        margin-bottom: 8px;
    }
    #OliviaAngelaMolinaCS {
        width: 51%;
    }
    .co-aom-date {
        margin-top: 25px;
        font-size: 21px;
        margin-bottom: 22px;
    }
    .co-aom-nl {
        font-size: 15px;
        padding: 13px 31px;
    }
    .co-aom-pop {
        width: 30%;
    }
}
@media(min-width:1700px) {
    .co-aom-nc {
        font-size: 28px;
    }
    #OliviaAngelaMolinaCS {
        width: 53%;
    }
    .co-aom-date {
        margin-top: 27px;
        font-size: 24px;
    }
    .co-aom-nl {
        font-size: 16px;
    }
    .co-aom-pop {
        width: 24%;
    }    
}


/*FLECHAS CARRUSEL POPUP EDITORIALES*/
.carousel-lookbookoam {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 500px; /* Ajusta el tamaño */
    margin: auto;
}

.carousel-trackoam {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.carousel-itemoam {
    min-width: 100%;
    box-sizing: border-box;
    display: none;
}

    .carousel-itemoam.activeoam {
        display: block;
    }

.carousel-buttonoam {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    color: #b8b8b8;
    border: none;
    cursor: pointer;
    font-weight: 100;
    font-size: 18px;
    background: none !important;
    background-color: transparent !important;
}

.carousel-buttonoam.prevoam {
    left: 2px;
    transform: rotate(-90deg);
    background: none !important;
    background-color: transparent !important;
    padding-left: 20px !important;
}

.carousel-buttonoam.nextoam {
    right: 2px;
    transform: rotate(90deg);
    background: none !important;
    background-color: transparent !important;
    padding-right: 20px !important;
}
.carousel-buttonoam.nextoam i {
    background: none !important;
    background-color: transparent !important;
}
.Desc-Lookbook_Pop {
    text-align: left;
    text-transform: capitalize;
    padding: 12px 12px 17px 25px;
    font-size: 12px;
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-skip-ink: none;
    background-color: #efefed;
    margin-top: -2px;
    margin-bottom: 0px;
    line-height: 21px;
}

.popup-lookbook {
    position: relative;
    max-width: 422px;
    width: 85%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
@media(min-width:768px) {
    .popup-lookbook {
       width: 40%;
    }
    .Desc-Lookbook_Pop {
        padding: 0px 25px 17px 25px;
        font-size: 13px;
    }
    .carousel-buttonoam.nextoam {
        right: 6px;
    }
    .carousel-buttonoam.prevoam {
        left: 6px;
    }
}
@media(min-width:1280px) {
    .popup-lookbook {
        width: 21%;
    }
    .modal-container-lookbokk {
        height:105vh;
    }
    .botonX_loobook {
        font-size: 33px;
    }
}
@media(min-width:1700px) {
    .popup-lookbook {
        width: 18%;
    }
}
/*EDITORIAL OLIVIA Y ÁNGEL AMOLINA*/
.edi-oam-container {
    padding-top: 77px;
}
.banner1-oam {
    position: relative;
    cursor: pointer;
    padding-bottom: 170px;
}
.cls-edi-OAM {
    fill:black;
}
#OliviaAngelaMolinaEdi {
    position: absolute;
    top: 10%;
    left: 50%;
    height: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 79%;
}
.oam-edi-text-b1 {
    position: absolute;
    bottom: 0%;
    left: 50%;
    height: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
}
.oam-edi-text-b1 p {
    font-family:'Playfair Display';
    font-size: 31px;
    font-weight: 500;
    line-height: 30px;
    margin-left: 41px;
}
.banner-angela, .banner-olivia, .banner-oam {
    position:relative;
    cursor:pointer;
}
.banner-oam-sit {
    margin-top:3px;
}
.oam-edi-text-bAngela {
    position: absolute;
    top: 46%;
    left: 50%;
    height: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
}
.oam-edi-text-bOlivia {
    position: absolute;
    top: 22%;
    left: 50%;
    height: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
}
.oam-edi-text-bAngela p {
    font-family: 'Playfair Display';
    font-size: 27px;
    font-weight: 500;
    line-height: 26px;
    margin-left: 210px;
}
.oam-edi-text-bOlivia p {
    font-family: 'Playfair Display';
    font-size: 27px;
    font-weight: 500;
    line-height: 26px;
    margin-left: 30px;
}
#OliviaAngelaMolinaSVG {
    width: 76%;
}
.oam-svg-container {
    padding-top: 40px;
    margin-left: 30px;
    background-color:white;
}
.oam-text1-container {
    padding: 20px 39px 40px 30px;
    background-color: white;
}
.oam-text1-container p {
    font-size: 12px;
    line-height: 14px;
}
.cls-edi-OAM-bl {
    fill:white;
}
#OliviaAngelaMolinaAOM {
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 80%;
}
.aom-2-Col {
    display:grid;
    grid-template-columns:1fr;
    margin-top:-1px;
}
.oam-VideoV, .oam-VideoH {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}
.oam-text2-container {
    padding: 40px 39px 50px 30px;
    background-color: white;
}

.oam-text2-container p {
    font-size: 12px;
    line-height: 14px;
}

.oam-banner4-dsk {
    padding-top: 5px;
}
.oam-listin-product {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5px;
    padding: 0px 20px 30px 20px;
}
.oam-listin-product picture {
    display:block;
}
.oam-listin-product .view-all {
    background-color: black;
    color: white !important;
    font-size: 10px;
    padding: 8px;
    text-align: center;
    width: auto;
    grid-column: 2;
    margin-top: 15px;
}
.oam-listin-product .view-all a {
    color: white;
}

@media(min-width:767px) {
    .banner1-oam {
        padding-bottom:0;
    }
    .oam-tit-banner1-dsk {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: absolute;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        top: 33%;
        left: 27%;
    }

    #OliviaAngelaMolinaEdi {
        position: initial;
        width: 77%;
        transform: none;
        -webkit-transform: none;
        margin-bottom: 14px;
    }
    .oam-edi-text-bAngela p {
        margin-left: 65%;
    }
    .oam-edi-text-b1 {
        position: initial;
        width: 100%;
        transform: none;
        -webkit-transform: none;
    }
    .oam-edi-text-b1 p {
        font-size: 31px;
        line-height: 30px;
        margin-left: 0;
    }
    .aom-2-Col {
        grid-template-columns: 1fr 1fr;
    }
    .oam-svg-container {
        display: flex;
        justify-content: center;
        margin-left: 0;
        padding-top: 70px;
    }
    #OliviaAngelaMolinaSVG {
        width: 48%;
    }
    .oam-text1-container {
        margin: 0;
        padding: 34px 0px 20px 0px;
        display: flex;
        justify-content: center;
    }
    .oam-edi-text-bOlivia p {
        margin-left: 16%;
    }
    .oam-text1-container p {
        font-size: 16px;
        line-height: 20px;
        width: 79%;
    }
    .oam-edi-text-bOlivia {
        top: 32%;
        left: 50%;
    }
    #OliviaAngelaMolinaAOM {
        width:53%;
    }
    .banner-olivia {
      margin-top:4px;
    }

    .oam-text2-container {
        position: absolute;
        top: 19%;
        left: 50%;
        height: auto;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        width: 100%;
        padding: 0;
        background-color: transparent;
    }

    .oam-text2-container p {
        font-size: 14px;
        line-height: 18px;
        width: 37%;
        margin-left: 9%;
    }
    .oam-banner-full-dsk {
        padding: 48px;
        background-color: white;
    }
    .oam-listin-product {
        grid-gap: 10px;
        padding: 50px;
    }
    .oam-listin-product .view-all {
        width: 66%;
        margin: 15px auto;
    }
    .oam-listin-product .view-all a {
        font-size: 12px;
    }
}

@media(min-width:1280px) {
    .edi-oam-container {
        padding-top: 96px;
    }
    .oam-tit-banner1-dsk {
        top: 44%;
        left: 50%;
        width: 100%;
    }

    #OliviaAngelaMolinaEdi {
        position: initial;
        width: 26%;
        transform: none;
        -webkit-transform: none;
        margin-bottom: 30px;
        margin-left: 10%;
    }

    .oam-edi-text-b1 {
        position: initial;
        width: 100%;
        transform: none;
        -webkit-transform: none;
    }
    .oam-edi-text-b1 p {
        font-size: 58px;
        line-height: 50px;
        margin-left: 10%;
    }
    .oam-edi-text-bAngela p {
        font-size: 59px;
        line-height: 58px;
        margin-left: 65%;
    }
    .oam-text1-container {
        padding: 34px 0px 25px 0px;
    }
    #OliviaAngelaMolinaSVG {
        width: 37%;
    }
    .oam-text1-container p {
        font-size: 19px;
        line-height: 24px;
        width: 58%;
    }
    .oam-edi-text-bOlivia {
        top: 39%;
    }
    .oam-edi-text-bOlivia p {
        font-size: 59px;
        line-height: 53px;
    }
    .oam-text2-container p {
        font-size: 19px;
        line-height: 24px;
    }
    .oam-text2-container {
        top:14%;
    }
    .oam-listin-product {
        grid-gap: 14px;
        padding: 0px 48px 100px 48px;
    }
    .oam-listin-product .view-all {
        width: 50%;
        margin: 30px auto;
    }
    .oam-listin-product .view-all a {
        font-size: 14px;
    }
}
@media(min-width:1500px) {
    #OliviaAngelaMolinaSVG {
        width: 27%;
    }
    .oam-text1-container p {
        width:52%;
    }
    #OliviaAngelaMolinaAOM {
        width: 42%;
    }
    .oam-text2-container p {
        width: 41%;
    }
    .oam-listin-product .view-all {
        width: 50%;
        margin: 40px auto;
    }
}
@media(min-width:1700px) {
    .banner1-oam {
        padding-bottom: 0px;
    }
    .aom-2-Col {
        grid-template-columns: 1fr 1fr;
    }
    .oam-tit-banner1-dsk {
        top: 44%;
        left: 50%;
    }
    #OliviaAngelaMolinaEdi {
        width: 26%;
    }
    .oam-edi-text-b1 p {
        font-size: 79px;
        line-height: 66px;
    }
    .oam-edi-text-bAngela p {
        font-size: 75px;
        line-height: 75px;
        margin-left: 62%;
    }
    .oam-svg-container {
        display: flex;
        justify-content: center;
        margin-left: 0;
        padding-top: 100px;
    }
    #OliviaAngelaMolinaSVG {
        width: 29%;
    }
    .oam-text1-container {
        margin: 0;
        padding: 39px 0px 50px 0px;
        display: flex;
        justify-content: center;
    }
    .oam-text1-container p {
        font-size: 21px;
        line-height: 24px;
        width: 50%;
    }
    .oam-banner4-dsk {
        padding: 0 48px 48px 48px;
        background-color: white;
    }
    .oam-edi-text-bOlivia {
        top: 37%;
    }
    .oam-edi-text-bOlivia p {
        font-size: 75px;
        line-height: 64px;
        margin-left: 18%;
    }
    #OliviaAngelaMolinaAOM {
        width: 46%;
    }  
    .banner-oam {
        padding-top: 48px;
    }
    .oam-text2-container {
        position: absolute;
        top: 13%;
        left: 50%;
        height: auto;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        width: 100%;
        padding: 0;
        background-color: transparent;
    }

    .oam-text2-container p {
        font-size: 21px;
        line-height: 24px;
        width: 42%;
        margin-left: 8%;
    }
    .oam-listin-product .view-all a {
        font-size: 16px;
    }
    .oam-listin-product .view-all {
        width: 35%;
        margin: 40px auto;
    }
}

@media(min-width:2500px) {
    #OliviaAngelaMolinaEdi {
        width: 23%;
    }
    .oam-edi-text-b1 p {
        font-size: 92px;
        line-height: 79px;
    }
    .oam-edi-text-bAngela p, .oam-edi-text-bOlivia p {
        font-size: 85px;
        line-height: 83px;
    }
    #OliviaAngelaMolinaSVG {
        width: 22%;
    }
    .oam-text1-container {
        padding: 39px 0px 40px 0px;
    }
    .oam-text1-container p {
        width: 42%;
    }
    .oam-text2-container p {
        font-size: 24px;
        line-height: 26px;
    }
    .oam-text2-container {
        top: 9%;
    }
    .oam-listin-product .view-all {
        width: 30%;
        margin: 50px auto;
    }
    .oam-listin-product .view-all a {
        font-size: 19px;
    }
}
.price-saving {
    color: #e84e1b !important;
    font-size: 0.9em !important;
    font-weight: 500 !important;
    margin-top: 0 !important;
    margin-bottom: 3px !important;
}
@media(min-width:768px) {
    .price-saving {
        font-size: 0.8em !important;
    }
}
@media(min-width:1500px) {
    .price-saving {
        margin-top: 4px !important;
        margin-bottom: 3px !important;
        font-size: 0.9em !important;
    }
}
@media(min-width:1700px) {
    .price-saving {
        font-size: 0.95em !important;
        margin-top: 0px !important;
    }
}

/*FICHA 2025*/
.pdp-tallas {
    text-decoration: underline;
    margin-bottom: 0.6rem;
}
.product-right, .product-right-outlet {
    text-align: right;
}
@media(min-width:768px) {
    .section-product-detail .product-description .title {
        font-size: 1em;
    }

    .section-product-detail .product-description .title-modelo {
        font-size: 0.8rem !important;
        margin-bottom: 8px;
    }

    .product-pdp {
        margin-bottom: 0;
    }

    .section-product-detail .product-description .talla-content .talla-list {
        grid-template-columns: repeat(auto-fill, minmax(30px, 1fr));
    }

    .section-product-detail .product-description .talla-content .talla-list .talla {
        padding: 8px 0px;
    }

    .section-product-detail .product-description .talla-content .talla-list .talla input:checked ~ span {
        min-width: 30px;
        padding: 11px 6px;
    }

    .section-product-detail .product-description .price, .modal-product-detail .product-description .price {
        margin-left: 20px;
    }
    .section-product-detail .product-description .price {
        margin-left:0;
    }
    .section-product-detail .product-description .price {
        font-size: 1.1rem;
    }
    .pdp-tallas {
        margin-bottom: 1rem;
    }
    .product span.price.reduced {
        font-size: 1.1rem;
    }
}
@media(min-width:1280px) {
    .section-product-detail .product-description .talla-content .talla-list {
        grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
    }
    .section-product-detail .product-description .talla-content .talla-list .talla {
        padding: 8px 0px;
    }
    .section-product-detail .product-description .talla-content .talla-list .talla input:checked ~ span {
        min-width: 30px;
        padding: 11px 11px;
    }
    .section-product-detail .product-description .talla-content .talla-list .talla span {
        font-size: 0.9em;
    }
    .section-product-detail .product-description .talla-content .talla-list .talla input:checked ~ span {
        min-width: 30px;
        padding: 11px 11px;
        font-size: 0.9em;
    }
    .datos-producto {
        display: grid;
        grid-template-columns: 2fr 1fr;
        width: 100%;
    }
    .product-right, .product-right-outlet {
        text-align: right;
    }
}
@media(min-width:1500px) {
    .datos-producto {
        display: grid;
        grid-template-columns: 4.4fr 2fr;
        width: 100%;
    }
    .section-product-detail .product-description .title, .section-product-detail .product-description .price {
        font-size: 1.2em;
    }
    .section-product-detail .product-description .title-modelo {
        font-size: 0.9rem !important;
    }
    .section-product-detail .product-description .talla-content .talla-list {
        grid-gap: 0.8em;
    }
    .section-product-detail .product-description .talla-content .talla-list .talla input:checked ~ span {
        padding: 11px 13px;
    }
    .product span.price.reduced {
        font-size: 1.2rem;
    }
}
@media (min-width: 1700px) {
    .section-product-detail .add-to-cart button {
        padding: 12px 0px;
        font-size: 1rem;
    }
}
.pdp-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 19px;
    border-bottom: 1px solid black;
    margin-bottom: 27px;
    cursor:pointer !important;
}
.pdp-links-open {
    border-bottom: 0 !important;
    margin-bottom: 0px !important;
    padding-bottom: 10px;
}
.pdp-links .mb-0 {
    width: 100%;
    font-size: 14px;
}
.pdp-link-content {
    font-size: 13px;
    margin-bottom: 27px;
    border-bottom: 1px solid black;
    padding-bottom: 19px;
    cursor: pointer;
}
.pay-list {
    cursor: pointer;
}
#accordion-pdp {
    padding: 0px 15px;
}
.pdp-ship-ret {
    display:grid;
    grid-template-columns:19px auto;
    align-items:flex-start;
    align-content:center;
}
.pdp-ship-ret svg {
    width:19px;
}
.pdp-ship-ret p {
    margin-bottom: 21px;
    padding-left: 14px;
    font-size: 13px;
}
.cls-shipping, .cls-delivery {
    fill: #fff;
}
.pay-logos-pdp img {
    max-width: 654px;
    width: 100%;
}
.pay-logos-ex-pdp img {
    max-width: 240px;
    width: 53%;
}
.pdp-links .icon .fas {
    font-size: 10px !important;
}
#collapsePagos .sequra-pdp {
    margin-bottom:2em;
}
.talla-nostock {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
/*OTROS COLORES - FICHA 2025*/
.pdp-colors-section {
    margin-top: 2rem;
}

.pdp-colors-section-title {
    margin-bottom: 0.5rem;
    font-size: 1em;
}

.pdp-colors {
    position: relative;
    /* max-width: 500px; */
    overflow-x: hidden;
    overflow-y: hidden;
    scroll-behavior: smooth;
    margin-left: 0;
    padding-bottom: 2em;
    background-color: white;
    scroll-behavior: smooth; /* Desplazamiento suave */
}

.pdp-colors > div {
    box-sizing: border-box;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.pdp-colors > div ol {
    width: 100%;
    padding-left: 0;
}

.pdp-colors-list {
    display: inline-block;
    width: 21%;
    height: 100%;
    white-space: normal;
    vertical-align: top;
    cursor:pointer;
}

.pdp-colors-a:hover {
    color: inherit;
}

.pdp-colors .mod .mod-color {
    font-size: 11px;
    text-transform: capitalize;
    line-height: 12px;
    margin-top: 3px;
    text-align: left;
}
.cont-color-section::-webkit-scrollbar {
    height: 4px;
    /*width: 3px;*/
}
.cont-color-section::-webkit-scrollbar-button {
    display: none;
}

.cont-color-section::-webkit-scrollbar-thumb {
    background-color: #797979; /* Color del "thumb" */
    border-radius: 10px; /* Bordes redondeados */
    cursor: pointer;
}

.cont-color-section::-webkit-scrollbar-track {
    background-color: #bebebe; /* Color de la pista */
    border-radius: 10px; /* Bordes redondeados */
    cursor: pointer;
}
.shipping-add-buttons {
    display: grid;
    grid-template-columns: auto auto;
    margin-top: 15px;
    justify-content: space-evenly;
}
.shipping-add-button1, .shipping-add-button2 {
    display: grid;
    grid-template-columns: 19px auto;
    grid-gap: 8px;
    align-items: start;
    align-content: center;
}
.shipping-add-button1 svg, .shipping-add-button2 svg {
    width:19px;
}
.shipping-add-button1 p, .shipping-add-button2 p {
    margin-bottom: 0;
    font-size: 13px;
}
.shipping-add-buttons-exp {
    display: grid;
    grid-template-columns: 19px auto;
    margin-top: 15px;
    justify-content: center;
    grid-gap: 8px;
    align-items: center;
}
.shipping-add-buttons-exp svg {
    width:19px;
}
.shipping-add-buttons-exp p {
    margin-bottom: 0;
    font-size: 13px;
}
@media(min-width:768px) {
    #collapsePagos .pay-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: start;
    }
    .pdp-pay {
        grid-gap: 20px;
    }
    .sequra-widget, #collapsePagos .sequra-pdp {
        margin-bottom: 0px;
    }
    .pdp-links-open {
        padding-bottom: 14px;
    }
    .pay-logos-ex-pdp img {
        width: 29%;
    }
}
@media(min-width:1280px) {
    .pdp-links .mb-0 {
        font-size: 16px;
    }
    .pdp-links-open {
        padding-bottom: 14px;
    }
    .pdp-link-content {
        font-size: 14px;
        padding-bottom: 28px;
    }
    .pdp-ship-ret svg {
        margin-top: 2px;
    }
    .pdp-ship-ret p {
        margin-bottom: 29px;
        padding-left: 9px;
        font-size: 14px;
        line-height: normal;
    }
    #collapsePagos .pay-list {
        grid-template-columns: 0.1fr 1fr;
    }
    .pay-logos-pdp img {
        width: 34%;
    }
    .pdp-colors-list {
        width: 12%;
    }
    .pdp-colors .mod .mod-color {
        font-size: 12px;
        margin-top: 4px;
    }
    .shipping-add-buttons-exp {
        grid-template-columns: 21px auto;
        margin-top: 15px;
        grid-gap: 2px;
    }
    .shipping-add-buttons-exp p {
        font-size: 14px;
    }
    .shipping-add-buttons {
        display: grid;
        grid-template-columns: auto auto;
        margin: 15px auto;
        width: max-content;
        grid-gap: 25px;
    }
}
@media(min-width:1500px) {
    #accordion-pdp {
        padding: 3em 2em;
    }
    .pay-logos-pdp img {
        width: 30%;
    }
    .pdp-colors-list {
        width: 10%;
    }
    .pdp-colors .mod .mod-color {
        font-size: 11px;
    }
}
@media (min-width: 1700px) {
    .pay-logos-pdp img {
        width: 33%;
    }
    .pdp-colors-list {
        width: 12%;
    }
}

/*DESPLEGABLE TALLAS PDP*/
.talla-add-pdp {
    display: grid;
    grid-template-columns: 103px auto;
    border: 1px solid #313131;
}
#dropdownTallas {
    color: black;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.dropup-tallas {
    position: initial !important;
}
.menu-tallas-pdp {
    bottom: 82% !important;
    min-width: 81px !important;
    margin-left: 15px;
}

/*CARRUSEL FOTO PDP*/
@media(min-width:768px) {
    .carousel-pdp-container {
        position: relative;
        overflow: hidden;
        width: 100%;
        display: grid;
        grid-template-columns: auto auto;
        align-items: center;
    }
}
.carousel-articulo-container-ficha {
    position: relative;
    overflow: hidden;
    width: 145%;
}

.carousel-articulo-ficha {
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease;
    width: 100%;
}

.carouselArticuloFoto-ficha {
    margin-bottom:10px;
    /*flex: 0 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;*/
}

.carousel-articulo-ficha img {
    width: 100%;
    height: auto; /* Mantiene la proporci󮠤e la imagen */
}

.carousel-arrow-articulo-ficha {
    position: absolute;
    left: 87%;
    transform: translateX(-50%);
    font-weight: 100;
    cursor: pointer;
    width: 10%;
    height: 2%;
    text-align: center;
    color: #858585;
}

.carousel-arrow-articulo-left-ficha {
    top: 0; /* Mueve la flecha izquierda a la parte superior */
    transform: rotate(90deg);
}

.carousel-arrow-articulo-right-ficha {
    bottom: 0; /* Mueve la flecha derecha a la parte inferior */
    transform: rotate(90deg);
}
.LastUntFich {
    position: absolute;
    left: 16px;
    top: 13px;
    z-index: 9999;
    font-size: 12px;
    padding: 3px 6px;
}
.LastUndPDP {
    position: absolute;
    left: 22px;
    top: 10px;
    z-index: 9999;
    font-size: 0.75em;
    padding: 4px 10px;
    width: max-content;
    text-align: center;
    margin-bottom: 0;
    text-transform: uppercase;
    background-color: white;
}
@media(min-width:768px) {
    .zoom-icon {
        position: absolute;
        bottom: 22%;
        right: 10px;
    }
}
.carousel-arrow-articulo-left-ficha, .carousel-arrow-articulo-right-ficha {
    z-index: 1009;
    font-size: 2.2em;
}

@media(min-width:768px) {
    .carousel-articulo-container-ficha {               
        width: 100%;
        /*height:497px;*/
    }
    .FichaImgDesc {
        display: grid;
        grid-template-columns: 50% 50%;
        margin-bottom: 4em;
        /*grid-template-columns: 1fr 1fr;
        grid-gap: 3em;
        align-items: start;*/
    }
    .carousel-arrow-articulo-ficha {
        left:96%;
    }
    .carousel-arrow-articulo-left-ficha {
        top: 46%;
    }
    .carousel-arrow-articulo-right-ficha {
        bottom:46%;
    }
    .section-product-detail .product-description {
        padding-right: 3em;
    }
    .FichaCollapse {
        padding-right: 3em;
    }
}

@media(min-width:1280px) {
    .FichaImgDesc {
        grid-template-columns: 50% 50%;
    }
    .carousel-arrow-articulo-ficha {
        left: 80%;
        z-index: 1009;
        font-size: 2em;
    }
    .section-product-detail .product-description {
        top: 210px;
    }
    .accordion-button {
        margin-bottom:0;
    }
    .FichaCollapse {
        padding-right: 12em;
        margin: 15px 0px 0px;
        row-gap: 8px;
    }
    .FichaImgDesc {
        margin-bottom:70px;
    }
    .FichaCollapse a:nth-child(1), .FichaCollapse a:nth-child(3) {
        justify-self: start;
    }

    .FichaCollapse a:nth-child(2), .FichaCollapse a:nth-child(4) {
        justify-self: end;
    }
    .cesta_compra {
        height: 5px;
    }
}

@media(min-width:1500px) {
    .section-product-detail .product-description {
        padding: 0em 2em 0em 1em;
    }
    .section-product-detail .product-description .title, .modal-product-detail .product-description .title {
        font-size: 18px;
    }
    .product span.price.reduced, .product span.previous-price {
        font-size: 18px;
    }
    .FichaParrafos_Txt, .productMod {
        margin-top: 23px;
    }
    .section-product-detail .product-description .talla-content {
        margin-top: 23px;
        margin-bottom: 23px;
    }
    .carousel-arrow-articulo-ficha {
        left: 96%;
    }
    .FichaCollapse {
        padding: 0em 16em 0em 7em;
        row-gap: 16px;
    }
    .accordion-button .icon {
        margin-left:14px;
    }
    .Margen_Inferior_Ficha {
        margin-top: 0;
    }
}

@media(min-width:1700px) {
    .section-product-detail .product-description {
        padding: 0em 5em 0em 2.5em;
    }
    .section-product-detail .product-description .title {
        font-size: 20px;
    }
    .product span.price.reduced, .product span.previous-price {
        font-size: 19px;
    }
    .FichaParrafos_Txt, .productMod {
        margin-top: 27px;
    }
    .color span#oval {
        width: 18px;
        height: 18px;
    }
    .FichaBtnAdd {
        padding: 16px 41px;
    }
    .FichaCollapse {
        padding: 0em 21em 0em 7em;
        row-gap: 21px;
    }
    .accordion-button {
        font-size:13px;
    }
}

/* Para ocultar la barra de desplazamiento en un contenedor */
.carousel-articulo-container-ficha {
    overflow-y: scroll; /* Permite el desplazamiento vertical */
    -ms-overflow-style: none; /* Para IE 10+ */
    scrollbar-width: none; /* Para Firefox */
}

.carousel-articulo-container-ficha::-webkit-scrollbar {
    display: none; /* Oculta la barra de desplazamiento para navegadores Webkit (Chrome, Safari, etc.) */
}

.carousel-navigation-dots {
    position: absolute;
    bottom: 37%;
    left: 0;
    display: flex;
    justify-content: center;
    z-index: 10;
    padding-left: 11px;
    flex-direction: column;
}

.carousel-navigation-dots .dot {
    width: 10px;
    height: 10px;
    margin: 5px;
    border-radius: 50%;
    background-color:#d5d5d5;
    transition: background-color 0.3s ease;
    pointer-events: all;
    cursor:pointer;
}

.carousel-navigation-dots .dot.active {
    background-color: #737373;
    background-color: #727276;
    color: white !important;
    line-height: 13px;
}

.LastUndPLP {
    position: absolute;
    left: 7px;
    top: 6px;
    z-index: 9999;
    font-size: 0.75em !important;
    padding: 4px 10px;
    width: max-content;
    text-align: center;
    margin-bottom: 0 !important;
    text-transform: uppercase;
    background-color: #727276;
    color: white !important;
    line-height: 14px;
}
.NuevoPLP {
    position: absolute;
    right: 7px;
    top: 6px;
    z-index: 9999;
    font-size: 0.75em !important;
    width: max-content;
    margin-bottom: 0 !important;
    text-transform: uppercase;
    font-weight: 800 !important;
}
@media(min-width:768px) {
    .LastUndPLP {
        font-size: 0.69em !important;
        line-height: 14px;
        left: 10px;
        top: 8px;
        line-height: 16px;
    }
    .NuevoPLP {
        margin-top:0 !important;
    }
    .LastUndPDP {
        left: 13px;
        font-size: 0.88em;
        line-height: 14px;
    }
}
@media(min-width:1280px) {
    .LastUndPDP {
        left: 15px;
        top: 8px;
        line-height: 16px;
        font-size: 0.75em;
    }
    .LastUndPLP {
        font-size: 0.75em !important;
        padding: 7px 14px;
        line-height: 11px;
        margin-top: 0 !important;
    }
    .NuevoPLP {
        right: 9px;
        top: 7px;
        font-size: 0.88em !important;
        margin-top: 0 !important;
    }
}
@media(min-width:1500px) {
    .LastUndPDP {
        left: 15px;
        top: 10px;
        padding: 4px 13px;
        font-size: 0.80em;
    }
}
@media (min-width: 1700px) {
    .LastUndPLP {
        padding: 8px 16px;
        line-height: 9px;
        left: 5px;
    }
    .NuevoPLP {
        right: 8px;
        top: 3px;
        font-size: 1.1em !important;
    }
    .LastUndPDP {
        padding: 6px 15px;
    }
}
@media (min-width: 2450px) {
    .LastUndPLP {
        font-size: 0.9em !important;
    }
    .NuevoPLP {
        right: 9px;
        top: 5px;
    }
}

/*MINERVA PORTILLO*/
.mp_movil {
    display:grid;
}
.mp_desktop {
    display:none;
}
@media(min-width:767px) {
    .mp_movil {
        display: none;
    }

    .mp_desktop {
        display: grid;
    }
}
.cls2-mp-bl {
    filter: url(#drop-shadow-1);
}

.clsH-mp-bl {
    filter: url(#drop-shadow-2);
}
.GoneDaysVFill {
    fill: #fff;
}

.GoneDaysVClase-Clase {
    filter: url(#GoneDaysVClase);
}
.cls-mp-bl {
    fill:white;
}
.MinPorEdGD {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
}
.MinPorEdGD svg {
    max-width: 1000px;
    width:60%;
    margin:0 auto;
}
.MinPorEdGDH {
    position: absolute;
    top: 87%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
}

.MinPorEdGDH svg {
    max-width: 1000px;
    width: 68%;
    margin: 0 auto;
}

.MinPorEdMP {
    position: absolute;
    bottom: 4%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    justify-items: end;
}

.MinPorEdMP svg {
    max-width: 600px;
    width: 33%;
    margin-right: 5%;
}

#countdownMP {
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
}

#countdownMP .number, #countdownMP .unit {
    font-size: 20px;
}

.MinPorCreds {
    display: grid;
    margin: 2em;
}
.MinPorColl, .MinPorExp {
    /*display: grid;*/
    margin: 3em 0em 3em 2em;
    font-size: 12px;
    width: 68%;
}
.MinPorCreds p {
    margin-bottom:0;
    font-size: 12px;
    line-height: 15px;
}
.MinPorColl p {
    margin-bottom:0;
    font-size: 11px;
    line-height: 14px;
}
.MinPorExp p:first-child {
    font-size: 20px;
    font-weight: 700;
}
.MinPorExp p:nth-child(2), .MinPorExp p:nth-child(3) {
    font-size: 11px;
    line-height: 14px;
}
.mp-listing-product {
    padding: 3em 2em;
}
.mp-listing-product-products {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
}
.mp-listing-product p {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    width: 79%;
    margin-left: auto;
    margin-top: 2em;
}
.mp-listing-product2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 6px;
    padding: 0px 15px;
}
.mp-viewall {
    background-color: black;
    padding: 8px 31px;
    text-align: center;
    margin: 3em auto;
    width: max-content;
}
.mp-viewall a {
    color: white !important;
    font-size: 12px;
}
.goneMinPor_fill {
    fill: #fff;
}

.goneMinPor {
    filter: url(#goneMinPor);
}
@media (min-width: 768px) {
    .MinPorEdCS svg {
        width: 34%;
    }

    #countdownMP .number, #countdownMP .unit {
        font-size: 42px;
    }

    .MinPorEdGD {
        top: 25%;
    }

    .MinPorEdGD svg {
        max-width: 1000px;
        width: 37%;
        margin: 0 3% 0 auto;
    }

    .MinPorCreds {
        grid-template-columns: repeat(3, max-content);
        grid-gap: 3em;
        margin: 1em 3em;
    }

    .MinPorCreds p {
        margin-bottom: 0;
        font-size: 16px;
        line-height: inherit;
    }

    .MinPorColl p {
        margin-bottom: 0;
        font-size: 17px;
        line-height: 20px;
    }

    .MinPorColl {
        margin: 4em 0em 7em 4em;
        width: 46%;
    }

    .MinPorExp {
        margin: 4em 0em 4em 3.5em;
    }

    .MinPorExp p:first-child {
        font-size: 40px;
        margin-bottom: 0.4em;
    }

    .MinPorExp p:nth-child(2), .MinPorExp p:nth-child(3) {
        font-size: 17px;
        line-height: 20px;
        width: 68%;
    }

    .MinPorEdGDH {
        top: 58%;
        bottom: 0;
    }

    .MinPorEdGDH svg {
        width: 46%;
    }

    .mp-listing-product {
        padding: 4em 2em;
    }

    .mp-listing-product-products {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 9px;
        align-items: center;
    }

    .mp-listing-product p {
        margin-bottom: 0;
        font-size: 16px;
        line-height: 21px;
        width: 89%;
    }

    .mp-viewall {
        padding: 17px 57px;
        margin: 3em auto;
    }

    .mp-viewall a {
        font-size: 17px;
    }
}
@media (min-width: 1280px) {
    .MinPorEdCS {
        grid-gap: 5em;
    }
    .MinPorEdCS svg {
        width: 37%;
    }
    #countdownMP .number, #countdownMP .unit {
        font-size: 30px;
        font-weight:400;
    }
    .MinPorColl {
        margin: 4em 0em 5em 55em;
        width: 37%;
    }
    .MinPorColl p {
        font-size: 18px;
        line-height: 21px;
    }
    .MinPorExp {
        margin: 5em 0em 5em 3.5em;
    }
    .MinPorExp p:first-child {
        font-size: 50px;
        margin-bottom: 0.2em;
    }
    .MinPorExp p:nth-child(2), .MinPorExp p:nth-child(3) {
        font-size: 18px;
        line-height: 21px;
        width: 52%;
    }
    .MinPorEdGD svg {
        width: 31%;
    }
}
@media (min-width: 1500px) {
    .MinPorEdCS svg {
        width: 38%;
    }

    #countdownMP .number, #countdownMP .unit {
        font-size: 36px;
        font-weight: 300;
    }
    .MinPorEdGD svg {
        width: 33%;
    }
    .MinPorColl {
        margin: 3em 0em 6em 68em;
        width: 25%;
    }
    .MinPorExp p:first-child {
        font-size: 54px;
    }
    .MinPorExp p:nth-child(2), .MinPorExp p:nth-child(3) {
        width: 44%;
    }
    .mp-listing-product {
        padding: 4em 3em;
    }
    .mp-listing-product p {
        margin-bottom: 0;
        font-size: 18px;
        line-height: 22px;
        width: 64%;
    }
    .mp-viewall {
        margin: 4em auto;
    }
}
@media (min-width: 1700px) {
    .MinPorEdCS svg {
        width: 34%;
    }
    #countdownMP .number, #countdownMP .unit {
        font-size: 42px;
    }
    .MinPorEdGD {
        top: 25%;
    }
    .MinPorEdGD svg {
        max-width: 1000px;
        width: 37%;
        margin: 0 3% 0 auto;
    }
    .MinPorCreds {
        grid-template-columns: repeat(3, max-content);
        grid-gap: 3em;
        margin: 1em 3em;
    }
    .MinPorCreds p {
        margin-bottom: 0;
        font-size: 16px;
        line-height: inherit;
    }
    .MinPorColl p {
        margin-bottom: 0;
        font-size: 20px;
        line-height: inherit;
    }
    
    .MinPorExp {
        margin: 6em 0em 6em 3.5em;
    }
    .MinPorExp p:first-child {
        font-size: 68px;
        margin-bottom: 0.4em;
    }
    .MinPorExp p:nth-child(2), .MinPorExp p:nth-child(3) {
        font-size: 20px;
        line-height: 25px;
        width: 47%;
    }
    .MinPorEdGDH {
        top: 58%;
        bottom:0;
    }
    .MinPorEdGDH svg {
        width: 64%;
    }
    .mp-listing-product {
        padding: 6em 3em;
    }
    .mp-listing-product-products {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 9px;
        align-items: center;
    }
    .mp-listing-product p {
        margin-bottom: 0;
        font-size: 20px;
        line-height: 26px;
    }
    .mp-viewall {
        padding: 21px 74px;
        margin: 4em auto;
    }
    .mp-viewall a {
        font-size: 22px;
    }
    .mp-listing-product2 {
        padding: 0px 2em;
        grid-gap: 15px;
    }
}

@media (min-width: 2500px) {
    #countdownMP .number, #countdownMP .unit {
        font-size: 55px;
    }
    .MinPorEdGD svg {
        width: 34%;
    }
    .MinPorColl {
        margin: 3em 0em 6em 97em;
        width: 476px;
    }
    .MinPorExp p:nth-child(2), .MinPorExp p:nth-child(3) {
        width: 608px;
        font-size: 22px;
        line-height: 27px;
    }
    .MinPorExp p:first-child {
        font-size: 70px;
    }
    .mp-listing-product p {
        margin-bottom: 0;
        font-size: 22px;
        line-height: 28px;
        width: 401px;
    }
    .mp-listing-product {
        padding: 6em 5em;
    }
    .mp-viewall {
        padding: 26px 79px;
        margin: 6em auto;
    }
    .mp-viewall a {
        font-size: 24px;
    }
}

.tableTallas {
    border-collapse: collapse;
    width: max-content;
    max-width: 1200px;
    background-color: #fff;
    margin: 2em auto;
}

.tableTallas thead {
    background-color: black;
    color: white;
    letter-spacing: 2px;
    font-size: 12px;
}

.tableTallas th, td {
    padding: 10px;
    text-align: center;
    letter-spacing: 1px;
    font-size: 12px;
}

.tableTallas tbody th, td {
    border: 1px solid #ddd;
}
.btnOkGt {
    font-size: 12px;
    width: max-content;
    padding: 6px 29px;
    line-height: normal;
}

.logoAgenciaListado {
    width: 21px;
    height: auto;
    margin-left: 3%;
    margin-bottom: 2%;
}
/*PLAY CUSTOM*/
.playIcon-polygon {
    fill: #1d1d1b;
}

.playIcon-circle {
    fill: none;
    stroke: #1d1d1b;
    stroke-miterlimit: 10;
    stroke-width: 2px;
}

.PlayIcon {
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 45px;
}

.hxjv-video-container {
    position: relative;
    cursor: pointer;
    display: inline-block;
}
/*EDITORIAL HISPANITAS X JUAN VIDAL*/
.hxj-container {
    background-color: black;
    padding-bottom: 100px;
    padding: 0 1.5rem;
}

.hxj-container .hisxjv-logo {
    padding: 100px 40px 34px 40px;
}
.grid-container-jv {
    display: grid;
    gap: 1.5rem; /* Espaciado entre banners */    
}
.hxjv-text-container {
    margin:1rem auto;
}
.hxj-text1, .hxj-text2 {
    color: white;
    font-size: 10px;
    line-height: 15px;
    padding: 20px 0px 20px 0px;
    margin-bottom: 0;
    width: 257px;
    text-transform: uppercase;
    font-family: Montserrat;
}
.hxvj-viewall {
    border: 1px solid white;
    padding: 12px 31px;
    text-align: center;
    margin: 4em auto;
    width: max-content;
    line-height: 7px;
    font-family: Montserrat;
}
.hxvj-viewall a {
    color: white !important;
    font-size: 11px;
}
.hxjv-product-ecommerce {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 6px;
    padding-bottom: 6em;
}
/* Estilos base: móvil primero */
#banner1juanvidal,
#banner2juanvidal,
#banner3juanvidal,
#textojuanvidal1 {
    width: 100%;
}

/* Layout móvil: una sola columna */
.grid-container-jv {
    grid-template-columns: 1fr;
    grid-template-areas: "banner1" "textojuanvidal1" "banner2" "banner3";
}

#banner1juanvidal {
    grid-area: banner1;
}

#banner2juanvidal {
    grid-area: banner2;
}

#banner3juanvidal {
    grid-area: banner3;
}

#textojuanvidal1 {
    grid-area: textojuanvidal1;
}

.HispanitasxJV_V {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.hxjv-ecommerce-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 11px;
    margin-bottom: 1.5rem;
}
.hxjv-ecommerce-container-mr {
    margin-top:1.5rem;
}
.hxjv-ecommerce-container-mb {
    margin-bottom: 0rem !important;
}
.hisxjv-logo-v {
    display: grid;
    grid-template-columns: 3fr 1fr;
}
#HispanitasxJuanVidalV {
    width: 54%;
    margin: 0 0 0 auto;
}
/* Layout para pantallas mayores a 768px */
@media (min-width: 768px) {
    .hxj-container .hisxjv-logo {
        padding: 104px 100px 40px 100px;
    }
    .hxj-text1, .hxj-text2 {
        width: 442px;
        font-size: 12px;
        line-height: 18px;
        padding: 20px 0px 20px 0px;
    }
    .grid-container-jv {
        gap: 1rem;
    }
    .grid-container-jv {
        grid-template-columns: 1fr 1.5fr; /* Dos columnas con diferentes tamaños */
        grid-template-areas: "banner2 banner2" /* Banner 2 ocupa toda la primera fila */
        "textojuanvidal1 textojuanvidal1" /* El texto ocupa toda la fila */
        "banner1 banner3"; /* Banner 1 y Banner 3 en la segunda fila */
    }

    #banner1juanvidal {
        grid-area: banner1;
    }

    #banner2juanvidal {
        grid-area: banner2;
        grid-column: span 2; /* Banner 2 ocupa ambas columnas */
    }

    #banner3juanvidal {
        grid-area: banner3;
        grid-column: span 2; /* Banner 3 ocupa ambas columnas */
    }

    #textojuanvidal1 {
        grid-area: textojuanvidal1;
        grid-column: span 2; /* El texto ocupa ambas columnas */
    }
}

@media(min-width:1280px) {
    .hxj-container {
        padding: 0 2.5rem;
    }
    .hxj-container .hisxjv-logo {
        padding: 130px 0px 50px 0px;
        width: 68%;
        margin: 0 auto;
    }
    .hxj-text1, .hxj-text2 {
        width: 573px;
        font-size: 14px;
        line-height: 23px;
        padding: 30px 0px 30px 0px;
    }
    .PlayIcon {
        width: 100px;
    }
    .hxjv-ecommerce-container {
        grid-gap:17px;
    }
    .hxjv-product-ecommerce {
        grid-gap: 14px;
    }
    .hxvj-viewall {
        margin: 5em auto;
        padding: 20px 45px;
    }
    .PlayIconx2 {
        width: 150px !important;
    }
    .hxvj-viewall a {
        font-size: 17px;
    }
}
@media(min-width:1500px) {
    .hxj-container {
        padding: 0 3.5rem;
    }

    .hxj-container .hisxjv-logo {
        padding: 155px 0px 75px 0px;
        width: 72%;
    }

    .hxj-text1, .hxj-text2 {
        width: 693px;
        font-size: 17px;
        line-height: 25px;
        padding: 55px 0px 55px 0px;
    }
    .hxjv-ecommerce-container {
        grid-gap: 20px;
    }
    .hxvj-viewall {
        margin: 6em auto;
        padding: 30px 53px;
    }
    .hxvj-viewall a {
        font-size: 20px;
    }
    .hxjv-product-ecommerce {
        grid-gap: 19px;
    }
}
@media(min-width:1700px) {
    .hxj-container {
        padding: 0 4rem;
    }
    .hxj-container .hisxjv-logo {
        padding: 190px 0px 100px 0px;
    }
    .hxj-text1, .hxj-text2 {
        width: 734px;
        font-size: 18px;
        line-height: 26px;
        padding: 65px 0px 65px 0px;
    }
    .hxjv-ecommerce-container {
        grid-gap: 25px;
    }
    .hxvj-viewall {
        margin: 9em auto;
        padding: 35px 59px;
    }
    .hxvj-viewall a {
        font-size: 27px;
    }
    .grid-container-jv {
        gap: 1.75rem;
    }
    .PlayIconx2 {
        width: 200px !important;
    }
    .hxjv-product-ecommerce {
        padding-bottom: 9em;
    }
}
@media (min-width: 2540px) {
    .hxj-container {
        padding: 0 4rem 0 5.75rem;
    }
    .hxj-text1, .hxj-text2 {
        width: 1034px;
        font-size: 19px;
        line-height: 27px;
        padding: 65px 0px 65px 0px;
    }
    .PlayIconx2 {
        width: 250px !important;
    }
    .hxvj-viewall {
        margin: 11em auto;
        padding: 38px 66px 34px 66px;
    }
    .hxvj-viewall a {
        font-size: 31px;
    }
}
/*LANDING COMING SOON*/
.hxjv-comingsoon {
    position: relative;
    background-color: #1d1d1b;
    height: 85vh;
}
.hxjv-countdown {
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 100%;
    display:grid;
    grid-gap:50px;
}
.hxjv-fill-wh {
    fill: #fff;
}
.hxjv-countdown > div:first-child {
    width:87%;
    margin:0 auto;
}
#countdownJV {
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
}
#countdownJV .number, #countdownJV .unit {
    font-family: Montserrat;
    font-size: 20px;
}
.form-hxjv-nl {
    display: grid;
    justify-content: center;
    margin-top: 2em;
}
.form-hxjv-nl p {
    font-family: Montserrat;
    text-align: center;
    width: 85%;
    margin: 0 auto;
    font-size: 11px;
    text-transform: uppercase;
        letter-spacing: 1px;
}
.btn-hxjv-nl {
    background-color: white;
    border: 1px solid black;
    color: black;
    width: auto;
    padding: 8px 14px;
    font-size: 13px;
    cursor: pointer;
    margin: 3.5em auto;
    font-family: Montserrat;
    line-height: 17px;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}
@media(min-width:768px) {
    .hxjv-comingsoon {
        height: 47vh;
    }
    .hxjv-countdown {
        top:57%;
    }
    .hxjv-countdown > div:first-child {
        width:77%;
    }
    #countdownJV .number, #countdownJV .unit {
        font-size: 25px;
    }
    .form-hxjv-nl {
        margin-top:3em;
    }
    .form-hxjv-nl p {
        width: 69%;
        font-size: 13px;
    }
    .btn-hxjv-nl {
        padding: 8px 20px;
        font-size: 12px;
        margin: 3em auto;
    }
}
@media(min-width:1280px) {
    .hxjv-countdown {
        top: 60%;
        grid-gap: 40px;
    }
    .hxjv-comingsoon {
        height: 82vh;
    }
    #countdownJV .number, #countdownJV .unit {
        font-size: 37px;
        font-weight:300;
    }
    .form-hxjv-nl {
        margin-top: 3.5em;
    }
    .form-hxjv-nl p {
        width: 870px;
        font-size: 14px;
    }
    .btn-hxjv-nl {
        width: auto;
        padding: 12px 33px;
        font-size: 13px;
        margin: 3.5em auto;
    }
}
@media(min-width:1500px) {
    .hxjv-comingsoon {
        height: 87vh;
    }
    .hxjv-countdown {
        top: 60%;
        grid-gap: 25px;
    }
    #countdownJV .number, #countdownJV .unit {
        font-size: 40px;
    }
    .form-hxjv-nl p {
        width: 958px;
        font-size: 16px;
    }
    .btn-hxjv-nl {
        font-size: 15px;
        margin: 3.5em auto;
    }
}
@media(min-width:1700px) {
    .hxjv-comingsoon {
        height: 90vh;
    }
    .hxjv-countdown {
        grid-gap: 37px;
    }
    .form-hxjv-nl {
        margin-top: 4.5em;
    }
    #countdownJV .number, #countdownJV .unit {
        font-size: 55px;
    }
    .form-hxjv-nl p {
        width: 917px;
        font-size: 15px;
        line-height: 25px;
    }
    .btn-hxjv-nl {
        font-size: 15px;
        margin: 3.5em auto;
        padding: 15px 40px;
    }
}

.hxjv-plp {
    position: absolute;
    left: 0px;
    top: 5px;
    width: 100%;
    z-index: 9999;
    display: grid;
}
.hxjv-plp svg {
    width: 51%;
    margin-left: 7px;
    margin-top: 0px;
    height:20px;
}
.plp-hxjv-black {
    fill:black;
}
@media(min-width:1700px) {
    .hxjv-plp {
        margin-top: 0 !important;
    }
    .hxjv-plp svg {
        width: 41%;
        margin-top: 0px;
        margin-left: 3px;
    }
}

.btn100width {
    width: -webkit-fill-available;
    width: -moz-available;
}
/*COMPRA COMO INVITADO*/
.separator-guest {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2rem 0;
}
.line-guest {
    flex: 1;
    height: 1px;
    background-color: black;
}
.circle-guest {
    margin: 0 1rem;
    font-size: 1rem;
    color: black;
}
.tit-guest-checkout {
    font-size: 1.1em;
    font-weight: 600;
}
.btn-guest:hover {
    cursor:pointer;
}
.guest-captcha-title {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0.5em;
}
.form-group.invitado {
    margin-bottom: 20px;
}

.form-group.invitado label {
    display: inline-block;
    color: black;
    margin-bottom: 8px;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    text-transform:uppercase;
}

.form-group.invitado input {
    margin-bottom: 30px;
    border-bottom: 1px solid #a5a5a5;
    height: 20% !important;
    padding-bottom: 0.5em;
}
.form-group.invitado input:focus {
    border: none;
    border-bottom: 1px solid #000000;
}
.guest-mb-form {
    margin-bottom:30px !important;
}
@media(min-width:1280px) {
    .form-group.invitado label {
        font-size: 13px;
    }
    .btn-guest {
        width: max-content;
        padding: 0.5rem 3rem;
    }
    .form-group.invitado {
        display: flex;
        flex-wrap: wrap;
        grid-gap: 5rem;
    }

    .columna {
        flex: 1;
        min-width: 300px; /* ajusta según necesidad */
    }

    .columna label {
        display: block;
        margin-top: 1rem;
    }

    .form-control {
        width: 100%;
        padding: 0.5rem;
        margin-top: 0.25rem;
    }
    .form-group.invitado label {
        margin-bottom: 0;
    }
    .form-group.invitado input {
        margin-bottom: 8px;
        border-bottom: 1px solid #a5a5a5;
        height: 30px !important;
    }
    #datosInvitadoTienda, #datosInvitadoUPS {
        margin-bottom: 41px !important;
    }
    /*#tab1 {
        height:80vh;
    }*/
    .guest-mb-form {
        margin-bottom: 8px !important;
    }
}
@media(min-width:1500px) {
    .btn-guest {
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
    }
    .tit-guest-checkout {
        font-size: 0.9em;
        margin-bottom:0.5em;
    }
}
@media(min-width:1700px) {
    .tit-guest-checkout {
        font-size: 1em;
    }
}

/* Botón fijo */
.btn-cesta {
    position: fixed;
    top: 20px;
    right: 20px;
    background: black;
    color: white;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    z-index: 999;
    font-size: 24px;
    cursor: pointer;
}

/* Panel del carrito oculto al inicio */
.carrito-mobile {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 101vh;
    background: white;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
    transition: right 0.3s ease-in-out;
    z-index: 999999;
    display: flex;
    flex-direction: column;
}

.carrito-mobile.abierto {
    right: 0;
    top:-1px;
}

.carrito-mobile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.8rem 1rem 0rem 1rem;
}
.carrito-mobile-header span {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
}
.cerrar-carrito-mobile {
    position:relative;
    background: none;
    border: none;
    font-size: 13px;
    cursor: pointer;
    font-weight:600;
    padding:0;
}
.cerrar-carrito-mobile::before {
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -30px;
}
.carrito-contenido {
    flex: 1;
    overflow-y: auto;
    /*padding: 0rem 1rem;*/
    display: grid;
    align-content: space-between;
    height: 67vh;
}
#cart-slide {
    width: 100%;
    height: 67vh;
    background: white;
    display: grid;
    align-content: space-between;
}
.cart-num-items-mobile {
    padding-bottom: 0.25rem;
    font-size: 12px;
    font-weight: 400;
    border-bottom: 1px solid black;
    color: #898989;
    padding-bottom: 6px;
}
.cart-mobile-list-items {
    padding-left: 0;
    list-style: none;
    overflow-y: auto;
    max-height: calc(67vh - 200px);
    margin-top: 5px;
}
.cart-mobile-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 7px 0px 0px 0px;
    font-weight: 400;
}
.cart-mobile-image {
    width: 30%;
}
.cart-mobile-image img {
    max-width: 100%;
    height: auto;
}
.cart-mobile-body {
    width: 65%;
    padding-left: 0.625rem;
}
.cart-mobile-description .des-mobile {
    margin-bottom: 0;
    font-size: 11px;
}
.cart-mobile-size, .cart-mobile-color {
    font-size: 11px;
}
.cart-mobile-price {
    margin-bottom: 0rem;
}
.cart-mobile-price .price-mobile {
    font-weight: bold;
    color: black;
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 0.19em;
}
.cart-mobile-price .price-reduced-mobile {
    font-size:11px;
    color: #e84e1b;
    margin-bottom: 0;
    margin-top: 0.19em;
    font-weight: bold;    
}
.cart-mobile-price .previous-price-mobile {
    font-size: 11px;
    font-weight: 400;
    text-decoration: line-through;
    color: black;
    margin-bottom:0;
}
.cart-butt-mobile {
    /*position: absolute;
    bottom: 14%;
    left: 0;*/
    width: 100%;
    padding-top: 1rem;
    background-color: white;
}
.cart-total-mobile {
    padding-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;
    display:grid;
    grid-template-columns:1fr 1fr;
}
.cart-total-mobile .totalproductos {
    font-size: 11px;
    margin-bottom: 4px;
}
.cart-total-mobile .totalcompra {
    font-size: 11px;
    margin-bottom: 4px;
    font-weight:700;
}
.total-products-mobile {
    font-size: 11px;
    margin-bottom: 0;
    text-align:right;
}
.total-price-mobile {
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 0;
    text-align: right;
    font-weight:700;
}

.carrito-mobile-vacio {
    text-align: left;
    padding: 2.5rem 3rem 0rem 3rem;
}

.carrito-mobile-vacio .tit {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0.1rem;
}

.carrito-mobile-vacio .sub {
    font-size: 13px;
    color: #666;
    margin-bottom: 0;
}

.carrito-mobile-categorias {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    justify-items: start;
    margin-top:1rem;
}

.carrito-categoria-item a {
    text-align: center;
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    grid-gap: 1rem;
}

.carrito-categoria-item a img {
    width: 100%;
    max-width: 80px;
    border-radius: 8px;
}

.carrito-categoria-item a p {
    font-size: 12px;
    font-weight: 500;
    margin-bottom:0;
}

/* Responsive */
@media (max-width: 480px) {
    .btn-cesta {
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
}

/*EDITORIAL SABORES DULCES*/
.container-biancamg {
    padding: 7rem 0rem 2rem 0rem;
}
.grid-biancamg {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    gap: 1rem;    
}

.element-biancamg-a {
    width: 56%;
    margin: 0 auto;
    text-align: center;
}

.element-biancamg-b {
    width: 85%;
    margin-left: auto;
}

.element-biancamg-c {
    text-align: left;
    padding: 2rem 2rem 1rem 2rem;
}
.element-biancamg-c p {
    margin-bottom: 0;
    font-size: 12px;
    line-height:14px;
}
.picture-biancamg {
    padding: 2rem 2rem 0rem 2rem;
}
.img-text-biancamg {
    display: flex;
    align-items: flex-start;
    width: 100%;
}
.img-text-biancamg img {
    width: 100%;
    height: auto;
    display: block;
}

.img-text-biancamg p {
    writing-mode: vertical-rl;
    text-align: left;
    padding-left: 1rem;
    font-size: 11px;
    margin: 0;
    height: 41%;
    line-height: 12px;
}
.picture2-biancamg {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.imgtxt-over-biancamg {
    position: relative;
    margin: 2rem 2rem 0rem 2rem;
}
.imgtxt-over-biancamg div {
    position: absolute;
    color: white;
    top: 6%;
    left: 50%;
    transform: translateX(-50%); /*solo ponemos translate x porque solo necesitamos ajustarlo arriba de la imagen*/
    width: 100%;
}
.imgtxt-over-biancamg div p {
    text-align:right;
    color:white;
    font-size: 11px;
    line-height: 12px;
    width: 25%;
    margin: 0 1.5rem 0 auto;
}
.biancamg-ques {
    padding: 3rem 2rem 1rem 2rem;
    display: grid;
    grid-gap:1rem;
}
.text1-biancamg {
    margin-bottom: 0px;
    font-family: "Playfair Display",serif;
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 500;
    line-height: 31px;
}
.text2-biancamg {
    font-size: 12px;
    line-height: 14px;
    width: 86%;
}
.img2-biancamg {
    padding: 2rem 2rem 1rem 2rem;
}
.img2-biancamg img {
    width: 84% !important;
}
.logo-biancamg {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: end;
}
.logo-biancamg svg {
    width:56%;
}
.img-mag-biancamg {
    padding:0em 2em;
}
@media (min-width: 768px) {
    .container-biancamg {
        padding: 5rem 0rem 2rem 0rem;
    }
    .grid-biancamg {
        display: grid;
        grid-template-columns: 1fr 1fr; /* Dos columnas: A | B y C */
        grid-template-rows: auto auto; /* Dos filas */
        gap: 1rem;
        align-items: start;
        position: relative;
    }
    .element-biancamg-a {
        grid-column: 2;
        grid-row: 1 / 3; /* Ocupa fila 1 y 2 */
        width: 58%;
        margin: 0 auto;
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translateX(-50%);
    }
    .element-biancamg-b {
        grid-column: 1;
        grid-row: 1;
        width: 100%;
        margin: 0;
    }
    .element-biancamg-c {
        grid-column: 2;
        grid-row: 1;
        align-self: end;
        padding:0;
    }
    .element-biancamg-c p {
        font-size: 13px;
        line-height: 15px;
    }
    .picture-biancamg {
        padding: 5rem 2rem 0rem 2rem;
    }
    .img-text-biancamg {
        display: flex;
        align-items: flex-end;
        flex-direction: column;
    }
    .img-text-biancamg p {
        writing-mode: inherit;
        text-align: right;
        padding-left: 0;
        font-size: 14px;
        margin: 0;
        height: inherit;
        line-height: 17px;
        width: 70%;
        margin-top: 5rem;
    }
    .imgtxt-over-biancamg {
        margin: 5rem 2rem 0rem 2rem;
    }
    .imgtxt-over-biancamg div p {
        font-size: 14px;
        line-height: 17px;
        margin: 0 2rem 0 auto;
    }
    .biancamg-ques {
        padding: 4rem 2rem 1rem 2rem;
        grid-gap: 1.5rem;
    }
    .text1-biancamg {
        font-size: 2.3rem;
    }
    .text2-biancamg {
        font-size: 14px;
        line-height: 17px;
        width: 64%;
    }
    .img-mag-biancamg {
        display: grid;
        justify-items: center;
        padding:0;
    }
    .img-mag-biancamg picture {
        width:84% !important;
    }
    .pt-biancamg {
        padding: 3rem 2rem 0rem 2rem !important;
    }
    .p5t-biancamg {
        padding: 5rem 2rem 0rem 2rem !important;
    }
}
@media(min-width:1280px) {
    .element-biancamg-c p {
        font-size: 18px;
        line-height: 22px;
    }
    .img-text-biancamg p {
        font-size: 19px;
        line-height: 22px;
        width: 630px;
        margin-top: 6rem;
    }
    .img-text-biancamg picture {
        width:75%;
    }
    .imgtxt-over-biancamg div {
        top: 9%;
    }
    .imgtxt-over-biancamg div p {
        font-size: 19px;
        line-height: 22px;
        margin: 0 3rem 0 auto;
        width: 23%;
    }
    .pt6-biancamg, .pt-biancamg {
        padding: 6rem 4rem 0rem 4rem !important;
    }
    .mt6-biancamg {
        margin: 6rem 4rem 0rem 4rem !important;
    }
    .biancamg-ques {
        padding: 6rem 4rem 1rem 4rem;
        grid-gap: 2.7rem;
    }
    .text1-biancamg {
        font-size: 3rem;
    }
    .text2-biancamg {
        font-size: 18px;
        line-height: 21px;
        width: 669px;
    }
    .img-mag-biancamg {
        margin: 1em 0em;
    }
    .img2-biancamg img {
        width: 75% !important;
    }
    .logo-biancamg svg {
        width: 46%;
        margin-top: 1em;
    }
    .picture-biancamg {
        padding: 5rem 4rem 0rem 4rem;
    }
}
@media(min-width:1500px) {
    .container-biancamg {
        padding: 7rem 0rem 2rem 0rem;
    }
    .grid-biancamg {
        grid-gap: 2rem;
    }
    .imgtxt-over-biancamg div p {
        font-size: 21px;
        line-height: 24px;
        margin: 0 5rem 0 auto;
        width: 23%;
        font-weight: 300;
    }
    .logo-biancamg svg {
        margin-top: 3em;
    }
}
@media(min-width:1720px) {
    .grid-biancamg {
        grid-gap: 2.7rem;
    }
    .element-biancamg-c p {
        font-size: 26px;
        line-height: 31px;
    }
    .picture-biancamg {
        padding: 7rem 4rem 0rem 4rem !important;
    }
    .img-text-biancamg p {
        font-size: 22px;
        line-height: 26px;
        width: 710px;
        margin-top: 7rem;
    }
    .pt6-biancamg, .pt-biancamg {
        padding: 7rem 4rem 0rem 4rem !important;
    }
    .mt6-biancamg {
        margin: 7rem 4rem 0rem 4rem !important;
    }
    .imgtxt-over-biancamg div p {
        font-size: 22px;
        line-height: 25px;
        margin: 0 8rem 0 auto;
        width: 17%;
    }
    .biancamg-ques {
        padding: 7rem 4rem 1rem 4rem;
        grid-gap: 4em;
    }
    .text1-biancamg {
        font-size: 4.5rem;
    }
    .text2-biancamg {
        font-size: 22px;
        line-height: 26px;
        width: 771px;
    }
    .logo-biancamg svg {
        margin-top: 5em;
    }
}
@media(min-width:2450px) {
    .element-biancamg-c p {
        font-size: 31px;
        line-height: 35px;
    }
    .picture-biancamg {
        padding: 8rem 4rem 0rem 4rem !important;
    }
    .img-text-biancamg p {
        font-size: 25px;
        line-height: 28px;
        width: 951px;
        margin-top: 8rem;
    }
    .mt6-biancamg {
        margin: 8rem 4rem 0rem 4rem !important;
    }
    .imgtxt-over-biancamg div {
        top: 10%;
    }
    .imgtxt-over-biancamg div p {
        font-size: 29px;
        line-height: 29px;
        margin: 0 9rem 0 auto;
        width:400px;
    }
    .text2-biancamg {
        font-size: 25px;
        line-height: 29px;
        width: 916px;
    }
    .logo-biancamg svg {
        margin-top: 7em;
    }

    .pt6-biancamg, .pt-biancamg {
        padding: 9rem 4rem 0rem 4rem !important;
    }

    .biancamg-ques {
        padding: 9rem 4rem 2rem 4rem;
    }
}

.filter-label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-transform: uppercase;
    font-size: 1em;    
}

.btn-tallas-desactivado {
    background-color: #e0e0e0 !important;
    color: #505050 !important;
    cursor: not-allowed !important;
    pointer-events: none;
    border: 1px solid #ccc;
    box-shadow: none;
    height: 42px;
}

.btn-tallas-desactivado:hover {
    background-color: #e0e0e0 !important;
    color: #9b9b9b !important;
}

.btn-tallas-desactivado::after {
    display: none; /* Oculta la flecha del dropdown */
}

.btn-carrito-desactivado {
    background-color: #e0e0e0 !important;
    color: #505050 !important;
    cursor: not-allowed !important;
    pointer-events: none;
    border: 1px solid #ccc;
    box-shadow: none;
    border: none !important;
    border-left: 1px solid black !important;
    height: 42px;
}

.btn-carrito-desactivado:hover {
    background-color: #e0e0e0 !important;
    color: #9b9b9b !important;
}
@media(min-width:1280px) {
    .mobile-filters .filters ul li > a > span {
        font-size: 0.8em !important;
    }
    .mobile-filters .custom-control {
        padding: 0;
    }
    .mobile-filters .custom-control a {
        padding:0.4rem 0.8rem;
    }
    .custom-control-description {
        font-size: 0.7rem;
        line-height: 0.65rem;
    }
    .mobile-filters .content-filters .inner {
        top: 6%;
        padding: 0 5rem;
    }
    .filters-tit {
        margin-bottom: 3em;
    }
    .mobile-filters .filters .filters-inner {
        padding: 0;
    }
    .mobile-filters .filters ul li {
        padding-right: 1.5em;
    }
    .mobile-filters [data-toggle="collapse"]:after {
        font-size: 1em;
    }
    .mobile-filters [data-toggle="collapse"][aria-expanded="true"]:after {
        font-size: 1.2em;
    }
    .clear-filter {
        font-size: 0.8em;
    }
    .mobile-filters .filters ul li > a {
        padding: 1rem 0rem 1.5rem 0rem;
    }
    .mobile-filters .filters ul .collapse-inner {
        grid-gap: 0.6em;
    }
}
@media(min-width:1500px) {
    .mobile-filters .filters ul li > a > span {
        font-size: 0.75em !important;
    }
    .custom-control-description {
        font-size: 0.65rem;
        line-height: 0.65rem;
    }
    .clear-filter {
        font-size: 0.75em;
    }
    .mobile-filters .content-filters .inner {
        padding: 0 7rem;
    }
}
@media(min-width:1700px) {
    .mobile-filters .content-filters .inner {
        top: 8%;
        padding: 0px 10rem;
    }
    .filters-tit {
        margin-bottom: 4em;
    }
    .mobile-filters .filters ul li > a > span {
        font-size: 0.85em !important;
    }    
    .custom-control-description {
        font-size: 0.70rem;
        line-height: 0.75rem;
    }
    .mobile-filters .filters ul li > a {
        padding: 1rem 0rem 2rem 0rem;
    }
    .mobile-filters .filters ul li {
        padding-right: 3.5em;
    }
    .clear-filter {
        font-size: 0.85em;
    }
}

/* Firefox */
.filters-inner ul {
    scrollbar-width: 6px /* No permite menos de ~3px, pero es lo más fino permitido */
    
}
/* WebKit (Chrome, Safari, Edge, Opera) */
.filters-inner ul::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    -webkit-appearance: none !important;
    scrollbar-color: #000000 #00000000; /* thumb | track (transparente) */
}
.filters-inner ul::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}
.filters-inner ul::-webkit-scrollbar-track {
    border-radius: 10px;
}
.filters-inner ul::-webkit-scrollbar-button:increment, .filters-inner ul::-webkit-scrollbar-button {
    display: none;
}

/*TIPO AFFINITY DAYS REBAJAS 2025*/
@font-face {
    font-family: "Arimo";
    src: url("../_fonts/Satoshi/Satoshi-Regular.eot") format('embedded-opentype'), url("../_fonts/Satoshi/Satoshi-Regular.ttf") format('truetype'), url("../_fonts/Satoshi/Satoshi-Regular.woff") format('woff'), url("../_fonts/Satoshi/Satoshi-Regular.woff2") format('woff2');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

/* Arimo normal */
@font-face {
    font-family: 'Arimo';
    src: url('../_fonts/Arimo-VariableFont_wght.ttf') format('truetype'), url("../_fonts/Satoshi/Arimo-VariableFont_wght.woff2") format('woff2');
    font-weight: 100 900; /* Rango de pesos admitidos por la fuente */
    font-style: normal;
    font-display: swap;
}

/* Arimo cursiva */
@font-face {
    font-family: 'Arimo';
    src: url('../_fonts/Arimo-Italic-VariableFont_wght.ttf') format('truetype'), url("../_fonts/Arimo-Italic-VariableFont_wght.woff2") format('woff2');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

.MiCestaBlanco, .CestaBlancoMenu {
    color: #ffffff;
}

.selected-filter {
    background-color: black;
    color: white;
}

.selected-filter a {
    color: white;
    text-decoration: none;
}

/*Textos cortos plp*/
.pCortoPLP {
    font-size: 0.75em;
    max-width: 600px;
    line-height: 1.3em;
    margin: 0 auto;
    width: 85%;
}
@media(min-width:768px) {
    .pCortoPLP {
        width: 48%;
    }
}

@media(min-width:1280px) {
    .pCortoPLP {
        width: 36%;
        line-height: 1.2em;
        font-size: 0.69em;
    }
}

@media (min-width: 1500px) {
    .pCortoPLP {
        width: 31%;
        line-height: 1.25em;
        font-size: 0.7em;
    }
}

@media (min-width: 1700px) {
    .pCortoPLP {
        width: 27%;
        line-height: 1.25em;
        font-size: 0.75em;
    }
}


/*CATEGORÍAS DESTACADAS MENÚ MÓVIL*/
.highlighted-categories {
    overflow-x: auto;
    white-space: nowrap;
    /*margin:25px 0px 0px 0px;*/
    background-color: #fff;
    -webkit-overflow-scrolling: touch; /* para iOS */
}

.category-scroll {
    display: flex;
    gap: 12px;
    padding-left: 16px;
}

.category-item {
    flex: 0 0 90%; /*grow, shrink y ancho. los primeros hace que el tamaño no cambie*/
    max-width: 90%;
    text-decoration: none;
    color: #000;
    margin-bottom: 0px;
}

.category-item img {
    width: 100%;
    object-fit: cover;
    /*height: 120px;*/
    display: block;
}

.category-item span {
    margin-top: 9px;
    display: block;
    font-size: 11px;
    text-align: left;
    font-weight:600;
    letter-spacing:1px;
}

.highlighted-categories {
    /*scroll-snap-type: x mandatory; /*Para encajar en el siguiente elemento*/
    /*scroll-snap-type: x proximity; /*Para encajar solo cuando se aproxime*/
    -webkit-overflow-scrolling: touch;
}

.category-item {
    scroll-snap-align: start;
}
.category-line {
    margin: 17px 0px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}
/*EDITORIAL PREFALL25*/
.prefall25-lb-1 {
    position: relative;
}
.linear-bg-lookbook {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40%; /* Ajustar según cuánto degradado quieras arriba */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent 80%); /*El 100% indica el final. En este caso el 40%*/
    z-index: 1;
    pointer-events: none;
}
.prefall25-lb-1 svg {
    position: absolute;
    bottom: 2%;
    left: 6%;
    width: 46%;
}
.prefall25-lb-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    cursor: pointer;
    margin-top:-1px;
}
.prefall25-lb-2 .prefall-pic-3 {
    margin-left: -1px;
}
.prefall25-lb-4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    cursor: pointer;
    grid-gap: 10px;
    margin: 45px 30px;
}
.prefall25-lb-6 .prefall25-lb-txt, .prefall25-lb-10 .prefall25-lb-txt {
    font-size: 11px;
    text-align: center;
    line-height: 14px;
    width: 239px;
    margin-left: auto;
    margin-right: auto;
}
.prefall25-lb-6, .prefall25-lb-10 {
    margin: 100px 0px;
}
.prefall25-lb-8 {
    position: relative;
    cursor: pointer;
}
.prefall25-lb-8 .prefall25-lb-txt {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 301px;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
    color: white;
    z-index: 999;
}
.prefall25-lb-overlay {
    position: absolute;
    inset: 0;
    -webkit-mask-image: linear-gradient(to right, transparent, black, transparent);
    mask-image: linear-gradient(to bottom, transparent, black, transparent);
    -webkit-mask-mode: alpha;
    mask-mode: alpha;
    background-color: rgba(0, 0, 0, 0.25);
    pointer-events: none;
    height: 29%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
}
.prefall25-lb-11 {
    margin:0px 30px;
}
.prefall25-lb-3, .prefall25-lb-8, .prefall25-lb-9 {
    margin-top: -2px;
}
.prefall25-lb-1, .prefall25-lb-3, .prefall25-lb-5, .prefall25-lb-7, .prefall25-lb-9, .prefall25-lb-11 {
    cursor: pointer;
}
@media(min-width:768px) {
    .prefall25-lb-1 svg {
        left: 3%;
        width: 23%;
    }
    .prefall25-lb-6 .prefall25-lb-txt, .prefall25-lb-10 .prefall25-lb-txt {
        font-size: 17px;
        line-height: 19px;
        width: 351px;
    }
    .prefall25-lb-6, .prefall25-lb-10 {
        margin: 120px 0px;
    }
    .prefall25-lb-8 .prefall25-lb-txt {
        width: 348px;
        font-size: 18px;
        line-height: 19px;
    }
    .prefall25-lb-11 {
        margin: 0px 45px;
    }
}
@media(min-width:768px) {
    .prefall25-lb-1 svg {
        left: 2%;
        width: 16%;
    }
    .prefall25-lb-4 {
        grid-gap: 21px;
        margin: 70px 40px;
    }
    .prefall25-lb-6, .prefall25-lb-10 {
        margin: 170px 0px;
    }
    .prefall25-lb-6 .prefall25-lb-txt, .prefall25-lb-10 .prefall25-lb-txt {
        font-size: 19px;
        line-height: 21px;
        width: 391px;
    }
    .prefall25-lb-8 .prefall25-lb-txt {
        width: 392px;
        font-size: 20px;
        line-height: 21px;
    }

    .prefall25-lb-11 {
        margin: 0px 60px;
    }
}
@media (min-width: 1500px) {
    .prefall25-lb-6 .prefall25-lb-txt, .prefall25-lb-10 .prefall25-lb-txt {
        font-size: 21px;
        line-height: 23px;
        width: 433px;
    }
    .prefall25-lb-6, .prefall25-lb-10 {
        margin: 180px 0px;
    }
    .prefall25-lb-8 .prefall25-lb-txt {
        width: 456px;
        font-size: 23px;
        line-height: 23px;
    }
}
@media(min-width:1920px) {
    .prefall25-lb-1 svg {
        left: 2%;
        width: 15%;
    }
    .prefall25-lb-4 {
        grid-gap: 20px;
        margin: 90px 35px;
    }
    .prefall25-lb-6, .prefall25-lb-10 {
        margin: 175px 0px;
    }
    .prefall25-lb-6 .prefall25-lb-txt, .prefall25-lb-10 .prefall25-lb-txt {
        font-size: 20px;
        line-height: 25px;
        width: 420px;
    }
    .prefall25-lb-8 .prefall25-lb-txt {
        width: 420px;
        font-size: 20px;
        line-height: 25px;
    }
    .prefall25-lb-11 {
        margin: 0px 50px;
    }
}
@media (min-width: 2540px) {
    .prefall25-lb-4 {
        grid-gap: 25px;
        margin: 110px 50px;
    }
    .prefall25-lb-6, .prefall25-lb-10 {
        margin: 200px 0px;
    }
    .prefall25-lb-6 .prefall25-lb-txt, .prefall25-lb-10 .prefall25-lb-txt {
        font-size: 22px;
        line-height: 24px;
        width: 453px;
    }
    .prefall25-lb-8 .prefall25-lb-txt {
        width: 455px;
        font-size: 23px;
        line-height: 24px;
    }
}

/*EDITORIAL LAURA PONTE*/
/* Montserrat normal */
@font-face {
    font-family: 'Montserrat';
    src: url('../_fonts/Montserrat-VariableFont_wght.ttf') format('truetype'), url("../_fonts/Montserrat-VariableFont_wght.woff2") format('woff2');
    font-weight: 100 900; /* Rango de pesos admitidos por la fuente */
    font-style: normal;
    font-display: swap;
}

/* Montserrat cursiva */
@font-face {
    font-family: 'Montserrat';
    src: url('../_fonts/Montserrat-Italic-VariableFont_wght.ttf') format('truetype'), url("../_fonts/Montserrat-Italic-VariableFont_wght.woff2") format('woff2');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}
.hispanitasxLP-lb-0 {
    margin: 33% auto 6% auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 24px;
    width: fit-content;
}
.hispanitasxLP-lb-0 p {
    font-family: Montserrat, sans-serif;
    font-size: 10px;
    margin-bottom: 0;
    line-height: 12px;
    font-weight: 500;
}
.hispanitasxLP-lb-1 {
    position: relative;    
}
.hispanitasxLP-lb-1 .lp-text-container-1 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    width:max-content;
    align-items: center;
}
.hispanitasxLP-lb-text1 p:first-child {
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 400;
    color: white;
    letter-spacing: 1px;
    line-height: 15px;
}
.hispanitasxLP-lb-text1 p:nth-child(2) {
    font-family: Montserrat, sans-serif;
    font-size: 9px;
    margin-bottom: 0;
    font-weight: 200;
    color: white;
    letter-spacing: 1px;
}
.hispanitasxLP-lb-text2 p:first-child {
    font-family: Montserrat, sans-serif;
    font-size: 9px;
    margin-bottom: 0;
    font-weight: 200;
    color: white;
    letter-spacing: 1px;
    text-align: right;
}

.hispanitasxLP-lb-text2 p:nth-child(2) {
    font-family: Montserrat, sans-serif;
    font-size: 9px;
    margin-bottom: 0;
    font-weight: 200;
    color: white;
    letter-spacing: 1px;
    text-align: right;
}
.hispanitasxLP-lb-2 {
    margin: 16% auto;
    width: 300px;
}
.hispanitasxLP-lb-2 p {
    font-size: 11px;
    margin-bottom: 0;
    line-height: 14px;
    font-weight: 400;
    letter-spacing: 1px;
}
.hispanitasxLP-lb-2 p:nth-child(2) {
    margin-top:20px;
}
.hispanitasxLP-lb-mg-full {
    margin-top: 11%;
}
.hispanitasxLP-lb-camp-txt {
    margin: 16% auto 7% 12%;
}
.hispanitasxLP-lb-camp-txt .hispanitasxLP-lb-lp {
    font-family: Montserrat, sans-serif;
    font-size: 25px;
    margin-bottom: 10px;
    line-height: 15px;
    font-weight: 500;
    letter-spacing: 1px;
}
.hispanitasxLP-lb-camp-txt .hispanitasxLP-lb-a {
    font-family: Montserrat, sans-serif;
    font-size: 11px;
    margin-bottom: 0;
    line-height: 15px;
    font-weight: 400;
    letter-spacing: 1px;
}
.hispanitasxLP-lb-camp-txt-2 {
    width: 217px;
    margin: 2% 11% 9% auto;
}
.hispanitasxLP-lb-camp-txt-2 .hispanitasxLP-lb-b {
    font-size: 11px;
    margin-bottom: 0;
    line-height: 14px;
    font-weight: 400;
    letter-spacing:1px;
}
.hispanitasxLP-lb-2col {
    margin: 0 5%;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
}

.hispanitasxLP-lb-mg-full .hispanitasxLP-lb-name {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: Montserrat, sans-serif;
    font-size: 25px;
    color: white;
    margin-bottom: 0;
    width: 100%;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
}
.hispanitasxLP-lb-mt-75 {
    margin-top: 75px !important;
}
.hispanitasxLP-lb-mb-75 {
    margin-bottom: 75px !important;
}

.hispanitasxLP-lb-mrg-rl {
    margin: 0 5%;
}
.hispanitasxLP-lb-camp-txt-3 .hispanitasxLP-lb-c {
    margin: 75px auto;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 14px;
    font-weight: 400;
    text-align: center;
    width: 245px;
}
.hispanitasxLP-lb-2col-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
    margin: 0 5%;
}
.hispanitasxLP-lb-img-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
    margin: 13% 4%;
}

.hispanitasxLP-lb-img-grid picture {
    width: 100%;
}

.hispanitasxLP-lb-img-grid img {
    width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 767px) {
    .hide-mobile {
        display: none !important;
    }
}
.pos-3 {
    position: relative;
    background-color: #f1f1f2;    
}
.hispanitasxLP-lb-img-grid .pos-3 p {
    font-family: Montserrat, sans-serif;
    margin-bottom: 10px;
    font-size: 10px;
    line-height: 14px;
    font-weight: 400;
    text-align: left;
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
    margin-left: 14px;
    letter-spacing: 1px;
}
.pos-4 {
    grid-column: 2;
    grid-row: 3;
}

.pos-6 {
    grid-column: 2;
    grid-row: 2;    
}

.hispanitasxLP-lb-interview {
    margin-bottom: 16%;
}
.hispanitasxLP-lb-interview a {
    font-size: 11px;
    line-height: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #00000087;
    width: max-content;
    margin: 0 auto;
    padding: 7px 50px;
    display:block;
}
.hispanitasxLP-lb-video {
    margin-bottom: 7%;
}
@media(min-width:768px) {
    .hispanitasxLP-lb-0 {
        margin: 12% auto 2% auto;
        grid-gap: 80px;
        width: 100%;
        justify-content: space-around;
        justify-items: center;
    }
    .hispanitasxLP-lb-mg-full {
        margin: 5% 5% 0;
    }
    .hispanitasxLP-lb-text1 p:first-child {
        font-size: 24px;
        margin-bottom: 2px;
        letter-spacing: 1px;
        line-height: 18px;
    }
    .hispanitasxLP-lb-text1 p:nth-child(2), .hispanitasxLP-lb-text2 p:first-child, .hispanitasxLP-lb-text2 p:nth-child(2) {
        font-size: 11px;
    }
    .hispanitasxLP-lb-2 {
        margin: 11% auto;
        width: 544px;
    }
    .hispanitasxLP-lb-2 p {
        font-size: 12px;
        line-height: 15px;
    }
    .hispanitasxLP-lb-2col {
        margin: 0;
        grid-template-columns: 1fr 1fr;
        grid-gap: 0;
        align-items: center;
    }

    .hispanitasxLP-lb-2col picture:nth-child(2) {
        width:60%;
        margin:0 auto;
    }

    .hispanitasxLP-lb-mrg-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .hispanitasxLP-lb-img-grid {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 10px;
        margin: 10% 6%;
    }
    .pos-3 {
        grid-column: 3;
        grid-row: 3;
    }
    .pos-4 {
        grid-column: 3;
        grid-row: 1;
    }
    .hispanitasxLP-lb-camp-txt {
        margin: 16% auto 7% 17%;
    }
    .hispanitasxLP-lb-camp-txt .hispanitasxLP-lb-lp {
        font-size: 38px;
    }
    .hispanitasxLP-lb-camp-txt-2 {
        width: 272px;
        margin: 2% 11% 9% auto;
    }
    .hispanitasxLP-lb-camp-txt-2 .hispanitasxLP-lb-b {
        font-size: 12px;
        line-height: 15px;
    }
    .hispanitasxLP-lb-mg-full .hispanitasxLP-lb-name {
        font-size: 47px;
    }
    .hispanitasxLP-lb-camp-txt-3 .hispanitasxLP-lb-c {
        margin: 90px auto;
        font-size: 12px;
        line-height: 15px;
        width: 287px;
    }
}
@media(min-width:1280px) {
    .hispanitasxLP-lb-0 {
        margin: 12% auto 3% auto;
    }
    .hispanitasxLP-lb-0 p {
        font-size: 15px;
        line-height: 17px;
    }
    .hispanitasxLP-lb-text1 p:first-child {
        font-size: 36px;
        margin-bottom: 4px;
        line-height: 28px;
    }
    .hispanitasxLP-lb-text1 p:nth-child(2), .hispanitasxLP-lb-text2 p:first-child, .hispanitasxLP-lb-text2 p:nth-child(2) {
        font-size: 15px;
    }
    .hispanitasxLP-lb-2 {
        margin: 11% auto;
        width: 809px;
    }
    .hispanitasxLP-lb-2 p {
        font-size: 16px;
        line-height: 21px;
    }
    .hispanitasxLP-lb-mg-full {
        margin: 8% 8% 0;
    }
    .hispanitasxLP-lb-camp-txt-2 {
        width: 457px;
        margin: 2% 11% 16% auto;
    }
    .hispanitasxLP-lb-camp-txt-2 .hispanitasxLP-lb-b {
        font-size: 16px;
        line-height: 21px;
    }
    .hispanitasxLP-lb-mt-75 {
        margin-top: 98px !important;
    }
    .hispanitasxLP-lb-mg-full .hispanitasxLP-lb-name {
        font-size: 54px;
    }
    .hispanitasxLP-lb-camp-txt-3 .hispanitasxLP-lb-c {
        margin: 114px auto;
        font-size: 16px;
        line-height: 21px;
        width: 372px;
    }
    .hispanitasxLP-lb-img-grid .pos-3 p {
        margin-bottom: 21px;
        font-size: 14px;
        margin-left: 30px;
        line-height:20px;
    }
    .hispanitasxLP-lb-camp-txt .hispanitasxLP-lb-lp {
        font-size: 46px;
    }
    .hispanitasxLP-lb-camp-txt-2 {
        margin: 2% 11% 5% auto;
    }
    .hispanitasxLP-lb-interview {
        margin-bottom: 9%;
    }
    .hispanitasxLP-lb-camp-txt {
        margin: 9% auto 7% 17%;
    }
    .hispanitasxLP-lb-interview a {
        font-size: 13px;
        padding: 10px 61px;
    }
}
@media(min-width:1500px) {
    .hispanitasxLP-lb-0 p {
        font-size: 19px;
        line-height: 21px;        
    }
    .hispanitasxLP-lb-text1 p:first-child {
        font-size: 46px;
        margin-bottom: 8px;
        line-height: 34px;
    }
    .hispanitasxLP-lb-text1 p:nth-child(2), .hispanitasxLP-lb-text2 p:first-child, .hispanitasxLP-lb-text2 p:nth-child(2) {
        font-size: 18px;
    }
    .hispanitasxLP-lb-camp-txt {
        margin: 9% auto 7% 23%;
    }
    .hispanitasxLP-lb-camp-txt .hispanitasxLP-lb-lp {
        font-size: 56px;
        line-height:44px;
    }
    .hispanitasxLP-lb-camp-txt-2 {
        width: 510px;
    }
    .hispanitasxLP-lb-mg-full .hispanitasxLP-lb-name {
        font-size: 62px;
        letter-spacing:2px;
    }
    .hispanitasxLP-lb-camp-txt-3 .hispanitasxLP-lb-c {
        margin: 140px auto;
    }
    .hispanitasxLP-lb-img-grid {
        grid-gap: 20px;
    }
    .hispanitasxLP-lb-img-grid .pos-3 p {
        margin-bottom: 21px;
        font-size: 16px;
        margin-left: 35px;
        line-height: 22px;
    }
}
@media(min-width:1920px) {
    .hispanitasxLP-lb-0 {
        margin: 8% auto 2% auto;
        grid-gap: 170px;
        width: 100%;
        justify-content: space-around;
        justify-items: center;
    }
    .hispanitasxLP-lb-0 p {
        font-size: 18px;
        line-height: 21px;
    }
    .hispanitasxLP-lb-1 .lp-text-container-1 {        
        width: 65%;
        align-items: center;
        justify-items: center;
    }
    .hispanitasxLP-lb-text1 p:first-child {
        font-size: 46px;
        margin-bottom: 3px;
        letter-spacing: 1px;
        line-height: 46px;
    }
    .hispanitasxLP-lb-text1 p:nth-child(2) {
        font-size: 17px;
        letter-spacing: 1px;
        line-height: 14px;
    }
    .hispanitasxLP-lb-text2 p:first-child {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 5px;
    }
    .hispanitasxLP-lb-text2 p:nth-child(2) {
        font-size: 18px;
        line-height: 18px;
    }
    .hispanitasxLP-lb-2 {
        margin: 13% 29%;
        width: auto;
    }
    .hispanitasxLP-lb-2 p {
        font-family: Montserrat, sans-serif;
        font-size: 19px;
        margin-bottom: 0;
        line-height: 25px;
        font-weight: 400;
    }    
    .hispanitasxLP-lb-camp-txt {
        margin: 7% auto 5% 19%;
        width: fit-content;
    }
    .hispanitasxLP-lb-camp-txt .hispanitasxLP-lb-lp {
        font-size: 92px;
        margin-bottom: 23px;
        line-height: 72px;
    }
    .hispanitasxLP-lb-camp-txt .hispanitasxLP-lb-a {
        font-size: 28px;
        margin-bottom: 0;
        line-height: 15px;
    }
    .hispanitasxLP-lb-camp-txt-2 {
        width: fit-content;
        margin: 0% 5% 5% 63%;
    }
    .hispanitasxLP-lb-camp-txt-2 .hispanitasxLP-lb-b {
        font-size: 19px;
        line-height: 25px;
        width:600px;
    }
    .hispanitasxLP-lb-interview {
        margin-bottom: 5%;
    }
    .hispanitasxLP-lb-interview a {
        font-size: 17px;
        line-height: 17px;
        padding: 12px 100px;
    }
    .hispanitasxLP-lb-mg-full .hispanitasxLP-lb-name {        
        font-size: 98px;
        letter-spacing: 2px;
    }
    .hispanitasxLP-lb-mt-75 {
        margin-top: 143px !important;
    }
    .hispanitasxLP-lb-camp-txt-3 .hispanitasxLP-lb-c {
        margin: 12% auto;
        font-size: 19px;
        line-height: 25px;
        width:600px;
    }
    .hispanitasxLP-lb-img-grid {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 15px;
        margin: 9% 11%;
    }
    .hispanitasxLP-lb-img-grid .pos-3 p {
        font-size: 16px;
        line-height: 21px;
        font-weight: 300;
        margin-left: 33px;
        margin-bottom: 33px;
    }
}
.br-mobile {
    display: none;
}

@media (max-width: 768px) {
    .br-mobile {
        display: block;
    }
}
@media(min-width:2540px) {
    .hispanitasxLP-lb-0 p {
        font-size: 22px;
        line-height: 25px;
    }
    .hispanitasxLP-lb-text1 p:first-child {
        font-size: 58px;
        margin-bottom: 11px;
        letter-spacing: 1px;
        line-height: 48px;
    }
    .hispanitasxLP-lb-text2 p:first-child {
        margin-bottom: 8px;
    }
    .hispanitasxLP-lb-text1 p:nth-child(2) {
        font-size: 21px;
        letter-spacing: 1px;
        line-height: 14px;
    }
    hispanitasxLP-lb-text1 p:nth-child(2), .hispanitasxLP-lb-text2 p:first-child, .hispanitasxLP-lb-text2 p:nth-child(2) {
        font-size: 21px;
        line-height: 14px;
    }
    .hispanitasxLP-lb-2 {
        margin: 11% 31%;
    }
    .hispanitasxLP-lb-mg-full .hispanitasxLP-lb-name {
        font-size: 105px;
    }
    .hispanitasxLP-lb-img-grid .pos-3 p {
        font-size: 20px;
        line-height: 24px;
        margin-left: 37px;
        margin-bottom: 33px;
    }
}
.hxlp-landing-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: max-content;
    display: grid;
    align-content: center;
}
.hxlp-date {
    font-family: Montserrat, sans-serif;
    color: white;
    text-align: left;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 16px;
}
.hxlp-landing-container .justify-landing {
    font-family: Montserrat, sans-serif;
    text-align: justify;
    margin-bottom: 0px;
    color: white;
    font-size: 16px;
    line-height: 10px;
    font-weight: 300;
}
.hxlp-name-landing {
    font-family: Montserrat, sans-serif;
    text-align: justify;
    color: white;
    font-size: 16px;
    line-height: 12px;
    font-weight: 300;
    margin-bottom: 0;
}
@media(min-width:1280px) {
    .justify-landing {
        font-size: 18px;
        line-height: 12px;
    }
    .hxlp-name-landing {
        font-size: 18px;
        line-height: 15px;
    }
}
@media(min-width:1500px) {
    .justify-landing {
        font-size: 20px;
        line-height: 14px;
    }
    .hxlp-name-landing {
        font-size: 20px;
        line-height: 17px;
    }
    .hxlp-date {
        font-size: 20px;
    }
}
@media(min-width:1700px) {
    .justify-landing {
        font-size: 22px;
        line-height: 16px;
    }

    .hxlp-name-landing {
        font-size: 22px;
        line-height: 18px;
    }
    .hxlp-date {
        font-size: 21px;
    }
}
@media(min-width:2540px) {
    .justify-landing {
        font-size: 24px;
        line-height: 16px;
    }

    .hxlp-name-landing {
        font-size: 24px;
        line-height: 17px;
    }
}

/*NATURE EDITION*/
.cls-1-nature-bl {
    fill:black;
}
.nature-cs-container-video {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 100vw;
    padding: 1rem;
    box-sizing: border-box;
    margin-top: 12px;
}

.nature-cs-video {
    width: 60%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.nature-cs-container-video p {
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    margin: 0;
    font-size: 10px;
    height: 254px;
    text-align: right;
    font-weight: 600;
    line-height: 12px;
}

.nature-cs-line-video {
    height: 18px;
    background-color: white;
    margin-top: -1.5em;
    z-index: 2;
    display: flex;
    position: relative;
}
@media(max-width:767px) {
    .banner1-container-m-cs {
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
        justify-items: center;
        color: black;
        margin-top: 100px;
    }

    .banner1-container-m-cs svg {
        width: 65%;
        max-width: 255px;
        height: auto;
        margin-bottom: 30px;
    }
    
    .nature-cs-date p {
        margin-bottom: 0;
        font-size: 12px;
        line-height: 15px;
        font-weight: 600;
    }

    .nature-cs-date {
        margin-bottom: 30px;
    }

    .nature-cs-date .nature-cs-temp {
        margin-top: 12px;
    }

    .nature-cs-nature-m {
        text-align: right;
        font-size: 15px;
        letter-spacing: 1px;
        text-decoration: underline;
        text-underline-offset: 4px;
        text-decoration-skip-ink: none;
        text-decoration-thickness: 1px;
        color: black;
        display: grid;
        width: 100%;
        justify-content: center;
        margin-top: 0px;
        font-weight: 600;
    }
}


@media(min-width:768px) {    
    .banner1-container-cs {
        height: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: center;
        color: black;
        justify-items: stretch;
        width: calc(100% - 80px);
        margin: 120px 40px 0px 40px;
    }
    .nature-cs-date {
        justify-content: center;
        display: grid
    }
    /*.banner1-container-cs svg {
        width: 75%;
        max-width: 255px;
        height: auto;
    }*/
    .banner1-container-cs svg {
        width: 54%;
        max-width: 255px;
        height: auto;
    }

    .nature-cs-date p {
        margin-bottom: 0;
        font-size: 12px;
        line-height: 13px;
        font-weight: 600;
    }

    .nature-cs-date .nature-cs-temp {
        margin-top: 12px;
    }

    .nature-cs-nature {
        text-align: right;
        font-size: 13px;
        letter-spacing: 2px;
        text-decoration: underline;
        text-underline-offset: 4px;
        text-decoration-skip-ink: none;
        text-decoration-thickness: 1px;
        color: black;
        display: grid;
        width: 100%;
        justify-content: end;
        margin-top: 33px;
        font-weight: 600;
    }
    .nature-cs-container-video {
        margin-top: 53px;
    }
    .nature-cs-container-video p {
        height: auto;
        font-size: 13px;
        line-height: 13px;
        letter-spacing: 1px;
    }
}
@media(min-width:1280px) {
    .banner1-container-cs {
        width: calc(100% - 80px);
        margin: 140px 40px 0px 40px;
    }
    .banner1-container-cs svg {
        width: 39%;
    }
    .nature-cs-date p {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 18px;
        font-weight: 600;
    }
    .nature-cs-date .nature-cs-temp {
        margin-top: 17px;
    }
    .nature-cs-nature {
        font-size: 12px;
        letter-spacing: 2px;
    }
    .nature-cs-container-video {
        margin-top: 65px;
        gap: 5px;
    }
    .nature-cs-video {
        width: 45%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
}
@media (min-width: 1500px) {
    .nature-cs-nature {
        font-size: 14px;
        text-underline-offset: 8px;
    }
}
@media(min-width:1920px) {
    .banner1-container-cs {
        width: calc(100% - 120px);
        margin: 153px 60px 0px 60px;
    }
    .nature-cs-date p {
        margin-bottom: 0;
        font-size: 15px;
        line-height: 18px;
        font-weight: 600;
        letter-spacing: 1px;
    }
    .banner1-container-cs svg {
        width: 31%;
    }
    .nature-cs-nature {
        font-size: 15px;
        text-underline-offset: 7px;
        margin-top: 0;
        letter-spacing: 3px;
    }
    .nature-cs-date .nature-cs-temp {
        margin-top: 21px;
    }
    .nature-cs-container-video {
        margin-top: 75px;
        gap: 4px;
    }
    .nature-cs-video {
        width: 34%;
    }
    .nature-cs-container-video p {
        height: 100%;
        font-size: 13px;
        line-height: 13px;
        letter-spacing: 1px;
    }
}

/*EDITORIAL NATURE*/
.edi-nature-0 {
    display: grid;
    width: calc(100% - 20px);
    align-items: center;
    padding: 0;
    grid-template-columns: repeat(3, 1fr);
    justify-items: stretch;
    justify-content: center;
    margin: 100px 10px 12px 10px;
}
#NatureEdition {
    max-width: 500px;
    width: 73%;
}
.edi-nature-0-text {
    display: grid;
    justify-items: start;
    justify-content: center;
}
.edi-nature-0-text p {
    margin: 0;
    font-size: 10px;
    line-height: 11px;
    font-weight: 600;
}
.edi-nature-0-nc {
    margin: 0;
    text-align: right;
    font-size: 10px;
    font-weight: 600;
    line-height: 11px;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 1px;
}
.edi-nature-img-relative {
    position:relative;
}
.edi-nature-banner1 {
    position: absolute;
    top: 50%;
    display: grid;
    justify-items: center;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}
.edi-nature-banner1 p:first-child {
    color: white;
    font-size: 11px;
    letter-spacing: 1px;
}
#NatureEditionWhite {
    max-width:500px;
    width:60%;
}
#NatureEditionWhite path {
    fill: white;
}
.edi-nature-banner1 p:nth-child(3) {
    color: white;
    margin-top: 10px;
    font-size: 11px;
    letter-spacing: 1px;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 1px;
}
.edi-nature-linear-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    /*background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 21%, rgba(0, 0, 0, 0.2) 33%, rgba(0, 0, 0, 0.3) 45%, rgba(0, 0, 0, 0.1) 50%, transparent 100%);*/
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 50%, transparent 100%);
}
.edi-nature-text-container {
    margin: 65px auto;
    width: 266px;
}
.edi-nature-text-container p {
    font-size: 12px;
    text-align: center;
    line-height: 15px;
}
.edi-nature-product {
    display: grid;
    grid-template-columns: 1fr;
    margin: 50px 65px;
    grid-gap: 25px;
    cursor:pointer;
}
.edi-nature-imgTxt {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    max-width: 100vw;
    padding: 2.5rem 3rem;
    box-sizing: border-box;
    margin-top: 12px;
}
.edi-nature-imgTxt p {
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    margin: 0;
    font-size: 10px;
    text-align: left;
    font-weight: 600;
    line-height: 12px;
}
@media(min-width:768px) {
    .edi-nature-0 {
        width: calc(100% - 60px);
        margin: 110px 30px 28px 30px;
    }
    #NatureEdition {
        width: 54%;
    }
    .edi-nature-0-text p {
        font-size: 12px;
        line-height: 13px;
    }
    .edi-nature-0-nc {
        font-size: 12px;
        line-height: 12px;
        letter-spacing:1px;
    }
    .edi-nature-banner1 p:first-child {
        color: white;
        font-size: 16px;
        letter-spacing: 2px;
        font-weight: 300;
        margin-bottom: 20px;
    }
    #NatureEditionWhite {
        width: 37%;
    }
    .edi-nature-banner1 p:nth-child(3) {
        margin-top: 20px;
        font-size: 16px;
        margin-bottom:0;
        font-weight: 300;
        letter-spacing: 2px;
    }
    .edi-nature-text-container {
        margin: 85px auto;
        width: 505px;
    }
    .edi-nature-text-container p {
        font-size: 14px;
        text-align: center;
        line-height: 17px;
        margin-bottom: 0;
    }
    .edi-nature-video {
        width: 55%;
        margin: 0 auto;
    }
    .edi-nature-product {
        grid-template-columns: repeat(2, 1fr);
        margin: 55px 60px;
        grid-gap: 10px;
    }
    .edi-nature-imgTxt {
        padding: 3.5rem 14rem;
        margin-top: 12px;
        gap: 10px;
        margin-bottom: 50px;
    }
    .edi-nature-imgTxt p {
        font-size: 13px;
        font-weight: 500;
        line-height: 14px;
    }
}
@media(min-width:1280px) {
    .edi-nature-0 {
        width: calc(100% - 120px);
        margin: 161px 60px 28px 60px;
    }
    #NatureEdition {
        width: 41%;
    }
    .edi-nature-0-text p {
        font-size: 14px;
        line-height: 17px;
    }
    .edi-nature-0-nc {
        font-size: 15px;
        line-height: 15px;
        letter-spacing: 2px;
    }
    .edi-nature-banner1 p:first-child {
        font-size: 24px;
        letter-spacing: 4px;
        font-weight: 300;
        margin-bottom: 19px;
    }
    .edi-nature-banner1 p:nth-child(3) {
        margin-top: 20px;
        font-size: 22px;
        letter-spacing: 1px;
        text-underline-offset: 10px;
    }
    .edi-nature-text-container {
        margin: 105px auto;
        width: 584px;
    }
    .edi-nature-text-container p {
        font-size: 15px;
        line-height: 18px;
    }
    .edi-nature-video {
        width: 49%;
        margin: 0 auto;
    }
    .edi-nature-product {
        margin: 70px 145px;
        grid-gap: 15px;
    }
}
@media(min-width:1500px) {
    .edi-nature-0 {
        width: calc(100% - 120px);
        margin: 161px 60px 37px 60px;
    }
    .edi-nature-0-text p {
        font-size: 17px;
        line-height: 20px;
    }
    .edi-nature-0-nc {
        font-size: 18px;
        line-height: 15px;
        letter-spacing: 2px;
        text-underline-offset: 8px;
    }
    .edi-nature-text-container {
        margin: 125px auto;
        width: 732px;
    }
    .edi-nature-text-container p {
        font-size: 18px;
        line-height: 22px;
    }
    .edi-nature-product {
        margin: 85px 175px;
        grid-gap: 15px;
    }
    .edi-nature-imgTxt {
        padding: 3.5rem 23rem;
        margin-top: 12px;
        gap: 13px;
    }
    .edi-nature-imgTxt p {
        font-size: 16px;
        font-weight: 500;
        line-height: 17px;
    }
    .edi-nature-imgTxt {
        padding: 3.5rem 28rem;
        margin-top: 45px;
        margin-bottom: 70px;
    }
}
@media(min-width:1920px) {
    .edi-nature-video {
        width:55%;
    }
    .edi-nature-0 {
        width: calc(100% - 100px);
        margin: 170px 50px 80px 50px;
    }
    #NatureEdition {
        width: 35%;
    }
    .edi-nature-0-text p {
        font-size: 16px;
        line-height: 17px;
        font-weight: 500;
        letter-spacing: 1px;
    }
    .edi-nature-0-nc {
        font-size: 16px;
        font-weight: 400;
        line-height: 13px;
        text-underline-offset: 8px;
        letter-spacing: 1px;
    }
    .edi-nature-banner1 p:first-child {
        font-size: 30px;
        letter-spacing: 4px;
        font-weight: 300;
        margin-bottom: 30px;
    }
    #NatureEditionWhite {
        max-width: 675px;
        width: 90%;
    }
    .edi-nature-banner1 p:nth-child(3) {
        font-size: 30px;
        letter-spacing: 4px;
        text-underline-offset: 15px;
        font-weight: 300;
        margin-top: 30px;
    }
    .edi-nature-text-container {
        margin: 150px auto;
        width: 762px;
    }
    .edi-nature-text-container p {
        font-size: 19px;
        text-align: center;
        line-height: 23px;
    }
    .edi-nature-product {
        margin: 130px 180px;
        grid-gap: 20px;
    }
    .edi-nature-imgTxt {
        padding: 0rem 34rem;
        margin: 130px 0px;
        gap: 16px;
    }
    .edi-nature-imgTxt p {
        font-size: 18px;
        font-weight: 400;
        line-height: 21px;
    }
}
@media(min-width:2540px) {
    .edi-nature-0-text p {
        font-size: 20px;
        line-height: 21px;
        letter-spacing: 2px;
    }
    .edi-nature-0-nc {
        font-size: 19px;
        line-height: 19px;
    }
    .edi-nature-imgTxt {
        padding: 0rem 55rem;
    }
    .edi-nature-product {
        margin: 130px 200px;
    }
}