@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap');

.tinos-regular {
    font-family: "Tinos", serif;
    font-weight: 400;
    font-style: normal
}

.tinos-bold {
    font-family: "Tinos", serif;
    font-weight: 700;
    font-style: normal
}

.tinos-regular-italic {
    font-family: "Tinos", serif;
    font-weight: 400;
    font-style: italic
}

.tinos-bold-italic {
    font-family: "Tinos", serif;
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: 'simple-line-icons';
    src: url('../font/Simple-Line-Icons.eot');
    src: url('../font/Simple-Line-Icons.eot') format('embedded-opentype'), url('../font/Simple-Line-Icons.woff2') format('woff2'), url('../font/Simple-Line-Icons.ttf') format('truetype'), url('../font/Simple-Line-Icons.woff') format('woff'), url('../font/Simple-Line-Icons.svg') format('svg');
    font-weight: 400;
    font-style: normal
}

.icon-user,
.icon-people,
.icon-user-female,
.icon-user-follow,
.icon-user-following,
.icon-user-unfollow,
.icon-login,
.icon-logout,
.icon-emotsmile,
.icon-phone,
.icon-call-end,
.icon-call-in,
.icon-call-out,
.icon-map,
.icon-location-pin,
.icon-direction,
.icon-directions,
.icon-compass,
.icon-layers,
.icon-menu,
.icon-list,
.icon-options-vertical,
.icon-options,
.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-up,
.icon-arrow-up-circle,
.icon-arrow-left-circle,
.icon-arrow-right-circle,
.icon-arrow-down-circle,
.icon-check,
.icon-clock,
.icon-plus,
.icon-minus,
.icon-close,
.icon-event,
.icon-exclamation,
.icon-organization,
.icon-trophy,
.icon-screen-smartphone,
.icon-screen-desktop,
.icon-plane,
.icon-notebook,
.icon-mustache,
.icon-mouse,
.icon-magnet,
.icon-energy,
.icon-disc,
.icon-cursor,
.icon-cursor-move,
.icon-crop,
.icon-chemistry,
.icon-speedometer,
.icon-shield,
.icon-screen-tablet,
.icon-magic-wand,
.icon-hourglass,
.icon-graduation,
.icon-ghost,
.icon-game-controller,
.icon-fire,
.icon-eyeglass,
.icon-envelope-open,
.icon-envelope-letter,
.icon-bell,
.icon-badge,
.icon-anchor,
.icon-wallet,
.icon-vector,
.icon-speech,
.icon-puzzle,
.icon-printer,
.icon-present,
.icon-playlist,
.icon-pin,
.icon-picture,
.icon-handbag,
.icon-globe-alt,
.icon-globe,
.icon-folder-alt,
.icon-folder,
.icon-film,
.icon-feed,
.icon-drop,
.icon-drawer,
.icon-docs,
.icon-doc,
.icon-diamond,
.icon-cup,
.icon-calculator,
.icon-bubbles,
.icon-briefcase,
.icon-book-open,
.icon-basket-loaded,
.icon-basket,
.icon-bag,
.icon-action-undo,
.icon-action-redo,
.icon-wrench,
.icon-umbrella,
.icon-trash,
.icon-tag,
.icon-support,
.icon-frame,
.icon-size-fullscreen,
.icon-size-actual,
.icon-shuffle,
.icon-share-alt,
.icon-share,
.icon-rocket,
.icon-question,
.icon-pie-chart,
.icon-pencil,
.icon-note,
.icon-loop,
.icon-home,
.icon-grid,
.icon-graph,
.icon-microphone,
.icon-music-tone-alt,
.icon-music-tone,
.icon-earphones-alt,
.icon-earphones,
.icon-equalizer,
.icon-like,
.icon-dislike,
.icon-control-start,
.icon-control-rewind,
.icon-control-play,
.icon-control-pause,
.icon-control-forward,
.icon-control-end,
.icon-volume-1,
.icon-volume-2,
.icon-volume-off,
.icon-calendar,
.icon-bulb,
.icon-chart,
.icon-ban,
.icon-bubble,
.icon-camrecorder,
.icon-camera,
.icon-cloud-download,
.icon-cloud-upload,
.icon-envelope,
.icon-eye,
.icon-flag,
.icon-heart,
.icon-info,
.icon-key,
.icon-link,
.icon-lock,
.icon-lock-open,
.icon-magnifier,
.icon-magnifier-add,
.icon-magnifier-remove,
.icon-paper-clip,
.icon-paper-plane,
.icon-power,
.icon-refresh,
.icon-reload,
.icon-settings,
.icon-star,
.icon-symbol-female,
.icon-symbol-male,
.icon-target,
.icon-credit-card,
.icon-paypal,
.icon-social-tumblr,
.icon-social-twitter,
.icon-social-facebook,
.icon-social-instagram,
.icon-social-linkedin,
.icon-social-pinterest,
.icon-social-github,
.icon-social-google,
.icon-social-reddit,
.icon-social-skype,
.icon-social-dribbble,
.icon-social-behance,
.icon-social-foursqare,
.icon-social-soundcloud,
.icon-social-spotify,
.icon-social-stumbleupon,
.icon-social-youtube,
.icon-social-dropbox,
.icon-social-vkontakte,
.icon-social-steam {
    font-family: 'simple-line-icons';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-user:before {
    content: "\e005"
}

.icon-people:before {
    content: "\e001"
}

.icon-user-female:before {
    content: "\e000"
}

.icon-user-follow:before {
    content: "\e002"
}

.icon-user-following:before {
    content: "\e003"
}

.icon-user-unfollow:before {
    content: "\e004"
}

.icon-login:before {
    content: "\e066"
}

.icon-logout:before {
    content: "\e065"
}

.icon-emotsmile:before {
    content: "\e021"
}

.icon-phone:before {
    content: "\e600"
}

.icon-call-end:before {
    content: "\e048"
}

.icon-call-in:before {
    content: "\e047"
}

.icon-call-out:before {
    content: "\e046"
}

.icon-map:before {
    content: "\e033"
}

.icon-location-pin:before {
    content: "\e096"
}

.icon-direction:before {
    content: "\e042"
}

.icon-directions:before {
    content: "\e041"
}

.icon-compass:before {
    content: "\e045"
}

.icon-layers:before {
    content: "\e034"
}

.icon-menu:before {
    content: "\e601"
}

.icon-list:before {
    content: "\e067"
}

.icon-options-vertical:before {
    content: "\e602"
}

.icon-options:before {
    content: "\e603"
}

.icon-arrow-down:before {
    content: "\e604"
}

.icon-arrow-left:before {
    content: "\e605"
}

.icon-arrow-right:before {
    content: "\e606"
}

.icon-arrow-up:before {
    content: "\e607"
}

.icon-arrow-up-circle:before {
    content: "\e078"
}

.icon-arrow-left-circle:before {
    content: "\e07a"
}

.icon-arrow-right-circle:before {
    content: "\e079"
}

.icon-arrow-down-circle:before {
    content: "\e07b"
}

.icon-check:before {
    content: "\e080"
}

.icon-clock:before {
    content: "\e081"
}

.icon-plus:before {
    content: "\e095"
}

.icon-minus:before {
    content: "\e615"
}

.icon-close:before {
    content: "\e082"
}

.icon-event:before {
    content: "\e619"
}

.icon-exclamation:before {
    content: "\e617"
}

.icon-organization:before {
    content: "\e616"
}

.icon-trophy:before {
    content: "\e006"
}

.icon-screen-smartphone:before {
    content: "\e010"
}

.icon-screen-desktop:before {
    content: "\e011"
}

.icon-plane:before {
    content: "\e012"
}

.icon-notebook:before {
    content: "\e013"
}

.icon-mustache:before {
    content: "\e014"
}

.icon-mouse:before {
    content: "\e015"
}

.icon-magnet:before {
    content: "\e016"
}

.icon-energy:before {
    content: "\e020"
}

.icon-disc:before {
    content: "\e022"
}

.icon-cursor:before {
    content: "\e06e"
}

.icon-cursor-move:before {
    content: "\e023"
}

.icon-crop:before {
    content: "\e024"
}

.icon-chemistry:before {
    content: "\e026"
}

.icon-speedometer:before {
    content: "\e007"
}

.icon-shield:before {
    content: "\e00e"
}

.icon-screen-tablet:before {
    content: "\e00f"
}

.icon-magic-wand:before {
    content: "\e017"
}

.icon-hourglass:before {
    content: "\e018"
}

.icon-graduation:before {
    content: "\e019"
}

.icon-ghost:before {
    content: "\e01a"
}

.icon-game-controller:before {
    content: "\e01b"
}

.icon-fire:before {
    content: "\e01c"
}

.icon-eyeglass:before {
    content: "\e01d"
}

.icon-envelope-open:before {
    content: "\e01e"
}

.icon-envelope-letter:before {
    content: "\e01f"
}

.icon-bell:before {
    content: "\e027"
}

.icon-badge:before {
    content: "\e028"
}

.icon-anchor:before {
    content: "\e029"
}

.icon-wallet:before {
    content: "\e02a"
}

.icon-vector:before {
    content: "\e02b"
}

.icon-speech:before {
    content: "\e02c"
}

.icon-puzzle:before {
    content: "\e02d"
}

.icon-printer:before {
    content: "\e02e"
}

.icon-present:before {
    content: "\e02f"
}

.icon-playlist:before {
    content: "\e030"
}

.icon-pin:before {
    content: "\e031"
}

.icon-picture:before {
    content: "\e032"
}

.icon-handbag:before {
    content: "\e035"
}

.icon-globe-alt:before {
    content: "\e036"
}

.icon-globe:before {
    content: "\e037"
}

.icon-folder-alt:before {
    content: "\e039"
}

.icon-folder:before {
    content: "\e089"
}

.icon-film:before {
    content: "\e03a"
}

.icon-feed:before {
    content: "\e03b"
}

.icon-drop:before {
    content: "\e03e"
}

.icon-drawer:before {
    content: "\e03f"
}

.icon-docs:before {
    content: "\e040"
}

.icon-doc:before {
    content: "\e085"
}

.icon-diamond:before {
    content: "\e043"
}

.icon-cup:before {
    content: "\e044"
}

.icon-calculator:before {
    content: "\e049"
}

.icon-bubbles:before {
    content: "\e04a"
}

.icon-briefcase:before {
    content: "\e04b"
}

.icon-book-open:before {
    content: "\e04c"
}

.icon-basket-loaded:before {
    content: "\e04d"
}

.icon-basket:before {
    content: "\e04e"
}

.icon-bag:before {
    content: "\e04f"
}

.icon-action-undo:before {
    content: "\e050"
}

.icon-action-redo:before {
    content: "\e051"
}

.icon-wrench:before {
    content: "\e052"
}

.icon-umbrella:before {
    content: "\e053"
}

.icon-trash:before {
    content: "\e054"
}

.icon-tag:before {
    content: "\e055"
}

.icon-support:before {
    content: "\e056"
}

.icon-frame:before {
    content: "\e038"
}

.icon-size-fullscreen:before {
    content: "\e057"
}

.icon-size-actual:before {
    content: "\e058"
}

.icon-shuffle:before {
    content: "\e059"
}

.icon-share-alt:before {
    content: "\e05a"
}

.icon-share:before {
    content: "\e05b"
}

.icon-rocket:before {
    content: "\e05c"
}

.icon-question:before {
    content: "\e05d"
}

.icon-pie-chart:before {
    content: "\e05e"
}

.icon-pencil:before {
    content: "\e05f"
}

.icon-note:before {
    content: "\e060"
}

.icon-loop:before {
    content: "\e064"
}

.icon-home:before {
    content: "\e069"
}

.icon-grid:before {
    content: "\e06a"
}

.icon-graph:before {
    content: "\e06b"
}

.icon-microphone:before {
    content: "\e063"
}

.icon-music-tone-alt:before {
    content: "\e061"
}

.icon-music-tone:before {
    content: "\e062"
}

.icon-earphones-alt:before {
    content: "\e03c"
}

.icon-earphones:before {
    content: "\e03d"
}

.icon-equalizer:before {
    content: "\e06c"
}

.icon-like:before {
    content: "\e068"
}

.icon-dislike:before {
    content: "\e06d"
}

.icon-control-start:before {
    content: "\e06f"
}

.icon-control-rewind:before {
    content: "\e070"
}

.icon-control-play:before {
    content: "\e071"
}

.icon-control-pause:before {
    content: "\e072"
}

.icon-control-forward:before {
    content: "\e073"
}

.icon-control-end:before {
    content: "\e074"
}

.icon-volume-1:before {
    content: "\e09f"
}

.icon-volume-2:before {
    content: "\e0a0"
}

.icon-volume-off:before {
    content: "\e0a1"
}

.icon-calendar:before {
    content: "\e075"
}

.icon-bulb:before {
    content: "\e076"
}

.icon-chart:before {
    content: "\e077"
}

.icon-ban:before {
    content: "\e07c"
}

.icon-bubble:before {
    content: "\e07d"
}

.icon-camrecorder:before {
    content: "\e07e"
}

.icon-camera:before {
    content: "\e07f"
}

.icon-cloud-download:before {
    content: "\e083"
}

.icon-cloud-upload:before {
    content: "\e084"
}

.icon-envelope:before {
    content: "\e086"
}

.icon-eye:before {
    content: "\e087"
}

.icon-flag:before {
    content: "\e088"
}

.icon-heart:before {
    content: "\e08a"
}

.icon-info:before {
    content: "\e08b"
}

.icon-key:before {
    content: "\e08c"
}

.icon-link:before {
    content: "\e08d"
}

.icon-lock:before {
    content: "\e08e"
}

.icon-lock-open:before {
    content: "\e08f"
}

.icon-magnifier:before {
    content: "\e090"
}

.icon-magnifier-add:before {
    content: "\e091"
}

.icon-magnifier-remove:before {
    content: "\e092"
}

.icon-paper-clip:before {
    content: "\e093"
}

.icon-paper-plane:before {
    content: "\e094"
}

.icon-power:before {
    content: "\e097"
}

.icon-refresh:before {
    content: "\e098"
}

.icon-reload:before {
    content: "\e099"
}

.icon-settings:before {
    content: "\e09a"
}

.icon-star:before {
    content: "\e09b"
}

.icon-symbol-female:before {
    content: "\e09c"
}

.icon-symbol-male:before {
    content: "\e09d"
}

.icon-target:before {
    content: "\e09e"
}

.icon-credit-card:before {
    content: "\e025"
}

.icon-paypal:before {
    content: "\e608"
}

.icon-social-tumblr:before {
    content: "\e00a"
}

.icon-social-twitter:before {
    content: "\e009"
}

.icon-social-facebook:before {
    content: "\e00b"
}

.icon-social-instagram:before {
    content: "\e609"
}

.icon-social-linkedin:before {
    content: "\e60a"
}

.icon-social-pinterest:before {
    content: "\e60b"
}

.icon-social-github:before {
    content: "\e60c"
}

.icon-social-google:before {
    content: "\e60d"
}

.icon-social-reddit:before {
    content: "\e60e"
}

.icon-social-skype:before {
    content: "\e60f"
}

.icon-social-dribbble:before {
    content: "\e00d"
}

.icon-social-behance:before {
    content: "\e610"
}

.icon-social-foursqare:before {
    content: "\e611"
}

.icon-social-soundcloud:before {
    content: "\e612"
}

.icon-social-spotify:before {
    content: "\e613"
}

.icon-social-stumbleupon:before {
    content: "\e614"
}

.icon-social-youtube:before {
    content: "\e008"
}

.icon-social-dropbox:before {
    content: "\e00c"
}

.icon-social-vkontakte:before {
    content: "\e618"
}

.icon-social-steam:before {
    content: "\e620"
}

@keyframes transition-all-25 {
    from {
        transition: all 0s ease-in-out;
        -moz-transition: all 0s ease-in-out;
        -webkit-transition: all 0s ease-in-out;
        -o-transition: all 0s ease-in-out;
        -ms-transition: all 0s ease-in-out
    }

    to {
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out
    }
}

@keyframes transition-all-50 {
    from {
        transition: all 0s ease-in-out;
        -moz-transition: all 0s ease-in-out;
        -webkit-transition: all 0s ease-in-out;
        -o-transition: all 0s ease-in-out;
        -ms-transition: all 0s ease-in-out
    }

    to {
        transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out
    }
}

@keyframes transition-all-75 {
    from {
        transition: all 0s ease-in-out;
        -moz-transition: all 0s ease-in-out;
        -webkit-transition: all 0s ease-in-out;
        -o-transition: all 0s ease-in-out;
        -ms-transition: all 0s ease-in-out
    }

    to {
        transition: all .75s ease-in-out;
        -moz-transition: all .75s ease-in-out;
        -webkit-transition: all .75s ease-in-out;
        -o-transition: all .75s ease-in-out;
        -ms-transition: all .75s ease-in-out
    }
}

@keyframes opacity-on {
    from {
        opacity: 0;
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out
    }

    to {
        opacity: 1;
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out
    }
}

@keyframes opacity-off {
    from {
        opacity: 1;
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out
    }

    to {
        opacity: 0;
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transition: all .15s ease-in-out;
        transition-duration: .2s;
        width: 30px
    }

    100% {
        opacity: 0;
        transition: all .15s ease-in-out;
        transition-duration: .2s;
        width: 0;
        right: 0
    }
}

.loading-mask {
    background-color: rgba(255, 255, 255, .353) !important
}

header.page-header.type21 .minicart-wrapper .action.showcart .counter.qty .loading-mask {
    position: fixed !important
}

.loading-mask .loader>img,
.loading-mask .loader:before {
    display: none !important;
    max-width: unset
}

.loading-mask .loader:after {
    content: "";
    background: url(../image/pyp.gif) no-repeat;
    background-size: 100px;
    display: block;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100
}

#drubu-header-login {
    position: relative;
    margin-bottom: 40px
}

#account-popup .loading-mask .loader:after {
    position: absolute
}

@media (min-width:1220px) {

    .header.content,
    .footer.content,
    .page-wrapper>.widget,
    .page-wrapper>.page-bottom,
    .block.category.event,
    .top-container,
    .page-main,
    .container {
        max-width: 1200px;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 auto
    }

    .products-grid.columns6 {
        margin-left: -10px;
        margin-right: -10px
    }

    .products-grid.columns6 .product-item {
        padding: 10px
    }
}

.page-main .widget.block.block-static-block {
    margin-bottom: 0
}

@media screen and (max-width:1023px) {
    .page-main .widget.block.block-static-block img {
        margin-bottom: 0
    }
}

#menumobile nav.navigation {
    opacity: 1;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease
}

.navigation .container {
    max-width: unset;
    padding: 0
}

.page-header.header-newskin .navigation li.level0.fullwidth .submenu a {
    padding: 0
}

@media (min-width:1024px) {
    nav.sw-megamenu.navigation li.level0 .col-md-4 {
        padding-left: 0;
        padding-right: 0
    }
}

.product-social-links .action.towishlist:before,
.product-addto-links .action.towishlist:before,
.block-bundle-summary .action.towishlist:before,
.product-item .action.towishlist:before,
.table-comparison .action.towishlist:before {
    content: '\e889'
}

.filterproduct-title {
    background: 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    margin-bottom: 24px
}

.filterproduct-title .content strong {
    font-weight: 600
}

.filterproduct-title .content {
    padding: 0;
    background: 0 0;
    text-transform: none
}

.shop-by-cat-item.cat-has-icon:hover {
    color: #f4631b
}

.sidebar.sidebar-main {
    position: relative
}

#ln_slider_price.ui-slider-horizontal {
    height: 3px;
    box-shadow: none
}

#ln_slider_price .ui-slider-handle {
    width: 12px;
    height: 12px;
    border-radius: 100%
}

.sidebar-title {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    letter-spacing: .01em;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px
}

.porto-icon-left-open-huge:before {
    content: '\f802';
    color: #000
}

.porto-icon-right-open-huge:before {
    content: '\f801';
    color: #000
}

.sidebar .owl-top-narrow .owl-theme .owl-controls {
    top: -40px;
    right: -7px
}

.sidebar .owl-top-narrow .owl-theme .owl-controls .owl-nav div *:before {
    color: #000
}

.sidebar .product-items .product-item-name a {
    font-size: 12px;
    color: #5b5b5f;
    font-weight: 400
}

.sidebar .sidebar-filterproducts {
    margin-bottom: 30px;
    padding-bottom: 40px;
    background: 0 0;
    border-bottom: #efefef solid 1px
}

.sidebar .custom-block {
    padding: 0 20px
}

.category-boxed-banner.owl-theme .owl-controls {
    bottom: 0
}

.full-width-image-banner:after {
    display: none
}

.full-width-image-banner h2 {
    letter-spacing: -.025em;
    text-transform: uppercase
}

.full-width-image-banner p {
    font-size: 18px;
    line-height: 38px;
    font-weight: 700;
    text-transform: uppercase
}

.full-width-image-banner .btn-default {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: .025em;
    padding: 10px 20px;
    background-color: #010204;
    color: #fff;
    text-transform: uppercase;
    border-radius: 2px;
    margin-top: 31px
}

.modes-mode.active {
    border: none;
    background: 0 0;
    color: #111
}

.modes-mode,
.modes-mode:hover {
    border: none;
    background: 0 0;
    color: #111;
    width: 15px
}

.toolbar select {
    border: 1px solid #e4e4e4;
    height: 37px;
    color: #7a7d82;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    padding: 0 10px;
    padding-right: 30px;
    line-height: 31px
}

.toolbar-sorter .sorter-action {
    margin-top: 6px;
    color: #000
}

.toolbar-sorter .sorter-action:before {
    color: #000
}

.pages a.page,
.pages strong.page,
.pages .action {
    width: 32px;
    line-height: 32px
}

.product-item .product-reviews-summary {
    background: 0 0
}

.product.name a {
    color: #5b5b5f
}

.product-label.sale-label {
    border-radius: 20px;
    color: #fff
}

.product-label.new-label {
    border-radius: 20px;
    color: #fff
}

.product-labels .product-label {
    height: 21px;
    font-size: 11px;
    line-height: 21px;
    padding: 0 10px
}

.products-grid .product-item-details .product-item-actions .tocart {
    height: 30px;
    line-height: 30px;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: 1px;
    background: #464849;
    border-color: #464849;
    padding: 0 20px
}

.product-item .tocart:before {
    content: '\e87f';
    content: none;
    font-size: 17px;
    vertical-align: middle
}

.catalog-product-view .sidebar .custom-block {
    border: none;
    color: #6b7a83;
    padding-bottom: 0;
    margin-bottom: 33px;
    background: 0 0
}

.catalog-product-view .sidebar .custom-block-1>div i {
    color: #f4631b;
    border: none;
    font-size: 40px;
    float: left
}

.catalog-product-view .sidebar .custom-block-1>div {
    min-height: 65px;
    clear: both;
    padding: 18px 0;
    border-bottom: solid 1px #dee5e8;
    margin-bottom: 0
}

.catalog-product-view .sidebar .custom-block-1>div:last-child {
    border-bottom-width: 0
}

.block-manufacturer {
    text-align: center;
    padding: 10px 20px 0;
    margin-bottom: 0
}

.block-manufacturer hr {
    border-color: #dee5e8;
    margin-bottom: 0
}

.catalog-product-view .sidebar .custom-block-1>div h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: .005em;
    color: #6b7a83;
    margin-left: 80px
}

.block.related {
    padding: 0 20px
}

.block .title strong {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    letter-spacing: .01em;
    margin-bottom: 20px !important;
    padding-top: 0;
    text-transform: uppercase
}

.block.related .product-items .product-item-actions {
    display: none
}

.prev-next-products a {
    color: #555
}

.product-reviews-summary .reviews-actions a {
    line-height: 20px;
    font-size: 14px;
    color: #bdbdbd
}

.product.media {
    padding-right: 12px
}

.fotorama__stage__shaft {
    border: none
}

.fotorama__nav--thumbs .fotorama__thumb {
    border-color: #dae2e6
}

.product-info-main .fieldset>.field.qty,
.product-info-main .nested.options-list>.field.qty {
    position: relative;
    width: 106px
}

.product-info-main .qty.field .control,
.product-info-main .qty.field .qty-changer {
    margin-left: 29px
}

.product-info-main .qty.field .qty-changer>a {
    position: absolute;
    top: 0;
    left: 0;
    height: 43px;
    width: 30px;
    line-height: 41px;
    text-align: center;
    margin: 0;
    border-color: #dae2e6
}

.product-info-main .qty.field .qty-changer>a:first-child {
    left: auto;
    right: 4px
}

.product-info-main .box-tocart .input-text.qty {
    display: inline-block;
    vertical-align: middle;
    height: 43px;
    width: 40px !important;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #61605a;
    margin: 0;
    border-color: #dae2e6
}

.product-info-main .qty.field .qty-changer>a .porto-icon-up-dir:before {
    content: '\f882'
}

.product-info-main .qty.field .qty-changer>a .porto-icon-down-dir:before {
    content: '\f883'
}

.box-tocart .action.tocart:before {
    display: none !important;
    content: '\e87f';
    font-family: 'porto-icons';
    margin-right: 7px;
    font-size: 16px
}

.product-addto-links .action.towishlist,
.product-addto-links .action.tocompare,
.product-social-links .action.mailto.friend {
    width: 43px;
    height: 43px;
    line-height: 41px;
    color: #302e2a
}

.product.data.items>.item.content {
    background-color: #fff;
    box-shadow: none;
    border: none;
    border-top: #dae2e6 solid 1px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .005em;
    line-height: 27px
}

.main-upsell-product-detail .block.upsell .title strong {
    background: 0 0
}

.block.upsell .title {
    background: 0 0;
    border-bottom: #e1e1e1 solid 1px;
    font-weight: 700;
    margin-bottom: 16px;
    padding-bottom: 10px;
    text-transform: uppercase;
    text-align: left
}

.block.upsell .title strong {
    font-size: 14px;
    font-weight: 400;
    color: #302e2a
}

.review-ratings .rating-label {
    display: block
}

.swatch-option.text {
    font-weight: 500
}

@media (min-width:768px) {
    .product.data.items>.item.title {
        padding: 10px 30px 10px 0
    }

    .product.data.items>.item.title>.switch {
        font-size: 14px;
        font-weight: 700;
        color: #818692;
        text-transform: uppercase;
        border: none;
        border-radius: 0;
        line-height: 30px;
        background: 0 0;
        padding: 0
    }

    .product.data.items>.item.title:not(.disabled)>.switch:focus,
    .product.data.items>.item.title:not(.disabled)>.switch:hover {
        background: 0 0;
        color: #818692
    }

    .product.data.items>.item.title.active>.switch,
    .product.data.items>.item.title.active>.switch:focus,
    .product.data.items>.item.title.active>.switch:hover {
        color: #000;
        position: relative;
        border-bottom: #c59b9c solid 2px !important
    }

    .product.data.items>.item.content {
        padding: 35px 0 0;
        margin-top: 45px
    }
}

.owl-middle-narrow .owl-theme .owl-controls .owl-nav [class*=owl-],
.owl-middle-narrow.owl-theme .owl-controls .owl-nav [class*=owl-] {
    font-size: 24px;
    color: #333
}

.row {
    margin-left: -10px;
    margin-right: -10px
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.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-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.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-md-auto,
.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-lg-auto,
.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,
.col-xl-auto {
    padding-right: 10px;
    padding-left: 10px
}

.row.no-gutters {
    margin: 0
}

.products-grid .product-item .product-item-info .weltpixel-quickview.weltpixel_quickview_button_v2 {
    font-weight: 700
}

#html-body [data-pb-style=RBORUJE] {
    margin-right: 50px
}

#html-body [data-pb-style=D4OO7HY],
#html-body [data-pb-style=ORTN69K],
#html-body [data-pb-style=RY0G0IH] {
    margin-top: 50px
}

.action.primary,
.action.primary:active {
    text-transform: uppercase
}

.minicart-wrapper .block-minicart:after {
    right: 19px
}

.minicart-wrapper .block-minicart:before {
    right: 20px
}

body {
    font-size: 14px;
    overflow-x: hidden;
    overflow-y: auto;
    font-family: "Montserrat" !important;
    padding-top: 110px
}

@media (min-width:1024px) {
    header.page-header {
        height: 100px
    }

    .page-main,
    .page-wrapper>.breadcrumbs {
        max-width: 90%;
        padding: 35px 20px 0
    }

    body.cms-index-index .page-main,
    body.catalog-product-view .page-main,
    body.catalog-category-view .page-main,
    body.catalogsearch-result-index .page-main {
        max-width: 100%;
        position: relative;
        padding: 0
    }

    .nav-sections-item-content>.navigation {
        max-width: 100%
    }

    header.page-header.sticky-header .navigation {
        padding: 0 15px;
        line-height: 30px
    }

    .sticky-logo {
        float: left;
        height: 40px;
        line-height: 40px
    }
}

.header-left {
    position: fixed;
    left: 20px;
    top: 51px;
    display: block;
    z-index: 5
}

.header-left ul {
    padding: 0
}

.header-left ul li {
    list-style: none;
    display: inline-block;
    margin: 0
}

.header-left ul li:first-child {
    margin: 0
}

.header-left ul li a {
    position: relative;
    text-transform: uppercase;
    color: #000 !important;
    padding: 0;
    margin-right: 10px;
    transition: all .5s;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px
}

.header-left ul li a:hover {
    text-decoration: none
}

.header-left ul li a:after {
    content: "";
    position: absolute;
    bottom: -3px;
    right: 0;
    height: 1px;
    margin: 0;
    width: 0;
    transition: all .15s ease-in-out;
    transition-duration: .2s;
    opacity: 0;
    background-color: #222323;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.header-left ul li a:hover:after {
    width: 30px;
    opacity: 1;
    transition: all .15s ease-in-out;
    transition-duration: .2s
}

header.page-header .header.content {
    max-width: 100%;
    padding: 0;
    text-align: center
}

@media (max-width:1023px) {
    .page-header .header-main-left {
        display: none !important
    }

    .header-left {
        position: relative;
        left: unset;
        top: unset;
        display: block;
        z-index: 5
    }

    .header-left ul {
        padding: 0;
        margin: 0
    }

    .header-left ul li {
        list-style: none;
        display: block;
        margin: 0;
        padding: 5px 0 !important
    }

    .header-left ul li a {
        font-weight: 500;
        letter-spacing: 1px;
        text-decoration: none;
        line-height: 16px !important;
        display: block;
        text-transform: uppercase;
        color: #777 !important;
        font-size: 16px !important;
        padding: 13px 36px 13px 15px
    }

    .header-left ul li i {
        display: none
    }

    li.authorization-link {
        order: 1;
        margin-right: 10px
    }
}

header.page-header.header-newskin .sw-megamenu.navigation>ul {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 30px 0 0
}

header.page-header.header-newskin .sw-megamenu.navigation .submenu>.container>.row>ul.subchildmenu,
.navigation .submenu:not(:first-child) ul {
    display: flex;
    flex-direction: column;
    padding: 0
}

header.page-header.header-newskin .sw-megamenu.navigation .level0>.level-top {
    line-height: 12px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .5px;
    transition-delay: 0s;
    padding: 3px 0 5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #222;
    transition: all .15s ease-in-out;
    transition-duration: .2s
}

header.page-header.header-newskin .sw-megamenu.navigation>ul li.authorization-link {
    display: none
}

header.page-header.header-newskin .sw-megamenu.navigation .level0:hover:after {
    content: none
}

header.page-header.header-newskin .sw-megamenu.navigation .level0.submenu {
    padding: 37px 50px 50px;
    overflow: auto;
    box-sizing: border-box
}

header.page-header.header-newskin .sw-megamenu.navigation .level0.submenu .row {
    margin: 0
}

header.page-header.header-newskin .sw-megamenu.navigation .subchildmenu.mega-columns.columns1>li a {
    font-weight: 500;
    font-size: 14px
}

header.page-header.header-newskin .sw-megamenu.navigation .level0 .subchildmenu .level1>.open-children-toggle+a {
    font-family: "Tinos", serif;
    font-weight: 700;
    color: gray;
    font-size: 2.5vw;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block
}

nav.sw-megamenu.navigation .subchildmenu.mega-columns>li a:hover,
header.page-header.header-newskin .sw-megamenu.navigation .level0 .subchildmenu .level1>.open-children-toggle+a:hover {
    text-decoration: none
}

@media (min-width:1024px) {
    .navigation {
        max-width: unset !important;
        width: unset !important;
        height: unset !important
    }

    .navigation.sw-megamenu .submenu>.container>.row>ul.subchildmenu.col-md-4 {
        flex: 0 0 25%
    }

    .navigation.sw-megamenu .submenu>.container>.row>ul.subchildmenu.col-md-5 {
        flex: 0 0 41%
    }

    .page-header.header-newskin .navigation li.level0.fullwidth .submenu li.level1>a,
    .page-header.header-newskin .navigation li.level0.classic .submenu li.level1>a,
    .page-header.header-newskin .navigation li.level0.staticwidth .submenu li.level1>a,
    .page-header.header-newskin .navigation li.level0.fullwidth .submenu li.level1>a span,
    .page-header.header-newskin .navigation li.level0.classic .submenu li.level1>a span,
    .page-header.header-newskin .navigation li.level0.staticwidth .submenu li.level1>a span {
        font-weight: 600 !important;
        color: #000 !important;
        font-size: 12px;
        letter-spacing: 1px;
        margin-top: 0
    }

    .page-header.header-newskin .navigation li.level0.fullwidth .submenu ul.subchildmenu li ul.subchildmenu li a,
    .page-header.header-newskin .navigation li.level0.classic .submenu ul.subchildmenu li ul.subchildmenu li a,
    .page-header.header-newskin .navigation li.level0.staticwidth .submenu ul.subchildmenu li ul.subchildmenu li a {
        font-weight: 400;
        text-transform: unset;
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 27px;
        color: #000 !important;
        padding: 0;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    nav.sw-megamenu.navigation .subchildmenu.mega-columns>li {
        padding: 0
    }

    .sw-megamenu.navigation li.level0 .row {
        display: flex
    }

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

    .sw-megamenu.navigation .subchildmenu.mega-columns.columns2>li.ui-menu-item,
    .sw-megamenu.navigation .subchildmenu.mega-columns.columns2>li.ui-menu-item a span {
        text-align: left
    }

    .page-header.header-newskin .navigation .level0.custom-not-visible-submenu {
        pointer-events: none;
        left: 16%;
        opacity: 0;
        transition: .5s ease;
        -moz-transition: .5s ease;
        -webkit-transition: .5s ease;
        -o-transition: .5s ease;
        -ms-transition: .5s ease
    }

    .page-header.header-newskin .navigation .level0.custom-visible-submenu {
        pointer-events: auto;
        left: 18%;
        opacity: 1;
        transition: .5s ease;
        -moz-transition: .5s ease;
        -webkit-transition: .5s ease;
        -o-transition: .5s ease;
        -ms-transition: .5s ease
    }

    .page-header.header-newskin .navigation .level0.custom-visible-submenu,
    .page-header.header-newskin .navigation .level0.custom-not-visible-submenu {
        position: fixed;
        top: 0;
        height: 100vh;
        width: 32%;
        background: #fff
    }

    .page-header.header-newskin .navigation .level0.submenu .container .swipe-back .switch-swipe-back {
        display: none
    }

    .page-header.header-newskin .navigation li.level0.fullwidth .submenu ul.subchildmenu li ul.subchildmenu li a span:after {
        content: "";
        position: absolute;
        bottom: -3px;
        height: 1px;
        margin: 0;
        width: 0;
        right: 0;
        transition: all .2s ease-in-out;
        transition-duration: .2s;
        opacity: 0;
        background-color: #222323;
        display: block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .page-header.header-newskin .navigation li.level0.fullwidth .submenu ul.subchildmenu li ul.subchildmenu li a span:hover {
        text-shadow: 0 0 #000
    }

    .page-header.header-newskin .navigation li.level0.fullwidth .submenu ul.subchildmenu li ul.subchildmenu li a span:hover:after {
        width: 30px;
        opacity: 1;
        transition: all .15s ease-in-out;
        transition-duration: .2s
    }

    .page-header.header-newskin .navigation li.level0.parent a.level-top:hover:before {
        border-bottom-color: #f6f6f6;
        visibility: visible;
        opacity: 1;
        transition: all .1s
    }

    .page-header .navigation .level0.parent>a:after {
        display: none !important
    }

    .page-header .sw-megamenu.navigation li.level0.fullwidth>.submenu {
        max-width: 100%;
        box-shadow: none;
        background: #f9f9f9;
        border-bottom: 1px solid #f0f0f0;
        padding: 12px;
        box-sizing: border-box;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        height: 0;
        max-height: 1px;
        overflow: hidden;
        transition-delay: .1s;
        border-radius: 0;
        transition: opacity .3s cubic-bezier(.455, .03, .515, .955), max-height .3s cubic-bezier(.455, .03, .515, .955), padding .3s cubic-bezier(.455, .03, .515, .955)
    }

    .page-header .sw-megamenu.navigation li.level0.fullwidth:hover>.submenu {
        height: auto !important;
        max-height: unset
    }

    .page-header .sw-megamenu.navigation li.level0.fullwidth>.submenu .menu-left-block img {
        display: block
    }

    .page-header.header-newskin .sw-megamenu.navigation li.level0.fullwidth .submenu ul.subchildmenu li ul.subchildmenu li.menu-ver-todo a,
    .page-header.header-newskin .sw-megamenu.navigation li.level0.fullwidth .submenu ul.subchildmenu li ul.subchildmenu li.menu-ver-todo a span {
        font-weight: 600 !important
    }

    .sw-megamenu.navigation li.level0>.level-top span:before,
    .sw-megamenu.navigation li.level0>.level-top span:after,
    header.page-header.header-newskin .sw-megamenu.navigation .subchildmenu.mega-columns.columns1>li a span:before,
    header.page-header.header-newskin .sw-megamenu.navigation .subchildmenu.mega-columns.columns1>li a span:after,
    footer .footer-middle a:after {
        content: "";
        position: absolute;
        bottom: -2px;
        margin: 0;
        height: 1px;
        width: 0;
        transition: all .4s ease-in-out;
        opacity: 0;
        background-color: #bbb;
        display: block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-animation-name: rollOut;
        animation-name: rollOut
    }

    footer .footer-middle a:after {
        bottom: 7px
    }

    .sw-megamenu.navigation li.level0>.level-top span:before,
    header.page-header.header-newskin .sw-megamenu.navigation .subchildmenu.mega-columns.columns1>li a span:before {
        left: 50%
    }

    .sw-megamenu.navigation li.level0>.level-top span:after,
    header.page-header.header-newskin .sw-megamenu.navigation .subchildmenu.mega-columns.columns1>li a span:after {
        right: 50%
    }

    .sw-megamenu.navigation li.level0>.level-top span:hover:before,
    header.page-header.header-newskin .sw-megamenu.navigation .subchildmenu.mega-columns.columns1>li a span:hover:before {
        left: 3px;
        width: 50%;
        opacity: 1
    }

    .sw-megamenu.navigation li.level0>.level-top span:hover:after,
    header.page-header.header-newskin .sw-megamenu.navigation .subchildmenu.mega-columns.columns1>li a span:hover:after {
        right: 3px;
        width: 50%;
        opacity: 1
    }

    .sw-megamenu.navigation li.level0.fullwidth {
        margin: 0
    }

    .page-header.header-newskin .navigation li.level0.fullwidth .submenu li.level1>a span {
        display: block
    }

    .sw-megamenu.navigation li.level0.fullwidth .submenu .subchildmenu .subchildmenu,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .subchildmenu .subchildmenu {
        padding: 0 !important
    }

    .sw-megamenu.navigation li.level0.fullwidth~[data-content-type=row] {
        display: none
    }
}

.sw-megamenu.navigation span.cat-label.cat-label-label1,
.sw-megamenu.navigation span.cat-label.cat-label-label2,
.sw-megamenu.navigation span.cat-label.cat-label-label3 {
    background-color: transparent !important;
    color: #000 !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    letter-spacing: .8px !important;
    text-shadow: none !important
}

.sw-megamenu.navigation span.cat-label:before,
.sw-megamenu.navigation span.cat-label:after {
    display: none !important
}

.categoria-oculta {
    display: none !important
}

.sw-megamenu.navigation li.level0 .menu-right-block .megamenu1 h4 {
    line-height: 30px;
    letter-spacing: 1px;
    padding: 0 !important;
    margin: 0 0 15px;
    color: #000 !important;
    text-align: center
}

ul.list-megamenu li a {
    font-weight: 400 !important;
    letter-spacing: .3px;
    font-size: 14px !important;
    line-height: 27px;
    color: #000 !important;
    text-transform: initial !important;
    padding: 0 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block !important;
    text-decoration: none !important
}

ul.list-megamenu li a>span:after {
    content: "";
    position: absolute;
    bottom: -3px;
    height: 1px;
    margin: 0;
    width: 0;
    opacity: 0;
    background-color: #222323;
    display: block;
    transition: all .2s ease-in-out;
    transition-duration: .2s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

ul.list-megamenu li a>span:hover {
    text-shadow: 0 0 #000
}

ul.list-megamenu li a>span:hover:after {
    width: 100%;
    opacity: 1;
    transition: all .15s ease-in-out;
    transition-duration: .2s
}

#menumobile .sw-megamenu.navigation li.ui-menu-item.level0.item-menu-destacado>a span,
#menumobile .sw-megamenu.navigation li.ui-menu-item.level1 ul li.ui-menu-item.level2.menu-ver-todo a span {
    font-weight: 600 !important
}

@media (min-width:1024px) {
    ul.list-megamenu li a {
        line-height: 27px !important
    }

    .navigation ul.list-megamenu {
        margin-bottom: 20px;
        text-align: center
    }

    .sw-megamenu.navigation li.level0.fullwidth .submenu a:hover>span,
    .sw-megamenu.navigation li.level0.staticwidth .submenu a:hover>span {
        text-decoration: none !important;
        color: #000;
        transition: color .5s
    }

    .page-header.header-newskin .navigation li.level0.fullwidth .submenu li.level1>a,
    .page-header.header-newskin .navigation li.level0.classic .submenu li.level1>a,
    .page-header.header-newskin .navigation li.level0.staticwidth .submenu li.level1>a {
        transition: color .5s;
        padding: 0 !important;
        margin: 0 0 10px !important
    }

    .page-header.header-newskin .navigation li.level0.fullwidth .submenu li.level1>a,
    .page-header.header-newskin .navigation li.level0.classic .submenu li.level1>a,
    .page-header.header-newskin .navigation li.level0.staticwidth .submenu li.level1>a,
    .page-header.header-newskin .navigation li.level0.fullwidth .submenu li.level1>a span,
    .page-header.header-newskin .navigation li.level0.classic .submenu li.level1>a span,
    .page-header.header-newskin .navigation li.level0.staticwidth .submenu li.level1>a span {
        line-height: 20px
    }

    .sw-megamenu.navigation li.level0 .row {
        margin: 0 !important
    }

    .sw-megamenu.navigation li.level0 .menu-right-block .megamenu-banner-col {
        width: 48%;
        display: inline-block;
        margin-left: 1%
    }

    .sw-megamenu.navigation li.level0 .menu-right-block a,
    .sw-megamenu.navigation li.level0 .menu-right-block img {
        padding: 0;
        margin: 0;
        display: block
    }

    .sw-megamenu.navigation li.level0.fullwidth .submenu a,
    .sw-megamenu.navigation li.level0.staticwidth .submenu a,
    .sw-megamenu.navigation li.level0 .menu-right-block .megamenu-banner-col a {
        padding: 7px 0
    }

    .sw-megamenu.navigation li.level0 .menu-right-block .megamenu-banner-box {
        width: 100%;
        margin: 0;
        display: inline-block
    }

    .sw-megamenu.navigation li.level0 .menu-right-block .megamenu-banner-box img {
        display: block
    }

    .sw-megamenu.navigation li.level0 .menu-right-block .megamenu-banner-box a {
        display: block;
        margin: 0;
        padding: 0
    }

    .sw-megamenu.navigation li.level0 .menu-right-block h4 {
        font-weight: 400 !important;
        color: #222 !important;
        font-size: 15px !important;
        line-height: 20px;
        letter-spacing: 1px;
        margin: 6px 0
    }

    .sw-megamenu.navigation li.level0 .menu-right-block .megamenu-banner-box h4 {
        letter-spacing: .8px;
        margin: 0;
        font-size: 13px !important;
        font-weight: 300 !important;
        color: #909090 !important;
        line-height: 20px
    }

    .sw-megamenu.navigation li.level0 .menu-right-block .megamenu-banner-box a {
        display: inline-block !important;
        padding: 0 !important
    }

    .sw-megamenu.navigation li.level0 .menu-right-block .megamenu-banner-box a img {
        display: block !important;
        padding: 0 !important
    }

    .sw-megamenu.navigation li.level0 .menu-right-block .megamenu1 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start
    }

    .sw-megamenu.navigation li.level0 .menu-right-block .megamenu2 .boxes4 {
        display: grid;
        grid-gap: 10px;
        grid-template-columns: repeat(4, 1fr)
    }

    .sw-megamenu.navigation li.level0 .menu-right-block .megamenu2 .boxes2 {
        display: grid;
        grid-gap: 10px;
        grid-template-rows: repeat(2, 1fr)
    }

    .sw-megamenu.navigation li.level0 .menu-right-block .megamenu2 img {
        max-height: initial !important
    }

    .sw-megamenu.navigation li.level0 .menu-left-block a {
        padding: 0
    }

    #menumobile {
        background: 0 0;
        width: 18%;
        box-sizing: border-box;
        padding: 30px;
        position: fixed;
        top: 0;
        height: 100vh;
        pointer-events: none;
        transition: all .5s ease;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease
    }

    header.page-header.nav-is-open #menumobile {
        background: #fff;
        height: 100vh;
        pointer-events: all;
        transition: all .5s ease;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease
    }

    #menumobile.nav-is-closed .sw-megamenu.navigation .level0,
    #menumobile.nav-is-closed .sw-megamenu.navigation .level0>.level-top {
        pointer-events: none
    }

    .menu-right-block {
        padding: 0;
        margin-top: 10px
    }

    .menu-right-block figure a,
    .menu-right-block figure img {
        display: block;
        padding: 0;
        width: 100%
    }

    .menu-right-block .megamenu-colums {
        padding: 0 30px;
        float: left
    }

    .menu-right-block .megamenu-colums {
        width: 45%
    }

    .menu-right-block .megamenu-colums+.megamenu-colums {
        width: 55%;
        padding-right: 0 !important
    }

    .sw-megamenu.navigation li.level0 .menu-right-block.col-md-7 .megamenu-colums .megamenu-banner-box {
        text-align: right
    }

    .sw-megamenu.navigation li.level0 .menu-right-block.col-md-9 .megamenu-colums {
        width: 35%
    }

    .sw-megamenu.navigation li.level0 .menu-right-block.col-md-9 .megamenu-colums+.megamenu-colums {
        width: 65%;
        padding: 0;
        text-align: right
    }

    .sw-megamenu.navigation li.level0 .menu-right-block.col-md-9 .megamenu-colums+.megamenu-colums .megamenu-banner-box {
        width: 47%
    }

    .sw-megamenu.navigation li.level0 .menu-right-block.col-md-9 .megamenu-colums+.megamenu-colums .megamenu-banner-box+.megamenu-banner-box {
        width: 47%;
        margin-left: 4%
    }

    .sw-megamenu.navigation li.level0.fullwidth .submenu .subchildmenu .subchildmenu,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .subchildmenu .subchildmenu {
        padding: 0
    }

    .sw-megamenu.navigation li.level0.menu-full-banners .menu-right-block .megamenu1 {
        border-left: none;
        padding-left: 0 !important
    }

    .sw-megamenu.navigation li.level0.menu-full-banners .menu-right-block {
        border: none;
        padding: 0
    }

    .sw-megamenu.navigation li.level0.menu-full-banners>.submenu {
        padding: 35px 10px
    }

    .sw-megamenu.navigation li.level0.menu-full-banners .menu-right-block .megamenu-banner-content {
        width: 100%;
        display: flex;
        justify-content: space-between
    }

    .sw-megamenu.navigation li.level0.menu-full-banners .menu-right-block .megamenu-banner-content a {
        display: block;
        padding: 0;
        margin: 0
    }
}

header.page-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border: 0;
    background-color: #fff;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    -ms-transition: .5s ease;
    -webkit-animation: slide .5s;
    -webkit-animation-delay: 1s;
    animation: slide .5s;
    animation-delay: 1s;
    z-index: 2
}

header.page-header.nav-is-open {
    z-index: 3
}

.sticky-logo {
    line-height: 30px;
    margin-left: 30px
}

header.page-header .logo {
    margin: 10px 0 0;
    padding: 0;
    width: 90px;
    height: 90px;
    order: 1;
    background: url(../image/MissBag.png) no-repeat center;
    background-size: 100%;
    z-index: 0;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease
}

header.page-header .logo picture,
header.page-header .logo img {
    display: none
}

.page-header .nav-sections {
    margin-top: -11px
}

header.page-header .header-main-right {
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-top: 0;
    flex: 0 !important;
    position: fixed;
    right: 30px;
    z-index: 6;
    top: 11px
}

header.page-header .header-main-right .custom-html ul {
    display: flex;
    align-items: center;
    height: 25px;
    margin: 0
}

header.page-header .header-main-right .custom-html ul li {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0
}

li.authorization-link {
    margin: 0
}

li.search-area {
    margin: 0
}

header.page-header .header-main-right .header.links {
    display: flex;
    flex-direction: column;
    text-align: right;
    list-style: none;
    margin: 0;
    padding: 0
}

header.page-header .header-main-right .header.links li {
    margin: 0;
    line-height: 20px
}

header.page-header .header-main-right li>a,
header.page-header .minicart-wrapper .action.showcart .text {
    position: relative;
    cursor: pointer;
    text-decoration: none !important;
    text-transform: uppercase;
    color: #000;
    transition: all .5s;
    font-size: 11px;
    padding: 2px 0;
    font-weight: 600;
    letter-spacing: .5px;
    vertical-align: top
}

header.page-header .minicart-wrapper .action.showcart .text {
    position: unset;
    color: #000;
    margin-left: 1px
}

header.page-header .header-main-right .header.links li>a:before {
    margin: 0;
    display: inline-block;
    font-weight: 400;
    font-size: 12px;
    color: #000;
    line-height: 20px;
    vertical-align: bottom;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    -ms-transition: .5s ease;
    animation: slide .5s;
    animation-delay: 1s;
    -webkit-animation: slide .5s;
    -webkit-animation-delay: 1s
}

header.page-header .header-main-right .header.links li.search-area>a span,
header.page-header .header-main-right .header.links li.authorization-link a #logo-account {
    color: #000
}

header.page-header .header-main-right .header.links li.authorization-link.loggedin-active a #logo-account {
    display: block !important;
    font-size: 11px;
    width: max-content;
    top: 30px;
    right: -36px
}

header.page-header .header-main-right .header.links li.search-area>a:before,
.catalog-product-view .pswp .pswp__button.pswp__button--zoom:before {
    content: "";
    background: url(../image/ico-search.svg) no-repeat 3px 5px;
    background-size: 15px;
    width: 19px;
    height: 24px;
    color: #000
}

.catalog-product-view .pswp .pswp__button.pswp__button--zoom:before {
    background: url(../image/ico-search-plus.svg) no-repeat 3px 5px;
    background-size: 16px
}

header.page-header .header-main-right .header.links li.authorization-link>a {
    display: inline-block
}

header.page-header .header-main-right .header.links li.language-link>a {
    display: inline-block
}

header.page-header .header-main-right .header.links li.authorization-link>a span {
    background: url(../image/ico-account.svg) 4px 1px no-repeat;
    background-size: 15px;
    display: block;
    padding-left: 24px
}

header.page-header .header-main-right .header.links li.language-link>a span {
    background: url(../image/ico-language.svg) 4px 1px no-repeat;
    background-size: 15px;
    display: block;
    padding-left: 24px
}

header.page-header .header-main-right li.boutiques>a {
    background-image: url(../image/ico-locales.svg);
    background-size: 100%;
    background-position: 0 0;
    width: 23px;
    height: 23px;
    display: block
}

header.page-header .header-main-right li.ayuda>a {
    background-image: url(../image/ico-ayuda.svg);
    background-size: 100%;
    background-position: 0 0;
    width: 18px;
    height: 18px;
    display: block;
    margin-right: 13px
}

header.page-header .main-panel-top {
    display: none
}

#mobile-customer-name {
    margin-bottom: 15px;
    display: block
}

#account-popup.account-links.active .headerlink-close.general-close {
    width: 30px;
    cursor: pointer;
    height: 30px;
    position: fixed;
    right: 8px;
    top: 8px
}

.headerlink-close.general-close span:before {
    display: inline-block;
    font-size: 11px;
    color: #444;
    font-family: 'porto-icons';
    speak: none;
    content: '\f819';
    vertical-align: middle;
    width: 30px;
    height: 30px;
    text-align: right;
    padding: 0
}

.block-title {
    display: block;
    text-align: left;
    font-weight: 600 !important;
    letter-spacing: 1px;
    margin: 0 0 20px;
    line-height: 1.2;
    font-size: 16px;
    text-transform: uppercase
}

i[class*="icon-*"]:before {
    font-family: 'simple-line-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: .8px;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    -ms-transition: .5s ease;
    -webkit-animation: slide .5s;
    -webkit-animation-delay: 1s;
    animation: slide .5s;
    animation-delay: 1s
}

i[class*="icon-*"]:hover:before {
    color: #222323
}

header.page-header .search-toggle-icon>i:before {
    content: "\e090" !important;
    font-weight: 400;
    line-height: normal;
    font-size: 16px;
    margin-right: 20px;
    vertical-align: middle
}

header.page-header.header-newskin .minicart-wrapper .action.showcart {
    speak: none;
    font-style: normal;
    text-align: left;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    line-height: 20px;
    color: #000;
    padding: 0
}

header.page-header.header-newskin .minicart-wrapper .action.showcart:after {
    content: none
}

header.page-header .minicart-wrapper .action.showcart:before,
header.page-header .minicart-wrapper .action.showcart.active:before,
header.page-header.header-newskin .minicart-wrapper .action.showcart:before,
header.page-header.header-newskin .minicart-wrapper .action.showcart.active:before {
    content: "";
    background: url(../image/ico-cart.svg) no-repeat 0 0;
    background-size: 18px;
    width: 19px;
    height: 24px;
    vertical-align: middle;
    left: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    -ms-transition: .5s ease;
    -webkit-animation: slide .5s;
    -webkit-animation-delay: 1s;
    animation: slide .5s;
    animation-delay: 1s
}

header.page-header .minicart-wrapper .action.showcart:hover:before,
header.page-header .minicart-wrapper .action.showcart.active:hover:before {
    color: #222323
}

header.page-header .custom-block a span {
    display: none
}

header.page-header.header-newskin .navigation li.level0.parent a.level-top:before {
    display: none
}

header.page-header.type21 .minicart-wrapper .action.showcart .counter.qty {
    color: #000;
    background-color: transparent !important;
    right: 0;
    font-weight: 500;
    position: relative;
    width: 100%;
    display: block;
    padding: 0;
    font-size: 9px;
    line-height: 10px;
    text-align: left;
    border-radius: 0;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    -ms-transition: .5s ease;
    -webkit-animation: slide .5s;
    -webkit-animation-delay: 1s;
    animation: slide .5s;
    animation-delay: 1s
}

header.page-header.type21 .minicart-wrapper .action.showcart .counter.qty .counter-number {
    position: absolute;
    left: 3.5px;
    top: -1.5px;
    width: 13px;
    text-align: center;
    font-weight: 600
}

@media (max-width:1023px) {
    body {
        padding-top: 80px
    }

    body[class*=customer-account-] .page-main {
        width: 90%
    }

    .page-main {
        padding: 0 15px
    }

    header.page-header {
        height: 80px;
        left: 0;
        z-index: 4
    }

    header.page-header.nav-is-open {
        z-index: 99999
    }

    header.page-header .header-main-right .header.links li.authorization-link>a span {
        background: 0 0
    }

    .headerlink-close.general-close span:before {
        text-align: right
    }

    header.page-header .header.content {
        display: flex;
        align-items: center;
        margin: 0 auto;
        height: 60px
    }

    header.page-header .logo {
        width: 170px;
        position: fixed;
        top: 0;
        left: calc(50% - 85px);
        margin: 0
    }

    header.page-header .nav-toggle {
        margin-right: 0;
        order: 1
    }

    header.page-header .nav-toggle:before {
        font-size: 16px;
        color: #222529
    }

    header.page-header.header-newskin .minicart-wrapper {
        margin-right: 0;
        order: 3;
        top: 0;
        height: 30px
    }

    header.page-header .header-main-right {
        order: 2;
        top: 26px;
        position: fixed;
        align-items: center;
        right: 25px;
        flex-direction: row;
        gap: 8px
    }

    header.page-header .header-main-right li.ayuda>a {
        margin-right: 10px
    }

    header.page-header .header-main-right .custom-html ul {
        padding: 0
    }

    header.page-header .header-main-right .right-block {
        order: 1
    }

    header.page-header .header-main-right .header.links {
        order: 0;
        height: 25px
    }

    header.page-header .header-main-right .header.links li.authorization-link a #logo-account {
        display: none !important
    }

    header.page-header .header-main-right .header.links li.authorization-link>a {
        background: url(../image/ico-account.svg) 4px 1px no-repeat;
        background-size: 15px;
        display: block
    }

    header.page-header .header-main-right .header.links li {
        margin: 0 0 0 5px
    }

    header.page-header .header-main-right .header.links li>a {
        margin-right: 0
    }

    header.page-header .header-main-right .header.links li.search-area {
        position: fixed;
        left: 60px;
        top: 30px
    }

    header.page-header .header-main-right .header.links li.search-area>a span,
    header.page-header .minicart-wrapper .action.showcart .text {
        display: none !important
    }

    header.page-header .header-main-right .header.links li>a:before,
    header.page-header .minicart-wrapper .action.showcart:before,
    header.page-header .nav-toggle:before {
        font-weight: 400;
        font-size: 18px;
        color: #000;
        font-family: 'simple-line-icons' !important;
        line-height: normal;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transition: .5s ease;
        -moz-transition: .5s ease;
        -webkit-transition: .5s ease;
        -o-transition: .5s ease;
        -ms-transition: .5s ease;
        animation: slide .5s;
        -webkit-animation: slide .5s;
        animation-delay: 1s;
        -webkit-animation-delay: 1s
    }

    header.page-header .header-main-right li.boutiques {
        display: none
    }

    header.page-header .header-main-right .header.links li.authorization-link.loggedin-active a #logo-account {
        top: 35px;
        position: absolute;
        padding: 0;
        right: -34px
    }

    header.page-header .header-main-right .header.links li.authorization-link {
        position: fixed;
        right: 60px;
        top: 26px
    }

    header.page-header .header-main-right .header.links li.authorization-link>a {
        width: 22px;
        height: 22px;
        background-size: 18px
    }

    header.page-header .minicart-wrapper .action.showcart .counter.qty {
        right: -15px;
        top: 4px;
        left: unset;
        font-size: 13px;
        width: auto;
        min-width: auto;
        height: auto;
        line-height: normal;
        display: block;
        color: #a7acaf;
        background-color: transparent;
        text-align: center;
        margin: 0;
        padding: 0;
        position: absolute
    }

    header.page-header .minicart-wrapper .action.showcart {
        padding: 0
    }

    header.page-header .nav-toggle:before {
        font-size: 19px;
        content: "\e067";
        color: #000
    }

    header.page-header.type21 .minicart-wrapper .action.showcart .counter.qty {
        line-height: 12px;
        text-align: center;
        border-radius: 0
    }

    header.page-header.type21 .minicart-wrapper .action.showcart .counter.qty .counter-number {
        top: -1.5px
    }

    header.page-header.header-newskin .minicart-wrapper .action.showcart {
        width: 19px
    }

    header.page-header .minicart-wrapper .action.showcart,
    header.page-header.header-newskin .minicart-wrapper .action.showcart,
    header.page-header .header-main-right .header.links li.search-area>a {
        width: 20px;
        height: 20px;
        display: block;
        padding: 0;
        margin: 0
    }

    header.page-header .minicart-wrapper .action.showcart:before,
    header.page-header.header-newskin .minicart-wrapper .action.showcart:before,
    header.page-header .header-main-right .header.links li.search-area>a:before {
        width: 20px;
        height: 20px;
        background-position: 0 0
    }

    header.page-header .minicart-wrapper .action.showcart:before,
    header.page-header.header-newskin .minicart-wrapper .action.showcart:before {
        background-size: 20px;
        line-height: 19px
    }

    header.page-header .header-main-right .header.links li.search-area>a:before {
        background-size: 18px
    }
}

.messageContainer {
    z-index: 9999999999 !important
}

#account-popup.account-links {
    display: block !important;
    position: fixed;
    z-index: 9;
    width: 450px;
    right: -530px;
    bottom: 0;
    top: 0;
    padding: 40px 40px 10px;
    overflow: scroll;
    border-left: 1px solid #ececec !important;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    -ms-transition: .5s ease;
    animation-delay: 1s;
    -webkit-animation: slide .5s;
    -webkit-animation-delay: 1s;
    animation: slide .5s;
    background-color: #fff
}

#account-popup.account-links.active {
    right: 0;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    -ms-transition: .5s ease;
    animation-delay: 1s;
    -webkit-animation: slide .5s;
    -webkit-animation-delay: 1s;
    animation: slide .5s
}

#language-popup.account-links {
    display: block !important;
    position: fixed;
    z-index: 9;
    width: 450px;
    right: -530px;
    bottom: 0;
    top: 0;
    padding: 40px 40px 10px;
    overflow: scroll;
    border-left: 1px solid #ececec !important;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    -ms-transition: .5s ease;
    animation-delay: 1s;
    -webkit-animation: slide .5s;
    -webkit-animation-delay: 1s;
    animation: slide .5s;
    background-color: #fff
}

#language-popup.account-links.active {
    right: 0;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    -ms-transition: .5s ease;
    animation-delay: 1s;
    -webkit-animation: slide .5s;
    -webkit-animation-delay: 1s;
    animation: slide .5s
}

#language-popup.account-links.active .headerlink-close.general-close {
    width: 30px;
    cursor: pointer;
    height: 30px;
    position: fixed;
    right: 8px;
    top: 8px
}

/* 购物车弹窗样式，保持与账号/语言弹窗一致 */
#cart-popup.account-links {
    display: block !important;
    position: fixed;
    z-index: 9;
    width: 450px;
    right: -530px;
    bottom: 0;
    top: 0;
    padding: 40px 40px 10px;
    overflow: scroll;
    border-left: 1px solid #ececec !important;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    -ms-transition: .5s ease;
    animation-delay: 1s;
    -webkit-animation: slide .5s;
    -webkit-animation-delay: 1s;
    animation: slide .5s;
    background-color: #fff
}

#cart-popup.account-links.active {
    right: 0;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    -ms-transition: .5s ease
}

/* 购物车弹窗关闭按钮，保持与账号/语言弹窗一致的位置样式 */
#cart-popup.account-links.active .headerlink-close.general-close {
    width: 30px;
    cursor: pointer;
    height: 30px;
    position: fixed;
    right: 8px;
    top: 8px
}

/* 购物车弹窗内的购物车内容样式，覆盖原来的定位样式 */
#cart-popup .block-minicart {
    position: static !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    z-index: auto !important;
}

/* 空购物车提示样式 */
#cart-popup .empty-cart-message {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    margin: 20px 0;
}

#cart-popup .empty-cart-message span {
    display: block;
    line-height: 1.4;
}

#account-popup.account-links .block-title {
    font-size: 14px !important;
    margin: 0
}

#account-popup.account-links .checkout-agreement {
    margin-top: 10px;
    text-align: left;
    display: flex;
    gap: 5px;
    position: relative
}

#account-popup.account-links .checkout-agreement div.mage-error {
    position: absolute;
    top: 40px;
    left: 16px
}

#account-popup.account-links .checkout-agreement.field label {
    margin: 0
}

#account-popup.account-links .checkout-agreement input[type=checkbox] {
    top: 4px
}

#account-popup.account-links .checkout-agreement .action,
#account-popup.account-links .checkout-agreement .actions-toolbar {
    text-align: left
}

#account-popup.account-links .checkout-agreement input[type=checkbox]:after,
#account-popup.account-links .checkout-agreement input[type=checkbox]:before {
    top: 0
}

#account-popup.account-links div.mage-error {
    font-size: 11px
}

#account-popup .fieldset.create.info {
    margin-bottom: 15px
}

#account-popup .field.choice.newsletter {
    float: right;
    margin: 5px 0 0;
    display: none
}

#account-popup .field.choice.newsletter label {
    text-transform: unset
}

.block-content.login-account .block-title span {
    display: none
}

.block-content.login-account {
    margin-bottom: 30px
}

.block-content.login-account form .fieldset>.field {
    margin: 15px 0 0
}

#account-popup .actions-toolbar .primary-actions {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 15px
}

#account-popup .actions-toolbar .primary-actions .action.login.primary {
    margin-bottom: 10px
}

#account-popup .actions-toolbar .primary-actions .action.login.primary.loading-button {
    cursor: inherit
}

#account-popup .actions-toolbar .primary-actions .action.login.primary.loading-button span {
    display: none
}

#account-popup .actions-toolbar .primary-actions .action.login.primary.loading-button:before {
    display: block;
    content: "Cargando...";
    width: 100%;
    height: 40px;
    line-height: 40px
}

#account-popup .actions-toolbar .secondary .action.remind {
    color: #000;
    font-size: 12px;
    letter-spacing: .5px;
    text-align: center;
    display: block;
    margin-bottom: 5px
}

#account-popup .actions-toolbar .secondary .action.remind:hover {
    text-decoration: none
}

#account-popup .actions-toolbar .secondary .action.remind:hover span {
    border-bottom: 1px solid #000
}

#account-popup .actions-toolbar .primary,
#account-popup .actions-toolbar .secondary {
    width: 100% !important;
    display: block;
    float: none
}

#account-popup .actions-toolbar .primary .primary.action,
#account-popup .actions-toolbar .secondary .secondary.action {
    margin-bottom: 0;
    width: 100%
}

.welcome-label {
    text-align: center;
    font-weight: 500 !important;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block
}

.all-my-account .block-content.my-account {
    margin-bottom: 30px
}

@media (max-width:1023px) {
    #account-popup.account-links {
        z-index: 9;
        width: 100%;
        right: -450px;
        padding: 30px;
        box-sizing: border-box;
        max-width: 450px
    }

    #account-popup.account-links.active {
        right: 0 !important
    }

    #language-popup.account-links {
        z-index: 9;
        width: 100%;
        right: -450px;
        padding: 30px;
        box-sizing: border-box;
        max-width: 450px
    }

    #language-popup.account-links.active {
        right: 0 !important
    }

    #cart-popup.account-links {
        z-index: 9;
        width: 100%;
        right: -450px;
        padding: 30px;
        box-sizing: border-box;
        max-width: 450px
    }

    #cart-popup.account-links.active {
        right: 0 !important
    }

    #account-popup .field.choice.newsletter {
        float: none
    }

    #drubu-header-login .form-login .actions-toolbar {
        margin-top: 25px
    }
}

.module-products-a .pagebuilder-column-group .pagebuilder-column:nth-child(1) {
    min-height: unset !important
}

.module-products-a .pagebuilder-column-group .pagebuilder-column:nth-child(1) figure:nth-child(2) {
    display: none !important
}

.module-products-a .pagebuilder-column-group .pagebuilder-column:nth-child(2) {
    padding: 50px 0
}

.module-products-a .pagebuilder-column-group .pagebuilder-column:nth-child(2)>.center-mode {
    max-width: 40%;
    margin: 0 auto
}

.module-products-a .pagebuilder-column-group .pagebuilder-column:nth-child(1) figure:nth-child(1) {
    display: block !important
}

@media screen and (min-width:1023px) {
    .module-products-a .pagebuilder-column-group .pagebuilder-column:nth-child(1) figure:nth-child(1) {
        display: none !important
    }

    .module-products-a .pagebuilder-column-group .pagebuilder-column:nth-child(2) .slick-slider {
        max-width: 17vw;
        margin: 0 auto
    }

    .module-products-a .pagebuilder-column-group .pagebuilder-column:nth-child(2) .slick-slider .slick-track .slick-slide .product-item {
        max-width: 17vw
    }
}

.module-products-a .slick-slider .slick-track .slick-slide .product-item .product-item-info .product-item-photo {
    border: none !important;
    border-radius: 0 !important;
    padding: 0
}

.module-products-a .pagebuilder-column-group .slick-slider .slick-track .slick-slide .product-item .product-item-info .product-item-details {
    display: none
}

.module-products-a .pagebuilder-column-group .slick-slider .slick-dots {
    bottom: unset
}

.module-products-a .pagebuilder-column-group .slick-slider .slick-dots li {
    width: 8px;
    height: 8px
}

.module-products-a .pagebuilder-column-group .slick-slider .slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0;
    border: solid 1px #797979
}

.module-products-a .pagebuilder-column-group .slick-slider .slick-list {
    padding: 15px 0 12px
}

.module-products-a .pagebuilder-column-group .pagebuilder-column:nth-child(2) h2 {
    margin: 30px 0 15px;
    font-weight: 600;
    font-size: 24px
}

.module-products-a .pagebuilder-column-group .pagebuilder-column:nth-child(2) h2+div {
    width: 70%;
    margin: 0 auto
}

.module-products-a .pagebuilder-column-group .pagebuilder-column:nth-child(2) h2+div p {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: unset;
    margin-bottom: 30px
}

.module-products-a .pagebuilder-column-group .pagebuilder-column:nth-child(2) h2+div+div {
    line-height: unset;
    height: unset;
    min-height: unset
}

.module-products-a .pagebuilder-column-group .pagebuilder-column:nth-child(2) h2+div+div p {
    font-size: unset;
    line-height: unset;
    margin: 0;
    padding: 0
}

.module-products-a .pagebuilder-column-group .pagebuilder-column:nth-child(2) h2+div+div p a {
    font-size: 14px;
    text-decoration: underline
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(2) {
    min-height: 90vh !important
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) {
    padding: 50px 0
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .pagebuilder-column-group {
    justify-content: space-evenly !important
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .pagebuilder-column-group .pagebuilder-column {
    width: 20% !important
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .pagebuilder-column-group .pagebuilder-column img {
    margin: 0;
    padding: 0
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track {
    pointer-events: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: ". . . p1 p1 p1 p2 p2 p2 . . ." ". . . p3 p3 p3 p4 p4 p4 . . ." ". . . p5 p5 p5 p6 p6 p6 . . ." ". . . p7 p7 p7 p8 p8 p8 . . ." ". . . p9 p9 p9 p10 p10 p10 . . ." ". . . p11 p11 p11 p12 p12 p12 . . .";
    width: 100% !important
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track .slick-slide {
    pointer-events: auto;
    box-sizing: border-box;
    padding: 2px;
    width: unset !important
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track .slick-slide:nth-of-type(1) {
    grid-area: p1
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track .slick-slide:nth-of-type(2) {
    grid-area: p2
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track .slick-slide:nth-of-type(3) {
    grid-area: p3
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track .slick-slide:nth-of-type(4) {
    grid-area: p4
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track .slick-slide:nth-of-type(5) {
    grid-area: p5
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track .slick-slide:nth-of-type(6) {
    grid-area: p6
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track .slick-slide:nth-of-type(7) {
    grid-area: p7
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track .slick-slide:nth-of-type(8) {
    grid-area: p8
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track .slick-slide:nth-of-type(9) {
    grid-area: p9
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track .slick-slide:nth-of-type(10) {
    grid-area: p10
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track .slick-slide:nth-of-type(11) {
    grid-area: p11
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track .slick-slide:nth-of-type(12) {
    grid-area: p12
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track .slick-slide .product-item {
    max-width: unset
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track .slick-slide .product-item-details .price-box,
.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track .slick-slide .product-item-details .swatch-opt,
.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track .slick-slide .product-item-details .product-item-inner {
    display: none
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track .slick-slide .product-item-details {
    padding: 4px 0 8px
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track .slick-slide .product-item .product-item-info .product-item-photo {
    border: none
}

.module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track .slick-slide .product-item .product-item-info .product-item-details .product-item-name .product-item-link {
    font-size: .9em;
    font-weight: 400
}

@media only screen and (max-width:1023px) {
    .module-products-a .pagebuilder-column-group .pagebuilder-column:nth-child(2) .slick-slider {
        max-width: 205px;
        margin: 0 auto
    }

    .module-products-a .pagebuilder-column-group .pagebuilder-column:nth-child(1) {
        background-position: center 46% !important
    }

    .module-products-a .pagebuilder-column-group .pagebuilder-column:nth-child(1) figure:nth-child(2) {
        display: block !important
    }

    .module-products-a.banner-hide-mobile .pagebuilder-column-group .pagebuilder-column:nth-child(1) {
        display: none !important
    }

    .module-products-a.mobile-slide-first .pagebuilder-column-group .pagebuilder-column:nth-child(1) {
        order: 2
    }

    .module-products-a.mobile-slide-first .pagebuilder-column-group .pagebuilder-column:nth-child(2) {
        padding: 10px 0 40px
    }

    .module-products-a .pagebuilder-column-group .pagebuilder-column:nth-child(2) {
        padding: 40px 0
    }

    .module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) {
        padding: 40px 0;
        order: 2
    }

    .module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(2) {
        background-position: center 20% !important
    }

    .module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track {
        width: 100% !important
    }

    .module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track {
        grid-template-areas: ". . p1 p1 p1 p1 p2 p2 p2 p2 . ." ". . p3 p3 p3 p3 p4 p4 p4 p4 . ." ". . p5 p5 p5 p5 p6 p6 p6 p6 . ." ". . p7 p7 p7 p7 p8 p8 p8 p8 . ." ". . p9 p9 p9 p9 p10 p10 p10 p10 . ." ". . p11 p11 p11 p11 p12 p12 p12 p12 . ."
    }

    .module-products-a .pagebuilder-column-group .pagebuilder-column:nth-child(2) h2 {
        font-size: 16px;
        margin: 40px 0 5px
    }

    .module-products-a .pagebuilder-column-group .pagebuilder-column:nth-child(2) h2+div p {
        font-size: 12px;
        margin-bottom: 60px
    }

    .module-products-a .pagebuilder-column-group .pagebuilder-column:nth-child(2) h2+div+div p a {
        font-size: 12px
    }

    .module-products-a .pagebuilder-column-group .pagebuilder-column:nth-child(2) .slick-slider .slick-list {
        padding: 15px 0 20px
    }
}

@media only screen and (max-width:768px) {
    .module-products-b .pagebuilder-column-group .pagebuilder-column:nth-child(1) .slick-track {
        grid-template-areas: ". p1 p1 p1 p1 p1 p2 p2 p2 p2 p2 ." ". p3 p3 p3 p3 p3 p4 p4 p4 p4 p4 ." ". p5 p5 p5 p5 p5 p6 p6 p6 p6 p6 ." ". p7 p7 p7 p7 p7 p8 p8 p8 p8 p8 ." ". p9 p9 p9 p9 p9 p10 p10 p10 p10 p10 ." ". p11 p11 p11 p11 p11 p12 p12 p12 p12 p12 ."
    }
}

.slider-3-products {
    background: #fff
}

.tns-outer {
    display: block
}

.slider-3-products .slick-slider-a {
    width: 70%;
    margin: 0 auto
}

.slider-3-products .product-items.slick-slider .slick-slide .product-item {
    width: 100%;
    max-width: 100%;
    padding: 0 5px
}

.slider-3-products .slick-slider .slick-arrow.slick-prev {
    left: -20px
}

.slider-3-products .slick-slider .slick-arrow.slick-next {
    right: -20px
}

.slider-3-products .slick-slider .slick-arrow {
    width: 16px;
    height: 15px;
    background-size: 7px !important;
    filter: invert(1)
}

.pagebuilder-button-link {
    margin: auto
}

.pagebuilder-button-link span {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    text-decoration: underline
}

@media only screen and (max-width:1023px) {
    .slider-3-products .slick-slider-a {
        width: 80%
    }

    .slider-3-products .product-items.slick-slider .slick-slide .product-item {
        ;
        padding: 0 2px
    }
}

.page-header .minicart-wrapper {
    margin-left: 0 !important
}

.minicart-wrapper .mage-dropdown-dialog {
    display: block !important
}

.minicart-wrapper .block-minicart {
    z-index: 20;
    border-top: none !important;
    padding: 40px !important;
    box-shadow: none !important;
    top: 0 !important;
    margin: 0 !important;
    border-left: 1px solid #ececec !important;
    right: -450px !important;
    position: fixed;
    bottom: 0;
    width: 450px !important;
    min-width: unset;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    -ms-transition: .5s ease;
    -webkit-animation: slide .5s;
    -webkit-animation-delay: 1s;
    animation: slide .5s;
    animation-delay: 1s;
    border-radius: 0
}

.minicart-wrapper.active .block-minicart {
    right: 0 !important;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    -ms-transition: .5s ease;
    -webkit-animation: slide .5s;
    -webkit-animation-delay: 1s;
    animation: slide .5s;
    animation-delay: 1s
}

.minicart-items-wrapper {
    padding: 15px;
    max-height: calc(100vh - 300px) !important;
    height: auto !important;
    clear: both
}

.minicart-wrapper .block-minicart:before {
    box-sizing: border-box;
    height: 10px;
    width: 10px;
    top: -6px;
    background: #fff !important;
    border-style: solid;
    border-color: #ececec !important;
    border-width: 0 1px 1px 0;
    transform: rotate(-135deg)
}

.page-header.header-newskin .minicart-wrapper {
    width: unset
}

.page-header.header-newskin .minicart-wrapper .action.close,
.page-header.header-newskin .minicart-wrapper .action.close:hover,
.page-header.header-newskin .minicart-wrapper .action.close:focus {
    width: 40px;
    height: 40px;
    top: 8px;
    right: 8px;
    position: absolute;
    background: 0 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 0 !important;
    box-shadow: none;
    line-height: inherit;
    margin: 0;
    background: transparent !important;
    padding: 0;
    text-shadow: none;
    font-weight: 400;
    text-decoration: none;
    display: block !important;
    color: #777 !important
}

@media (min-width:1024px) {
    .minicart-wrapper.active .block-minicart {
        right: 25px
    }
}

@media (max-width:1023px) {
    .minicart-wrapper.active .block-minicart {
        right: 0
    }
}

.minicart-wrapper .action.close:before {
    display: inline-block;
    font-size: 11px;
    color: #444;
    text-align: right;
    font-family: 'porto-icons';
    speak: none;
    content: '\f819';
    vertical-align: middle;
    width: 30px;
    height: 30px
}

.minicart-wrapper .product .actions {
    margin: -40px 0 0 !important
}

.minicart-items .action.delete {
    display: inline-block;
    text-decoration: none
}

.minicart-items .action.edit {
    display: none
}

.minicart-items .product-item-name {
    margin: 0 0 3px !important;
    line-height: 16px
}

.minicart-items .product-item-name a {
    font-size: 13px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase
}

.minicart-items .product-item-details {
    padding: 0 0 0 75px;
    text-align: left;
    font-size: 13px
}

.minicart-items .product-item-details .product.options .toggle {
    display: none
}

.minicart-items .product-item-details .product.options .content {
    font-size: 12px;
    color: #000;
    cursor: pointer;
    margin: 5px 0
}

.minicart-items .product-item-details dl {
    margin: 0;
    display: block
}

.minicart-items .product-item-details dl dt {
    font-weight: 400;
    display: inline-block
}

.minicart-items .product-item-details dl dd {
    display: inline-block;
    margin: 0
}

.minicart-items .product-item-details dl dd:after {
    content: "-";
    display: inline-block;
    margin: 0 5px
}

.minicart-items .product-item-details dl dd:last-child:after {
    content: ""
}

.minicart-items .product-item-details .price {
    font-weight: 500;
    color: #000 !important;
    font-size: 15px
}

.minicart-items .product-item-details .details-qty {
    margin-top: 0;
    display: flex;
    align-items: center
}

.minicart-items .product-item-details .details-qty .label {
    display: inline-block
}

.minicart-items .product-item-details .item-qty {
    width: 28px;
    text-align: center;
    font-size: 14px !important;
    padding: 0 !important;
    height: 20px !important;
    border: none;
    border-color: #fff;
    line-height: 26px !important;
    min-height: 27px !important;
    cursor: inherit;
    pointer-events: none
}

.minicart-items .product-item-details .item-qty:focus {
    box-shadow: none
}

.minicart-items .product-item-pricing .label {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    width: unset
}

.minicart-items .product-item-details .actions>.secondary .action,
.minicart-items .product-item-details .actions>.secondary .action:hover,
.minicart-items .product-item-details .actions>.secondary .action:focus,
.minicart-items .product-item-details .actions>.secondary .action:visited,
.minicart-items .product-item-details .actions>.secondary .action:active {
    background: #fff;
    border: none;
    color: #222 !important;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 1.5px;
    line-height: 40px;
    padding: 0;
    box-sizing: border-box;
    vertical-align: middle;
    height: 40px
}

.minicart-items .action.delete:before {
    font-family: 'simple-line-icons' !important;
    content: "\e054" !important;
    vertical-align: middle;
    font-size: 16px;
    line-height: 20px;
    color: #777 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body.checkout-index-index .minicart-items .action.delete {
    display: none !important
}

.minicart-wrapper .block-minicart .block-title {
    display: block;
    text-align: left;
    font-weight: 500 !important;
    margin: 0 0 20px !important
}

.minicart-wrapper .block-minicart .block-title strong {
    font-weight: 600 !important;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    text-align: left;
    margin-bottom: 30px
}

.minicart-wrapper .block-minicart .block-title strong .qty {
    display: none !important
}

.input-text.qty {
    border: 1px solid #ddd !important
}

.block-minicart .details-qty.qty select {
    background-image: none;
    width: auto;
    padding: 0;
    text-align: left;
    border: none;
    margin-left: 5px
}

.block-minicart .amount .price-wrapper:first-child .price {
    font-size: 14px;
    font-weight: 600
}

.minicart-items .product-item-details .price-including-tax,
.minicart-items .product-item-details .price-excluding-tax {
    margin: 0
}

.minicart-wrapper .block-minicart {
    color: #000;
    font-weight: 400
}

.minicart-wrapper .block-minicart .amount.price-container {
    display: inline-block
}

.block-minicart .items-total {
    margin-top: 0
}

.block-minicart .items-total,
.block-minicart .items-total .count {
    font-weight: 500;
    font-size: 13px
}

.block-minicart .block-content>.actions>.secondary .action.viewcart {
    border-color: #444
}

.block-minicart .block-content .product-item-photo {
    border: none;
    padding: 0;
    border-radius: 0;
    width: 75px
}

.block-minicart .block-content .product-item-photo img {
    display: block;
    margin: 0;
    width: 60px !important
}

.block-minicart .subtitle.empty {
    font-weight: 400 !important
}

@media (max-width:1023px) {
    .minicart-wrapper .block-minicart {
        z-index: 9;
        width: 85% !important;
        right: -450px;
        padding: 40px 20px 20px !important;
        max-width: 450px
    }

    .minicart-wrapper.active .block-minicart {
        width: 100% !important;
        right: 0 !important;
        z-index: 13
    }

    .minicart-items-wrapper {
        max-height: calc(100vh - 260px) !important;
        height: auto !important;
        clear: both
    }
}

.notice {
    background: #f2f2f2;
    color: #000;
    padding: 20px;
    letter-spacing: .5px;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 30px;
    box-sizing: border-box
}

.notice span {
    font-weight: 600;
    display: block
}

.notice a {
    border-bottom: 1px solid #000;
    padding-bottom: 1px;
    text-decoration: none
}

body.checkout-index-index .notice {
    width: 100%
}

@media (max-width:1023px) {
    .notice {
        margin-bottom: 0
    }
}

footer .footer-top .block.newsletter {
    width: 100%
}

footer .footer-top .block.newsletter .control:before {
    display: none
}

footer * {
    font-family: "Montserrat" !important;
    letter-spacing: .5px
}

footer .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0 auto
}

footer h2 {
    text-transform: uppercase;
    margin: 0;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 21px;
    letter-spacing: 1px;
    color: #fff
}

footer h2+h2 {
    margin-top: 0
}

footer p.disclaimer {
    font-size: 11px;
    color: #444;
    margin-top: 7px
}

footer .pagebuilder-column-group {
    width: calc(100% - 60px);
    margin: 0 auto
}

footer .block.newsletter {
    margin-bottom: 20px
}

footer .block.newsletter .form.subscribe {
    display: flex;
    flex-direction: column
}

footer .block.newsletter input {
    font-size: 12px !important;
    width: 100%;
    padding: 0 !important;
    height: 20px;
    line-height: 20px;
    text-transform: uppercase;
    background: #000;
    color: #fff;
    border: none !important;
    border-bottom: 1px solid #ccc !important;
    border-radius: 0
}

footer .block.newsletter div.mage-error {
    color: #ececec;
    font-size: 10px;
    position: absolute;
    z-index: 1
}

footer .block.newsletter div.mage-error:before {
    content: "*";
    display: inline-block;
    margin-right: 5px;
    font-size: 12px
}

footer .block.newsletter .field.newsletter div.mage-error {
    margin-top: 3px
}

footer .block.newsletter .actions div.mage-error {
    margin: 22px 0 0 19px
}

footer .block.newsletter input[type=checkbox] {
    width: unset;
    float: left;
    margin-right: 7px;
    border: none !important
}

footer .block.newsletter input[type=checkbox]:before {
    background: #000;
    color: #000;
    width: 16px
}

footer .block.newsletter input[type=checkbox]:after {
    color: #c5c5c5;
    font-size: 14px;
    background: #000;
    width: 16px
}

footer .block.newsletter .form.subscribe {
    position: relative
}

footer .block.newsletter .form.subscribe .field label {
    display: contents;
    margin-top: 3px
}

footer .block.newsletter .actions {
    width: 100%;
    display: block
}

footer .block.newsletter .actions button.primary {
    position: absolute;
    width: auto;
    right: 0;
    top: 2px;
    color: #fff;
    background-color: transparent;
    letter-spacing: 1px;
    border-radius: 0;
    margin: 0;
    padding: 0;
    min-width: auto;
    height: 30px;
    line-height: 30px;
    border: 1px solid #000
}

footer .footer-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px
}

footer .footer-logos .afip-footer,
footer .footer-logos .hotsale-footer {
    width: 60px
}

footer .block.newsletter .actions button:hover {
    color: #fff !important
}

footer .block.newsletter .actions .checkout-agreement {
    position: absolute;
    left: 0;
    top: 55px;
    margin-bottom: 30px;
    display: flex
}

footer .block.newsletter .actions .checkout-agreement .label {
    position: relative
}

footer .block.newsletter .actions .checkout-agreement .label span {
    margin-top: 4px
}

footer .block.newsletter .actions .checkout-agreement .label span,
footer .block.newsletter .actions .checkout-agreement .label a {
    color: #fff;
    text-transform: none
}

footer .block.newsletter .actions .checkout-agreement .label a {
    border-bottom: 1px solid #cdcdcd;
    display: inline-block
}

footer .footer-dark {
    background: #000
}

footer a,
footer a:hover,
footer a:visited,
footer a:focus,
footer .pagebuilder-button-primary,
footer .pagebuilder-button-primary:hover {
    text-decoration: none;
    margin: 0;
    padding: 0;
    background: 0 0;
    border: none;
    display: inline-block;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 30px
}

footer .footer-dark a,
footer .footer-dark a:hover,
footer .footer-dark a:visited,
footer .footer-dark a:focus,
footer .footer-dark .pagebuilder-button-primary,
footer .footer-dark .pagebuilder-button-primary:hover {
    color: #fff
}

footer .footer-white a,
footer .footer-white a:hover,
footer .footer-white a:visited,
footer .footer-white a:focus,
footer .footer-white .pagebuilder-button-primary,
footer .footer-white .pagebuilder-button-primary:hover {
    color: #000
}

footer a.pagebuilder-button-primary:focus,
button.pagebuilder-button-primary:focus,
footer div.pagebuilder-button-primary:focus,
a.pagebuilder-button-primary:active,
footer button.pagebuilder-button-primary:active,
div.pagebuilder-button-primary:active {
    background: 0 0;
    border: none
}

footer nav a:before,
footer .footer-social a:before {
    content: "";
    margin: 3px 6px 3px 3px;
    display: inline-block;
    width: 2px;
    height: 2px;
    background: #000;
    border-radius: 50%
}

footer nav a:first-child:before,
footer .footer-social a:first-child:before,
footer .first:before {
    display: none
}

footer .footer-social a,
footer .footer-social a:hover,
footer .footer-social a:visited {
    text-decoration: none;
    margin: 0;
    display: inline-block
}

footer .footer-bottom * {
    margin: 0;
    font-size: 10px;
    display: inline-block;
    text-decoration: none;
    color: #000 !important
}

footer .afip-footer img {
    width: 40px
}

footer .footer-bottom {
    background-color: #fff;
    margin-bottom: 30px
}

footer .footer-bottom p {
    margin: 0
}

footer .footer-bottom .custom-block {
    float: right
}

footer .footer-bottom .custom-block,
footer .footer-bottom address {
    display: inline-block;
    font-size: 12px
}

footer .footer-bottom script {
    display: none
}

footer #totop {
    position: fixed;
    bottom: 10px;
    left: 18px;
    color: #333;
    font-size: 20px;
    display: block;
    width: 28px;
    height: 28px
}

#html-body footer .footer-dark {
    padding: 50px 0 20px
}

#html-body footer .footer-dark+.footer-dark {
    padding: 20px 0 50px
}

#html-body.country-co footer .footer-dark+.footer-dark {
    padding: 30px 0 50px
}

#html-body footer .footer-dark .pagebuilder-column.footer-redes {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: end
}

#html-body footer .footer-dark .footer-redes a,
#html-body footer .footer-dark .footer-redes img {
    display: block
}

#html-body footer .footer-dark .footer-redes img {
    width: 30px
}

.cms-index-index footer #totop {
    bottom: 60px
}

#html-body footer .footer-afip-precios {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: flex-end
}

#html-body footer .footer-afip-precios figure img {
    width: 180px
}

#html-body footer figure.footer-logo-40 img {
    width: 40px
}

#html-body footer figure.footer-logo-50 img {
    width: 50px
}

#html-body footer figure.footer-logo-60 img {
    width: 60px
}

#html-body footer figure.footer-logo-70 img {
    width: 70px
}

#html-body footer figure.footer-logo-80 img {
    width: 80px
}

#html-body footer .copyright {
    text-transform: uppercase;
    font-size: 12px;
    display: flex;
    justify-content: center
}

footer div.mage-error[generated] {
    background: #6b6b6bab;
    padding: 10px 20px;
    color: #fff !important
}

footer .link-legales,
footer .link-legales:hover {
    color: #000;
    font-size: 12px
}

footer p {
    color: #fff
}

@media (max-width:1290px) {
    footer .block.newsletter .actions div.mage-error {
        margin-top: 39px
    }
}

@media (max-width:1023px) {
    footer .block.newsletter .actions div.mage-error {
        margin-top: 42px
    }

    footer .block.newsletter .actions .checkout-agreement .label span {
        margin-top: 1px
    }

    footer .footer-top .footer.footer-dark .pagebuilder-column-line {
        gap: 20px
    }

    #html-body footer .footer-dark {
        padding: 30px 0 20px
    }

    footer h2 {
        font-size: 13px !important;
        text-align: left
    }

    footer nav a {
        display: block;
        width: 100%;
        line-height: 30px;
        height: 30px;
        margin: 0
    }

    footer .footer-newsletter {
        margin: 0 0 20px
    }

    footer .footer-bottom>.container address {
        line-height: 18px !important
    }

    footer nav a {
        display: block
    }

    footer nav a:before,
    footer .footer-social a:before {
        content: none
    }

    #html-body footer .footer-dark .pagebuilder-column.footer-redes {
        justify-content: start;
        margin-top: 20px
    }

    #html-body.country-co footer .footer-dark .pagebuilder-column.footer-redes {
        margin-top: 50px
    }

    #html-body footer .copyright {
        text-align: center;
        margin-bottom: 30px
    }

    #html-body footer .footer-afip-precios {
        justify-content: center
    }

    footer .link-legales {
        display: block
    }

    footer .pagebuilder-column-group {
        width: calc(100% - 50px)
    }

    footer .block.newsletter input[type=checkbox] {
        margin-right: 10px
    }
}

button.lines-button.x {
    border-color: transparent !important;
    background: transparent !important;
    width: 23px;
    margin-top: 1px;
    padding: 0;
    z-index: 5;
    order: 0;
    left: 35px;
    top: 17px;
    position: fixed
}

button.lines-button.x.close {
    z-index: 9999;
    top: 5px
}

button.lines-button.x:before,
button.lines-button.x:after,
#menumobile nav.navigation .switch-close:before,
#menumobile nav.navigation .switch-close:after,
.main-product-detail.active .container .main-details-close:before,
.main-product-detail.active .container .main-details-close:after,
#filters-wrapper .close-filters:before,
#filters-wrapper .close-filters:after,
ul#sorter .close-wrapper .filter-close.general-close:before,
ul#sorter .close-wrapper .filter-close.general-close:after,
.notice-close:before,
.notice-close:after,
.catalog-product-view .pswp .pswp__button--close:after {
    position: absolute;
    display: block;
    content: " ";
    box-sizing: border-box;
    left: 0;
    transition: all .2s ease-out;
    width: 20px
}

#menumobile nav.navigation .switch-close:before,
#menumobile nav.navigation .switch-close:after {
    width: 10px;
    top: 10px
}

button.lines-button:before,
#menumobile nav.navigation .switch-close:before,
.main-product-detail.active .container .main-details-close:before,
#filters-wrapper .close-filters:before,
ul#sorter .close-wrapper .filter-close.general-close:before,
.notice-close:before,
.catalog-product-view .pswp .pswp__button--close:before {
    top: calc(100%/3);
    height: calc(100%/4);
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    background-color: transparent
}

button.lines-button.x:after {
    width: 15px
}

button.lines-button:after,
#menumobile nav.navigation .switch-close:after,
#filters-wrapper .close-filters:after,
ul#sorter .close-wrapper .filter-close.general-close:after,
.notice-close:after,
.catalog-product-view .pswp .pswp__button--close:after {
    height: 2px;
    background-color: #000;
    bottom: calc(105%/4.8)
}

button.lines-button.x.close:before,
#menumobile nav.navigation .switch-close:before,
.main-product-detail.active .container .main-details-close:before,
#filters .filter-close.general-close:before,
#filters-wrapper .close-filters:before,
ul#sorter .close-wrapper .filter-close.general-close:before,
.notice-close:before,
button.lines-button.x.close:after,
#menumobile nav.navigation:after,
.main-product-detail.active .container .main-details-close:after,
#filters .filter-close.general-close:after,
#filters-wrapper .close-filters:after,
ul#sorter .close-wrapper .filter-close.general-close:after,
.notice-close:after,
.catalog-product-view .pswp .pswp__button--close:before {
    top: calc(100%/2);
    height: 2px;
    border-bottom: 0;
    width: 10px;
    right: 0;
    opacity: 1
}

button.lines-button.x.close:before,
#menumobile nav.navigation .switch-close:before,
.main-product-detail.active .container .main-details-close:before,
#filters .filter-close.general-close:before,
#filters-wrapper .close-filters:before,
ul#sorter .close-wrapper .filter-close.general-close:before,
.notice-close:before,
.catalog-product-view .pswp .pswp__button--close:before {
    transform: rotate(45deg)
}

.catalog-product-view .pswp .pswp__button--close:before,
.catalog-product-view .pswp .pswp__button--close:after {
    top: calc(100%/2);
    height: 2px;
    border-bottom: 0;
    width: 10px;
    right: 0;
    opacity: 1
}

.catalog-product-view .pswp .pswp__button--close:before {
    border: 0 solid #fff
}

button.lines-button.x.close:after,
#menumobile nav.navigation .switch-close:after,
.main-product-detail.active .container .main-details-close:after,
#filters .filter-close.general-close:after,
#filters-wrapper .close-filters:after,
ul#sorter .close-wrapper .filter-close.general-close:after,
.notice-close:after,
.catalog-product-view .pswp .pswp__button--close:after {
    transform: rotate(-45deg)
}

#menumobile nav.navigation .switch-close,
.main-product-detail .container .main-details-close,
#filters-wrapper .close-filters,
ul#sorter .close-wrapper .filter-close.general-close,
.notice-close {
    text-indent: -99999px;
    position: relative;
    display: block;
    float: right;
    width: 10px;
    height: 20px;
    padding: 0;
    border: none;
    margin-top: 7px
}

ul#sorter .close-wrapper {
    position: relative
}

ul#sorter .close-wrapper .filter-close.general-close {
    margin-top: 0;
    position: absolute;
    top: -7px;
    right: -35px
}

#filters .filter-close.general-close {
    top: 30px;
    right: 30px;
    position: fixed
}

#filters .filter-close.general-close:before,
#filters .filter-close.general-close:after {
    position: absolute;
    display: block;
    content: " ";
    box-sizing: border-box;
    left: 0;
    transition: all .2s ease-out;
    width: 10px;
    background: #000
}

.main-product-detail.active .container .main-details-close,
.main-product-detail.active .container .main-details-close:before,
.main-product-detail.active .container .main-details-close:after {
    width: 13px
}

header.page-header.menu-is-open button.lines-button.x.close {
    transform: translateX(43.2vw) translateY(28px)
}

#menumobile nav.navigation .switch-close {
    display: block
}

body:not(.cms-index-index) #menumobile nav.navigation .switch-close {
    display: none
}

@media (min-width:1024px) {
    #menumobile.nav-is-closed nav.navigation {
        opacity: 0;
        transition: all .5s ease;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease
    }

    #menumobile .sw-megamenu.navigation li.authorization-link a {
        display: block
    }
}

@media (max-width:1023px) {

    button.lines-button.x.close,
    button.lines-button.x.close:before,
    button.lines-button.x.close:after {
        width: 25px
    }

    #menumobile nav.navigation .switch-close {
        display: none
    }

    .page-header .sw-megamenu.navigation>ul {
        display: flex;
        justify-content: center;
        flex-direction: column
    }

    .menu-left-block,
    .menu-right-block,
    .menu-right-block a {
        padding: 0;
        display: none
    }

    ul.list-megamenu li {
        padding: 5px 0 !important
    }

    ul.list-megamenu li a {
        padding: 5px 15px !important;
        line-height: 16px !important;
        font-weight: 400;
        text-transform: initial;
        letter-spacing: .7px;
        font-size: 15px !important;
        color: #444 !important;
        font-family: 'Roboto'
    }

    .sw-megamenu.navigation li.level0 .menu-right-block .megamenu-banner-box h4 {
        letter-spacing: .8px;
        margin: 0;
        font-size: 11px !important;
        font-weight: 300 !important;
        color: #909090 !important;
        line-height: 20px
    }

    nav.navigation.sw-megamenu,
    header.page-header .nav-sections-item-title {
        display: none
    }

    #menumobile nav.navigation.sw-megamenu {
        display: block
    }

    #menumobile .sw-megamenu.navigation li.ui-menu-item>.open-children-toggle {
        width: auto;
        height: auto;
        position: relative;
        background: #fff !important;
        text-transform: uppercase
    }

    .navigation li.level0 .ui-menu-item>a:before {
        content: "";
        margin: 0
    }

    #menumobile .sw-megamenu.navigation li.ui-menu-item>.open-children-toggle:after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 9px;
        line-height: inherit;
        color: #666;
        content: '\f80d';
        content: none;
        font-family: 'porto-icons';
        vertical-align: middle;
        display: inline-block;
        font-weight: 400;
        overflow: hidden;
        speak: none;
        text-align: center;
        right: 10px;
        top: 8px;
        position: absolute
    }

    #menumobile .sw-megamenu.navigation .parent .level-top.ui-state-active:after {
        content: '\f80d'
    }

    #menumobile.menu_slider {
        position: fixed;
        z-index: 11;
        width: 100%;
        max-width: 768px;
        height: 100vh;
        bottom: 0;
        top: 0;
        padding: 20px 0;
        background-color: #fff;
        box-sizing: border-box
    }

    #menumobile.menu_slider.nav-is-closed {
        pointer-events: none;
        left: -450px;
        opacity: 0;
        visibility: hidden;
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out
    }

    #menumobile.menu_slider.nav-is-open {
        pointer-events: auto;
        left: 0;
        opacity: 1;
        visibility: visible;
        overflow: hidden;
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out
    }

    #menumobile .navigation.sw-megamenu .custom-main-menu:before {
        transition: all 1s ease-in-out;
        -moz-transition: all 1s ease;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        background: url(../image/prune.svg) no-repeat 94px 12px;
        background-size: 130px;
        display: block;
        height: 55px;
        content: none;
        position: fixed;
        left: 0;
        top: 25px;
        width: 85%;
        z-index: 99999
    }

    #menumobile .sw-megamenu.navigation .custom-not-swiped,
    .link-mobile.custom-not-swiped {
        width: 100% !important;
        z-index: 9999;
        left: 0 !important;
        position: relative;
        margin-top: 80px;
        transition: .5s ease;
        -moz-transition: .5s ease;
        -webkit-transition: .5s ease;
        -o-transition: .5s ease;
        -ms-transition: .5s ease;
        animation: slide .5s;
        -webkit-animation: slide .5s;
        animation-delay: 1s;
        -webkit-animation-delay: 1s
    }

    #menumobile .sw-megamenu.navigation .custom-swiped,
    .link-mobile.custom-swiped {
        position: absolute;
        z-index: 9999;
        left: -100% !important;
        margin-top: 80px;
        transition: .5s ease;
        -moz-transition: .5s ease;
        -webkit-transition: .5s ease;
        -o-transition: .5s ease;
        -ms-transition: .5s ease;
        animation: slide .5s;
        -webkit-animation: slide .5s;
        animation-delay: 1s;
        -webkit-animation-delay: 1s
    }

    #menumobile .sw-megamenu.navigation .custom-menu-mobile-block {
        position: static;
        order: 2
    }

    #menumobile .sw-megamenu.navigation .custom-main-menu~.custom-not-visible-submenu {
        position: fixed;
        width: 80%;
        top: 0 !important;
        opacity: 0;
        left: 100% !important;
        z-index: 99;
        transition: .5s ease-in-out !important;
        -webkit-animation: slide .5s;
        -webkit-animation-delay: 2s;
        animation: slide .5s;
        animation-delay: 2s
    }

    #menumobile .sw-megamenu.navigation .custom-main-menu~.custom-visible-submenu {
        visibility: visible !important;
        opacity: 1;
        height: initial !important;
        transition: .51s ease-in-out !important;
        -webkit-animation: slide .5s;
        -webkit-animation-delay: 2s;
        animation: slide .5s;
        animation-delay: 2s;
        border-top: none;
        padding: 0
    }

    #menumobile .sw-megamenu.navigation .custom-main-menu~.custom-visible-submenu .container {
        padding: 0 !important;
        max-height: calc(100vh - 90px);
        overflow: scroll
    }

    #menumobile .sw-megamenu.navigation .custom-main-menu~.custom-visible-submenu .menu-bottom-block {
        padding: 0;
        display: flex
    }

    #menumobile .sw-megamenu.navigation .custom-main-menu~.custom-visible-submenu .menu-bottom-block .megamenu-banner-box {
        padding: 0 15px
    }

    #menumobile .sw-megamenu.navigation .custom-main-menu~.custom-visible-submenu .menu-bottom-block .megamenu-banner-box a {
        padding: 0
    }

    #menumobile .sw-megamenu.navigation .custom-main-menu~.custom-visible-submenu .menu-bottom-block .megamenu-banner-content a {
        padding: 0
    }

    #menumobile .sw-megamenu.navigation .custom-main-menu~.custom-visible-submenu .menu-bottom-block div {
        margin: 0 !important
    }

    #menumobile .sw-megamenu.navigation .custom-main-menu~.custom-visible-submenu .menu-bottom-block div img {
        height: initial !important
    }

    #menumobile .sw-megamenu.navigation .custom-main-menu~.custom-visible-submenu .menu-bottom-block .megamenu-colums>h4 {
        letter-spacing: 1px;
        margin: 6px 0;
        text-transform: uppercase;
        font-weight: 600 !important;
        color: #000 !important;
        font-size: 16px !important;
        padding: 5px 15px !important;
        line-height: 27px !important
    }

    #menumobile .sw-megamenu.navigation .custom-main-menu~.custom-visible-submenu .menu-bottom-block .megamenu-banner-box h4 {
        letter-spacing: .8px;
        margin: 0;
        font-size: 13px !important;
        font-weight: 300 !important;
        color: #909090 !important;
        line-height: 20px
    }

    #menumobile .sw-megamenu.navigation .custom-main-menu~.custom-visible-submenu .swipe-back:before,
    #menumobile .sw-megamenu.navigation .custom-main-menu~.custom-not-visible-submenu .swipe-back:before {
        content: '';
        content: none;
        position: absolute;
        left: 20px;
        top: 24px;
        display: block;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        width: 7px;
        height: 7px;
        transform: translate(-50%, -50%) rotate(135deg);
        z-index: 9998
    }

    #menumobile .sw-megamenu.navigation .custom-main-menu~.custom-not-visible-submenu .swipe-back:after {
        content: '-';
        position: absolute;
        left: 40px;
        top: 28px;
        display: block;
        width: 10px;
        height: 10px
    }

    #menumobile .sw-megamenu.navigation .custom-main-menu~.custom-visible-submenu .swipe-back {
        text-align: center;
        top: 0;
        background: #fff;
        text-transform: uppercase;
        font-size: 12px;
        color: #000;
        display: block;
        width: 100%;
        position: relative
    }

    #menumobile .sw-megamenu.navigation .custom-main-menu~.custom-visible-submenu .switch-swipe-back {
        padding: 0;
        position: relative;
        height: 30px;
        display: block;
        text-decoration: none;
        font-family: "Montserrat"
    }

    #menumobile .sw-megamenu.navigation .custom-main-menu~.custom-visible-submenu .switch-swipe-back:before,
    #menumobile .sw-megamenu.navigation .custom-main-menu~.custom-visible-submenu .switch-swipe-back:after {
        position: absolute;
        display: block;
        content: " ";
        box-sizing: border-box;
        width: 14px;
        height: 2px;
        left: 23px;
        background-color: #000;
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out
    }

    #menumobile .sw-megamenu.navigation .custom-main-menu~.custom-visible-submenu .switch-swipe-back:before {
        top: 15px;
        transform: rotate(45deg)
    }

    #menumobile .sw-megamenu.navigation .custom-main-menu~.custom-visible-submenu .switch-swipe-back:after {
        top: 6px;
        transform: rotate(-45deg);
        opacity: 1
    }

    #menumobile .sw-megamenu.navigation .custom-main-menu~.custom-visible-submenu .switch-swipe-back span,
    #menumobile .sw-megamenu.navigation .custom-main-menu~.custom-not-visible-submenu .switch-swipe-back span {
        height: 45px;
        line-height: 45px;
        text-align: center;
        font-weight: 600;
        color: #000;
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 1px;
        display: none
    }

    .navigation a:hover {
        color: #000 !important
    }

    #menumobile .sw-megamenu.navigation li.ui-menu-item>.open-children-toggle,
    #menumobile .sw-megamenu.navigation li.authorization-link a {
        display: block;
        position: relative;
        width: auto;
        height: auto;
        right: 0;
        top: 0;
        z-index: 1;
        cursor: pointer
    }

    #menumobile .sw-megamenu.navigation li.ui-menu-item {
        border: none
    }

    #menumobile .sw-megamenu.navigation li.ui-menu-item,
    #menumobile ul.link-mobile li,
    header.header.nav-is-open .myaccount-mobile ul li {
        margin: 0;
        display: block;
        width: 100%;
        text-align: center
    }

    #menumobile .sw-megamenu.navigation li.ui-menu-item>a,
    #menumobile ul.link-mobile li a,
    header.header.nav-is-open .myaccount-mobile ul li a,
    #menumobile .sw-megamenu.navigation li.authorization-link a {
        text-decoration: none;
        display: block;
        padding: 14px 0;
        color: #000;
        letter-spacing: .5px;
        font-size: 15px;
        margin-bottom: 0
    }

    #menumobile .authorization-link {
        margin: 20px 0 0;
        border-top: 1px solid #ccc;
        padding: 20px 12px 0
    }

    header.header.nav-is-open .myaccount-mobile ul li a {
        display: block;
        margin-bottom: 10px
    }

    #menumobile .sw-megamenu.navigation li.level0.fullwidth~[data-content-type=row] {
        order: 3;
        max-width: unset;
        margin: 0 !important;
        padding: 0 12px
    }

    #menumobile .sw-megamenu.navigation li.level0.fullwidth~[data-content-type=row] ul li {
        margin-bottom: 10px
    }

    #menumobile .sw-megamenu.navigation li.level0.fullwidth~[data-content-type=row] ul li a {
        padding: 0
    }

    #logo-account-mobile,
    .sw-megamenu.navigation li.level0.fullwidth~[data-content-type=row] li a {
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
        display: block;
        text-transform: uppercase;
        color: #000;
        letter-spacing: 1.3px;
        margin-bottom: 15px
    }

    header.page-header.header-newskin #menumobile .sw-megamenu.navigation .level0 .subchildmenu li.level1.ui-menu-item>.open-children-toggle+a {
        height: 45px;
        line-height: 45px;
        text-align: center;
        font-weight: 600;
        color: gray;
        font-size: 36px;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 10px 0
    }

    #menumobile .sw-megamenu.navigation li.ui-menu-item.level0>a span {
        letter-spacing: 1px;
        text-decoration: none;
        line-height: 16px;
        display: inline-block;
        text-transform: uppercase;
        color: #000;
        font-size: 16px;
        font-weight: 600
    }

    #menumobile .sw-megamenu.navigation .custom-visible-submenu li.ui-menu-item>.open-children-toggle {
        display: none
    }

    #menumobile ul.link-mobile {
        margin: 20px 0;
        border-top: 1px solid #ccc;
        padding-top: 20px
    }

    #menumobile ul.link-mobile li a span,
    header.header.nav-is-open .myaccount-mobile ul li a span {
        color: #87868a
    }

    .navigation .parent .level-top:after,
    header.header .myaccount-mobile.wrapper {
        display: none
    }

    .navigation .submenu:not(:first-child) ul {
        display: block
    }

    .navigation li.level0>a.ui-state-active,
    .navigation li.level0>a.ui-state-active+.submenu {
        background-color: transparent
    }

    #menumobile .account-logged .block-title strong {
        font-size: 12px;
        padding-bottom: 10px;
        display: block;
        line-height: normal;
        text-transform: capitalize
    }

    .sw-megamenu.navigation .subchildmenu span.cat-label {
        top: 0 !important;
        margin-top: 0 !important;
        margin-left: unset !important;
        border-radius: 2px !important;
        left: 95%
    }

    #menumobile .sw-megamenu.navigation li.ui-menu-item.level1 ul li.ui-menu-item.level2 a span span.cat-label.cat-label-label1,
    #menumobile .sw-megamenu.navigation li.ui-menu-item.level1 ul li.ui-menu-item.level2 a span span.cat-label.cat-label-label2,
    #menumobile .sw-megamenu.navigation li.ui-menu-item.level1 ul li.ui-menu-item.level2 a span span.cat-label.cat-label-label3,
    #menumobile .sw-megamenu.navigation span.cat-label.cat-label-label1,
    #menumobile .sw-megamenu.navigation span.cat-label.cat-label-label2,
    #menumobile .sw-megamenu.navigation span.cat-label.cat-label-label3 {
        background-color: transparent !important;
        color: #000 !important;
        font-size: 8px !important;
        font-weight: 800 !important;
        letter-spacing: .8px !important;
        text-shadow: none !important
    }

    button.lines-button.x {
        left: 25px
    }

    button.lines-button.x.close {
        left: 19px;
        top: 10px;
        transition: .5s ease;
        -moz-transition: .5s ease;
        -webkit-transition: .5s ease;
        -o-transition: .5s ease;
        -ms-transition: .5s ease
    }

    header.page-header.menu-is-open button.lines-button.x.close {
        transform: translateX(83vw)
    }
}

.landing-talles {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 40px auto;
    padding: 30px 0 60px;
    width: 60%;
    background: #ffffff33
}

.landing-talles a {
    text-decoration: none
}

.landing-talles h1 {
    font-weight: 400;
    letter-spacing: .5px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    display: block;
    margin: 40px auto
}

.landing-talles .talles {
    margin: 0 auto;
    display: flex;
    justify-content: center
}

.landing-talles .talles a,
.landing-talles .ver-todos {
    font-weight: 300 !important;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    width: 60px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    letter-spacing: .5px;
    background: #000;
    margin: 0 10px
}

.landing-talles .talles .item {
    width: 31%;
    display: inline-block;
    vertical-align: top;
    margin: 0 1%
}

.landing-talles .talles .item:nth-child(4),
.landing-talles .talles .item:first-child {
    margin-left: 0
}

.landing-talles .talles .item:nth-child(3),
.landing-talles .talles .item:last-child {
    margin-right: 0
}

@media (max-width:1023px) {
    .landing-talles {
        margin: 0 auto 40px;
        width: 90%
    }

    .landing-talles .talles {
        width: 90%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 30px 10px
    }

    .landing-talles .talles a {
        line-height: 50px;
        height: 50px;
        margin: 0 auto
    }
}

#amasty-shopby-product-list .message.info {
    background: #f9f9f9 !important;
    padding: 20px 20% !important;
    font-size: 14px !important;
    color: #000 !important;
    text-align: center
}

#amasty-shopby-product-list .message.info.empty .custom-related-failed-search .widget .block-title strong {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    text-align: center;
    display: block
}

#amasty-shopby-product-list .message.info .product-items.slick-slider>.slick-list {
    padding: 0
}

#amasty-shopby-product-list .message.info .product-item-name {
    display: block;
    text-align: left
}

#amasty-shopby-product-list .message.info .block-title:before {
    content: "";
    position: absolute;
    bottom: -5px;
    right: 0;
    height: 2px;
    width: 20px;
    transition: all .15s ease-in-out;
    transition-duration: .2s;
    opacity: 1;
    background-color: #222323;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#amasty-shopby-product-list .message.info .block-title:hover:before {
    content: "";
    position: absolute;
    bottom: -5px;
    right: 0;
    height: 2px;
    width: 40px;
    transition: all .15s ease-in-out;
    transition-duration: .2s;
    opacity: 1;
    background-color: #222323;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width:1023px) {
    #amasty-shopby-product-list .message.info {
        padding: 20px 10% !important
    }
}

.products-grid .product-items.slick-slider.slick-initialized .slick-slide {
    margin: 0
}

.products-grid .product-items.slick-slider.slick-initialized .slick-slide>div {
    width: 100%;
    min-width: 100%;
    margin: 0;
    position: relative
}

.products-grid .product-items.slick-slider.slick-initialized .slick-slide>div .product-item {
    max-width: none;
    float: none;
    cursor: pointer;
    padding: 0 5px
}

.block-hide {
    display: none !important
}

.block-show {
    display: block
}

.action.primary.selectsize {
    background-color: transparent;
    border-color: #1a1919;
    color: #1d1d1b
}

.action.primary.selectsize.shake>span {
    color: #000
}

.box-tocart .action.tocart:hover {
    background-color: #1A1919 !important;
    border-color: #1A1919 !important;
    color: #fff !important
}

.swatch-attribute.size .swatch-option.selected,
.swatch-attribute.manufacturer .swatch-option.selected,
.swatch-option.selected,
.products-grid ol.products .swatch-option.text.selected {
    outline: none;
    background: #000;
    color: #fff;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease
}

.data-table {
    margin: 0 auto 60px
}

.data-table.th,
.data-table.td,
.block .data-table p:last-child {
    margin: 0
}

.data-table th,
.data-table th span,
.talles-mobile h1,
.data-table.th {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    padding: 12px;
    background: #ebebeb
}

.data-table.th {
    padding: 0
}

.data-table.th .pagebuilder-column-group .pagebuilder-column {
    padding: 12px
}

.data-table.td .pagebuilder-column-group .pagebuilder-column {
    padding: 12px;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    color: #3f3f3f
}

.data-table.td .pagebuilder-column-group .pagebuilder-column:first-child {
    border-left: 1px solid #dfdfdf
}

.data-table.th p,
.data-table.td p {
    margin: 0
}

.data-table td,
.talles-mobile .row>div {
    color: #3f3f3f;
    padding: 12px;
    font-size: 12px;
    vertical-align: top;
    border: 1px solid #ebebeb;
    border-top: none;
    text-align: center
}

.data-table td:first-child,
.talles-mobile .row>.col-xs-8 {
    text-align: left
}

.data-table td:first-child,
.data-table.td .pagebuilder-column-group .pagebuilder-column:first-child p {
    font-weight: 500;
    color: #000
}

.data-table strong {
    font-weight: 600 !important
}

.data-table td:last-child {
    padding-right: 12px
}

.data-table thead th {
    padding-bottom: 14px;
    border-bottom: 1px solid #ebebeb
}

.data-table thead th:first-child {
    padding-left: 12px
}

.data-table thead th:last-child {
    padding-right: 12px
}

.data-table tfoot td {
    border-top: 1px solid #ebebeb
}

.data-table th .tax-flag {
    white-space: nowrap;
    font-weight: 400
}

.data-table td.label,
.data-table th.label {
    font-weight: 500
}

.talles-mobile,
.data-table.mobile {
    display: none !important
}

.cms-medidas-familia #maincontent {
    max-width: 1200px;
    margin: 0 auto
}

.medidas-familias {
    box-sizing: border-box;
    padding: 2rem
}

.medidas-familias .page-main {
    padding-top: 0 !important
}

.medidas-familias .medidas-img {
    width: 500px;
    margin: 10px auto 60px;
    display: block
}

.catalog-product-view .modal-popup.modal-slide .sizeguide-content .medidas-img {
    width: 500px;
    margin: 10px auto 30px;
    display: block
}

.medidas-familias .medidas-img.mobile,
.catalog-product-view .modal-popup.modal-slide .sizeguide-content .medidas-img.mobile {
    display: none
}

.medidas-familias .talles-mobile h1 {
    color: #2f2f2f;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    padding: 12px;
    background: #f0f0f0;
    margin-bottom: 5px
}

.medidas-familias .talles-mobile {
    margin-bottom: 20px;
    display: none
}

.medidas-familias .talles-mobile .row {
    margin: 0 !important;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    flex-flow: row wrap
}

.medidas-familias .talles-mobile .row div {
    color: #444;
    padding: 12px;
    font-size: 12px;
    box-sizing: border-box
}

.medidas-familias .talles-mobile .row .col-xs-8 {
    flex: 0 0 70%
}

.medidas-familias .talles-mobile .row .col-xs-4 {
    flex: 0 0 30%
}

.medidas-familias .talles-container {
    overflow: hidden
}

.medidas-familias .talles-container .left {
    width: 65%;
    float: left
}

.medidas-familias .talles-container .right {
    width: 30%;
    float: right
}

.medidas-familias .disclaimer {
    font-size: 12px;
    color: #686868
}

.medidas-familias h4 {
    margin-top: 20px
}

.medidas-familias p {
    font-size: 13px
}

@media (min-width:1024px) {
    .table-1-5 .data-table .pagebuilder-column:first-child {
        flex: 0 0 50%
    }

    .table-1-5 .data-table .pagebuilder-column {
        flex: 0 0 10%
    }
}

@media (max-width:1023px) {
    .data-table.desktop {
        display: none !important
    }

    .talles-mobile,
    .data-table.mobile {
        display: block !important
    }

    .talles-mobile h1 {
        margin: 0
    }

    .talles-mobile .row {
        display: flex;
        flex-wrap: wrap;
        margin: 0
    }

    .talles-mobile .row>div {
        display: inline-block;
        padding: 10px 5px;
        box-sizing: border-box
    }

    .talles-mobile .row .col-xs-8 {
        width: 70%;
        border-right: none
    }

    .talles-mobile .row .col-xs-4 {
        width: 30%
    }

    .data-table.th.mobile {
        padding: 12px;
        margin-top: 30px
    }

    .medidas-familias .medidas-img.desktop,
    .catalog-product-view .modal-popup.modal-slide .sizeguide-content .medidas-img.desktop {
        display: none
    }

    .medidas-familias .medidas-img.mobile,
    .catalog-product-view .modal-popup.modal-slide .sizeguide-content .medidas-img.mobile {
        display: block
    }

    .medidas-familias .medidas-img,
    .catalog-product-view .modal-popup.modal-slide .sizeguide-content .medidas-img {
        width: 70%
    }

    body[class*=medidas-familias] #maincontent {
        padding: 0 20px
    }

    .table-4 .data-table .pagebuilder-column-group {
        flex-wrap: nowrap;
        flex-basis: auto
    }

    .pagebuilder-column-group {
        flex-wrap: wrap
    }

    .data-table .pagebuilder-column-group {
        flex-wrap: nowrap
    }
}

@media (max-width:780px) {

    .medidas-familias .talles-container .left,
    .medidas-familias .talles-container .right {
        width: 100%;
        float: none
    }

    .medidas-familias .talles-container .right img {
        width: 70%;
        margin: 0 auto;
        display: block
    }
}

@media (max-width:500px) {
    .medidas-familias .data-table {
        display: none
    }

    .medidas-familias .zapatos {
        display: table !important
    }

    .medidas-familias .medidas-img,
    .catalog-product-view .modal-popup.modal-slide .sizeguide-content .medidas-img {
        width: 95%
    }
}

body[class*=medidas-familias] .data-table.th,
body[class*=medidas-familias] .data-table.td,
body[class*=medidas-familias] .block .data-table p:last-child {
    margin: 0
}

body[class*=medidas-familias] .data-table.mobile {
    display: none !important
}

@media (min-width:1024px) {
    body[class*=medidas-familias] .table-1-5 .data-table .pagebuilder-column:first-child {
        flex: 0 0 50%
    }

    body[class*=medidas-familias] .table-1-5 .data-table .pagebuilder-column {
        flex: 0 0 10%
    }
}

@media(max-width:1023px) {
    body[class*=medidas-familias] .data-table.desktop {
        display: none !important
    }

    body[class*=medidas-familias] .data-table.mobile {
        margin: 0;
        display: block !important
    }

    body[class*=medidas-familias] #maincontent {
        padding: 0 20px
    }

    body[class*=medidas-familias] .data-table .pagebuilder-column-group {
        flex-wrap: nowrap;
        flex-basis: auto
    }

    body[class*=medidas-familias] .talles-mobile {
        display: block !important
    }

    body[class*=medidas-familias] .talles-mobile {
        padding: 0
    }
}

#frontsumoptions-free-shipping {
    font-size: 11px;
    letter-spacing: .5px
}

.frontend-summary-options.free-shipping.fso-fs-message {
    padding: 0;
    background-color: transparent;
    border: none;
    color: #952c2c;
    font-weight: 600
}

.frontend-summary-options.free-shipping.fso-fs-message-success {
    color: #2c9159;
    border: none !important
}

.product-item-info strong.product-item-name,
.product-item-info strong.product-item-name span {
    height: 0;
    margin: 0
}

.product-item-info .product-item-details strong.product-item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
    white-space: nowrap;
    margin-bottom: 3px
}

.product-item-info .product-item-name a {
    font-size: 12px;
    font-weight: 500;
    color: #000;
    display: inline;
    text-decoration: none;
    line-height: 20px;
    text-align: center;
    text-transform: none
}

.product-item-info .price-box .price {
    font-size: 12px !important;
    letter-spacing: .5px !important;
    font-weight: 600 !important;
    color: #000
}

.product-item-info .product-item-name a .name-label {
    display: inline-block;
    font-weight: 700
}

.products-grid .price-box {
    margin: 0 0 5px;
    flex: 100%;
    order: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.products-grid ol.products .price-box {
    margin: 0
}

.amrelated-grid-wrapper .price-box .price,
.product-options-bottom .price-box .price-container .price,
.price-box .old-price .price,
.old-price .price,
.product-info-main .product-info-price .old-price .price-wrapper .price,
.product-info-price .price-box .old-price.no-display+.special-price .price-container .price {
    color: #000;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    font-weight: 500;
    background: 0 0;
    color: #000
}

.products-grid .price-box .special-price,
.product-options-bottom .price-box .old-price,
.product-info-price .price-box .old-price,
.product-info-main .product-info-price .price-including-tax+.price-excluding-tax,
.product-info-main .product-info-price .weee+.price-excluding-tax,
.product-info-main .product-info-price .weee,
.product-info-main .product-options-bottom .price-box .special-price .price-container .price,
.product-info-main .product-info-price .price-box .special-price .price-container .price,
.product-info-main .product-info-price .price-box .price-final_price>span,
.price-box .special-price .price,
.product-options-bottom .price-box .special-price .price-container .price,
.product-info-price .price-box .special-price .price-container .price,
.catalog-product-view .product-info-main .price-box .price,
.price-box .special-price .price,
.price-box .percent-discount {
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 0 2px 0 0;
    display: flex
}

.price-box .percent-discount {
    padding: 0 4px
}

.products-grid .price-box .special-price .price,
.products-grid .price-box .percent-discount,
.amrelated-grid-wrapper .price-box .price {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.price-box .old-price .price,
.price-box .old-price[style="display: none;"]+.special-price .price {
    color: #000;
    background-color: transparent
}

.pinch-zoom-parent {
    height: 100vh;
    width: 100vw;
    max-width: 100vw;
    text-align: left
}

.pinch-zoom-parent {
    height: 100vh;
    width: 100%
}

.pinch-zoom-parent img {
    height: 90vh
}

.home-modulo-productos {
    margin: 0 auto;
    width: 70%
}

.home-modulo-productos .pagebuilder-column {
    padding: 0 5px
}

.home-modulo-productos .widget-product-carousel .product-item-info .product-item-photo {
    border: none;
    padding: 0;
    border-radius: 0
}

.home-modulo-productos .widget-product-carousel .product-item-info .price-box,
.home-modulo-productos .widget-product-carousel .product-item-info .swatch-opt,
.home-modulo-productos .widget-product-carousel .product-item-info .product-item-inner {
    display: none
}

.home-modulo-productos .widget-product-carousel .product-item-info .product-image-container {
    display: block
}

.home-modulo-productos .product-items.slick-slider .slick-slide .product-item {
    max-width: 100%
}

.home-modulo-productos .product-items.slick-slider>.slick-list {
    padding: 0
}

.home-modulo-productos .widget-product-carousel .product-item-info .product-item-details {
    padding: 10px 0 0
}

.home-modulo-productos .widget-product-carousel .product-item-info span.product-image-wrapper {
    padding-bottom: 0 !important;
    height: unset
}

.home-modulo-productos .widget-product-carousel .product-item-info .product-image-photo {
    position: unset
}

.slider-ddm figure img {
    display: block
}

@media(max-width:1023px) {
    .home-modulo-productos {
        width: 90%
    }

    .home-modulo-productos .pagebuilder-column-line {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 10px
    }

    .home-modulo-productos .widget-product-carousel .product-item-info .product-image-container {
        width: 100% !important
    }
}

.video-container {
    position: relative
}

.video-container [data-content-type=buttons] {
    height: 0
}

.video-container .video-link .pagebuilder-button-link {
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: 0 0
}

.checkout-agreement span,
.checkout-agreement a,
.checkout-agreement a:hover,
.checkout-agreement a:active,
.checkout-agreement a:focus {
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    text-decoration: none
}

.checkout-agreement a {
    border-bottom: 1px solid
}

@media(max-width:1023px) {

    .checkout-agreement span,
    .checkout-agreement a,
    .checkout-agreement a:hover,
    .checkout-agreement a:active,
    .checkout-agreement a:focus {
        line-height: 17px
    }
}

.warning-stock-message,
.main-product-detail .container .move-product-tab .warning-stock-message {
    background: #ebebeb;
    padding: 10px 15px;
    font-size: 12px;
    margin-bottom: 10px;
    display: block
}

.store-region-filter label[for*=amstrates_amstrates3] {
    display: inline-block;
    background: #fff;
    padding-bottom: 5px
}

.store-region-filter {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.store-region-filter label {
    display: block;
    margin-bottom: 4px;
    font-size: 13px
}

.store-region-filter select {
    margin-bottom: 5px;
    display: block
}

.main-product-detail .container .move-product-tab .store-region-filter select {
    width: 100%
}

.ampickup-popup-container {
    width: calc(100% - 30px)
}

@media(max-width:1023px) {
    .ampickup-popup-container {
        width: 100%
    }
}

/* 用户信息面板样式 */
.user-info-panel .user-avatar-wrap {
    margin-bottom: 15px;
    text-align: center
}
.user-info-panel .user-avatar-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #eee
}
.user-info-panel .user-info-content {
    padding: 10px 0
}
.user-info-panel .user-info-row {
    display: flex;
    margin-bottom: 8px;
    line-height: 1.5
}
.user-info-panel .user-info-row .label {
    font-weight: 600;
    min-width: 140px;
    color: #333
}
.user-info-panel .user-info-row .value {
    color: #666
}