/*@import url('fonts/open_sans/open-sans.css');*/
body {
    min-width: 320px;
    position: relative;
    line-height: 1.5;
    font: 400 14px/1.5 'Open Sans', sans-serif;
    overflow-x: hidden;
    color: #212529;
    background: #f4f4f4;
}

body:before {
    content: '';
    opacity: 0;
    transition: opacity .4s ease-in;
}

body.act_mask:before {
    content: '';
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    top: 0;
    z-index: 1010;
    opacity: 1;
    transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
}

@media (min-width: 992px) {
    body.act_mask main {
        -webkit-filter: blur(1px);
        filter: blur(1px);
    }
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #212529;
}

/* Override the bootstrap defaults */
.h1, h1 {
    /*font-size: 2.5rem;*/
    font-size: 2rem;
}

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

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

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

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

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

a {
    /*color: #007bff;*/
    color: inherit;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

legend {
    font-size: 18px;
    padding: 7px 0px
}

label, .col-form-label {
    font-size: .95em;
    font-weight: 400;
}

button {
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
}

code {
    font-size: inherit;
}

.text-warning {
    color: #fff800 !important;
}

.link-warning {
    color: #fff800;
}

.vertical-align-middle {
    vertical-align: middle;
}

.form-group {
    position: relative;
}

.custom-select {
    font-size: inherit;
    height: calc(1.5em + 1rem + 2px);
}

.input-group > .input-group-prepend > .custom-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-text {
    font-size: inherit;
}

.form-control {
    font-size: inherit;
    height: calc(1.5em + 1rem + 2px);
}

textarea.form-control {
    height: auto !important;
}

.alert-sm {
    padding: .25rem .5rem;
}

.alert-sm.alert-dismissible {
    padding-right: 1.75rem;
}

.alert-sm.alert-dismissible .close {
    padding: .25rem .5rem;
}

.alert-success {
    color: #212529;
    background-color: #d1e7dd38;
    /*border-color: #519a16;*/
}

.alert-success > i, .alert-success > b, .alert-success > strong {
    color: #0F5135;
}

.alert-danger {
    color: #212529;
    background-color: #ffe0e0;
    border-color: #cc0000;
}

.alert-danger > i, .alert-danger > b, .alert-danger > strong {
    color: #cc0000;
}

.alert-warning {
    color: #212529;
    background-color: #ffc10705;
    border-color: #ffc107;
}

.alert-warning > i, .alert-warning > b, .alert-warning > strong {
    color: #ffc107;
}

.alert-info {
    color: #212529;
    background-color: #f6fcff;
    border-color: #bee5eb;
}

.alert-info > i, .alert-info > b, .alert-info > strong {
    color: #0072b9;
}

div.required .col-form-label:before,
div.required .form-label:before,
.form-floating.required > label:before {
    content: '* ';
    color: #F00;
    font-weight: bold;
}

.is-invalid .col-form-label {
    color: #dc3545;
}

label.col-form-label span::after {
    font-family: "Font Awesome 5 Free";
    color: #1E91CF;
    content: "\f05a";
    margin-left: 4px;
    font-weight: 900;
}

.text-bold {
    font-weight: bold;
}

.is-invalid .text-error {
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: inherit;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem;
    display: inline-block;
}

.link {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    border-bottom: 1px dashed;
}

.link:hover {
    color: #0056b3;
    border-bottom-style: solid;
}

.link-success {
    color: #28a745;
}

.link-success:hover {
    color: #19692c;
}

.link-danger {
    color: #dc3545;
}

.link-danger:hover {
    color: #a71d2a;
}

.anchor-link {
    display: inline-block;
}

.anchor-link::before {
    color: #adb5bd;
    content: "#";
}

.nav-pills .nav-link {
    border-radius: .25rem;
    background: rgba(0, 0, 0, .05);
    margin-right: .5rem;
    margin-bottom: .5rem;
}

.nav-pills .nav-item:last-child .nav-link {
    margin-right: 0;
}

.nav-pills .nav-link:hover {
    background-color: #fff800;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #212529;
    background-color: #fff800;
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media-body {
    -ms-flex: 1;
    flex: 1;
}

.modal-title {
    font-size: 1rem;
    font-weight: 600;
}

.heading-title {
    font-weight: 600;
    margin-bottom: 1rem;
}

.subtitle {
    /*    font-weight: 600;
        margin-bottom: 1.5rem;*/

    margin-bottom: 30px;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.common-home .subtitle {
    text-align: center;
}

.common-home .module {
    padding: 0 0 1.5rem 0;
    margin: 0 0 1rem 0;
}

.module-slideshow .mediabox {
    padding-bottom: calc(450 / 1200 * 100%);
}

.module-banner .mediabox {
    padding-bottom: calc(275 / 540 * 100%);
}

@media (max-width: 575px) {
    .module-slideshow .mediabox {
        padding-bottom: calc(1000 / 725 * 100%);
    }
}

.common-home .module-slideshow7,
.common-home .module-slideshow .swiper-viewport,
.common-home .module-slideshow .swiper-slide {
    padding: 0;
    margin: 0;
}

.link-all {
    position: relative;
}

.link-all::after {
    content: "";
    position: absolute;
    -webkit-mask: url(bootstrap-icons/arrow-right.svg);
    mask: url(bootstrap-icons/arrow-right.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #6c757d;
    width: 1em;
    height: 1em;
    right: -1.2em;
    top: 50%;
    margin-top: -.5em;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.link-all:hover::after {
    right: -1.5em;
}

/*
.heading-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5em;
    font-weight: 600;
    color: #1e1e1e;
    margin-bottom: 15px;
    padding-bottom: 8px;
    position: relative;
    display: block;    
}
.heading-title:before {
    content: '';
    position: absolute;
    width: 40px;
    height: 2px;
    background: #fff800;
    left: 0;
    bottom: 0;
}
.heading-title.center {
    text-align: center;
}
.heading-title.center:before {
    left: 50%;
    margin-left: -20px;
}
.common-home .heading-title {
    text-transform: uppercase;
    text-align: center;
    position: unset;
}
.common-home .heading-title i {
    /*color: #fff800;*/
}
/*
.common-home .heading-title:before {
    position: unset;
}
*/
.p-title__line {
    font-weight: 600;
    color: #212529;
    margin-bottom: 15px;
    padding-bottom: 8px;
    position: relative;
    display: block;
}

.p-title__line:before {
    content: '';
    position: absolute;
    width: 35px;
    height: 2px;
    background: #fff800;
    left: 0;
    bottom: 0;
}

.p-subtitle {
    font-size: 1.25em;
    font-weight: 600;
}

.p-title {
    /*font-size: 1.13rem;*/
    text-transform: uppercase;
    font-weight: bold;
    /*margin-bottom: 25px;*/
}

.dropdown-menu {
    font-size: 13px;
}

/*
 *
 * myGRID
 *
 */
.row-sm {
    margin-left: -.5rem;
    margin-right: -.5rem;
}

#content img {
    max-width: 100%;
    height: auto;
}

/* SLIDESHOW */
.common-home > #header {
    margin-bottom: 0;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    min-width: 70px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: .5;
}

.carousel-control-prev {
    /*    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
        background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x;*/
}

.carousel-control-next {
    right: 0;
    left: auto;
    /*    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
        background-repeat: repeat-x;*/
}

#module-slideshow img, #module-banner img {
    width: 100%;
}

#module-slideshow .carousel-item {
    height: 450px;
}

#module-slideshow .carousel-item a {
    display: block;
    height: 100%;
}

#slideshow .fullwidth #module-slideshow .carousel-item {
    height: calc(100vh - 70px);
}

#slideshow {
    margin-bottom: 30px;
}

#slideshow .container #module-slideshow,
#slideshow .container-fluid #module-slideshow {
    margin-top: 30px;
}

.banner-image_v {
    /*display: none;*/
}

#module-slideshow .carousel-item .banner-image {
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

#module-slideshow .carousel-item .banner-image__vertical {
    display: none;
}

@media (max-width: 767px) {
    #module-slideshow .carousel-item .banner-image__horizontal {
        display: none;
    }

    #module-slideshow .carousel-item .banner-image__vertical {
        display: block;
    }
}

#slideshow .carousel-control {
    text-shadow: none;
    color: #212529;
    transition: all .3s ease;
}

#slideshow .carousel-control-prev-icon,
#slideshow .carousel-control-next-icon {
    background-image: none;
}

#slideshow .carousel-control-next-icon,
#slideshow .carousel-control-prev-icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #fff;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    opacity: .8;
}

#slideshow .carousel-control i {
    line-height: 50px;
}

#slideshow .carousel-control-prev {
    opacity: 0.5;
    left: 0px;
    right: auto;
}

#slideshow .carousel-control-next {
    opacity: 0.5;
    left: auto;
    right: 0px;
}

@media (min-width: 768px) {
    #slideshow .carousel-control-prev {
        opacity: 0;
        left: -70px;
        right: auto;
    }

    #slideshow .carousel-control-next {
        opacity: 0;
        left: auto;
        right: -70px;
    }
}

#module-slideshow:hover .carousel-control-prev {
    opacity: 1;
    left: 0px;
}

#module-slideshow:hover .carousel-control-next {
    opacity: 1;
    right: 0px;
}

#slideshow .carousel-control-prev-icon:hover,
#slideshow .carousel-control-next-icon:hover {
    opacity: 1;
}

/*#slideshow .carousel-indicators {
    bottom: -40px;
}
#slideshow .carousel-indicators li {    
    background: #000 none repeat scroll 0 0;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    width: 8px;
    margin: 0 4px;
    border-radius: 4px;
    border: none;
    opacity: .5;
}
#slideshow .carousel-indicators li.active {
    opacity: 1;
}*/
/* Breadcrumb */
.breadcrumb {
    color: #727272;
    font-size: 0.75rem;
    background: transparent;
    padding: 1rem 0;
}

.breadcrumb-item.active {
    color: #b7b7b7;
}

.breadcrumb a:hover {
    color: #1e1e1e;
}

/* Pagination */
.pagination-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.pagination {
    margin-bottom: 0;
    flex-wrap: wrap;
}

.page-link {
    color: #212529;
    min-width: 34px;
    text-align: center;
    border: 1px solid #dee2e6;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.page-item {
    margin-right: .25rem;
}

.page-item:last-child {
    margin-right: 0;
}

.page-item.active .page-link {
    color: #212529;
    background-color: #fff800;
    border-color: #fff800;
}

.page-link:hover {
    z-index: 2;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border-color: #fff800;
}

.form-select {
    font-size: 14px;
}

.form-select-sm {
    font-size: 12px;
}

.callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-width: .25rem;
    border-radius: .25rem;
}

.callout-info {
    border-left-color: #5bc0de;
}

.callout-warning {
    border-left-color: #f0ad4e;
}

.callout-danger {
    border-left-color: #d9534f;
}

.callout + .callout {
    margin-top: -.25rem;
}

/* Buttons */
.btn {
    font-size: inherit;
    padding: 0.5rem 1rem;
}

.input-group .btn {
    line-height: 1.25;
}

.btn.focus, .btn:focus {
    box-shadow: none;
}

.btn-group-sm > .btn, .btn-xs {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.btn-group-lg > .btn, .btn-lg {
    padding: 1rem 1.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .3rem;
}

.btn.disabled, .btn:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    cursor: not-allowed;
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 3px;
}

.btn-warning {
    color: #212529;
    background-color: #fff800;
    border-color: #fff800;
}

.btn-warning:hover {
    color: #212529;
    background-color: #fcc521;
    border-color: #fcc521;
}

.btn-outline-warning {
    color: #212529;
    border-color: #fff800;
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #fff800;
    border-color: #fff800;
}

.border-warning {
    border-color: #fff800 !important;
}

/*.btn-primary {
    color: #212529;
    background-color: #fff800;
    border-color: #fff800;
    border-width: 2px;
}
.btn-primary:hover {
    color: #212529;
    border-color: #fcc521;
    background-color: #fcc521;    
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #212529;
    background-color: #fcc521;
    border-color: #fcc521;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(252,197,33,.5);
}

.btn-outline-primary {
    color: #212529;
    border-color: #fff800;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 221, 45, 1);
    -moz-box-shadow:    inset 0px 0px 0px 1px rgba(255, 221, 45, 1);
    box-shadow:         inset 0px 0px 0px 1px rgba(255, 221, 45, 1);
}
.btn-outline-primary:hover {
    color: #212529;
    background-color: #fff800;
    border-color: #fff800;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #212529;
    background-color: #fff800;
    border-color: #fff800;
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255,221,45,.5);
}*/
/*
 *
 * HEADER
 *
 */
#header {
    z-index: 1020;
}

.common-home #header {
    margin-bottom: .5rem;
}

#header.sticky .navbar-header, #header.sticky #menu .navbar-nav .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

@media only screen and (min-width: 768px) {
    #header {
        /*height: 70px;*/
    }

    #header nav {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #header nav {
        /*max-height: 70px;*/
        padding-top: 1rem;
        padding-bottom: 1rem;
        /*-webkit-box-shadow: 0 8px 8px 0.5px rgba(0,0,0,.06);*/
        /*box-shadow: 0 8px 8px 0.5px rgba(0,0,0,.06);        */
    }
}

/*#header nav {
    z-index: 1050;
}*/
.nav-item-search > .nav-link > i,
.nav-item-wishlist > .nav-link > i,
.nav-item-cart > .nav-link > i {
    /*font-size: 16px;*/
}

.navbar-dark .nav-item .nav-link {
    color: rgba(255, 255, 255, .5);
}

.navbar-dark .nav-item .nav-link:focus,
.navbar-dark .nav-item .nav-link:hover {
    color: rgba(255, 255, 255, .75);
    outline: none;
}

.navbar-nav__icons #dropdown-account:after {
    display: none;
}

.nav-item-search .nav-link,
.nav-item-signin .nav-link,
.nav-item-wishlist .nav-link,
.nav-item-cart .nav-link {
    position: relative;
    padding-right: .75rem;
    padding-left: .75rem;
}

.nav-item-search .nav-link {
    /*    padding-left: .5rem;
        padding-right: .5rem;*/
}

.nav-item__login .nav-link {
    padding-top: 0;
    padding-bottom: 0;
}

.nav-item__login .avatar-ini {
    background: #fff800;
    color: #212529;
    width: 2rem;
    height: 2rem;
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 2rem;
    border-radius: 50%;
    font-size: .8em;
    font-weight: 600;
    text-transform: uppercase;
}

.change-type {
    display: block;
    position: absolute;
    top: 21px;
    right: 10px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z'/><path d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z'/><path d='M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12 .708-.708 12 12-.708.708z'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

.change-type.show {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z'/><path d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/></svg>");
}

#input-password.is-invalid,
#input-confirm.is-invalid,
#input-signin-password,
#input-register-password {
    background-image: none;
}

.nav-item-cart #cart-count,
.nav-item-wishlist #wishlist-count {
    position: absolute;
    right: 0;
    top: 0px;
    color: #212529;
    width: 1.25rem;
    height: 1.25rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: .75rem;
    font-weight: 600;
    background: #fff800;
    display: inline-block;
    line-height: 1.25rem;
    text-align: center;
    border: 1px solid #212529;
}

.nav-item-wishlist #wishlist-count {
    background-color: #ed969e;
}

@media (max-width: 767px) {
    #header > .navbar-menu {
        padding-top: 0;
        padding-bottom: 0;
        height: 60px;
    }

    /*    #telephone, #menu, #language, #signin  {
            display: none;
        }*/
    .navbar-nav__icons {
        flex-direction: row;
    }

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

    #module-slideshow .carousel-item {
        min-height: 400px;
        height: calc(100vh - 60px);
    }

}

/*.navbar-right {
    display: -ms-flexbox;
    display: flex;    
    -ms-flex-pack: justify;
    justify-content: space-between;    
    -ms-flex-align: center;
    align-items: center;    
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}*/

#logo {
    display: inline-block;
}

/*
 *
 * MENU DESKTOP
 *
 */
.navbar-menu__catalog {

}

.navbar-menu__catalog > .nav-item > .nav-link {
    font-weight: normal;
}

.navbar-menu .navbar-menu__catalog .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
}

.navbar-menu .navbar-menu__catalog .nav-link:hover {
    color: rgba(255, 255, 255, 0.95);
}

.navbar-menu .navbar-menu__catalog .nav-link__catalog {
    /*color: #fff800;*/
}

.navbar-menu .navbar-menu__catalog .nav-link:hover {
    color: #ffcd33;
}

.navbar-menu .navbar-menu__catalog .nav-link__sale {
    color: #ed969e;
    font-weight: 600;
    text-transform: uppercase;
}

.navbar-menu .navbar-menu__catalog .nav-link__sale:hover {
    color: #dc3545;
}

.nav-item__dropdown {
    position: absolute;
    width: 1170px;
    left: 50%;
    /*top: 100%;*/
    -webkit-box-shadow: 0 5px 10px 0.2px rgba(0, 0, 0, .15);
    box-shadow: 0 5px 10px 0.2px rgba(0, 0, 0, .15);
    background: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    z-index: -3;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
}

.nav-item:hover .nav-item__dropdown {
    opacity: 1;
    z-index: 10;
    visibility: visible;
}

.nav-item__dropdown {
    padding: 40px 30px 30px;
    max-height: 87vh;
    overflow-y: auto;
    border-radius: 0.25rem;
}

.nav-item__dropdown-row {
    /*    display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;    */
}

.nav-item__dropdown-col {
    font-size: 13px;
    /*    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding-right: 15px;*/
}

.nav-item__dropdown-col.last {
    /*padding-right: 0;*/
}

.nav-item__dropdown-col {

}

.nav-item__dropdown-image {
    text-align: center;
    margin-bottom: 1rem;
}

.nav-item__dropdown-title {
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    padding-bottom: 7px;
    margin-bottom: 18px;
    display: block;
}

.nav-item__dropdown-title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 35px;
    height: 1px;
    background: #fff800;
}

.nav-item__dropdown-list {
    margin: 0 0 25px;
    padding: 0;
    color: #747474;
}

.nav-item__dropdown-list li {
    list-style-type: none;
    margin-bottom: 7px;
}

.nav-item__dropdown-list li a {
    color: #212529;
}

.nav-item__dropdown-list li a:hover {
    color: #000;
}

.nav-item__dropdown-list .count {
    color: #b7b7b7;
    margin-left: 7px;
    text-shadow: none;
    font-weight: 400;
}

.nav-item__dropdown a:hover {
    color: #212529;
}

.nav-item-telephone {
    position: relative;
}

.nav-item-telephone:hover .dropdown-menu,
.nav-item-language:hover .dropdown-menu {
    display: block;
}

#menu .nav-item__dropdown-list li a {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

#menu .nav-item__dropdown-list li a img {
    margin-right: 5px;
}

/*#menu {
    border-top: 1px solid #f4f4f4;
    background: #fff;
}
#navbar-menu {
    justify-content: center;
}
#menu .dropdown-toggle::after {
    color: #b7b7b7;
    vertical-align: 1px    
}
#menu .nav-link {
    position: relative;
    color: inherit;  
    font-size: 14px;  
    padding: 10px 20px;
}
#menu .nav-link:hover {
    color: #f8353e;
}*/

/* Эффект при наведении */
/*
#menu .nav-link::after {
    content: "";
    display: block;
    left: 0;
    right: 0;
    min-width: 100%;
    background-color: #f8353e;
    position: absolute;
    top: 100%;
    margin-top: -3px;
    height: 2px;
    opacity: 0;
    visibility: visible;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
}
#menu .nav-link:hover::after {
    opacity: 1;
    visibility: visible;
    transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);    
}
*/

/*#menu .dropdown-inner ul {
    display: table-cell;
}
#menu .dropdown-inner a {
    min-width: 160px;  
}
#menu .dropdown-inner a span.count  {
    color: #b7b7b7;
    margin-left: 7px;
    text-shadow: none;
    font-weight: 300;
}
#menu .dropdown .dropdown-menu {
    opacity: 0;
    margin-top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;  
}
@media (min-width: 768px) {
    #menu .dropdown:hover .dropdown-menu {
        display: block;
        opacity: 1;
    }
}*/

.navbar-menu .nav-item:hover .nav-item__dropdown {

}

.nav__content_under::after {
    /*    content: "";
        background: rgba(0,0,0,.3);
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 1;*/
}

/*
 *
 * HEADER TELEPHONE
 *
 */
#telephone .nav-link i {
    /*color: #fff800;*/
}

#telephone .nav-link {
    /*color: #fff;*/
}

#header .dropdown-menu {
    /*-webkit-box-shadow: 0 5px 10px 0.2px rgba(0, 0, 0, .15);*/
    /*box-shadow: 0 5px 10px 0.2px rgba(0, 0, 0, .15);*/
    border: none;
    margin: 0;
}

#telephone .dropdown-header {
    font-size: 13px;
    /*font-weight: 600;*/
}

.dropdown-item__link {
    font-weight: 600;
}

.dropdown-item__link.viber,
.dropdown-item__link.whatsapp {
    text-indent: -9999px;
    display: inline-block;
    margin-left: 7px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
}

.dropdown-item__link.viber {
    background-image: url(../image/icon_viber.png);
}

.dropdown-item__link.whatsapp {
    background-image: url(../image/icon_whatsapp.png);
}

.timework {
    padding: .25rem 1.5rem;
}

#telephone .table-timework {
    margin-bottom: 0;
}

#telephone .table-timework th, #telephone .table-timework td {
    padding: 0;
}

/*
 *
 * HEADER LANGUAGE
 *
 */
#language .language-select {
    text-transform: uppercase;
    /*    padding-top: 0;
        padding-bottom: 0;  */
}

#language .nav-link {
    display: inline-block;
}

#language .nav-item {
    /*border-right: 1px solid rgba(255,255,255,0.1);*/
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
}

#language .nav-item + .nav-item::before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    display: inline-block;
    height: 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    content: "";
}

#language .navbar-nav .nav-link.disabled {
    /*color: #fff;*/
}

#language .nav-item.active .nav-link {
    color: #fff800;
}

/*
 *
 * HEADER SEARCH
 *
 */
#modal-search {
    background-color: rgba(255, 255, 255, .8);
}

#modal-search .modal-content {
    border: none;
    background: transparent;
}

#modal-search .modal-header {
    border-bottom: none;
}

.icon-close {
    position: relative;
    display: block;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    margin-left: auto;
    /*background: rgba(0,0,0,0.05);*/
    padding: 10px;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.icon-close:before,
.icon-close:after {
    content: "";
    position: absolute;
    background: rgba(33, 37, 41, .8);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.icon-close:after,
.icon-close:before {
    top: 50%;
    right: 50%;
    margin-right: -10px;
    width: 20px;
    height: 2px;
    margin-top: -1px;
}

.icon-close:before {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.icon-close:after {
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.icon-close:hover::before,
.icon-close:hover::after {
    background: rgba(33, 37, 41, 1);
}

.icon-close-sm {
    width: 20px;
    height: 20px;
}

.form-control-xl {
    height: calc(2.25em + 1.4rem + .0625rem);
    padding: .7rem 1rem;
    line-height: 1.5;
    font-size: 1rem;
    border-radius: .3rem;
}

.input-group-lg > .custom-select, .input-group-lg > .form-control:not(textarea) {
    height: calc(1.5em + 1.5rem + 4px);
}

#modal-search .dropdown-menu {
    width: 100%;
}

#modal-search .dropdown-menu li:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05);
}

#modal-search .dropdown-menu li > a {
    display: block;
}

#modal-search .search-product-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem 1rem;
}

#modal-search .search-product-item:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075);
}

.search-product-image {
    margin-right: 1rem;
}

.search-product-info {
    flex: 1 1;
}

.search-product-name {
    color: #007bff;
}

.search-product-category {
    color: #6c757d;
}

.search-product-price {
    font-weight: 600;
}

.price-new {
    color: #dc3545;
}

.price-old {
    color: #6c757d;
    font-weight: normal;
    text-decoration: line-through;
}

.toast {
    position: fixed;
    top: 85px;
    right: 2%;
    z-index: 1050;
}

.toast-body {
    font-size: 13px;
}

.signin-tools {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.signin-tools .custom-control-label {
    font-weight: normal;
}

.signin-forgotten {
    margin-bottom: 3px;
}

.signin-tools .login-forgotten a {
    font-size: 12px;
    font-weight: normal;
}

.social-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.social-buttons .btn {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 36px;
    background-size: contain;
    width: calc(50% - 5px);
    color: #fff;
}

.social-buttons .btn-facebook {
    background-color: #4267B2;
    background-image: url(../image/icon_facebook.png);
}

.social-buttons .btn-google {
    background-color: #4285F4;
    background-image: url(../image/icon_google.png);
}

.social-buttons .btn-google:hover {
    background-color: #3367d6;
}

.social-buttons .btn-facebook:hover {
    background-color: #29487d;
}

/* Social Login */
.social-login {
    /*    padding-top: 10px;
        padding-bottom: 40px;*/
}

.social-login__title {
    font-size: 13px;
    text-align: center;
}

.social-login__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.social-login .icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}

.icon-facebook {
    background: url(../image/icon-facebook.svg) center left no-repeat;
}

.icon-google {
    background: url(../image/icon-google.svg) center left no-repeat;
}

.social-login__btn {
    flex-basis: 48%;
    max-width: 48%;
}

.social-login .btn {
    width: 100%;
    display: block;
    border-color: #dee2e6;
}

.social-login .btn:hover {
    border-color: #6c757d;
}

.social-login .btn-facebook {

}

.social-login .btn-google {

}

.line-separator {
    position: relative;
    margin: 20px 0;
    text-align: center;
}

.line-separator:before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 100%;
    border-top: 1px solid #e4e4e4;
}

.line-separator span {
    position: relative;
    padding: 0 10px;
    background: #fff;
    font-size: 13px;
    line-height: 1.2;
}

#modal-signin .modal-header {
    padding: 0 1rem;
}

#modal-signin .modal-header .nav {
    width: 100%;
}

#modal-signin .modal-header .btn-close {
    flex-shrink: 1;
}

.nav-signin-tabs .nav-link {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    padding: 1rem;
    display: block;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #6c757d;
    flex: 1 1 auto !important;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;

}

.nav-signin-tabs .nav-link.active {
    font-weight: 600;
}

.nav-signin-tabs .nav-item.show .nav-link:after,
.nav-signin-tabs .nav-link.active:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    width: 100%;
    background: #fff800;
}

/*
 *
 * MAIN
 *
 */
main {
    width: 100%;
    min-height: calc(100vh - 50px - 280px);
    /*padding-top: 70px;*/
}

/*
 *
 * MODULE FILTER
 *
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Убираем голубую рамку */
textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active {
    /*    outline:0px !important;
        -webkit-appearance:none;
        box-shadow: none !important;*/
}

.custom-control-label {
    line-height: 24px;
}

.module-filter-footer {
    padding: 1rem;
    /*border-top: 1px solid rgba(0,0,0,.125);*/
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 10;
    /*background: #fff;*/
    background-color: #f8f9fa;
    margin-left: -1rem;
    margin-right: -1rem;
    /*box-shadow: 0 -.5rem 1rem rgba(0,0,0,.15)!important;*/
}

#module-category ~ #module-filter .module-filter-body fieldset:first-child {
    border-top: 1px solid rgba(0, 0, 0, .125);
}

.filter {
    /*padding-bottom: 1.25rem;*/
    border-top: 1px solid #ced4da;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.filter-body {
    /*margin-top: 1rem;*/
}

.filter-title {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #212529;
    text-transform: uppercase;
    padding: 15px 0;
}

.filter-title:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    float: right;
    padding: 0 7px;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.filter-title.collapsed:after {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

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

.filter-item {

}

.filter-item .count {
    color: #b7b7b7;
    margin-left: 7px;
    text-shadow: none;
    font-weight: 400;
}

.filter .btn-more {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    border-bottom: 1px dashed;
}

.filter .btn-more:hover {
    color: #0056b3;
    border-bottom-style: solid;
}

/* FILTER SLIDER */
#filter-price__slider {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

#filter-price__slider .ui-slider-handle {
    border: 1px solid #6c757d;
    background: #6c757d;
    outline: 0px !important;
    -webkit-appearance: none;
}

#filter-price__slider .ui-state-active,
#filter-price__slider .ui-widget-content
#filter-price__slider .ui-state-active,
#filter-price__slider .ui-widget-header
#filter-price__slider .ui-state-active,
#filter-price__slider a.ui-button:active,
#filter-price__slider .ui-button:active,
#filter-price__slider .ui-button.ui-state-active:hover {
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, .5);
    outline: 0px !important;
    -webkit-appearance: none;
}

#filter-price__slider .ui-widget-header {
    background: #fcc521;
}

#filter-price__slider.ui-widget.ui-widget-content {
    border: none;
    background-color: #DEE2E6;
    margin-left: .6em;
    margin-right: .6em;
}

.filter-price__label {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    color: #666;
}

.filter-price__control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.5rem;
}

.filter-price__input-wrap {
    padding: 5px 8px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    max-width: 36%;
    -ms-flex-preferred-size: 36%;
    flex-basis: 36%;
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    padding-right: 30px;
}

.filter-price__input {
    text-align: center;
    padding: 0;
    border: none;
    margin-bottom: 0;
    width: 100%;
    font-weight: 600;
    color: #212529;
}

.filter-price__input:focus {
    outline: 0px !important;
    -webkit-appearance: none;
    box-shadow: none !important;
}

.filter-price__input-text {
    font-size: 13px;
    font-weight: 400;
    color: #666;
    position: absolute;
    right: 8px;
}

/* FILTER SEARCH */
.filter-search .dropdown-menu {
    width: 100%;
}

.filter-search .dropdown-menu {
    width: 100%;
}

.filter-search .dropdown-menu li:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05);
}

.filter-search .dropdown-menu li > a {
    display: block;
}

.filter-search .search-product-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem 1rem;
}

.filter-search .search-product-item:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075);
}

/* FILTER COLORS */
.form-filter fieldset {
    /*border-top: 1px solid rgba(0,0,0,.125);*/
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.form-filter fieldset:last-child {
    border-width: 0;
}

.filter-title {
    color: #007bff;
}

.filter-content {
    margin-bottom: 1rem;
}

.filter-color__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

.filter-color__item {
    position: relative;
    margin: 0;
    padding: 0 5px 5px 0;
    flex-basis: 16.66%;
    text-align: center;
}

.filter-color__item-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.filter-color__item-label {
    margin: 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
}

.filter-color__item-label > img {
    padding: 2px;
}

.filter-color__item-input:checked ~ .filter-color__item-label {
    border-color: #fff800;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, .5);
}

.filter-color__item-input:checked ~ .filter-color__item-label:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -8px;
    color: #fff800;
    font-size: 12px;
    width: 12px;
    height: 18px;
}

.filter-color__item-label.disabled {
    opacity: 0.3;
    box-shadow: 0 0 2px 2px #f5f5f5 inset;
    cursor: not-allowed;
}

.filter-color__item-label.disabled:before,
.filter-color__item-label.disabled:after,
.filter-size__item-label.disabled:before,
.filter-size__item-label.disabled:after,
.filter-insole-length__item-label.disabled:before,
.filter-insole-length__item-label.disabled:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #adb5bd;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
}

.filter-color__item-label.disabled:after,
.filter-size__item-label.disabled:after,
.filter-insole-length__item-label.disabled:after {
    transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
}

/* FILTER OPTIONS */
.filter-size__list,
.filter-insole-length__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

.filter-size__item,
.filter-insole-length__item {
    position: relative;
    padding: 0;
    margin: 0 5px 5px 0;
    flex-basis: calc(33.33% - 5px);
    text-align: center;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.filter-size__item:nth-child(3n),
.filter-insole-length__item:nth-child(3n) {
    padding-right: 0;
}

.filter-size__item-input,
.filter-insole-length__item-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.filter-size__item-label,
.filter-insole-length__item-label {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: .5rem .25rem;
    text-align: center;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    cursor: pointer;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.filter-size__item-label > span,
.filter-insole-length__item-label > span {
    color: #6c757d;
    font-weight: normal;
}

.filter-size__item-label:not(.disabled):hover,
.filter-insole-length__item-label:not(.disabled):hover {
    border-color: #fff800;
}

.filter-size__item-input:checked ~ .filter-size__item-label,
.filter-insole-length__item-input:checked ~ .filter-insole-length__item-label {
    color: #212529;
    background-color: #fff800;
    border-color: #fff800;
}

.filter-size__item-label.disabled,
.filter-insole-length__item-label.disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.filter__clear-block {
    margin-bottom: 15px;
}

.filter__clear-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.filter__clear-item {
    display: inline-block;
    padding: 0;
    margin: 0 2px 5px 0;
}

.filter__clear-link {
    position: relative;
    display: inline-block;
    background: rgba(0, 0, 0, .05);
    padding: .5rem .75rem .5rem 1rem;
    border-radius: 4px;
    font-size: .85em;
}

/*.filter__clear-link+.filter__clear-link::before {
    display: inline-block;
    padding-right: .25rem;
    color: #6c757d;
    content: ",";
}*/
.icon-x {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: .5rem;
    cursor: pointer;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    opacity: .6;
}

.icon-x:after, .icon-x:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 1px;
    height: 10px;
    background-color: #f31a5a;
}

.icon-x:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.filter__clear-link:hover .icon-x,
.icon-x:hover {
    opacity: 1;
}

.filter__clear-title {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
    display: block;
    width: 100%;
}

.filter__clear-title span {
    display: inline-block;
    vertical-align: middle;
}

/*
 *
 * MODULE BANNER
 *
 */
.banner-item {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.banner-link {
    display: block;
}

.banner-item__image {
    /*margin-bottom: 30px;*/
}

.banner-item__info {
    position: absolute;
    z-index: 9;
    bottom: 1.5rem;
    right: 1.5rem;
    text-align: left;
}

.banner-item__title {
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 19px;
    padding-bottom: .5rem;
}

.banner-item__title:after {
    content: "";
    width: 3rem;
    height: 2px;
    background: #ff0;
    display: block;
    margin-top: .4rem;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.banner-item__description {
    /*text-transform: uppercase;*/
    margin-bottom: .25rem;
}

.banner-item__button {
    /*text-align: left;*/
    display: none;
}

.btn-banner {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #007bff;
}

.banner-item {
    -webkit-transition: all .3s;
    transition: all .3s;
}

.banner-item img {
    -webkit-transition: all .3s;
    transition: all .3s;
}

.banner-item:hover {
    /*transform: translateY(-3px) !important;*/
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.banner-item:hover .banner-item__title:after {
    width: 5rem;
}

.banner-item:hover img {
    /*-webkit-transform: scale(1.02);*/
    /*transform: scale(1.2);*/
}

.banner-item:hover .btn {
    color: #212529;
    background-color: #fff800;
    border-color: #fff800;
}

/*
 *
 * MODULE INSTAGRAM
 *
 */
#module-instagram, #module-bestseller {
    margin-bottom: 100px;
}

.instagram-item > a {
    display: block;
    background-color: #000;
    background-repeat: no-repeat;
    background-size: cover;
    height: 192px;
}

@media (max-width: 768px) {
    .instagram-item > a {
        height: 210px;
    }
}

@media (max-width: 576px) {
    .instagram-item > a {
        height: 130px;
    }
}

/*
 *
 * CATEGORY PRODUCTS
 *
 */
.subcategories {
    padding-left: 20px;
}

.subcategory-item {
    color: #fff800;
}

.subcategory-link {
    color: #212529;
}

.product-category__sort-limit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.product-item {
    position: relative;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

/*.product-item-container {*/
.product-layout-wrap {
    position: relative;
    text-align: center;
    background-color: #fff;
    /*border: 1px solid transparent;*/
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    overflow: hidden;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    transition: all 0.3s ease;
}

/*.product-item-container:hover {*/
.product-layout-wrap:hover {
    border-color: rgba(0, 0, 0, .125);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.product-item-header {
    position: relative;
}

.product-item-header a {
    display: block;
}

.product-item-buttons {
    position: absolute;
    top: 10px;
    right: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-item-buttons {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    z-index: 5;
}

.product-item-buttons > button {
    width: 36px;
    height: 36px;
    font-size: 16px;
    /* color: #ccc; */
    color: #6c757d;
    /*rgba(0, 0, 0, 0.4);*/
    background: rgba(255, 255, 255, 0.4);
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    border: none;
    padding: 0;
}

.product-layout-wrap:hover .product-item-buttons {
    opacity: 1;
}

.product-item-countdown, .product-item-countdown {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #dc3545;
    background: rgba(255, 255, 255, .8);
}

.product-item-body {
    padding-left: .75rem;
    padding-right: .75rem;
    /*padding-bottom: 1rem;*/
}

.product-item-rating {
    font-size: 13px;
}

.product-item-name {
    font-size: 13px;
    line-height: 1.2;
    height: 34px;
    overflow-y: hidden;
}

.product-item-price {
    margin-bottom: .25rem;
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
}

.product-item-price .price-new {
    font-size: 15px;
    color: #dc3545;
}

.product-item-price .price-old {
    color: #6c757d;
    font-weight: normal;
    text-decoration: line-through;
}

.description {
    margin-top: 3rem;
}

.description-content {
    overflow: hidden;
    height: 12em;
    position: relative;
}

.description-content:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 4em;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, #f1f1f1));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #f1f1f1 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #f1f1f1 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, #f1f1f1 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 0) 0, #f1f1f1 100%);
}

.description-content.open {
    height: 100%;
}

.description-content.open:before {
    background: none;
}

.product-item-switch, .product-color-list {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.product-layout .product-colors {
    padding: 0 1rem;
    /*    display: none;
        position: absolute;
        z-index: 9;*/
    /*        padding-bottom: 1rem;
            background: #fff;
            border: 1px solid transparent;
            margin-left: -1px;
            margin-right: -1px;
            -webkit-border-radius: .25rem;
            -moz-border-radius: .25rem;
            border-radius: .25rem;   */
}

/*
.product-layout-wrap:hover .product-colors {
    display: block;
    border-color: rgba(0,0,0,.125);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15)!important;
}
.product-layout-wrap:hover .product-color-list {
    margin-top: -5px;
    background: #fff;    
}
.product-color-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;  
    -ms-flex-direction: row;
    flex-direction: row;    
}
.product-color-item {
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
    width: 25%;
}
.product-color-item a {
    display: block;
    margin: 5px;
}*/

.product-item-switch .product-item {
    display: none;
}

.product-item-switch .product-item.active {
    display: block;
}

.btn-photoswipe {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
    color: #6c757d;
}

.swiper-slide .product-colors {
    padding-left: .75rem;
    padding-right: .75rem;
}

#sub-categories {

}

#sub-categories p {
    /*margin-bottom: 0;*/
    font-size: .85em;
}

#sub-categories .swiper-viewport {
    margin-bottom: 1.5rem;
}

#sub-categories .swiper-wrapper {

}

#sub-categories .swiper-viewport > .swiper-pagination {
    bottom: -25px;
}

#sub-categories img {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-transition: all .3s;
    transition: all .3s;
}

#sub-categories a:hover > img {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}

.product-labels {
    padding-left: 0;
    list-style: none;
    position: absolute;
    top: 0;
    width: 100%;
    margin-bottom: 0;
    z-index: 3;
}

.product-label-item {
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 1rem;
    font-size: 13px;
    opacity: 1;
}

.product-label-item:hover {
    /*opacity: 1;*/
}

#product-product .product-labels {
    top: 1rem;
}

#product-product .product-label-item {
    display: inline-block;
}

/*
 *
 * Product Page
 *
 */
.product-title {
    font-weight: bold;
    font-size: 1.5rem;
}

/* Product slider */
.product-slider .swiper-viewport {
    background: transparent !important;
}

@media (max-width: 576px) {
    .breadcrumb {
        margin-bottom: 0;
    }

    .product-title {
        margin-bottom: 1rem;
    }

    .product-slider .swiper-viewport {
        margin-top: 0;
        margin-bottom: 1rem;
    }
}

.btn-photoswipe {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
    color: #6c757d;
}

.product-slider .gallery-top {
    background-color: #fff;
    /*margin-bottom: 1rem;*/
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.gallery-top-container .swiper-viewport > .swiper-pagination {
    bottom: 10px;
}

.product-slider .gallery-thumbs {
    width: 100%;
    max-width: 80px;
}

.product-slider .gallery-thumbs .swiper-wrapper {
    height: 100%;
    max-height: 540px;
    overflow: hidden;
}

.product-slider .gallery-top-container {
    position: relative;
    width: 100%;
    margin-left: 0;
}

.product-slider .gallery-thumbs .swiper-slide {
    margin-bottom: 0;
}

@media (min-width: 576px) {
    .product-slider .gallery-top-container {
        width: calc(100% - 80px - 1rem);
        margin-left: 1rem;
    }
}

.product-rating > span {
    font-size: 1.25rem;
}

.product-stock-status {
    font-size: 1rem;
    font-weight: 600;
}

.product-stock-status span {
    vertical-align: bottom;
    margin-left: .25rem;
}

.product-stock-status.in_stock {
    color: #198754;
}

.product-stock-status.out_of_stock {
    color: #dc3545;
}

.product-available svg {
    width: 1em;
    height: 1em;
    vertical-align: -.125em;
}

/*.product-available {
    display: block;
    margin-bottom: 1rem;
    font-size: 1rem;
    color: #198754;
    font-weight: 600;
}
.product-available span {
    vertical-align: bottom;
    margin-left: .25rem;    
}*/
/*.product-stock-status.in_stock::before {
    content: "";
    margin-right: .5rem;
    display: inline-block;
    vertical-align: bottom;
    line-height: 1;    
    mask-image: url(bootstrap-icons/check2-circle.svg);
    -webkit-mask-image: url(bootstrap-icons/check2-circle.svg);
    mask-size: cover;
    -webkit-mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: #198754;
    width: 2rem;
    height: 2rem;
}
.product-stock-status.out_of_stock::before {
    content: "";
    margin-right: .5rem;
    display: inline-block;
    vertical-align: bottom;
    line-height: 1;    
    mask-image: url(bootstrap-icons/exclamation-circle.svg);
    -webkit-mask-image: url(bootstrap-icons/x-circle.svg);
    mask-size: cover;
    -webkit-mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: #dc3545;
    width: 2rem;
    height: 2rem;
}*/
.product-price {
    margin-bottom: .25rem;
    font-size: 2rem;
    font-weight: 600;
}

.product-price .price-new {
    color: #dc3545;
    font-weight: bold;
}

.product-price .price-old {
    color: #6c757d;
    font-weight: normal;
    text-decoration: line-through;
}

/* Product Options */
.product-option-radio {
    width: 20%;
    height: 50px;
    overflow: hidden;
    text-align: center;
    margin: 0 0 10px;
    min-width: 50px;
    padding: 0 5px;
    float: left;
}

.product-option-label.disabled {
    opacity: .4;
    cursor: not-allowed;
}

.product-option-label.disabled:before,
.product-option-label.disabled:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #adb5bd;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
}

.product-option-label.disabled:after {
    transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
}

.product-option-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

.product-option-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    text-align: center;
    padding: .25rem;
    background-color: #fff;
    position: relative;
    vertical-align: bottom;
    border: #adb5bd solid 1px;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    cursor: pointer;
    font-size: .85rem;
    width: 100%;
    height: 100%;
}

.product-option-label:not(.disabled):hover {
    border-color: #28a745;
}

.product-option-label .name {
    display: block;
    width: 100%;
}

.product-option-label .length {
    display: block;
    width: 100%;
    color: #6c757d;
    font-size: .8em;
}

.product-option-radio .product-option-input:checked ~ .product-option-label {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.product-option-radio .product-option-input:checked ~ .product-option-label .length {
    color: rgb(255, 255, 255, .8);
}

.product-option-radio {
    position: relative;
}

.product-option-radio.addPriceMinus::after,
.product-option-radio.addPricePlus::after {
    content: '';
    position: absolute;
    top: 4px;
    right: 8px;
    width: 1rem;
    height: 1rem;
    display: block;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.product-option-radio.addPriceMinus::after {
    -webkit-mask: url(bootstrap-icons/arrow-down-short.svg) no-repeat 50% 50%;
    mask: url(bootstrap-icons/arrow-down-short.svg) no-repeat 50% 50%;
    background-color: #0d6efd;
}

.product-option-radio.addPricePlus::after {
    -webkit-mask: url(bootstrap-icons/arrow-up-short.svg) no-repeat 50% 50%;
    mask: url(bootstrap-icons/arrow-up-short.svg) no-repeat 50% 50%;
    background-color: #dc3545;
}

@media (max-width: 576px) {
    .product-option-radio {
        width: 25%;
    }

    .product-item-name {
        height: 50px;
    }
}

@media (min-width: 576px) {
    #product-product .product-option-radio {
        width: calc(100% / 3);
    }
}

@media (min-width: 992px) {
    #product-product .product-option-radio {
        width: calc(100% / 6);
    }
}

@media (min-width: 1200px) {
    #product-product .product-option-radio {
        width: calc(100% / 8);
    }
}

.product-cart-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: end;
    align-items: flex-end;
}

.product-quantity {
    /*width: 130px;*/
}

.product-cart-container #input-quantity {
    text-align: center;
    /*font-size: 1rem;*/
    font-weight: bold;
    /*height: 48px;*/
}

.product-quantity-group .input-group-prepend .btn-qty {
    border-right-color: transparent;
}

.product-quantity-group .input-group-append .btn-qty {
    border-left-color: transparent;
}

.btn-qty {
    border: 1px solid #ced4da;
    color: #212529;
    background-color: #f8f9fa;
}

.btn-qty:hover {
    color: #212529;
    background-color: #e2e6ea;
}

.btn-qty:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, .5);
}

.product-quantity .btn-qty:disabled {
    color: rgba(0, 0, 0, .4);
    background-color: #f8f9fa;
    border-color: #ced4da;
    opacity: 1;
}

.product-quantity .btn-qty.minus:disabled {
    border-right-color: transparent;
}

.product-quantity .btn-qty.plus:disabled {
    border-left-color: transparent;
}

.product-cart-container > button {
    /*height: 48px;*/
    margin-left: 0.5rem;
}

.product-cart-container #button-cart {
    /*height: 48px;*/
    font-weight: normal;
    /*font-size: 1rem;*/
    text-transform: uppercase;
    flex: 1 1;
}

.product-cart-container #button-wishlist,
.product-cart-container #button-compare {
    /*width: 48px;*/
}

#button-compare, .compare {
    display: none !important;
}

.rating-container {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

@media (max-width: 991px) {
    #product #button-wishlist {
        flex-grow: 1;
    }

    .product-cart-container #button-cart {
        margin: 1rem 0;
        width: 100%;
        flex-basis: auto;
    }

    .product-layout-wrap .product-item-buttons {
        opacity: 1;
    }
}

/* Related products swiper */
#related .swiper-viewport {
    background: transparent;
}

#related .swiper-container {
    /*padding-left: 1rem;*/
    /*padding-right: 1rem;*/
}

#related .swiper-warpper {
    /*margin-left: -1rem;*/
    /*margin-right: -1rem; */
}

#related .swiper-slide .product-item-container {
    margin-left: 0;
    margin-right: 0;
}

/* Similar products */
#similar .swiper-viewport {
    margin: 0 0 2rem;
    background: transparent;
    z-index: 1;
    width: 100%;
    position: relative;
    overflow: visible;
}

#similar .swiper-pagination {
    bottom: -1.75rem;
}

#similar .swiper-button-next:after,
#similar .swiper-button-prev:after {
    display: none;
}

#similar .product-item-container {
    margin-bottom: 0;
}

/*
 *
 * SIZECHART
 *
 */

.table-sizechart thead th,
.table-sizechart tbody td {
    text-align: center;
}

.product-info-tabs {
    margin-bottom: 3rem;
}

.product-info-tabs .nav-item svg {
    color: #6c757d;
    width: 1rem;
    height: 1rem;
    margin-right: .2rem;
    vertical-align: -.1em;
}

.product-info-tabs .nav-tabs {
    border-bottom: none;
}

.product-info-tabs .tab-content {
    background-color: #fff;
    padding: 1rem;
    /*border: 1px solid #dee2e6;*/
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.product-info-tabs .nav-link {
    text-transform: uppercase;
    color: #6c757d;
    margin-left: 4px;
    margin-bottom: 4px;
    background: rgba(108, 117, 125, 0.2);
}

.product-info-tabs .nav-item:first-child .nav-link {
    margin-left: 0;
}

.product-info-tabs .nav-link.active {
    background-color: #fff;
    border: 2px solid #fff;
    margin-bottom: 0;
}

.product-info-tabs .nav-link:not(.active):hover {
    background-color: #fff800;
    border-color: #fff800;
}

#tab-sizechart.nav-pills .nav-link {
    text-decoration: underline;
    color: #007bff;
}

#tab-sizechart.nav-pills .nav-link.active {
    text-decoration: none;
    color: #fff;
}

/*
 *
 * SIDEBAR CATEGORY
 *
 */

#column-left > div {
    background-color: #fff;
    padding-left: 1rem;
    padding-right: 1rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.module-category-title {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #007bff;
    text-transform: uppercase;
    padding: 15px 0;
}

.module-category-title:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    float: right;
    padding: 0 7px;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.module-category-title.collapsed:after {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.module-category-content {
    padding-bottom: 1rem;
}

#module-category .nav-categories {
    margin-bottom: 0;
}

.sidebar-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #1e1e1e;
    margin-bottom: 15px;
    padding-bottom: 8px;
    position: relative;
    display: block;
}

.sidebar-title:before {
    content: '';
    position: absolute;
    width: 35px;
    height: 1px;
    background: #aaa;
    left: 0;
    bottom: 0;
}

.nav-item__subcat {
    padding-left: 25px;
}

.count {
    color: #6c757d;
    /*margin-left: 7px;*/
    text-shadow: none;
    font-weight: normal;
}

.nav-categories .nav-link {
    padding-left: 0;
}

.nav-item__link {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
}

.nav-link:hover {
    color: #212529;
}

.nav-link.active {
    color: #212529;
    font-weight: 600;
}

.nav-item .button-toogle {
    position: relative;
    display: block;
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
    margin-left: auto;
    background: rgba(0, 0, 0, 0.05);
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.nav-item .button-toogle:hover {
    background: rgba(0, 0, 0, 0.1);
}

.nav-item .button-toogle:before,
.nav-item .button-toogle:after {
    content: "";
    position: absolute;
    background-color: #1e1e1e;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.nav-item .button-toogle:after,
.nav-item .button-toogle:before {
    top: 50%;
    right: 50%;
    margin-right: -5px;
    width: 10px;
    height: 2px;
    margin-top: -1px;
}

.nav-item .button-toogle.collapsed:before {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.nav-item .button-toogle.collapsed:after {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*
 *
 * PRODUCT
 *
 */
.product-info {
    margin-bottom: 50px;
}

.rating .fa_stack-1x {
    color: #e5e5e5;
}

.rating .fa_stack-2x {
    color: #fac627;
}

.rating .fa-stack {
    font-size: 8px;
}

.rating .fa-stack > i {
    font-size: 12px;
}

.product-info__rating {
    font-size: 12px;
}

.product-info__buttons {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    width: 100%;
}

.product-info__buttons .btn {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 50px;
    font-size: 14px;
    font-weight: 600;
    /*display: flex;
    flex: 0 0 auto;
    box-sizing: border-box;
    width: calc(50% - 30px);
    height: 50px;
    justify-content: center;*/
}

.product-info__buttons #button-cart {
    width: calc(100% - 60px);
}

.product-info__buttons .btn-wishlist {
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 50px;
    margin-left: 10px;
    color: #dd5656;
    font-size: 18px;
    -webkit-transition: font-size .3s;
    -moz-transition: font-size .3s;
    -o-transition: font-size .3s;
    transition: font-size .3s;
}

.product-info__buttons .btn-wishlist:hover {
    font-size: 24px;
}

.btn-default {
    color: #212529;
    background-color: #fff;
    border-color: #bdbdbd;
}

.btn-default:hover, .btn-default:focus, .btn-default:active {
    color: #212529;
    background-color: #bdbdbd;
    border-color: #bdbdbd;
}

.btn-outline-default {
    color: #212529;
    border: 2px solid #fff800;
}

.btn-outline-default:hover, .btn-outline-default:focus {
    color: #212529;
    background-color: #fff800;
    border-color: #fff800;
}

/* Price */
/*.product-info__price {
    font-size: 1.53em;
    font-weight: 700;
    color: #212529;
    text-shadow: none;
    display: inline-block;
    margin-bottom: 12px;
}
.product-info__price .price-new {
    color: #dc3545;
}
.product-info__price .price-old {
    color: #666;
    text-decoration: line-through;
    font-size: 0.85em;
    font-weight: 600;
    margin-left: 5px;
}
.product-info__price .price-info {
    margin-left: 10px;
    font-size: 13px;
    color: #666;
    font-weight: 600;
}*/

.product-info label {
    font-weight: 600;
}

/* OPTIONS */
.table-option {
    text-align: center;
    width: auto;
}

.table-option th, .table-option td {
    padding: 2px;
    max-width: 40px;
}

.table-option label {
    margin: 0;
}

.table-option .form-control {
    padding: .375rem;
    text-align: center;
}

.table-option button {
    border: 1px solid #ced4da;
    font-size: 14px;
    min-width: 36px;
    max-width: 36px;
    min-height: 36px;
    max-height: 36px;
    text-indent: -9999px;
    overflow: hidden;
}

.table-option tfoot td {
    vertical-align: middle;
}

.product-info__option .option-item__quantity {
    background-color: #fff;
}

.product-info__option .option-item__quantity.disabled {
    background-color: #e9ecef;
}

.table-option .product-info__options {
    margin-bottom: 50px;
}

.table-option .option-item__name {
    font-size: 13px;
    font-weight: 600;
}

.product-info__option-wrap > button {
    display: inline-block;
}

.table-option .option-list {
    display: inline-block;
}

.table-option .option-item {
    display: inline-block;
    max-width: 36px;
    text-align: center;
}

.table-option thead th label {
    cursor: pointer;
}

.table-option thead th:hover label {
    color: #007bff;
}

.product-info__option-wrap > .btn, .option-item .btn {
    border: 1px solid #ced4da;
    font-size: 14px;
    min-width: 36px;
    max-width: 36px;
    min-height: 36px;
    max-height: 36px;
    text-indent: -9999px;
    overflow: hidden;
}

.btn-plus, .btn-minus {
    position: relative;
    display: block;
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
    margin-left: auto;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.btn-plus:before, .btn-plus:after, .btn-minus:before {
    content: "";
    position: absolute;
    background-color: #212529;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.btn-plus:before, .btn-minus:before {
    top: 50%;
    right: 50%;
    margin-right: -5px;
    width: 10px;
    height: 2px;
    margin-top: -1px;
}

.btn-plus:after {
    top: 50%;
    right: 50%;
    margin-right: -1px;
    width: 2px;
    height: 10px;
    margin-top: -5px;
}

.btn-plus:hover, .btn-minus:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.btn-plus.disabled, .btn-plus:disabled,
.btn-minus.disabled, .btn-minus:disabled {
    color: #212529;
    background-color: #fff;
    border-color: #dae0e5;
    cursor: not-allowed;
    pointer-events: none;
}

div.required .control-label:before {
    content: '* ';
    color: #F00;
    font-weight: bold;
}

.option-item .form-control {
    font-size: 12px;
    text-align: center;
    padding: .375rem .375rem;
}

/* Product Quantity*/
.product-quantity__control {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    max-width: 120px;
}

.product-quantity__control input[name="quantity"] {
    background-color: #fff;
    padding: .375rem;
    text-align: center;
    width: 1%;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.product-quantity__minus,
.product-quantity__plus {
    display: -ms-flexbox;
    display: flex;
}

.btn-quantity:disabled {
    cursor: not-allowed;
}

#product-slider {
    margin-bottom: 1rem;
}

/* Product tabs */
.product-info__tabs {
    margin: 20px 0 50px;
}

.product-info__tabs h1,
.product-info__tabs h2,
.product-info__tabs h3,
.product-info__tabs h4,
.product-info__tabs h5,
.product-info__tabs h6 {

}

.product-info__tabs h2 {
    font-size: 1.3em;
    font-weight: 600;
}

.product-info__tabs p {
    font-size: 0.92em;
    margin-top: 0;
    line-height: 1.65;
    margin-bottom: 10px;
}

.product-info__tabs .nav-tabs {
    /*    display: flex;
        flex-wrap: wrap;
        justify-content: space-between;*/
    margin-bottom: 30px;
    border-color: transparent;
}

.product-info__tabs .nav-tabs .nav-item.show .nav-link,
.product-info__tabs .nav-tabs .nav-link.active,
.product-info__tabs .nav-tabs .nav-link:focus,
.product-info__tabs .nav-tabs .nav-link:hover {
    border-color: transparent;
}

.product-info__tabs .nav-tabs .nav-link {
    min-width: 100px;
    text-transform: none;
    font-weight: 700;
    text-shadow: none;
    font-size: .9rem;

    margin-right: 1.8em;
    list-style-type: none;
    position: relative;
    padding: 0 0 8px 0;
    cursor: pointer;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.product-info__tabs .nav-tabs .nav-link:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 30px;
    height: 2px;
    background: #fff800;
    opacity: 0;
}

.product-info__tabs .nav-tabs .nav-link:before {
    left: 0;
    -webkit-transform: none;
    transform: none;
    width: 0;
    height: 2px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.product-info__tabs .nav-tabs .nav-link.active:before {
    width: 70%;
    opacity: 1;
}

.product-info__tabs .nav-tabs .nav-link.active {
    color: #212529;
    font-weight: 700;
}

.specification-title {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
}

.specification-list {
    font-size: .92em;
    font-weight: 600;
    padding: 0;
    margin: 0;
    color: #212529;
}

.specification-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    margin-bottom: 5px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.specification-item__name {
    position: relative;
    -ms-flex-preferred-size: 36%;
    flex-basis: 36%;
    max-width: 36%;
}

.specification-item__name:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #bcbcbc;
    z-index: -1;
}

.specification-item__name span {
    background: #fff;
    padding-right: 5px;
}

.specification-item__value {
    -ms-flex-preferred-size: 64%;
    flex-basis: 64%;
    max-width: 64%;
    padding-left: 5px;
}

/* ОТЗЫВЫ */
.review-list {
    margin-bottom: 30px;
}

.review-item {
    font-size: 14px;
    margin: 0 0 28px;
    color: #212529;
}

.review-item__author {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 4px;
}

.review-item__date {
    font-size: 12px;
    color: #999;
    margin-bottom: 5px;
}

.review-item__rating {
    font-size: 12px;
    margin-bottom: 5px;
}

.review-item__rating .fa-stack {
    font-size: 8px;
}

#review tr.reply {
    border-left: 2px solid #fff800;
}

#review tr.reply td {
    padding-left: 15px;
}

#review .review-list > .media {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #dee2e6;
}

#review .review-list > .media:last-child {
    border-bottom: none;
}

#review .avatar-ini {
    background: #fff800;
    color: #212529;
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
}

/*
 *
 * Modal CART
 *
 */
.cart-product__row {
    border-bottom: 1px solid #e8e8e8;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 0.85rem;
}

.cart-product__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
}

.cart-product__col:first-child {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.cart-product__col:last-child {
    -ms-flex-preferred-size: 40px;
    flex-basis: 40px;
    max-width: 40px;
}

.cart-product__info {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: calc(50% - 40px);
}

.cart-product__img {
    width: 65px;
    -ms-flex-preferred-size: 65px;
    flex-basis: 65px;
    text-align: center;
}

.cart-product__img a {
    display: block;
}

.cart-product__descr {
    -ms-flex-preferred-size: calc(100% - 65px);
    flex-basis: calc(100% - 65px);
    padding: 0 15px;
}

.cart-product__name {
    font-size: 1em;
    font-weight: 600;
    text-transform: none;
    margin-bottom: 6px;
}

.cart-product__row .option-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.85em;
}

.cart-product__row .option-item__name {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%;
    color: #797979;
}

.cart-product__row .option-item__value {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    max-width: 60%;
}

.cart-product__info {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cart-product__quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cart-product__row .cart-product__quantity input {
    width: 36px;
    padding: 0 3px;
    border: none;
    line-height: 1;
    text-align: center;
    font-size: 1.1em;
    margin-bottom: 0;
}

.cart-product__row .cart-product__total {
    font-weight: 600;
}

.btn-remove {
    color: #c74650;
}

@media (max-width: 575px) {
    .cart-product__col:first-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: calc(100% - 40px);
    }

    .cart-product__col:last-child {
        order: 2;
    }

    .cart-product__info {
        text-align: center;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        order: 3;
    }
}

@media (max-width: 768px) {
    .cart-product__info {
        justify-content: center;
    }

    .cart-product__quantity {
        margin-top: 8px;
        margin-bottom: 8px;
    }
}

.table-cart-total {
    font-size: 14px;
    text-align: right;
    font-weight: 600;
    padding: 5px 15px 0 15px;
}

.table-cart-total tr.total td {
    font-size: 1.2rem;
    font-weight: 600;
    vertical-align: middle;
}

.table-cart-total tr.total td:last-child {
    font-size: 1.5rem;
    font-weight: bold;
}

.cart-total .collapse-item {
    margin: 0;
    padding: 0.3rem;
}

/*
 *
 * CHECKOUT
 *
 */
#accordion-checkout-steps {
    background-color: #fff;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    padding: 0 1rem;
}

.checkout-step-title {
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 1rem 0;
    color: #6c757d;
}

.checkout-step-title > a {
    position: relative;
    cursor: pointer;
    display: block;
    color: #212529;
}

.checkout-step-title > a:after {
    content: attr(data-modify);
    position: absolute;
    right: 0;
    top: 0;
    font-size: .8rem;
    color: #dc3545;
    text-transform: none;
    font-weight: normal;
}

.checkout-step-title .checkout-step-values {
    display: none;
}

.checkout-step-title .collapsed .checkout-step-values {
    display: block;
}

.checkout-step.active .checkout-step-values {
    display: none;
}

.checkout-step-values {
    text-transform: initial;
    color: #6c757d;
    font-weight: normal;
    line-height: 1.5;
}

.checkout-step-values ul {
    padding-left: 1.5rem;
    margin-top: .5rem;
    margin-bottom: 0;
}

.checkout-step #shipping_methods {
    margin-bottom: 1rem;
}

.shipping-method-item__price {
    /*    font-size: 1rem;
        font-weight: 600; */
}

.shipping-method-item__price span {
    /*font-size: 1rem;*/
    font-weight: 600;
    color: #dc3545;
}

.checkout-step-title i {
    min-width: 15px;
}

.checkout-step-title.collapsed ~ .checkout-step-values {
    display: block;
}

.checkout-step.active .checkout-step-title > a:after {
    content: "";
}

#confirm .confirm-wrap {
    padding: 1rem 0;
}

.checkout-title {
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.checkout-step {
    /*border-bottom: 1px solid rgba(0,0,0,.125);   */
}

.checkout-step-header, .checkout-step-body {

}

#shipping-address .input-group > .form-select,
#account-address .input-group > .form-select {
    flex-basis: 80px;
    flex-grow: unset;
}

#shipping-address .input-group > input.form-control {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

#payment-method, #confirm, .checkout-step:last-child {
    border-width: 0;
}

.checkout-step.disabled {
    cursor: not-allowed;
}

#accordion-checkout .card-header,
#accordion-checkout .card-body {
    padding: 1rem;
}

#confirm .checkout-step-header {
    height: 0;
    overflow: hidden;
    opacity: 0;
}

#confirm.active {
    border-top: 1px solid rgba(0, 0, 0, .125);
}

@media (max-width: 575px) {
    #accordion-checkout-steps {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    #accordion-checkout-steps .col-form-label {
        display: none;
    }
}

.checkout-steps .nav-checkout {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 30px;
}

.checkout-steps .nav-item__step {
    position: relative;
    font-size: 1rem;
    font-weight: 600;
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto;
    background: #fff800;
    line-height: 60px;
    text-align: center;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    border: 2px solid #fff800;
}

.checkout-steps .nav-item {
    position: relative;
    width: calc(100% / 3);
}

.checkout-steps .nav-item:before,
.checkout-steps .nav-item:after {
    content: "";
    position: absolute;
    top: calc(32px + 0.5rem);
    display: block;
    width: calc(50% - 32px - 15px);
    height: 1px;
    background-color: rgba(0, 0, 0, 0.2);
}

.checkout-steps .nav-item:before {
    left: 0;
}

.checkout-steps .nav-item:after {
    right: 0;
}

.checkout-steps .nav-item:first-child::before,
.checkout-steps .nav-item:last-child::after {
    background-color: transparent;
}

.checkout-steps .nav-item__title {
    display: block;
    margin-top: 20px;
}

.checkout-steps .nav-link.disabled .nav-item__step {
    background: #f2f2f2;
    border-color: #f2f2f2;
}

.checkout-steps .nav-link.active .nav-item__step {
    background: #fff;
    border-color: #fff800;
}

.checkout-steps .nav-link:hover .nav-item__step {
    background: #fff800;
}

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

.popular-city-item {
    margin: 8px 8px 2px;
    display: inline-block;
    font-size: .75rem;
    border-bottom: 1px dashed #6c757d;
    color: #6c757d;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.popular-city-item:not(:last-child) {
    margin-right: .5rem;
}

.popular-city-item:hover {
    cursor: pointer;
    border-color: transparent;
}

.popular-city-item.active {
    color: #212529;
    border-color: transparent;
}

.select2-results__option small {
    color: #6c757d;
    margin-left: .5rem;
}

.select2-container--bootstrap4 .select2-results__option--highlighted small {
    color: #f8f9fa;
}

/*
 *
 * Checkout Shipping Method
 *
 */
.shipping-method__item {
    border: 1px solid rgba(0, 0, 0, .125);
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    padding: 1.25rem;
    margin-bottom: 15px;
}

.shipping-method__item.active {
    border-color: #fcc521;
}

.shipping-method__item-header {

}

.shipping-method__item-name > * {
    display: block;
}

.shipping-method__item-image img {
    height: 30px;
}

.shipping-method__item-title {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #212529;
}

.shipping-method__item-descr {
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #666;
}

.shipping-method__item .custom-control {
    padding: 0;
}

.shipping-method__item .custom-control-label {
    width: 100%;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.shipping-method__item-price {
    font-size: 14px;
    font-weight: bold;
    color: #212529;
}

.shipping-method__item.active .custom-control-label {
    pointer-events: none;
}

.shipping-method__item .custom-control-label::before {
    top: .25rem;
    left: auto;
    right: .25rem;
}

.shipping-method__item .custom-control-label::after {
    top: .25rem;
    left: auto;
    right: .25rem;
}

.shipping-method__item .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #fcc521;
    background-color: #fcc521;
}

.shipping-method__item .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(252, 197, 33, .5);
}

.shipping-method__item .custom-control-input:checked ~ .shipping-method__item {
    border-color: #fff800;
}

.shipping-method__item-body {
    /*    margin-top: 1rem;
        padding-top: 1rem;
        border: 0;
        border-top: 1px solid rgba(0,0,0,.1);*/
}

/*
 *
 * Checkout Payment Method
 *
 */
.payment-method__item {
    margin-bottom: 15px;
}

.payment-method__item .custom-control-label {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    border: 1px solid #ddd;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 1.25rem;
}

.payment-method__item-image {
    display: block;
}

.payment-method__item-image img {
    height: 30px;
}

.payment-method__item-title {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #212529;
}

.payment-method__item-descr {
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #666;
}

.payment-method__item .custom-control {
    padding: 0;
}

.payment-method__item .custom-control-label {
    width: 100%;
}

.payment-method__item .custom-control-label::before {
    top: 1.25rem;
    left: auto;
    right: 1.25rem;
}

.payment-method__item .custom-control-label::after {
    top: 1.25rem;
    left: auto;
    right: 1.25rem;
}

.payment-method__item .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #fcc521;
    background-color: #fcc521;
}

.payment-method__item .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(252, 197, 33, .5);
}

.payment-method__item .custom-control-input:checked ~ .custom-control-label {
    border-color: #fff800;
}

/*
 *
 * Checkout Total
 *
 */
.checkout-total {

}

.checkout-total .p-title__line {
    left: -9999px;
}

.checkout-total__wrap {
    padding: 1.25rem;
    border: 1px solid #fcc521;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.checkout-total__title {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    margin-bottom: .5rem;
    line-height: 1.2;
    color: #212529;
}

.checkout-total__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 7px;
    color: #212529;
}

.checkout-total__row.discount {
    color: #008000;
    /*color: #218838;*/
}

.checkout-total__row .title {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    max-width: 60%;
}

.checkout-total__row .text {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%;
    text-align: right;
    font-weight: 600;
}

.checkout-total__row--total {
    margin-bottom: 1rem;
}

.checkout-total__row--total .title {
    font-size: 1.2rem;
    font-weight: 600;
}

.checkout-total__row--total .text {
    font-size: 1.5rem;
    font-weight: bold;
}

.checkout-total .collapse-body {
    margin-bottom: 1rem;
}

.checkout-total .buttons {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.checkout-total .text-agree {
    margin-top: 1rem;
    margin-bottom: 0;
}

/*#button-confirm, .button-confirm, .btn-confirm {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;

    width: 100%;
    display: block;
    font-weight: bold;
    font-size: 1rem;
    padding: .75rem 1rem;
}
#button-confirm:hover, .button-confirm:hover, .btn-confirm:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}
#button-confirm.disabled, #button-confirm:disabled,
.button-confirm.disabled, .button-confirm:disabled,
.btn-confirm.disabled, .btn-confirm:disabled,
#button-cart.disabled, #button-cart:disabled {
    color: #212529;
    background-color: #ddd;
    border-color: #ddd;
    cursor: not-allowed;
}
#button-confirm.focus, #button-confirm:focus,
.button-confirm.focus, .button-confirm:focus,
.btn-confirm.focus, .btn-confirm:focus {
    box-shadow: 0 0 0 0.2rem rgba(72,180,97,.5);
}*/

/*
 *
 * SHIPPING CITY
 *
 */
.shipping-city {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    margin-bottom: 15px;
}

.shipping-city__container {
    padding: 1.25rem;
}

.shipping-city__header-text {
    margin-bottom: 0;
}

.shipping-city__myCity {
    /*margin-right: 10px;    */
}

.shipping-city__title {
    font-size: 14px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 15px;
}

.shipping-city__list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 1rem;
}

.shipping-city__item {
    margin-bottom: 0.5rem;
}

.shipping-city__item {
    display: block;
    text-align: center;
    padding: 0.25rem 0.75rem;
    border: 1px solid rgba(0, 0, 0, .125);
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.shipping-city__item.active,
.shipping-city__item.active:hover {
    background-color: #fff800;
    border-color: #fff800;
}

.shipping-city__item:hover {
    background-color: rgba(0, 0, 0, .03);
}

.shipping-city__item .shipping-city__link {
    display: block;
}

.shipping-city__search-exemple {
    margin-top: .25rem;
    margin-bottom: 0;
}

/*
 *
 * FOOTER
 *
 */
footer {
    /*padding: 40px 0 20px;*/
    margin-top: 50px;
    border-top: 1px solid #e8e8e8;
    font-size: 0.76rem;
    color: #ccc;
    background-color: #212529f5;
}

footer a {
    color: rgba(255, 255, 255, .5);
}

footer a:hover {
    color: rgba(255, 255, 255, .75);
}

.footer-main {
    padding-top: 2rem;
    background-color: #212529;
}

.footer-title {
    font-family: 'Open Sans', sans-serif;
    color: rgba(255, 255, 255, .85);
    font-size: 0.85rem;
    margin-bottom: 1.1rem;
    padding-bottom: 5px;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.footer-title:before {
    content: '';
    position: absolute;
    width: 35px;
    height: 1px;
    background: #fff800;
    left: 0;
    bottom: 0;
}

.footer-bottom {
    /*padding: .5rem 0;*/
    min-height: 36px;
}

.footer_address_block {
    color: rgba(255, 255, 255, .5);
}

.block_subtitle {
    margin-bottom: .35rem;
}

.block_value.telephone {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0 0 .5rem 0;
}

.block_value.telephone a {
    color: rgba(255, 255, 255, .85);
}

.footer-icon-social {
    font-size: 14px;
    width: 40px;
    height: 40px;
    display: inline-block;
    background-color: #343a40;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
}

.footer-icon-social:hover {
    background-color: #fff800;
    color: #343a40;
}

.footer-title:after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z' clip-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.footer-title.collapsed:after {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23ffdd2d' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z' clip-rule='evenodd'/></svg>");
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.footer-content ul li {
    margin-bottom: .5rem;
    color: rgba(255, 255, 255, .85);
}

#powered {
    margin-bottom: .5rem;
}

#created {
    text-align: center;
}

#created a {
    display: inline-block;
    opacity: .6;
}

#created a:hover {
    opacity: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

@media (min-width: 768px) {
    .footer-title {
        pointer-events: none;
    }

    #footer .collapse {
        display: block;
        height: auto !important;
        visibility: visible;
    }

    .footer-title:after {
        display: none;
    }
}

@media (max-width: 767px) {
    footer .social .footer-content {
        text-align: center;
    }

    #created {
        margin-top: .5rem;
        text-align: center;
    }
}

/*
 *
 * LOADER NEW 
 *
 */
#loader {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;

    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1060;
    background: rgba(0, 0, 0, .5);
}

#loader .spinner-border {
    width: 5rem;
    height: 5rem;
}

/*
 *
 * CART MODAL
 *
 */
.cart-product-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1rem;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.cart-product-col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 50%;
}

.cart-product-col:first-child {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.cart-product-image {
    padding-right: 1rem;
}

.cart-product-image > a {
    display: block;
}

.cart-product-quantity-group {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

.cart-product-quantity-group input {
    text-align: center;
    font-weight: bold;
    width: auto;
    margin: 0 .25rem;
}

.cart-product-quantity-group .btn-light:disabled {
    color: rgba(33, 37, 41, .4);
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.cart-product-total {
    font-size: 1rem;
    font-weight: bold;
    align-self: flex-end;
}

.cart-product-remove {
    position: absolute;
    right: 1rem;
    top: .5rem;
}

.cart-product-remove > button {
    color: #dc3545;
    opacity: .8;
}

.cart-product-remove > button:hover {
    color: #dc3545;
    opacity: 1;
}

#modal-cart .spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .1em;
}

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

.form-control[readonly] {
    background-color: #fff;
    cursor: not-allowed;
}

#modal-cart .alert-notification {
    margin: 1rem;
}

@media (max-width: 991px) {
    .cart-product-col {
        width: 100%;
    }

    .cart-product-col:first-child {
        margin-bottom: .5rem;
    }

    .cart-product-image {
        padding-right: .5rem;
    }

    .cart-product-info {
        align-self: flex-start;
        width: calc(100% - 55px - 70px);
    }

    .cart-product-total {
        align-self: center;
    }

    .cart-product-remove {
        position: absolute;
        right: .4rem;
        top: .75rem;
    }
}

#modal-cart .cart-totals {
    padding: 0 1rem;
}

.cart-total-item {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    margin: .5rem 0;
}

.cart-total-item > span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 13px;
}

.cart-total-item .cart-total-item__center {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    border-bottom: 1px dotted #e9e9e9;
}

.cart-total-item .cart-total-item__right {
    margin-left: auto;
}

.cart-total-item.shipping > span > span {
    /*display: block;*/
}

.cart-total-item.total > span {
    font-size: 20px;
    font-weight: bold;
}

/*.cart-totals {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;    
    padding: .5rem;
}
.cart-totals table {
    margin: 0;
    width: auto;    
}
.cart-totals table tr.total td {
    font-size: 1.25rem;
    font-weight: bold;
    vertical-align: middle;
}
.cart-totals table tr td:last-child {
    white-space: nowrap;
}
.cart-totals tr.shipping > td > .text-success,
.cart-totals tr.shipping > td > .text-danger {
    display: block;
}*/
/*
 *
 * CHECKOUT CART
 *
 */
.checkout-cart-content,
.checkout-content {
    background-color: #fff;
    padding: 1rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.checkout-cart-footer {
    /*padding: 1rem;*/
}

#checkout-checkout .cart-product-item {
    padding: .75rem 0;
}

#checkout-checkout .cart-product-col {
    display: flex;
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
}

#checkout-checkout .cart-product-col:first-child {
    -ms-flex-align: start;
    align-items: flex-start;
}

#checkout-checkout .cart-product-total {
    -ms-flex-item-align: center;
    align-self: center;
}

#checkout-checkout .cart-product-remove {
    right: 0;
    top: .75rem;
}

.checkout-content legend {
    font-size: 1rem;
    font-weight: 600;
}

.checkout-content .account-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.checkout-content .signin a {
    white-space: nowrap;
}

.checkout-subtitle {
    font-size: .85rem;
}

/* Checkout Shipping Method */
#shipping-method .form-check,
#payment-method .form-check,
#my_addresses .form-check {
    margin-bottom: 1rem;
    padding: 0rem 1rem 0rem 2.5rem;
}

#my_addresses .form-check {
    margin-bottom: .25rem;
}

.shipping-method-label,
.payment-method-label {
    display: block;
    font-size: .85rem;
    line-height: 1.5rem;
}

.shipping-method-img,
.payment-method-img {
    height: 1.5rem !important;
    margin-right: .5rem;
}

.shipping-method-item__content {
    margin-top: 1rem;
}

.shipping-method-label__price {
    color: #007bff;
    float: right;
}

.shipping-method-label__price ~ .text-danger {
    float: none;
}

/*
 *
 * CART
 *
 */
#checkout-cart .cart-product-item {
    padding: 1rem 0;
}

@media (min-width: 768px) {
    #checkout-cart .cart-product-col {
        width: 50%;
    }

    #checkout-cart .cart-product-remove {
        right: 0;
        top: 0;
    }

    #cart-body {
        /*position: relative;*/
    }

    #checkout-cart .cart-totals {
        width: 50%;
        float: right;
    }
}

/*
 *
 * CHECKOUT CART
 *
 */
.checkout-cart-top {
    display: none;
}

#checkout-checkout .cart-product-info {
    width: calc(100% - 50px - 1rem);
}

#checkout-checkout .cart-product-info > a {
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 767px) {
    #checkout-checkout .breadcrumb {
        display: none;
    }

    .checkout-cart-top {
        display: block;
        position: -webkit-sticky;
        position: sticky;
        top: 60px;
        z-index: 9;
        background: #fff;
        margin-left: -1rem;
        margin-right: -1rem;
        margin-bottom: 1rem;
        padding: 0 1rem;
    }

    .checkout-cart-top .cart-total {
        font-size: .8rem;
        font-weight: 600;
        padding-bottom: 1rem;
    }

    .toggle-cart {
        position: relative;
        display: block;
        font-size: 14px;
        font-weight: 600;
        /*color: #007bff;*/
        text-transform: uppercase;
        padding: 1rem 0 .5rem;
    }

    .toggle-cart:after {
        font-family: "Font Awesome 5 Free";
        font-weight: 400;
        content: "\f070";
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        float: right;
        color: #6c757d;
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
    }

    .toggle-cart.collapsed:after {
        content: "\f06e";
    }

    .checkout-cart-header {
        display: none;
    }

    #checkout-checkout #cart.is_stuck {
        position: unset !important;
        width: 100% !important;
    }

    #checkout-checkout #cart ~ div {
        display: none !important;
    }
}

@media (min-width: 768px) {
    #checkout-checkout #cart .collapse-checkout-cart {
        display: block;
        height: auto !important;
        visibility: visible;
    }
}

/*
 *
 * ONE CLICK
 *
 */
#checkout-checkout #cart #oneclick {
    margin-top: 1rem;
}

.content-wrap {
    padding: 1rem;
    background-color: #fff;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

/*
 *
 * MENU MOBILE
 *
 */
#logo img {
    width: 120px;
}

#header .navbar-dark .navbar-toggler {
    border: none;
    margin-left: -.75rem;
}

@media (max-width: 575px) {
    #logo a {
        margin: 0;
    }
}

#header .navbar-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
}

#header .nav-item-cart > .nav-link {
    /*margin-top: .25rem;*/
}

#menu-mobile {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    z-index: 1035;

    background: #fff;
    overflow: auto;
    height: 100%;
    width: 100%;
    max-width: 400px;
    align-items: center;

    color: #212529;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#menu-mobile.open {
    left: 0;
}

#menu-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    right: -100%;
    left: auto;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 1030;
    visibility: hidden;
}

#menu-overlay.active {
    visibility: visible;
    right: 0;
}

.menu-mobile-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #f8f8f8;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.menu-mobile-header__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 8.5px 10px 8.5px 0;
    height: 60px;
}

.navbar-languages {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin: 0;
    list-style: none;
    text-transform: uppercase;
}

.nav-language-item + .nav-language-item {
    padding-left: .5rem;
}

.nav-language-item + .nav-language-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "|";
}

.nav-language-item .nav-language-link {
    color: #6c757d;
    text-transform: uppercase;
}

.nav-language-item.active:after {
    content: "";
    height: 2px;
    width: 21px;
    background-color: #fff800;
    display: block;
    margin-left: auto;
}

.nav-language-item.active .nav-language-link {
    font-weight: bold;
    color: initial;
}

/*.nav-language-item {
    color: #6c757d; 
}
*/
.navbar-menu-mobile {
    padding-left: 0;
    list-style: none;
}

.navbar-menu-mobile > li > ul {
    padding-left: 2.5rem;
}

.nav-menu-mobile-item {
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.nav-menu-mobile-item.active > .nav-menu-mobile-link {
    color: #007bff;
}

.nav-menu-mobile-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;

    position: relative;
    font-size: .85rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: .75rem 1rem;
}

.nav-menu-mobile-link svg {
    margin-right: 8px;
    color: #6c757d;
    width: 1.5em;
    height: 1.5em;
}

.nav-menu-mobile-item.parent > .nav-menu-mobile-link:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    float: right;
    padding: 0 7px;
    margin-left: auto;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.nav-menu-mobile-item.parent > .nav-menu-mobile-link.collapsed:after {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.nav-menu-mobile.child .nav-menu-mobile-item {
    border: none;
    list-style: disc;
}

.nav-menu-mobile.child .nav-menu-mobile-item:last-child {
    margin-bottom: 1rem;
}

#menu-mobile-account .nav-menu-mobile-item {
    list-style: none;
}

.nav-menu-mobile.child .nav-menu-mobile-link {
    font-size: .95em;
    padding: .5rem;
}

.nav-menu-mobile-link > .count {
    margin-left: 8px;
}

.nav-menu-mobile.child .nav-menu-mobile-item.parent .nav-menu-mobile-link {
    padding-right: 1rem;
}

.nav-menu-mobile-item > a[href='#menu-mobile-catalog'],
.nav-menu-mobile-item.active > a[href='#menu-mobile-catalog'],
#menu-mobile-catalog .nav-menu-mobile-item.active > .nav-menu-mobile-link,
#menu-mobile-catalog .nav-menu-mobile-item .nav-menu-mobile-link:hover {
    color: #fff800;
}

#menu-mobile-catalog .nav-menu-mobile.child {
    padding-left: 1rem;
}

#menu-mobile-catalog .nav-menu-mobile.child .nav-menu-mobile-item {
    list-style: none;
}

#menu-mobile-catalog .nav-menu-mobile.child .nav-menu-mobile-link {
    padding-top: .25rem;
    padding-bottom: .25rem;
}

#menu-mobile-catalog img {
    margin-right: 1rem;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

#menu-mobile-catalog {
    padding-left: 1rem;
}

#menu-mobile-catalog > li.nav-menu-mobile-item {
    list-style: none;
}

#menu-mobile-catalog > li.nav-menu-mobile-item > .nav-menu-mobile-link {
    padding-left: calc(1.5em + 8px);
}

#menu-mobile-catalog > .nav-menu-mobile-item.category-4 {
    background: url(../image/icon-women.svg) 0 2px no-repeat;
    background-size: 1.5em;
}

#menu-mobile-catalog > .nav-menu-mobile-item.category-5 {
    background: url(../image/icon-men.svg) 0 2px no-repeat;
    background-size: 1.5em;
}

#menu-mobile-catalog > .nav-menu-mobile-item.category-6 {
    background: url(../image/icon-kids.svg) 0 2px no-repeat;
    background-size: 1.5em;
}

#menu-mobile-catalog > .nav-menu-mobile-item.category-13 {
    background: url(../image/icon-accessory.svg) 0 2px no-repeat;
    background-size: 1.5em;
}

.bi-delivery-truck {
    background: url(../image/icon-delivery-truck.svg) 0 2px no-repeat;
    background-size: 1.5em;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
}

@media (max-width: 767px) {
    #product-category #column-left, #product-search #column-left {
        position: fixed;
        left: -100%;
        top: 0;
        bottom: 0;
        z-index: 1055;
        background: #fff;
        overflow: auto;
        height: 100%;
        width: 100%;
        max-width: 400px;
        align-items: center;
        color: #212529;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #product-category #column-left.open,
    #product-search #column-left.open {
        left: 0;
        padding: 0;
    }

    #column-left.open > div {

    }
}

.aside-header {
    display: none;
}

@media (max-width: 575px) {
    #column-left.open .aside-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 8.5px 10px 8.5px 1rem;
        height: 60px;

        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1;
        background-color: #f8f8f8;
        border-bottom: 1px solid rgba(0, 0, 0, .125);

        border-radius: 0;
    }

    .aside-title {
        font-size: 1rem;
        font-weight: bold;
        text-transform: uppercase;
        color: #212529;
        margin-bottom: 0;
    }
}

.top-cities-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
}

#top-cities .top-cities-item {
    margin: 0 5px 5px 0;
    width: calc(100% / 3 - 4px);
}

#top-cities .top-cities-item:nth-child(3n) {
    margin-right: 0;
}

@media (max-width: 767px) {
    #top-cities .top-cities-item {
        width: calc(100% / 2 - 4px);
    }

    #top-cities .top-cities-item:nth-child(3n) {
        margin-right: 5px;
    }

    #top-cities .top-cities-item:nth-child(even) {
        margin-right: 0;
    }
}

tr.total > td {
    font-size: 1rem;
    font-weight: bold;
}

tr.total > td:last-child {
    font-size: 1.5rem;
    white-space: nowrap;
    color: #007bff;
}

.myorder-detail {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    margin-bottom: 1rem;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.myorder-detail__left {
    width: 50%;
}

.myorder-detail__right {
    width: 50%;
}

.myorder-products {
    margin-bottom: 1rem;
    border: 1px solid #dee2e6;
}

.myorder-products__row {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    border-bottom: 1px solid #dee2e6;
}

/*.myorder-products__body .myorder-products__row:last-child,*/
.myorder-products__footer .myorder-products__row:last-child {
    border-bottom: none;
}

.myorder-products__col {
    padding: .75rem;
    width: 20%;
}

.myorder-products__col:first-child {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.myorder-products__col:not(:first-child) {
    border-left: 1px solid #dee2e6;
}

.myorder-products__col:last-child {
    font-weight: 600;
}

.myorder-products__header .myorder-products__col {
    font-weight: 600;
}

.myorder-products__row.total {
    font-size: 1rem;
    font-weight: bold;
}

@media (max-width: 767px) {
    .myorder-detail__left, .myorder-detail__right {
        width: 100%;
    }

    .myorder-products__col {
        width: 40%;
    }

    .myorder-products__col.col-price, .myorder-products__col.col-quantity {
        display: none;
    }
}

/*
 *
 * CALLBACK WIDGET
 *
 */
#callback {
    font-size: 14px;
    color: #212529;
}

#callback .callback-button {
    position: fixed;
    bottom: 50px;
    left: 35px;
    cursor: pointer;
    z-index: 1040;
}

.btn-callback {
    color: #212529;
    background-color: #fff800;
    border-color: #fff800;

    font-size: 1rem;
    text-align: center;
    /* line-height: 3rem; */
    width: 3rem;
    height: 3rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn-callback:hover {
    -webkit-animation: tada 2s linear infinite;
    animation: tada 2s linear infinite;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-8deg);
        transform: scale(0.9) rotate(-8deg);
    }
    30%,
    50%,
    70% {
        -webkit-transform: scale(1.3) rotate(8deg);
        transform: scale(1.3) rotate(8deg);
    }
    40%,
    60% {
        -webkit-transform: scale(1.3) rotate(-8deg);
        transform: scale(1.3) rotate(-8deg);
    }
    100%,
    80% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-8deg);
        transform: scale(0.9) rotate(-8deg);
    }
    30%,
    50%,
    70% {
        -webkit-transform: scale(1.3) rotate(8deg);
        transform: scale(1.3) rotate(8deg);
    }
    40%,
    60% {
        -webkit-transform: scale(1.3) rotate(-8deg);
        transform: scale(1.3) rotate(-8deg);
    }
    100%,
    80% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

.nav-callback .nav-item {

}

.nav-callback .nav-link {
    color: #6c757d;
}

.nav-callback .nav-link.active {
    color: #212529;
    font-weight: normal;
}

.fa-select {
    position: absolute;
    bottom: 9px;
    right: 35px;
}

.nav-callback .nav-item.disabled {
    cursor: not-allowed;
}

/* STICKER */
.sticker-list {
    position: absolute;
    z-index: 2;
    padding-left: 0;
    list-style: none;
}

.sticker-list__position-tl {
    top: 1rem;
    left: 1rem;
    text-align: left;
}

.sticker-list__position-tr {
    top: 1rem;
    right: 1rem;
    text-align: right;
}

.sticker-list__position-bl {
    bottom: 1rem;
    left: 1rem;
    text-align: left;
}

.sticker-list__position-br {
    bottom: 1rem;
    right: 1rem;
    text-align: right;
}

.sticker-list .badge {
    font-weight: normal;
    padding: .35em .65em;
    font-size: .75em;
}

#product-product .badge {
    padding: .35em .65em;
    font-size: 1em;
}

#product-product .sticker-item {
    margin-bottom: .25rem;
}

.bg-primary {
    background-color: #0d6efd !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

.bg-success {
    background-color: #198754 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

.bg-warning {
    background-color: #ffc107 !important;
    color: #212529 !important;
}

.bg-info {
    background-color: #0dcaf0 !important;
    color: #212529 !important;
}

.text-dark {
    background-color: #f8f9fa !important;
    color: #212529 !important;
}

.bg-dark {
    background-color: #212529 !important;
}

.sticker {
    height: 57px;
    width: 58px;
    position: absolute;
    z-index: 4;
}

.product-item-image .sticker {
    width: 40px;
    height: 40px;
}

.sticker.position_tl {
    left: 1rem;
    top: 1rem;
}

.sticker.position_tr {
    right: 1rem;
    top: 1rem;
}

.sticker.position_bl {
    left: 1rem;
    bottom: 1rem;
}

.sticker.position_br {
    right: 1rem;
    bottom: 1rem;
}

#telephone .dropdown-menu > .dropdown-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.myicon {
    display: inline-block;
    height: 14px;
    width: 14px;
    margin-right: 5px;
}

.myicon.icon-vodafone {
    background: url(../image/icon-vodafone.svg) center center/contain no-repeat;
}

.myicon.icon-lifecell {
    background: url(../image/icon-lifecell.svg) center center/contain no-repeat;
}

.myicon.icon-kyivstar {
    background: url(../image/icon-kyivstar.svg) center center/contain no-repeat;
}

/* ACCOUNT */
.account-customer {
    margin-bottom: 4px;
    padding: 15px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.account-nav__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    padding: 4px 0px;
    font-size: 14px;
    color: #221f1f;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.account-customer .account-nav__link {
    padding: 0;
}

.account-nav__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-right: 16px;
    border-radius: 50%;
    background-color: rgba(34, 31, 31, .05);
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.account-nav__icon > img {
    width: 40px;
    height: 40px;
}

.account-customer__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.account-customer__name, .account-customer__email {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.account-customer__email {
    color: #6c757d;
    font-size: 12px;
}

.account-nav__list {
    padding-left: 0;
    list-style: none;

    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.account-nav__list:last-child {
    border: none;
}

/* ACCOUNT */
.account-section {
    margin-bottom: 30px;
    /* padding: 16px; */
    border-bottom: 1px solid #e9e9e9;
    /* border-radius: 4px;*/
}

.account-section__header {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    min-height: 30px;
    margin-bottom: 15px;
}

.account-section__title {
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 0;
}

.account-section__edit {
    color: #007bff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-width: 120px;
    justify-content: flex-end;
}

.account-section__edit:hover {
    color: #0056b3;
    text-decoration: underline;
}

.account-section__edit-text {
    /*display: none;*/
    margin-left: 5px;
}

.account-avatar {
    position: relative;
    height: 120px;
    width: 120px;
}

.account-avatar .avatar-thumbnail {
    background: #fff800;
    border-radius: 50%;
    text-align: center;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #212529;
    font-size: 2rem;
    text-transform: uppercase;
    margin: 0 auto;
}

.account-avatar .avatar-thumbnail img {
    width: 100%;
}

.account-avatar .avatar-ini {

}

.upload-image {

}

.upload-avatar {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 2rem;
    height: 2rem;
}

#form-upload-avatar {
    width: 100%;
    height: 100%;
}

.upload-avatar-label {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    background: url(bootstrap-icons/pencil.svg) center center no-repeat #fff;
    width: 100%;
    height: 100%;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
}

.upload-avatar input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    width: 80px;
}

.account-data__list {
    padding-left: 0;
    list-style: none;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.account-data__item {
    width: 100%;
    margin-bottom: 15px;
}

.account-data__label {
    color: #6c757d;
    font-size: 12px;
}

.account-data__value {
    margin-bottom: 0;
}

@media (max-width: 576px) {
    .account-avatar {
        margin: 0 auto;
    }
}

@media (min-width: 768px) {
    .account-data {
        padding-left: 2rem;
    }

    .account-data__item {
        width: 50%;
        margin-bottom: 24px;
        padding-right: 24px;
    }

    .account-section__edit-text {
        display: inline-block;
        margin-left: .5rem;
    }
}

.shipping-method label,
.payment-method label {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 1rem;
}

.shipping-method label .shipping-method__image,
.payment-method label .payment-method__image {
    width: 24px;
    min-width: 24px;
    margin-right: .75rem;
    margin-left: .75rem;
}

.shipping-method label .shipping-method__name,
.payment-method label .payment-method__name {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.shipping-method label .shipping-method__title,
.payment-method label .payment-method__title {
    display: block;
    font-weight: 600;
}

.shipping-method label .shipping-method__description,
.payment-method label .payment-method__description {
    color: #6c757d;
}

.shipping-method label .shipping-method__price {
    font-weight: bold;
    white-space: nowrap;
    margin-left: 1rem;
}

.checkout-step-heading {
    margin-bottom: 1rem;
}

#shipping-method .shipping-method.selected,
#payment-method .payment-method.selected {
    border: 1px solid #0d6efd;
    border-radius: .25rem;
    padding: 1rem 1rem 1rem 2.5rem;
}

.shipping-method.selected label,
.payment-method.selected label {
    margin-bottom: 0;
}

.shipping-method-content {
    margin-left: 3rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media (max-width: 576px) {
    .shipping-method-content {
        margin-left: -1.5rem;
    }
}

/* MODULE BENEFIT */
.common-home .module-benefit {
    background: #fff;
    padding: 1rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.common-home .module-benefit .row > div:not(:last-child) {
    border-right: 1px solid #ebebeb;
}

@media (max-width: 576px) {
    .common-home .module-benefit .row > div:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 1.5rem;
    }
}

@media (max-width: 768px) {
    .common-home .module-benefit .row > div:nth-child(2n) {
        border-right: none;
    }
}

.preloader {
    position: fixed;
    z-index: 2000;
    height: 4px;
    width: 100%;
    background-color: #ebebeb;
    background-clip: padding-box;
    overflow: hidden;
}

.preloader:before {
    -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s;
}

.preloader:after,
.preloader:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #feed00;
    will-change: left, right;
    content: "";
}

.preloader:after {
    -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }
    60% {
        left: 100%;
        right: -90%;
    }
    to {
        left: 100%;
        right: -90%;
    }
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }
    60% {
        left: 100%;
        right: -90%;
    }
    to {
        left: 100%;
        right: -90%;
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }
    60% {
        left: 107%;
        right: -8%;
    }
    to {
        left: 107%;
        right: -8%;
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }
    60% {
        left: 107%;
        right: -8%;
    }
    to {
        left: 107%;
        right: -8%;
    }
}

/*@media (min-width: 768px) {
    #menu .dropdown:hover .dropdown-menu {
        display: block;
    }
}*/

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1320px;
    }
}

#menu {
    padding: 0;
    background: #eee;
}

#menu .navbar {
    padding: 0;
}

#menu ul.navbar-nav > li {
    position: initial;
}

#menu .navbar-nav .nav-link {
    padding: .85rem 1.5rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #212529;
    font-size: 14px;
}

#menu .navbar-nav .nav-item:hover .nav-link {
    background-color: #fff;
}

#menu .dropdown-container {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;

    /*    position: absolute;
        width: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 100%;
        left: 50%;
        margin-top: -1px;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 10rem;
        padding: .5rem 0;
        font-size: 14px;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        -webkit-border-bottom-right-radius: .25rem;
        -webkit-border-bottom-left-radius: 0.25rem;
        -moz-border-radius-bottomright: .25rem;
        -moz-border-radius-bottomleft: 0.25rem;
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: 0.25rem;*/
}

#menu .dropdown-container {
    opacity: 0;
    visibility: hidden;
}

#menu .dropdown-inner ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}

#menu .dropdown-inner ul li {
    flex: 0 0 20%;
    padding: 15px 15px;
}

#menu .dropdown-inner ul li a {
    display: block;
    text-align: center;
}

#menu .dropdown-inner ul li a span {
    display: block;
    font-weight: 600;
}

@media (min-width: 768px) {
    #menu .dropdown:hover .dropdown-container {
        visibility: visible;
        opacity: 1;
        -webkit-transition-delay: .2s;
        transition-delay: .2s;

        /*        display: block;
                -webkit-animation: slide-up .25s ease-in-out;
                animation: slide-up .25s ease-in-out;        */
    }
}

.bi {
    /*    width: 1em;
        height: 1em;
        vertical-align: -.1em;*/
}

.nav-item-telephone > .nav-link .bi,
.nav-item-search > .nav-link .bi,
.nav-item-signin > .nav-link .bi,
.nav-item-wishlist > .nav-link .bi,
.nav-item-cart > .nav-link .bi {
    font-size: 1.5rem;
}

.nav-item-telephone .bi {
    margin-right: 5px;
}

.header-logo,
.header-cart {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.header-search {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

.header-cart {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-container-wrap {
    display: block;
}

.navbar-container-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

@media (min-width: 1200px) {
    .navbar-container-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .navbar-container-inner {
        display: block;
        position: initial;
    }
}

#header .dropdown-menu {
    width: 100%;
    position: absolute;
}

#header .dropdown-menu li:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05);
}

#header .dropdown-menu li > a {
    display: block;
}

#header .search-product-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
}

#header .search-product-item:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075);
}

.product-item-container {
    position: relative;
}

.product-item-container .product-item-footer {
    /*    padding: 1.25rem;

        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        margin-top: -.875rem;
        transition: all 0.15s ease-in-out;
        border-radius: .4375rem;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        background-color: #fff;
        opacity: 0;
        visibility: hidden;
        z-index: 1;     */

    display: none;
    position: absolute;
    z-index: 9;
    padding: 0 .75rem 1rem;
    background: #fff;
    width: 100%;
    /*    border: 1px solid transparent;
        margin-left: -1px;
        margin-right: -1px;  */

    -webkit-border-bottom-right-radius: .25rem;
    -webkit-border-bottom-left-radius: .25rem;
    -moz-border-radius-bottomright: .25rem;
    -moz-border-radius-bottomleft: .25rem;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

@media (min-width: 992px) {
    .product-item-container:hover {
        -webkit-border-top-left-radius: .25rem;
        -webkit-border-top-right-radius: .25rem;
        -moz-border-radius-topleft: .25rem;
        -moz-border-radius-topright: .25rem;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .product-item-container:hover .product-item-footer {
        display: block;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15) !important;
    }
}

/* Swipe courusel in Category-Product */
.product-layout .product-colors,
.swiper-slide .product-colors {
    padding: 1rem 1rem 0 1rem;
}

.product-colors .swipe-navigation {
    position: relative;
}

.product-colors .mediabox {
    padding-bottom: 50px;
}

/*
.product-colors .swiper-container {
    height: 46px;
}
.product-colors .swiper-slide {
    background-color: #fff;
    overflow: hidden;
}
.swiper-slide img.swiper-lazy {
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
}
.swiper-lazy {
    z-index: -1;
}
.swiper-lazy-loaded {
    z-index: 1!important;
}*/
.product-colors .swiper-button-next:after,
.product-colors .swiper-button-prev:after {
    display: none;
}

.product-colors .swiper-button-next,
.product-colors .swiper-button-prev {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 1rem;
    top: 0;
}

.product-colors .swiper-button-next {
    right: 0;
}

.product-colors .swiper-button-prev {
    left: 0;
}

.module .product-colors .swiper-slide {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .swiper-viewport:hover .product-colors .swiper-button-next {
        right: 0px;
    }

    .swiper-viewport:hover .product-colors .swiper-button-prev {
        left: 0px;
    }
}

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

.row-eq-height [class*="col-"] {
    padding-bottom: 1rem;
}

.product-layout-wrap {
    margin-bottom: 0;
    height: 100%;
}

#colors .product-item-link {
    position: relative;
}

#colors .product-item-link.disabled {
    opacity: .8;
    /*cursor: not-allowed;*/
}

#colors .product-item-link.disabled:before,
#colors .product-item-link.disabled:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #adb5bd;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
}

#colors .product-item-link.disabled:after {
    transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
}

/* Quick View */
#modal-quickview .modal-loader {
    min-height: 300px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

#modal-quickview .modal-loader .spinner-border {
    width: 5rem;
    height: 5rem;
}

.modal-footer {
    display: block !important;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer > * {
    margin: 0;
}

.ratings-totals {
    margin-bottom: 45px;
}

.ratings-totals h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: normal;
    font-size: 28px;
    line-height: 130%;
    margin-top: 15px;
    padding-right: 10px;
}

.ratings-totals h3 .star-rating {
    color: #FFB500;
}

.ratings-totals h3 .star-rating .fa {
    font-size: 30px;
}

.ratings-totals h3 .star-rating .fa-stack {
    width: 30px;
    height: 30px;
}

.ratings-totals .ratings-lines {
    padding-left: 10px;
}

.ratings-totals .ratings-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: normal;
    font-size: 14px;
    line-height: 130%;
    height: 18px;
    margin-bottom: 14px;
}

.ratings-totals .ratings-line .title,
.ratings-totals .rating-container label {
    min-width: 120px;
}

.ratings-totals .ratings-line .title {
    /*    display: flex;
        align-items: center;
        justify-content: space-between*/
}

.ratings-totals .ratings-line .title > span:last-child {
    color: #6c757d;
}

.ratings-totals .ratings-line .count {
    min-width: 50px;
    text-align: center;
}

.ratings-totals .ratings-line .progress {
    flex: 1;
    height: 12px;
    box-shadow: none;
    background-color: #EFEFEF;
    margin-bottom: 0;
    border-radius: 7px;
    margin-left: 1rem;
}

.ratings-totals .ratings-line .progress .progress-bar {
    box-shadow: none;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.ratings-totals .ratings-line:nth-child(1) .progress .progress-bar {
    background-color: #2AB700;
}

.ratings-totals .ratings-line:nth-child(2) .progress .progress-bar {
    background-color: #ADD01A;
}

.ratings-totals .ratings-line:nth-child(3) .progress .progress-bar {
    background-color: #F2F008;
}

.ratings-totals .ratings-line:nth-child(4) .progress .progress-bar {
    background-color: #D9BC01;
}

.ratings-totals .ratings-line:nth-child(5) .progress .progress-bar {
    background-color: #F02B1C;
}

.ratings-totals .rating-count {
    font-weight: normal;
    font-size: 28px;
    padding-right: 10px;
}

.ratings-totals .rating-container label {
    font-weight: bold;
    font-size: 14px;
}

.ratings-totals .br-theme-css-stars .br-widget a {
    font-size: 2rem;
}

.ratings-totals .br-theme-css-stars .br-widget .br-current-rating {
    font-size: 14px;
}

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

@-webkit-keyframes winking {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes winking {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.winking {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

/* TAB AVAILABLE IN SHOP */
.available__table-header {
    background: #f0f0f0;
    border-radius: 5px;
    font-weight: bold;
    font-size: .95rem;
}

.available__table-tr {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    border-bottom: 1px solid #dee2e6;
    /*margin-bottom: 1rem;*/
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.available__table-tr:last-child {
    border: none;
    /*    padding-bottom: 0;
        margin-bottom: 0;*/
}

.available__table-td {
    padding: .5rem;
    text-align: center;
}

.td-image {
    flex-basis: 10%
}

.td-address {
    flex-basis: 23%;
    text-align: left;
}

.td-transport {
    flex-basis: 17%;
    text-align: left;
}

.td-available {
    flex-basis: 15%;
}

.td-telephone {
    flex-basis: 15%;
}

.td-open {
    flex-basis: 20%;
    text-align: left;
}

.td-available-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: normal;
    font-size: .8em;
    height: 16px;
}

.td-available-item .progress {
    flex: 1;
    height: 8px;
    box-shadow: none;
    background-color: #EFEFEF;
    margin-bottom: 0;
    border-radius: 4px;
    margin-left: .75rem;
}

.td-available-item .quantity {
    min-width: 30px;
    text-align: right;
}

@media (max-width: 991px) {
    .available__table-header {
        display: none;
    }

    .available__table-td {
        flex-basis: 100%;
    }

    .td-image {
        flex-basis: 30%;
    }

    .td-address {
        flex-basis: 70%;
    }

    /*    .td-available, .td-telephone  {
            flex-basis: 50%;
        }*/
}

/* RETURN */
.upload-image-item {
    display: inline-block;
    position: relative;
    top: 0;
    bottom: auto;
    margin-right: 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    vertical-align: top;
    width: 80px;
    height: 80px;
}

.upload-image-item:last-child {
    margin-right: 0;
}

.upload-image-item .thumbnail {
    position: absolute;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.remove-image {
    position: absolute;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    z-index: 3;
    right: -6px;
    top: -6px;
    width: 16px;
    height: 16px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    background: #ef2809;
    cursor: pointer;
    text-decoration: none;
}

.remove-image:focus,
.remove-image:hover {
    color: #fff;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    text-decoration: none;
}

.upload-image {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #fff;*/
    border-radius: .25rem;
    /*border: 2px dashed #dee2e6;*/
    cursor: pointer;
    background: url(../image/icon-photo.svg) left 16px top 26px no-repeat #ededed;
    width: 100%;
    height: 100%;
}

.upload-image:hover {
    border-color: #6c757d;
}

.upload-image-item input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    width: 80px;
}

.review-nav {

}

.review-nav .list-inline-item {
    margin-bottom: .5rem;
}

.review-nav a {
    display: inline-block;
    padding: .35em .65em;
    /*    font-size: .75em;
        font-weight: 700;*/
    line-height: 1;
    color: #212529;
    background: rgba(0, 0, 0, .05);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .5rem;
}

.review-nav a:hover {
    color: #fff800;
}

.review-nav a.active {
    color: #212529;
    background-color: #fff800;
}

.review-nav a:not(.review-filter__all) .name {
    display: none;
}

.review-nav a::before {
    font-family: "Font Awesome 5 Free";
    margin-right: 4px;
    font-weight: 900;
}

.review-nav a.review-filter__photo::before {
    content: "\f03e";
}

.review-nav a.review-filter__5::before {
    content: "\2605 \2605 \2605 \2605 \2605";
}

.review-nav a.review-filter__4::before {
    content: "\2605 \2605 \2605 \2605";
}

.review-nav a.review-filter__3::before {
    content: "\2605 \2605 \2605";
}

.review-nav a.review-filter__2::before {
    content: "\2605 \2605";
}

.review-nav a.review-filter__1::before {
    content: "\2605";
}

.review-nav .review-sort select,
.review-nav .review-filter select {
    display: inline-block;
    width: auto;
}

/*
 *
 * The lazysizes Blur Up/effect plugin
 *
 */
.shop {
    overflow: hidden;
}

.mediabox {
    position: relative;
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
}

.mediabox-img.ls-blur-up-is-loading,
.mediabox-img.lazyload:not([src]) {
    visibility: hidden;
}

.ls-blur-up-img,
.mediabox-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;

    /* only if you want to change the blur-up option from always to auto or want to use blur up effect without a lowsrc image. */
    font-family: "blur-up: auto", "object-fit: cover";

    object-fit: cover;
}

.ls-blur-up-img {
    filter: blur(2px);
    opacity: 1;
    transition: opacity 1000ms, filter 1500ms;
}

.ls-blur-up-img.ls-inview.ls-original-loaded {
    opacity: 0;
    filter: blur(1px);
}

#information-shop .mediabox {
    padding-bottom: calc(400 / 600 * 100%);
}

/*
 * 
 * COOKIE
 *
 */
#cookies {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    transform: translateY(100%);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.cookies-wrap {
    background: rgba(0, 0, 0, .8);
    padding: 1rem 0;
    color: #fff;
}

#cookies.show {
    transform: translateY(0);
}

#cookies .cookie-text {
    color: #f8f9fa;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    position: relative;
}

#cookies-tab {
    flex-basis: 25%;
    background: #eee;
}

#cookies-tabContent {
    flex-basis: 75%;
    flex-basis: calc(75% - 2rem);
}

#cookies-tab .nav-link.active {
    color: #212529;
    font-weight: 600;
    background: #fff;
}

#cookies-tab .nav-link:hover {
    background-color: rgba(0, 0, 0, .05);
}

.cookie-description {
    display: block;
    word-break: break-word;
    white-space: normal;
    width: calc(100% - 30px);
}

.cookies-list label {
    display: block;
}

.cookies-list .form-check .form-check-input {
    float: right;
    margin-left: auto;
}

.cookies-list .form-check {
    border-bottom: 1px solid #eee;
    padding: 0 0 5px 0;
    margin: 10px 0;
}

.btn-cookies {
    position: absolute;
    left: auto;
    top: -36px;
    background: rgba(0, 0, 0, .8);
    padding: .5rem 1rem;
    font-size: inherit;
    line-height: 1.5;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    height: 36px;
    color: #f8f9fa;
}

.btn-cookies:hover {
    color: #fff;
}

.btn:focus,
details:focus,
summary:focus,
.btn-cookies:focus {
    outline: none;
}

.close-cookies {
    position: relative;
}

#cookies .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: calc(-1rem - 36px);
    width: 36px;
    height: 36px;
    padding: 0;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    color: #f8f9fa;
    background: #fff800 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border-radius: .25rem .25rem 0 0;
}

#cookies.show .btn-close {
    opacity: 1;
    visibility: visible;
}

.cookie-table__thead {
    font-weight: bold;
    border-bottom: 1px solid #212529;
}

.cookie-table__tr {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
}

.cookie-table__td {
    padding: .5rem;
}

.cookie-table__tr .td1 {
    flex-basis: 150px;
    text-align: left;
}

.cookie-table__tr .td2 {
    flex-grow: 1;
    flex-basis: calc(100% - 150px - 170px - 80px);
    text-align: left;
}

.cookie-table__tr .td3 {
    flex-basis: 170px;
    text-align: center;
}

.cookie-table__tr .td4 {
    flex-basis: 80px;
    text-align: center;
    align-items: center;
    display: flex;
}

.cookie-table__tbody .cookie-table__tr:nth-of-type(odd) {
    background: rgba(0, 0, 0, .05);
}

.cookie-table .form-switch {
    width: 3rem;
    margin: 0 auto;
}

.cookie-table .form-switch .form-check-input {
    width: 3rem;
    height: 1.5rem;
    margin: 0;
}

@media (max-width: 991px) {
    .cookie-table__tr {
        padding: .5rem;
    }

    .cookie-table__tr .cookie-table__td {
        padding: 0;
    }

    .cookie-table__tr .td1, .cookie-table__tr .td2 {
        flex-basis: 100%;
        text-align: left;
    }

    .cookie-table__tr .td3 {
        flex-basis: calc(100% - 50px);
        text-align: left;
    }

    .cookie-table__tr .td4 {
        padding: 0;
        flex-basis: 50px;
    }
}

.footer-powered {
    background: #212529;
    padding: 1rem 0;
}

.footer-donors {
    padding: 1rem 0;
}

.footer-donors__content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /*border-bottom: 1px solid rgba(255,255,255,.1);
    padding-bottom: .5rem;
    margin-bottom: .5rem;    */
}

.footer-donors__logo {
    flex-basis: 215px;
}

.footer-donors__text {
    flex-basis: calc(100% - 215px);
}

@media (max-width: 991px) {
    .footer-donors__logo, .footer-donors__text {
        flex-basis: 100%;
        text-align: center;
    }

    .footer-donors__text {
        padding-top: .5rem;
    }
}

.scroll-to-top {
    position: fixed;
    bottom: 105px;
    left: 0;
    margin-left: 20px;
    color: #fff;
    background: rgba(0, 0, 0, .8);
    cursor: pointer;
    display: none;
    z-index: 1020;
    font-size: 0.75rem;
    text-align: center;
    line-height: 65px;
    width: 65px;
    height: 65px;
    border-radius: 65px;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 20%);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.scroll-to-top:hover, .scroll-to-top:focus:hover {
    color: #212529;
    background-color: #fff800;
    border-color: #fff800;
    opacity: 1;
}

.scroll-to-top > i {
    line-height: 2.5rem;
}

#call {
    position: fixed;
    right: 0;
    bottom: 85px;
    z-index: 1040;
}

#call .btn-call {
    display: block;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    color: #212529;
    background-color: #fff800;
    border-color: #fff800;
    text-align: center;
    line-height: 65px;
    width: 65px;
    height: 65px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 20%);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

@media (min-width: 576px) {
    #call {
        display: none;
    }
}

/* JivoSite */
.wrap_94f4._orientationRight_7b90.__jivoMobileButton {
    z-index: 1040 !important;
}

.checkout-checkout .scroll-to-top,
.checkout-checkout #call,
.checkout-checkout > jdiv {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Module Product Details */
#product-details {
    margin-bottom: 1rem;
}

.product-details-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.product-details-item {
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: .25rem;
    padding: 1rem 1rem;
}

.product-detail__body {

}

.product-detail__header {
    margin-bottom: .5rem;
}

.product-detail__image {
    display: inline-block;
    margin-right: 10px;
}

.product-detail__title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
}

.product-detail__text {
    /*color: #6c757d;*/
    font-size: 14px;
}

.btn-more-details {
    color: #0d6efd;
    font-size: 14px;
}

.btn-more-details:hover {
    color: #0a58ca;
}

.btn-more-details:focus {
    outline: none;
}

/*@media (min-width: 992px) {*/

    a.product-item-link.product-item-link-hover {
        position: relative;
        display: flex;
        transform: translateX(0%);
        transition: transform 0.3s;
    }

    a.product-item-link.product-item-link-hover:hover {
        transform: translateX(-100%);
        transition: transform 0.3s;
    }
/*}*/

/*@media (max-width: 992px) {*/
    /*a.product-item-link.product-item-link-hover img:last-child{*/
        /*display: none;*/
    /*}*/
/*}*/

.colors-container{
    display: flex;
    flex-wrap: wrap;
}

.colors-item{
    margin-bottom: 10px;
    margin-right: 10px;
}