/*

- General css
- Other css
	- night / day switch
	- nouveauté + promotion red icon css
	- fix stock number position across pages
	- Filter with brands
	- modal dialog
	- mobile css
	- notification css
	- go to top button css
- reglement.html css
.widget-filters__actions- compte.html css
	- data-table
	- Gestion Fiche de retour
	- Référence non gérée
	- profile
	- Tabs
	- Mes Commandes Ecommerce
- chrono.html css
- wishlist.html css
- panier.html css
- index.html (login page) css
- accueil.html css
	- owl carousel buttons 
	- Header section
	- cartes list
	- recherche par carte (datalist)
	- Product Sliders
	- atlantic video
	- Chrono section
	- Our service section
	- footer section
- product-full.html css
- aroma.html css
- chrono.html css
- capcarrosserie.html + capservice.html css
- category.html css
- resultats.html css
- contact.html css
- media query css
	- product grid list
	- main media query
	- other media query
- old css

*/

.refPlusCopy {
    display: flex;
    gap: 4px;
}

.product-ref-container {
    display: inline-flex;
    align-items: center;
    gap: 5px; /* space between link and icon */
}

.copy-icon {
    cursor: pointer;
    font-size: 16px;
    color: #d3d1d1;
    transition: color 0.2s;
}

.copy-icon:hover {
    color: #F7943D;
}

.owl-product-slider button.owl-next .fa-chevron-right:before,
.owl-product-slider button.owl-prev .fa-chevron-left:before {

    padding: 0px !important;
    margin-right: 0px !important;

}


.owl-product-slider button.owl-next {
    right: -10px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-85%);
}

.owl-product-slider button.owl-prev {
    left: -10px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-85%);
}

span.invoice-observation {
    font-size: 15px;
    word-wrap: break-word;
    white-space: normal;
}


.masonry-item span {
    background: #e7e7e7;
    color: grey;
    padding: 7px 15px;
    border-radius: 6px;
    font-size: 18px;
    letter-spacing: 1px;
    display: flex
;
    margin: 10px auto 15px auto;
}



span.indicator__value.indicator_deals {
    margin-top: 11px;
}


.offreWrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.controls {
    text-align: center;
    margin-bottom: 50px;
    display: flex
;
    justify-content: center;
}

.filter-btn {
    padding: 10px 20px;
    border: none;
    background: #ddd;
    cursor: pointer;
    transition: 0.3s;
}


.filter-btn:first-child {
    border-radius: 5px 0px 0px 5px;
}

.filter-btn:last-child {

    border-radius: 0px 5px 5px 0px;
}

.filter-btn.active,
.filter-btn:hover {
    background: #ec8e3a;
    color: #fff;
}

.masonry-wrap {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    position: relative;
}

.masonry-item {
    position: absolute;
    width: calc(33.33% - 10px);   /* subtract gutter from width */
    max-width: 360px;       /* optional max width */
    transition: all 0.4s ease; /* smooth move + fade */
    opacity: 1;
    transform: scale(1);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;

}

/* Tablet: 2 columns */
@media (max-width: 992px) {
    .masonry-item { width: calc(50% - 10px); }
}

/* Mobile: 1 column */
@media (max-width: 600px) {
    .masonry-item { width: 100%; }
}

.masonry-item.hidden {
    opacity: 0;
    transform: scale(0.9);
    pointer-events: none;
}

#masonry {
    position: relative;
    width: 100%;      /* ensure it takes full width */
    min-height: 1px;  /* prevent collapse */
}

.masonry-item img {
    width: 100%;
    display: block;
    border-radius: 8px;
}





.flexIt {
    display: flex
;
    justify-content: center;
    align-items: center;
    margin-top: 6px;
}


.products-list__item.chrono_item .designation {
    width: 230px;
}

.carousel-right-side .depotWrapper {
    display: none;
}

body #invoice table td {
    font-size: 16px;
    font-weight: 600;
    color: black;
}

form.form-dialog .designation {
    align-content: center;
}

.product_all_info .product-card__rating {
    background: transparent;
}

.stockNumber_orange_03 {

    background: darkorange !important;
    color: white;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 13px;


}

.stockNumber_03 {
    background: limegreen;
    color: white;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 13px;

}

.stockNumber_red_03 {

    background: crimson !important;
    color: white;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 13px;
}

@media (max-width: 1200px) {
    .promotion_item span.brut-label {
        padding-top: 7px !important;
        width: 100%;
        display: block;
    }
}

@media (max-width: 768px) {
    .invoiceButtons {
        text-align: center;
    }
    button#validateInvoice, button#cancelInvoice {
        margin-bottom: 15px;
        width: 250px;
    }
}

@media (max-width: 533px) {
    button#validateInvoice, button#cancelInvoice {
        width: 281px;
    }

    button#printInvoice {
        float: none !important;
        margin-bottom: 10px;
    }
}



button#printInvoice,button#printInvoice1 {
    margin-top: 0px !important;
}

@media (max-width: 768px) {

    .input-row-client-invoice {
        flex-direction: column;
    }

    .input-row-client-invoice .form-group {
        width: 100% !important;
    }
}

fieldset.to-right input#CT_Num {
    background: transparent !important;
    border: 1px solid lightgrey !important;
    height: 40px;
    font-size: 16px;
    width: 60%;
    color: #262626 !important;
}

.input-row-client-invoice input {
    padding: 7px 10px;
    border-radius: 5px;
    width: 100%;
    background: #2a2a2a;
    border: 1px solid #444;
    color: #d9d9d9 !important;
}

.input-row-client-invoice .form-group {
    width: 50%;
}

.input-row-client-invoice {
    display: flex
;
    justify-content: center;
    width: 100%;
    gap: 10px;
}

.page-no-result {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    width: 100%;
}

.no-result-container {
    text-align: center;
    padding: 40px;
    background: #e36159;
    border-radius: 20px;
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
    width: 100%;
    animation: fadeIn 0.8s ease-in-out;
}

.no-result-container img {
    width: 120px;
    opacity: 0.7;
    margin-bottom: 20px;
    animation: float 2.5s ease-in-out infinite;
}

.no-result-title {
    font-size: 24px;
    font-weight: 800;
    color: white;
    margin-bottom: 10px;
}

.no-result-message {
    font-size: 16px;
    color: white;
    margin-bottom: 20px;
    line-height: 1.6;
}

.btn-retry {
    padding: 10px 20px;
    background-color: white;
    color: #e36159;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 15px;
    transition: background 0.3s ease;
}

.btn-retry:hover {
    background-color: white;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes float {
    0% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
    100% { transform: translateY(0); }
}

.no-results-message {
    color: black;
}

.piquageInfo.piquageInfo-1 > * {
    border-top: 1px solid lightgrey;
}

.piquageInfo.piquageInfo-2 > * {
    border-bottom: 1px solid lightgrey !important;
}

.piquageInfo.piquageInfo-2 {
    height: 100px !important;
}

.devisInfoLeft fieldset, .devisInfoRight fieldset {
    padding: 12px;
}

.piquageInfo:first-child span:last-child {
    display: flex;
    align-items: center;
}

.piquageInfo span:first-child,
.piquageInfo span:last-child{
    padding-left: 10px;
}

.piquageInfo .invoiceNote {
    padding-top: 25px !important;
    padding-left: 15px !important;
    border-bottom: 1px solid lightgrey !important;
    text-align: start !important;
}

.piquageInfo:last-child span {
    border-bottom: 1px solid lightgray;
}

.piquageInfo:first-child span {
    border-top: 1px solid lightgrey !important;
}

.piquageInfo span:first-child {
    width: 285px;
}

span.piquageLogo img {
    width: 65%;
}

.piquageInfo > * {
    border: 1px solid lightgrey;
    padding: 5px;
    width: 100%;
    border-bottom: none;
    border-top: none;
}

.piquageInfo {
    display: flex;
    border: 1px solid lightgrey;
}

span.piquage_qte {
    text-align: center;
    display: block;
}

span.piquage_desi {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: lowercase;
    width: 225px;
    display: -webkit-box;
}

.modal-insert {
    display: none;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    width: 100% !important;
    height: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    transform: translate(-50%, -50%) !important;
}

.modal-insert .modal-content {
    width: 100%;
    background: #252525 !important;
    text-align: start !important;
}

@media (max-width: 768px) {
    .modal-insert .modal-dialog {
        margin: 0px 15px;
        max-width: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .modal-insert .modal-dialog {
        max-width: 90% !important;
    }
    .modal-insert .resultat_item .product-card__name div a:nth-child(2) {
        width: 200px !important;
    }
}

@media (min-width: 1400px)  {
    .modal-insert .modal-dialog {
        max-width: 50% !important;
    }

}

@media (min-width: 992px) and (max-width: 1400px) {
    .modal-insert .modal-dialog {
        max-width: 75% !important;
    }

}





.modal-insert .modal-header {
    align-items: center;
}

.modal-insert .modal-header {
    border-bottom: none !important;
}

.modal-insert .modal-footer {
    border-top: none !important;
}

.modal-insert .product-card {
    border-radius: 5px;
}

.product-card__footer {
    margin-top: -1px;
}

.modal-insert .form-modal-search {
    background-color: #2a2a2a !important;
    color: #d9d9d9  !important;
    margin-bottom: 20px;
    border: 1px solid #444 !important;
}

.modal-insert .products-list__content {
    justify-content: center !important;
}

@media (min-width: 992px) and (max-width: 1400px) {
    .modal-insert .resultat_item .product-card__name div a:nth-child(2) {
        width: 180px !important;
    }
}


@media (min-width: 1400px) {
    .modal-insert .resultat_item .product-card__name div a:nth-child(2) {
        width: 205px;
    }
}

@media (max-width: 768px) {
    .modal-insert  .resultat_item .product-card__name div a:nth-child(2) {
        width: 290px !important;
    }
}


h5#customInsertProductModalLabel {
    color: white;
}


.modal-insert .modal-content button.product-card__addtocart-icon {
    margin: 0px !important;
}

button.isnert-new-product {
    font-size: 16px;
    line-height: 19px;
    padding: 14px 15px;
    background: skyblue;
    color: white;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 500;
}

button#validateInvoice,button#cancelInvoice{
    padding: 14px 15px;
    border-radius: 5px;
    text-transform: uppercase;
}

.client-devis-style {
    border: 1px solid lightgrey;
    padding: 4px 8px;
    border-radius: 5px;
    width: 210px;
}

.submitPanier button:hover {
    background: #f7943d !important;
}

.chrono .block-sale__item a.designation {
    height: 40px !important;
}

.stockNumber_wrapper {
    font-size: 13px;
    color: grey;
    background: #ebebeb;
    width: 50%;
    text-align: center;
    padding: 5px;
    display: flex
;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #e5e3e3;
    border-radius: 5px;
}



.stockLocation div,
.stockNumber_orange_02,
.stockNumber_red_02,
.stockNumber_02{
    display: flex
;
    flex-direction: column;
    text-align: center;
}

.depotWrapper {
    display: flex
;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 20px;
    gap: 10px;
}

.product__features ul li:last-child {
    list-style-type: none;
}


.stockNumber_02 {

    color: limegreen !important;
    padding: 0px 5px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 600;
}
.stockNumber_02 span,
.stockNumber_orange_02 span,
.stockNumber_red_02 span {
    letter-spacing: 1px;
}

.stockNumber_orange_02 {
    color: darkorange !important;
    padding: 0px 5px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 600;
}

.stockNumber_red_02 {

    color: crimson !important;
    padding: 0px 5px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 600;

}

.stockLocation {
    display: flex;
    align-items: center;
    width: 50%;

}
.stockLocation div span {
    letter-spacing: 1px;
    color: limegreen;
    font-weight: 600;
}

.stockLocation div {
    color: white;
    border-radius: 3px;
    font-size: 13px;
    background: #252525;
    padding: 5px;
    width: 100%;
}

.relative-row {
    position: relative;
}

a.designation {
    text-transform: uppercase !important;
}

.piquage .invoiceBodyTable {
    padding: 0px 15px 25px !important;
}

.piquage .devisInfoLeft fieldset, .piquage .devisInfoRight fieldset {
    height: 350px !important;
}

.piquage .checkout .order-info .invoiceNote {
    margin-top: 45px !important;
}

.piquage p.order-info {
    margin-bottom: 0px !important;
}

.piquage td,
.piquage .invoiceBodyTable table thead tr td {
    border: 1px solid lightgrey !important;
}

.slider-for-three .product-card__name.fix-slider-title div a:last-child {

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
}

select#searchSelectFilter1 {
    background: #ededed;
    border: none;
    color: grey;
    padding: 0px 10px;
    outline: none;
}

.custom-modal-overlay-blocked {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.custom-modal-blocked {
    background: rgba(255, 255, 255, 0.95);
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    max-width: 400px;
    width: 90%;
    animation: fadeInBlocked 0.3s ease-in-out;
    position: relative;
    font-family: 'Segoe UI', sans-serif;
}

.close-btn-blocked {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
    font-size: 20px;
}

.progress-bar-container-blocked {
    width: 100%;
    height: 20px;
    background: #ddd;
    border-radius: 10px;
    margin-top: 10px;
    overflow: hidden;
}

.progress-bar-fill-blocked {
    height: 100%;
    background: linear-gradient(to right, #f44336, #e57373);
    width: 0%;
    transition: width 0.5s ease;
    border-radius: 10px 0 0 10px;
}

@keyframes fadeInBlocked {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.modal-row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
    font-size: 14px;
    line-height: 1.4;
}

.modal-label {
    flex-shrink: 0;
    min-width: 85px;
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 15px;
}

.modal-content-motif {
    flex-grow: 1;
    white-space: pre-wrap; /* preserves line breaks */
    word-wrap: break-word;
    color: #222;
    width: 100px;
    font-size: 16px;
    line-height: 20px;
}

.custom-modal-blocked h3 {
    text-align: center;
    margin-bottom: 30px;
}

/* Mobile adjustment */
@media (max-width: 600px) {
    .modal-tracking {
        width: 95%;
        height: auto;
    }

    .modal-header-tracking,
    .modal-footer-tracking {
        font-size: 14px;
        padding: 6px;
    }

    .waze-button-tracking {
        font-size: 14px;
    }
}

.modal-map-tracking {
    height: 100%;
}

.modal-map-tracking iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width: 768px) {
    .searchFilter__mobile {
        position: absolute;
        bottom: -50px;
        width: 100% !important;
        z-index: 9999999999;
        height: 50px;
        right: -1px;
        background: #f7943d !important;
        color: white !important;
        border-top: 1px solid white !important;
    }
}

@media (max-width: 1200px) {
    .statutWrapper .statutGreen {
        margin: 0px !important;
    }
}

.modal-overlay-tracking {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1000;

}

.modal-tracking {
    background: #fff;
    border-radius: 20px;
    width: 90%;
    max-width: 600px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
    animation: fadeIn-tracking 0.3s ease-in-out;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

@keyframes fadeIn-tracking {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal-header-tracking {
    padding: 20px;
    font-size: 1.2rem;
    font-weight: bold;
    background: #f8f9fa;
    border-bottom: 1px solid #e0e0e0;
}

.modal-map-tracking {
    height: 300px;
    width: 100%;
}

.modal-footer-tracking {
    padding: 15px 20px;
    display: flex;
    justify-content: flex-end;
    background: #f8f9fa;
    border-top: 1px solid #e0e0e0;
}

.waze-button-tracking {
    background: #05c8f9;
    color: white;
    border: none;
    padding: 10px 18px;
    font-weight: 600;
    border-radius: 12px;
    cursor: pointer;
    transition: 0.3s;
}

.waze-button-tracking:hover {
    background: #029fcf;
}
.modal-close-tracking {
    position: absolute;
    top: 12px;
    right: 15px;
    background: #f59448;
    border: none;
    font-size: 1.1rem;
    cursor: pointer;
    color: white;
    border-radius: 5px;
}

.modal-close-tracking:hover {
    color: #000;
}

form#frm2 {
    position: relative;
}

.operationsWrapper {
    display: flex;
    justify-content: center;
}

@media (max-width: 1200px) {
    a.calculNet {
        height: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .statutWrapper div {
        flex: 0 0 calc(24%) !important;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .statutWrapper div {
        flex: 0 0 calc(31%) !important;
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .statutWrapper div {
        flex: 0 0 calc(47%) !important;
    }
}

.statutWrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 15px;
    margin: 0px auto;
    flex-wrap: wrap;
}

.statuBlue span {
    width: 105px;
}

.statutWrapper div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    flex: 0 0 calc(19%);
}

.wp-float {
    position: fixed;
    width: 55px;
    height: 55px;
    bottom: 100px;
    right: 31px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    font-size: 30px;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
}

.invoiceButtons {
    margin-top: 30px;
}

.invoiceBodyTable .input-number {
    width: 120px;
    height: 50px;
    display: flex;
    font-size: 16px;
    align-items: center;
    justify-content: center;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
}

div#invoice .invoiceBodyTable .form-control {
    color: black !important;
    background-color: white !important;
    border: none !important;
}

.invoiceBodyTable .input-number__add,
.invoiceBodyTable .input-number__sub {
    color: black !important;
}

.invoiceBodyTable td.toHideInPrint {
    text-align: center !important;
}

input.dataListInNewRow {
    border: 1px solid lightgrey;
    height: 50px;
    border-radius: 5px;
    padding-left: 5px;
}

.deleteRow {
    background: lightgrey;
    color: #636363;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px;
    margin: 0px auto;
    cursor: pointer;
}

button.addNewROW {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

tbody#FicheRetourTableBody ul.dtr-details li:last-child span.dtr-data {
    background: transparent !important;
}

.tableFooter td {
    text-align: center;
    padding-top: 20px;
}

.promotion_item a.calculNet {
    height: 16px !important;
    display: block !important;
    margin-left: 0px !important;
    margin-top: 15px !important;
}

tbody#panierTableBody tr td:first-child {
    display: flex;
    align-items: center;
    height: 126px;
    justify-content: center;
}

.checkout-page-one .invoiceNote {
    text-align: center;
}

.search__button--end {
    color: #404040 !important;
}

select#searchSelectFilter {
    width: 170px;
    border: none;
    border-radius: 3px 0px 0px 3px;
    background: #ededed;
    border-right: 1px solid #dddddd;
    color: grey;
    padding: 0px 5px;
    cursor: pointer;
}

form#frm {
    position: relative;
    width: 100%;
}

.mobile-menu__setting.notification_sm {
    display: none;
}

div#FicheRetour_paginate {
    margin-top: 50px;
}

div#FicheRetour_wrapper {
    overflow: hidden;
}

div#EnteteReleve_paginate {
    margin-top: 50px;
}

input#CT_Num,
input#E_Exp,
input#DO_Souche,
input#DO_Tiers,
.transportWrapper input {
    color: #6c757d;
    border: 0px solid #f1f1f1;
    text-align: left;
    display: block;
    width: 100%;
    height: 60px;
    font-size: 19px;
    padding: 10px;
    border-radius: 5px;
    background: #f5f5f5;
    cursor: pointer;
}

.account-banner {
    margin-top: 40px;
}

.modalInTab.show {
    visibility: visible;
    opacity: 1;
}

span.indicator__icon {
    fill: black !important;
}

span.indicator__icon.favorisHeart svg {
    fill: #f7943d;
}

.dataTables_info {
    color: grey !important;
    margin-top: 60px;
}

.apexcharts-legend-series span.apexcharts-legend-text {
    color: grey !important;
}

ul.dtr-details li:last-child span.dtr-data {
    display: flex;
    justify-content: center;
}

button.dt-button span {
    font-size: 15px !important;
}

a.operationPrint i,
a.openModal-tracking i {
    color: white;
    border-radius: 5px;
    line-height: 16px;
    font-size: 17px;
    width: 65px;
    height: 35px;
    padding: 9px 0px;
    text-align: center;
    background: #d7c8bb; /* Old browsers */
    background: -moz-linear-gradient(top, #d7c8bb 0%, #8a8a8a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d7c8bb), color-stop(100%, #8a8a8a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d7c8bb 0%, #8a8a8a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d7c8bb 0%, #8a8a8a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d7c8bb 0%, #8a8a8a 100%); /* IE10+ */
    background: linear-gradient(top, #d7c8bb 0%, #8a8a8a 100%); /* W3C */
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px auto;
}

a.openModal-tracking i {
    background: #87ceeb !important; /* Fallback for old browsers */
    background: -moz-linear-gradient(top, #87ceeb 0%, #4682b4 100%) !important; /* Firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #87ceeb), color-stop(100%, #4682b4)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #87ceeb 0%, #4682b4 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #87ceeb 0%, #4682b4 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #87ceeb 0%, #4682b4 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #87ceeb 0%, #4682b4 100%) !important; /* W3C */

}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {
    color: rgb(247 148 61) !important;
}

a.paginate_button {
    background: #cac9c9 !important;
}

.dataTables_wrapper {
    border: none;
    border-radius: 5px;
    padding: 20px;
}

th.sorting {
    color: grey;
}

div#commandesRepresentant_paginate,
div#commandesClient_paginate {
    margin-top: 60px;
}

.apexcharts-svg text {
    fill: #ffffff;
    font-family: 'Roboto' !important;
    letter-spacing: 1px;
    font-size: 16px;
}

.apexcharts-title-text,
.apexcharts-menu-icon svg path:nth-child(2) {
    fill: #5e5e5e !important;
}

.apexcharts-menu-icon svg path:nth-child(2) {
    fill: white;
}

.apexcharts-toolbar {
    right: -6px !important;
}

.grid-item {
    padding: 10px;
}

.grid-item.nouvel-arrivage.col-sm-6.col-md-4 {
    width: 450px;
    height: 450px;
}

.grid-item.promotion-offre.col-sm-6.col-md-4 {
    width: 450px;
    height: 627px;
}

#grid {
    position: relative;
    height: 3060.31px !important;

}

h1.offrePageTitle {
    text-align: center;
    margin: 40px auto;
    color: black;
}

.btn-group-filter > .changeBtnBg:last-child {
    border-radius: 0px 10px 10px 0px;
}

.btn-group-filter > .changeBtnBg:first-child {
    border-radius: 10px;
}

button.operationPrint {
    border: none;
    outline: none;
    padding: 4px 9px;
    background: #1469ed;
    color: white;
    border-radius: 5px;
    font-size: 18px;
    margin: 0px auto;
    display: block;
}

button.updateMdp {
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 30px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}

button.confirmUpdate {
    padding: 10px 15px;
    border-radius: 5px;
    border: none;
    background: orange;
    color: white;
    width: 100%;
    margin-top: 17px;
}

.mdpInputs {
    display: none;
    border: solid 1px #4c4545;
    padding: 15px 12px;
    border-radius: 5px;
}

.mdpInput-one label,
.mdpInput-two label,
.mdpInput-three label {
    margin-bottom: 10px;
    color: white;

}

.mdpInput-one input,
.mdpInput-two input,
.mdpInput-three input {
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    margin-bottom: 20px;
    width: 100%;
}

.offreWrapper {
    margin-bottom: 100px;
}

h1.offrePageTitle {
    text-align: center;
    margin: 40px auto;
    color: black;
}

.changeBtnBg {
    background: #d3d3d3 !important;
    color: white !important;
    padding: 15px 25px !important;
    border-radius: 10px;
}

button.btn.changeBtnBg.active.btn-secondary {
    background: #F7943D !important;
}

.btn-toolbar {
    margin: 20px auto 70px auto;
}

.interior {
    position: absolute;
}

.meta {
    opacity: 0.2;
    transition: opacity .5s;
    float: left;
    clear: left;
    padding: 0 5px;
    background: rgba(255, 255, 255, 0.7);
}

.grid-item:hover .meta {
    opacity: 1;
}

.grid-item img {
    width: 100%;
    height: auto;
    border: 1px solid lightgrey;
    border-radius: 10px;
    cursor: pointer;
}

.st0 {
    fill: black;
    stroke-width: 4px;
    stroke: black;
}

.indicator__icon, .filters-button__icon, .mobile-indicator__icon {
    fill: white !important;
}

.wishlist__product-name a:last-child {
    color: inherit !important;
}

.swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-slide-shadow-cube.swiper-slide-shadow-right {
    background: transparent !important;
}

.swiper {
    border-radius: 20px; /* Adjust the value as needed */
    overflow: hidden; /* Make sure contents don’t overflow */
}

.widget.widget-filters.widget-filters--offcanvas--always,
.widget-filters__list {
    height: 100%;
}

.block-space.block-space--layout--divider-nl.change-bg-color {
    background: #f5f5f5;
}

.block-space.block-space--layout--divider-nl.change-bg-color-two {
    background: #fafafa;
}

.view-options__body {
    display: flex;
    padding: 15px 20px;
    gap: 15px;
    flex-wrap: wrap;
}

.chrono-home .product-card__footer {
    display: flex
;
    justify-content: flex-start;
    flex-direction: column;
}

.activeClient span {
    color: white;
    background: limegreen;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px 10px;
    border-radius: 5px;
}

.blockedClient span {
    color: white;
    background: crimson;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px 10px;
    border-radius: 5px;
}

form#popupForm-fichierDeRetour {
    margin-bottom: 60px;
    border: 1px solid #323232;
    padding: 25px;
    border-radius: 5px;
    background: #262626;
}

div#popupModal-fichierDeRetour div.dataTables_wrapper {
    background: #262626;
}

span.popupForm-title {
    text-align: center;
    margin: 0px auto 60px;
    color: white;
    display: block;
    font-size: 25px;
    font-weight: 500;
}

form#popupForm-fichierDeRetour button {
    background: #f7943d;
    color: white;
    padding: 10px 35px;
    border-radius: 5px;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 19px;
    text-align: center;
    cursor: pointer;
    margin-top: 30px;
    outline: none;
}

.form-group-modal-content input,
.form-group-modal-content select.form-control {
    width: 100%;
    border-radius: 5px;
    height: 40px;
    outline: none;
    padding: 5px 10px;
    color: white;
    background: #1e1e1e;
    border: 1px solid #525151 !important
}

.form-group-modal-content label {
    width: 255px;
    margin: 0px;
    text-align: left;
}

.form-group-modal-content {
    color: white;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.form-group-modal-content {
    color: white;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.modalInTab {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    overflow: auto;
    /* Allow scrolling if content overflows */
    display: none;

}

#popupModal-fichierDeRetour {
    z-index: 9999999999999 !important; /* Make sure it's above DataTables' z-index */
}

.modal-content-wrapper {
    background-color: #3a3a3a;
    margin: 15% auto;
    padding: 40px;
    border-radius: 8px;
    width: 70%;
    position: relative;
}

.form-group-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.paginate_button.next:not(.disabled),
.paginate_button.previous:not(.disabled) {
    background-color: white !important;
    background: white !important;
}

.dataTables_paginate .paginate_button.next:not(.disabled):hover,
.dataTables_paginate .paginate_button.previous:not(.disabled):hover {
    color: black !important;
}

.close-modal-content {
    height: 50px;
    position: absolute;
    top: 17px;
    right: 17px;
    font-size: 40px;
    cursor: pointer;
    color: black;
    background: white;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.form-group {
    margin-bottom: 15px;
}

.operationButtons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

button.operationPopUp {
    outline: none;
    padding: 4px 9px;
    background: skyblue;
    color: white;
    border-radius: 5px;
    font-size: 18px;
    margin: 0px auto;
    display: flex;
    height: 35px;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    border: none;

}

button.operationPopUp i {
    font-size: 16px !important;
}

div.dt-container .dt-search input {
    border: 1px solid #525151 !important;
    border-radius: 3px;
    padding: 5px !important;
    background-color: #1e1e1e !important;
    color: white !important;
    margin-left: 3px;
}

.form-section-two {
    margin-bottom: 50px;
}

input#valider {
    margin-top: 20px !important;
}

.my-account-dashboard div#table__one_wrapper,
.form-section-two,
div#table__two_wrapper {
    border: 1px solid #cecece;
    border-radius: 5px;
    padding: 10px;
}

span.tableTitleTab {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    display: flex;
    margin: 50px auto;
    background: #dcdcdc;
    color: #727272;
    padding: 7px 10px;
    justify-content: center;
    align-items: center;
    width: 300px;
    border-radius: 5px;
    position: relative;
}

span.tableTitleTab::before, span.tableTitleTab::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -50%;

    border: 1px solid #d1d1d1;

    width: 50%;
}

span.tableTitleTab::after {
    left: auto !important;
    right: -50%;
}

.btn-danger {
    color: #fff;
    background-color: #741c24 !important;
    border-color: #dc3545;
}

.btn-success {
    color: #fff;
    background-color: #135e25 !important;
    border-color: #1e7e34;
}

td.dataTables_empty {
    text-align: center !important;
}

.wishlist .dataTables_wrapper .dataTables_paginate .paginate_button.current, .wishlist .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: black !important;
}

table#wishlist__table {
    margin-bottom: 7%;
    width: 100% !important;
}

td.wishlist__column.wishlist__column--body.wishlist__column--remove {
    text-align: center;
}

th.wishlist__column.wishlist__column--head.wishlist__column--stock.sorting {
    text-align: center;
}

.widget-filters__actions.d-flex .checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
}

.widget-filters__actions.d-flex .checkbox, a.btn.btn-secondary.btn-sm.btn-actualiser {

    border-radius: 5px;
    height: 40px;
}

button.sidebar__close {
    background: none !important;
}

.view-options__select.fixWidth {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.wishlist {
    padding: 20px;
}

span.indicator__icon.favorisHeart {
    padding-top: 5px;
    padding-left: 5px;
}

.products-list__item.chrono_item button.wishlist-button {
    right: auto !important;
    top: 1% !important;
}

.panierFormInputs-three .formInputWrapper:first-child label {
    text-align: left !important;
}

.formInputWrapper input#CT_Num, .formInputWrapper input#E_Exp {
    width: 100%;
    border-radius: 5px;
    border: none;
    height: 45px;
    padding: 5px 10px;
    background: #ebebeb;
    appearance: none;
    -moz-appearance: none;
    color: black !important;
}

.formInputWrapper input#CT_Num input::-webkit-calendar-picker-indicator,
.formInputWrapper input#E_Exp input::-webkit-calendar-picker-indicator {
    display: none !important;
    -webkit-appearance: none;
    opacity: 0;
    width: 0px;
    height: 0px;
    pointer-events: none;
}

.formInputWrapper input#CT_Num:hover::-webkit-calendar-picker-indicator,
.formInputWrapper input#E_Exp:hover::-webkit-calendar-picker-indicator {
    caret-color: transparent !important; /* Hides the blinking cursor */
    outline: none !important;
    color: white !important;

}

.formInputWrapper input#CT_Num:focus,
.formInputWrapper input#E_Exp:focus {
    caret-color: transparent !important; /* Hides the blinking cursor */
    outline: none !important;
}

.panierFormInputs-three .formInputWrapper label {
    width: 41%;
    text-align: right;
}

.panierFormInputs-three .error-message {
    position: absolute;
    top: 50px;
    left: 32%;
}

.panierFormInputs-three {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
}

span.account-name {
    color: #f7943d;
}

.widget-filters__actions.d-flex .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    color: white;
    gap: 9px;
}

.widget-filters__actions.d-flex .btn i {
    padding: 15px 8px !important;
    line-height: 0px !important;
    background: #dfdfdf;
    border-radius: 5px;
    color: black;
}

.panierArticleImg span {
    display: flex;
    position: absolute;
    z-index: 9999;
    top: -4%;
    right: -8%;
    color: white;
    background: black;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 12px;
    border: 1px solid white;
    text-transform: lowercase;
    padding: 1px 6px;
}

input[type='radio']:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: white;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #F7943D;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

form.offreRadioBtn {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.offreRadioBtn-group-one,
.offreRadioBtn-group-two {
    display: flex;
    align-items: center;
    gap: 10px;
}

.offreRadioBtn-group-one label,
.offreRadioBtn-group-two label {
    margin: 0px;
    font-size: 17px;
}

tbody#panierTableBody input[type="radio"] {
    transform: scale(1.5); /* Adjust the scale as needed */
    margin: 0; /* Remove the default margin */
    cursor: pointer;
}

td.panierQuantityContainer .form-control {

    border-radius: 5px;
}

table.dataTable thead {
    color: #202020;
    background: #d3d3d3;
}

#panier-table tbody tr:nth-child(odd), tr.wishlist__row.wishlist__row--body.odd, table.dataTable tbody tr.odd {
    background-color: #efefef !important;
}

#panier-table tbody tr:nth-child(even), tr.wishlist__row.wishlist__row--body.even, table.dataTable tbody tr.even {
    background-color: #f9f9f9 !important;
}

#panier-table td:nth-child(3) a {
    width: 270px;
    white-space: pre-wrap;
    font-size: 14px;
    display: block;
}

#panier-table th:nth-child(8),
#panier-table td:nth-child(8) {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#panier-table td:nth-child(8) input {
    width: 100px !important;
    background: #dcdcdc;
    border: none;
    color: grey;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 5px;
}

tbody#panierTableBody tr td:last-child,
td#totalPanier {
    text-align: right;
}

tbody#panierTableBody tr td:nth-child(8),
tbody#panierTableBody tr td:nth-child(5) {
    text-align: center;
}

tbody#panierTableBody tr td:nth-child(7) {
    padding-left: 36px;
}

#panier-table tr:last-child {
    border-bottom: none;
}

table.dataTable.display > tbody > tr:last-child > td,
table.dataTable.display > tbody tr:last-child > .sorting_1 {
    box-shadow: none !important;
    border: none !important;
}

td.panierBrut,
tbody#panierTableBody td:last-child {
    color: #383838 !important;
}

td.totalPanierTable,
td#totalPanier {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
    padding-top: 30px !important;
    padding-bottom: 30px;
}

td.totalPanierTable {
    float: right;
}

.site__body.cart-page a.paginate_button.current {
    color: black !important;
}

.cartSideBar-footer-container {
    width: 100%;
    overflow: hidden;
    padding: 120px 0px;
}

.cartSideBar-header-container {
    width: 100%;
    overflow: hidden;
    padding: 50px 0px;
}

.cartSideBar-body p {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0px;
}


div#panier-table_info,
div#panier-table_paginate {
    color: white;
}

table#panier-table {
    margin-bottom: 90px;
}

}

#panier-table th:nth-child(3), #panier-table td:nth-child(3) {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cartSideBar-body {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    flex-direction: column;
    height: 100%;

}

.chrono_item .product-card .remise.fixPos.product-card__price--old {
    right: auto !important;
    left: 2% !important;
    top: auto !important;
    bottom: 13% !important;
}

.chrono-home .product-card button.wishlist-button {
    left: initial !important;
    right: 2% !important;
    bottom: initial !important;
    top: 8% !important;
}

.chrono-home {
    bottom: 2% !important;
    left: 2%;
}

.formInputWrapper input[type="text"] {
    width: 100%;
    border: none;
    border-radius: 5px;
    height: 37px;
    padding: 2px 9px;
    background: #252525;
    color: white;
}

.formInputWrapper textarea {
    width: 100%;
    border: none;
    border-radius: 5px;
    padding: 2px 9px;
    background: #ebebeb;
    color: black;
}

.panierFormInputs {
    width: 100%;
}

.formInputWrapper label {
    width: 10%;
    margin: 0px;
    color: #000000;
    text-align: left;
}

.panierForm form {
    width: 100%;
}

.dataTableWrapper.reduceMarginTop {
    width: 100%;
    margin-bottom: 30px;
    padding: 15px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.panierFormButtons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 20px;
    margin-bottom: 50px;
}

.panierFormButtons button:first-child,
.panierFormButtons button:last-child {
    color: white;
    border: none;
    width: 45%;
    padding: 10px 0px;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 600;
    outline: none !important;
}

.panierFormButtons button:last-child {
    outline: none
}

#dataListInput, #dataListInput_one, #dataListInput_two, #dataListInput_three, #dataListInput_four, #dataListInput_five,
#dataListPanier_one,
#dataListPanier_two,
#dataListPanier_three {
    width: 100%;
    padding: 6px 10px;
    border: none;
    border-radius: 5px;
    font-size: 17px;
    background: #252525;
    color: white;
}

.panierForm {
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.submitPanier button.btn.btn-block.btn-dark {
    width: 90%;
    float: right;
    height: 55px;
    background: #f7943d;
    outline: none;
    text-transform: uppercase;
    gap: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    border-radius: 5px;
}

.formInputWrapper {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
    position: relative;
}

.submitPanier {
    width: 100%;
}

td.totalPanier {
    float: right;
}

table#panier-table tfoot {
    color: white;
}

td.panierQuantityContainer .input-number {
    width: 100px;
}

td.panierBrut a.calculNet {
    margin: 0px;
}

.panierArticleImg {
    width: 100px;
    background: white;
    border-radius: 5px;
    padding: 10px;
    height: 100px;
    display: flex;
    justify-content: center;
    position: relative;
}

.panierArticleImg img {
    width: 100%;
    border-radius: 5px;
    object-fit: contain;
}

img.sideBar24Icon {
    position: absolute;
    top: -16%;
    right: -19%;
    width: 40% !important;
}

.sideBarItem:last-child {
    margin-bottom: 70px;
}

.sideBarItem:first-child {

}

.cartSideBar-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 20px;
    position: fixed;
    bottom: 0;
    background: white;
    color: black;
    height: 60px;
    padding: 0px 22px;
    text-transform: uppercase;
    border-top: 5px solid #f7943d;
    font-weight: 500;
}

.sideBarItem-left {
    flex: 0 0 30%;
    background: white;
    border-radius: 5px;
    position: relative;
    margin-right: 12px;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.sideBarItem-right {
    flex: 0 0 61%;
    text-align: left;
    display: flex;
    flex-direction: column;

}

.sidebarItemName {
    width: 195px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.sideBarNumItem {
    color: #f7943d;
}

.sideBarItemClose button {
    position: absolute;
    top: -5%;
    right: -1%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    color: black;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    line-height: 20px;
    border: none;
    outline: none;
}

.sideBarItem {
    color: white;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #272727;
    padding: 15px 15px 15px 5px;
    border-radius: 5px;
    border: 1px solid #3f3f3f;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    margin-bottom: 10px;
    position: relative;
    width: 92%;
    margin-left: 15px;
    height: 130px;
}

.sideBarItem-left img {
    width: 80%;
    border-radius: 5px;
    padding: 10px;
}

.cartSideBar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px 20px 20px;
    position: fixed;
    transition: background 0.3s ease-in-out;
    top: 0%;
    z-index: 999;
    width: 100%;
}

.cartSideBar-header h4 {
    margin: 0px;
    text-transform: uppercase;
    color: white;
}

.cartSideBar-header a {
    border: none;
    padding: 5px 15px;
    border-radius: 5px;
    font-weight: 500;
    outline: none;
    background: #F7943D;
    color: white;
    display: block;
}

button#closeBtnSideBar {
    position: absolute;
    top: 2%;
    left: -15%;
    border: none;
    background: white;
    border-radius: 5px;
    font-size: 30px;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 30px;
    outline: none;
}

.btnSliderRelative {
    position: relative;
    width: 100%;
    overflow-y: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Webkit Browsers (Chrome, Edge, Safari) */
.btnSliderRelative::-webkit-scrollbar {
    width: 5px; /* Adjust the scrollbar width */
}

.btnSliderRelative::-webkit-scrollbar-thumb {
    background-color: white; /* White scroll thumb */
    border-radius: 10px; /* Rounded edges */
}

.btnSliderRelative::-webkit-scrollbar-track {
    background: transparent; /* Hide the scrollbar track */
}

#overlaySidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent black */
    display: none; /* Initially hidden */
    z-index: 999;
}

/* Style for the sidebar */

#MyCartSideBar {
    height: 100%;
    width: 400px;
    position: fixed;
    top: 0;
    right: -400px; /* Start off the screen */
    background-color: #343434;
    transition: transform 0.5s ease; /* Animating with transform */
    color: white;
    text-align: center;
    z-index: 99999999999999;
}

/* Sidebar content */
#MyCartSideBar h2 {
    color: white;
}

/* Style for the close button */
.closeBtnSideBar {
    font-size: 36px;
    color: white;
    border: none;
    background: none;
    position: absolute;
    top: 10px;
    right: 25px;
    cursor: pointer;
}

.crimson {
    color: crimson !important; /* Crimson color for the solid heart */
}

.chrono .bottomFooterWrapper {
    display: none;
}

span.famille-shop-banner img {
    width: 100%;
    border-radius: 10px;
    margin: 50px auto;
}

.cartLogoProduct {
    position: absolute;
    width: 18%;
    bottom: 2%;
    left: 2%;
    z-index: 9;
    border-radius: 5px;
    border: 1px solid lightgrey;
}

.cartLogoProduct img {
    width: 100%;
}

.category-card__info {
    border-radius: 0px 0px 5px 5px;
}

.block.search-section,
.change-bg-color-carte {
    background: whitesmoke;
}

.batterieProducts {
    margin-bottom: 8%;
}

.batterie-content-wrapper {
    margin: 40px auto 60px auto;
}

.batterie-header img {
    margin: 40px auto 0px auto;
    width: 100%;
    display: block;
    border-radius: 5px;
}

.batterie-categories-container {
    margin-bottom: 40px;
    padding: 20px;
    position: relative;
    background: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.batterie-category h3 {
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
}

.batterie-category img {
    width: 100%;
    border-radius: 10px;
    padding: 5px;
}

.batterie-category-image,
.batterie-category-title {

    text-align: center;
    position: relative;
    vertical-align: middle;
}

.batterie-category {
    margin-bottom: 15px;
    text-align: center;
}

.batterie-category:last-child,
.batterie-category:last-child h3 {
    margin: 0px !important;
}

.batterie-category-title::before {
    content: '';
    z-index: -2;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    position: absolute;
    width: 99999px;
    height: 99999px;
    background-repeat: no-repeat;
    background-position: 0 0;
    animation: rotate 4s linear infinite;
}

.batterie-category-title::before {
    background-image: conic-gradient(rgba(0, 0, 0, 0), #F7943D, rgba(0, 0, 0, 0) 25%);
}

.batterie-category-link h3 span {
    color: white !important;
}

.batterie-category-title::after {
    content: '';
    position: absolute;
    z-index: -1;
    /* border width */
    left: 5px;
    top: 5px;
    /* double the px from the border width left */
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    /*bg color*/
    background: #1E1E1E;
    /*box border radius*/
    border-radius: 7px;
}

.batterie-category-title {
    margin-bottom: 20px;
    overflow: hidden;
    z-index: 0;
    border-radius: 10px;
}

.batterie-category-link h3 span {
    color: black !important;
}

.autoplay-progress {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 10;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #F7943D;
}

.autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 4px;
    stroke: #F7943D;
    fill: none;
    stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
}

.swiper-button-next, .swiper-button-prev {

    color: #F7943D !important;
    background: white !important;
    padding: 10px 5px !important;
    border-radius: 5px;

}

/* Customize the size of the arrows */
.swiper-button-next,
.swiper-button-prev {
    width: 30px !important; /* Adjust the width */
    height: 50px !important; /* Adjust the height */
}

/* Optionally, customize the arrow icon size */
.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 20px !important; /* Adjust the font size of the arrow icon */
    font-weight: bold;
}

.swiper-pagination-bullet-active {
    background: #F7943D !important;
}

.batterieSlider {
    margin: 3% auto;
}

.imgSwiper {
    border-radius: 7px;
}

.imgSwiper img {
    width: 100%;
    border-radius: 7px;
    position: relative;
    z-index: 9;
}

/*********************************/

input.questionSubmit {
    border: none;
    background: orange;
    color: white;
    padding: 7px 30px;
    margin-top: 15px;
    border-radius: 5px;
    font-size: 20px;
}

textarea.questionInput {
    display: flex;
    width: 40%;
    background: white;
    border: 1px solid lightgrey !important;
    border-radius: 5px;
    color: white;
    padding: 15px;
}

.questionnaire table th,
.questionnaire table td {
    background: whitesmoke;
    color: black;
}

.questionnaire table th:first-child {
    border-top-left-radius: 10px;
}

.questionnaire table th:last-child {
    border-top-right-radius: 10px;
}

.questionnaire table tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

.questionnaire table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

.questionnaire input.row-checkbox {
    width: 20px;
    height: 20px;
}

.questionWrapper {
    margin: 6% auto;
}

.questionnaire {
    padding: 30px;
    background: whitesmoke;
    border-radius: 10px;
}

p.questionArabic {
    text-align: right;
    direction: rtl;
    margin-top: 60px;
}

.questionParagraph {
    color: black;
    font-size: 20px;
    margin-bottom: 10%;
    line-height: 40px;
}

h1.table-title {
    color: black;
    text-align: center;
    margin-bottom: 6%;
    font-size: 30px;
}

textarea.questionInput {
    display: flex;
    width: 40%;
}

.questionnaire table {
    border: none;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;

}

.questionnaire table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
}

.questionnaire table tr {
    border: none !important;
    padding: .35em;
}

.questionnaire table th,
.questionnaire table td {
    padding: .625em;
    text-align: center;

    border: 1px solid lightgrey;
}

.questionnaire table th {
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase;
}

@media screen and (max-width: 768px) {
    .questionnaire table {
        border: 0;
    }

    .questionnaire table caption {
        font-size: 1.3em;
    }

    .questionnaire table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .questionnaire table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }

    .questionnaire table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }

    .questionnaire table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
        margin-right: 9%;
    }

    textarea.questionInput {
        display: flex;
        width: 100% !important;
    }

    .reponsiveToRight {
        text-align: left !important;
    }
}

img.cardOfProduct {
    width: 50% !important;
    margin: 0px auto;
    display: flex;
    margin-top: 15px;
}

a.main-menu__link .menu-arrow-down {
    position: absolute;
    right: 9%;
    top: 11px;
    font-size: 14px;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000; /* Make sure the navbar stays on top of other content */
}

li.page-item.page-item--dots .page-link {
    background: transparent;
    color: white !important;
}

.page-link__arrow {

}

a.page-link {
    width: 33px;
    height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

.block-split__item.block-split__item-content {
    width: 100%;
}

.category-card__name {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 75px;
}

.resultat_item .product-card__name div a:nth-child(2) {

    height: 52px !important;
    width: 232px;
}

.remise.remise-new.fixPos {
    background: limegreen;
    top: auto !important;
    right: auto !important;
    bottom: 2%;
    left: 2%;
}

.product-card__price.product-card__price--current span.brut {
    font-size: 18px !important;
}

.chrono button.wishlist-button {
    left: 0%;
    right: initial !important;
    bottom: 47%;
    top: initial !important;
}

/* Loader styles */
.loader-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* Loader styles */
.login-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    background: black;
}

/* Hide content by default */
.site {
    visibility: hidden;
}

@media (min-width: 991px) and (max-width: 1200px) {
    .loader-image {
        width: 20%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .loader-image {
        width: 20%;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .loader-image {
        width: 25%;
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .loader-image {
        width: 35%;
    }
}

@media (min-width: 320px) and (max-width: 360px) {
    .loader-image {
        width: 35%;
    }
}

/*****************************************************************************
******************************* General css **********************************
*****************************************************************************/
::-webkit-calendar-picker-indicator {
    filter: invert(-1);
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: none;
}

.not-visible {
    visibility: hidden;
}

datalist {
    position: absolute;
    background-color: white;
    border-radius: 0 0 5px 5px;
    border-top: none;
    font-family: sans-serif;
    width: 100%;
    padding: 5px;
    max-height: 10rem;
    overflow-y: auto;
    z-index: 9;
    margin-top: 1%;
}

option {
    background-color: white;
    padding: 4px;
    color: #31353D;
    margin-bottom: 1px;
    font-size: 18px;
    cursor: pointer;
}

input::-webkit-date-and-time-value {
    text-align: left !important;
    margin-top: -5px !important;
}

/* Style the month input field */
input[type="month"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M19 3h-2V1h-2v2H9V1H7v2H5c-1.1 0-1.99.9-1.99 2L3 19c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5 19V7h14v12H5z'/%3E%3C/svg%3E%0A") !important; /* Use Font Awesome calendar icon */
    background-repeat: no-repeat !important;
    background-position: right 10px center !important; /* Position icon on the right side */
    -webkit-appearance: none !important; /* Remove iOS default appearance */
    appearance: none !important; /* Remove Android default appearance */
}

.monthYearWrapper input[type="month"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 3h-2V1h-2v2H9V1H7v2H5c-1.1 0-1.99.9-1.99 2L3 19c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5 19V7h14v12H5z'/%3E%3C/svg%3E%0A") !important; /* Use Font Awesome calendar icon */

}

/* Optional: Remove the default input arrow on iOS */
input[type="month"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

input[type="month"]::-webkit-calendar-picker-indicator {
    display: none !important;
}

.bottom_Pagination {
    margin: 0px auto;
}

.displayInline {
    display: inline-block;
}

.centerThis {
    text-align: center;
}

h1.block-header__title {
    text-align: center;
}

.no-scroll {
    overflow-y: hidden;
}

ol,
ul,
dl {
    list-style: none;
}

/*------------------------------------
-----select input (tri par ....)------
------------------------------------*/

.search-page select#view-option-limit {
    width: 55px !important;
}

/*****************************************************************************
******************************* Other css ************************************
*****************************************************************************/
.notification a:hover {
    color: black;
}

.products-list__item {
    margin: 8px;
    /* Adds separation between items */
    box-sizing: border-box;
    /* Ensures padding/margin are included in the width */
}

.imgFileWrapper a:hover {
    color: orange;
}

.input__datalist {
    position: relative;
    height: 40px;
    margin-bottom: 40px;
}

.products-list__item {
    margin: 8px;
    /* Adds separation between items */
    box-sizing: border-box;
    /* Ensures padding/margin are included in the width */
}

span.filters-button__icon, span.filters-button__title {
    display: inline-block;
}

.view-options__select.fixWidth {

}

.product-card {
    border-radius: 7px;
}

.product-card__footer, .product-card__info {
    padding: 0px 10px 10px 10px;
}

.aroma-item .product-card__footer, .aroma-item .product-card__info,
.promotion_item .product-card__footer, .promotion_item .product-card__info,
.nouveaute_item .product-card__footer, .nouveaute_item .product-card__info,
.boutique_item .product-card__footer, .boutique_item .product-card__info,
.chrono_item .product-card__footer, .chrono_item .product-card__info,
.resultat_item .product-card__footer, .resultat_item .product-card__info {
    padding: 10px !important;
}

.margin-bottom {
    margin-top: 25px;
}

.filtration,
.capcarrosserie,
.capservice {
    padding: 70px 0px;
}

body.logoPathTarget .site__body,
.contact-page,
.cart-page {
    padding: 80px 0px;
}

a.calculNet:hover {
    color: #F7943D;
}

.search__input {
    color: black !important;
}

.filtration-img img {
    width: 100%;
}

.fixPos-promotion,
.fixPos-results {
    top: -8.3% !important;
}

.image.image--type--product {
    background: white;
    border-radius: 5px !important;
}

/*------------------------------------
--------- night / day switch  --------
------------------------------------*/

.fixBg .input-number__input,
.fixBg-b .input-number__input,
.fixBg-c .input-number__input {

    border: 1px solid white !important;
    background: white !important;
    color: #6b6b6b !important;
}

.fixBg .input-number__add,
.fixBg .input-number__sub,
.fixBg-b .input-number__add,
.fixBg-b .input-number__sub,
.fixBg-c .input-number__add,
.fixBg-c .input-number__sub {
    color: #6b6b6b !important;
}

.shop-grid {
    background: #fafafa !important;
}

:root {
    --darkbg: #333333;
    --darkt: white;
    --darkbr-bt: 1px solid #ebebeb;
    --lightbg: #fff;
    --lightt: #D43370;

    --toggleHeight: 16em;
    --toggleWidth: 45em;
    --toggleBtnRadius: 10em;

    --bgColor--night: transparent;
    --toggleBtn-bgColor--night: var(--bgColor--night);
    --mooncolor: grey;
    --bgColor--day: #9ee3fb;
    --toggleBtn-bgColor--day: var(--bgColor--day);
}

.dark {
    background: var(--lightbg);
    color: var(--lightt);
}

.tdnn {
    margin: 0 auto;
    /*change size of toggle with font-size*/
    font-size: 9%;
    margin-top: 6em;
    margin-right: 10em;
    position: relative;
    height: var(--toggleHeight);
    width: var(--toggleWidth);
    border-radius: var(--toggleHeight);
    transition: all 500ms ease-in-out;
    background: white;
    cursor: pointer;
}

.day {
    background: #FFBF71;
}

.moon {
    position: absolute;
    display: block;
    border-radius: 50%;
    transition: all 400ms ease-in-out;
    top: 3em;
    left: 5em;
    transform: rotate(-75deg);
    width: var(--toggleBtnRadius);
    height: var(--toggleBtnRadius);
    background: var(--bgColor--night);
    box-shadow: 3em 2.5em 0 0em var(--mooncolor) inset,
    rgba(0, 0, 0, 0.2) 0em -7em 0 -4.5em,
    rgba(0, 0, 0, 0.2) 3em 7em 0 -4.5em,
    rgba(0, 0, 0, 0.2) 2em 13em 0 -4em,
    rgba(0, 0, 0, 0.2) 6em 2em 0 -4.1em,
    rgba(0, 0, 0, 0.2) 8em 8em 0 -4.5em,
    rgba(0, 0, 0, 0.2) 6em 13em 0 -4.5em,
    rgba(0, 0, 0, 0.2) -4em 7em 0 -4.5em,
    rgba(0, 0, 0, 0.2) -1em 10em 0 -4.5em;
}

.sun {
    top: 4.5em;
    left: 30em;
    transform: rotate(0deg);
    width: 7em;
    height: 7em;
    background: #fff;
    box-shadow: 3em 3em 0 5em #fff inset,
    0 -5em 0 -2.7em #fff,
    3.5em -3.5em 0 -3em #fff,
    5em 0 0 -2.7em #fff,
    3.5em 3.5em 0 -3em #fff,
    0 5em 0 -2.7em #fff,
    -3.5em 3.5em 0 -3em #fff,
    -5em 0 0 -2.7em #fff,
    -3.5em -3.5em 0 -3em #fff;
}

/*------------------------------------
- nouveauté + promotion red icon css -
------------------------------------*/

a.image__body.new-product-img .new-red-icon,
a.image__body.promotion-img .promotion-red-icon {
    width: 75%;
    position: absolute;
    top: -17.8%;
    left: 13%;
}

a.image__body.promotion-img .promotion-red-icon {
    top: -18.9%;
}

img.new-red-icon {
    position: absolute;
    width: 65%;
    top: -2.2%;
    left: 18%;
    z-index: 1;
}

img.promotion-red-icon {
    position: absolute;
    top: -2.6%;
    left: 17%;
    width: 65%;
    z-index: 1;
}

/*------------------------------------
fix stock number position across pages
------------------------------------*/

.fixtop-search-page {
    top: 48% !important;
    right: 1.8% !important;
}

.fixtop-nouveaute-page {
    bottom: 2% !important;
    right: 1.8% !important;
}

.fixTop-promotion-page {
    bottom: 2% !important;
    right: 1.8% !important;
}

/*------------------------------------
--------- Filter with brands ---------
------------------------------------*/
.sidebar--offcanvas--always .sidebar__close, .products-list[data-layout="grid"] .product-card:after {
    background-color: white;
}

button.view-options__filters-button.filters-button.not-visible {
    display: none;
}

.search-input {
    background: #dfdfdf;
    color: black;
    vertical-align: middle;
    font-size: 16px;
    line-height: 2;
    padding: 5px 16px;
    border: 0;
    outline: none;
    border-radius: 5px 0px 0px 5px;
}

.search-submit {
    background: #cbc8c8;
    color: white;
    vertical-align: middle;
    padding: 9px 20px;
    border: 0;
    outline: none;
    cursor: pointer;
    border-radius: 0px 5px 5px 0px;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

span.filters-button__icon svg path {
    fill: black !important;
}

.widget-filters__actions.d-flex .btn span {
    color: #262626;
    font-weight: 400;
}

button:focus {
    outline: none !important;
}

.search-submit i {
    font-size: 24px;
}

form.search-filter .input-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.widget-filters__list {
    background: #f0f0f0;
}

.filter-list__item {
    display: inline-block !important;
    /* Align items inline */
    margin: 10px;
    /* Spacing between items */
    cursor: pointer;
    /* Change cursor on hover */
    text-align: center;
    /* Center the text and images */
}

.input-radio__input {
    display: none;
    /* Hide the default radio button */
}

.filter-list__title img {
    width: 75px;
    /* Set width to make images smaller */
    height: auto;
    /* Maintain aspect ratio */
    border: 2px solid transparent;
    /* Default border */
    transition: border-color 0.3s;
    /* Smooth transition for border color */
    border-radius: 8px;
    font-size: 11px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

/*------------------------------------
------------ modal dialog ------------
------------------------------------*/

a.designation.dialog-designation {
    color: darkgrey !important;
    height: auto !important;
    margin: 0px;
}

a.designation.dialog-designation:hover {
    color: orange;
}

span.dialog-stock {
    background: limegreen;
    color: white;
    padding: 5px;
    border-radius: 3px;
}

td.dialog-stock {
    text-align: right;
}

.modal_item .stockNumber .stockNumber_orange .stockNumber_red {
    top: 52% !important;
}

dialog.dialog-wrapper {
    background: #e1e1e1;
    border-radius: 10px;
    border: 1px solid #c3c3c3;
}

.product_modal_info {
    padding: 0 16px;
    line-height: 1.1875;
    margin-bottom: 45px;
    height: 35px;
}

.product_modal_footer {
    padding: 16px;
    border-radius: 0px 0px 6px 6px;
}

button.dialog-close {
    border: none;
    border-radius: 5px;
    background: white;
    color: black;
    outline: none;
    position: absolute;
    padding: 0px 10px;
    right: 18px;
}

.dialog-header h4 {
    display: inline-block;
    width: 100%;
    color: black;
    text-align: left;
    font-size: 27px;
}

div.associated i {
    font-size: 20px;
}

div.associated {
    position: absolute;
    top: 1%;
    left: 2.5%;
    color: orange;
    z-index: 1;
    cursor: pointer;
    height: 30px;
    width: 30px;
}

.form-dialog {
    position: relative;
    margin-top: 36px;
}

.modal_item {
    display: inline-block;
    margin: 10px;
}

/*------------------------------------
------------ mobile css --------------
------------------------------------*/
.compte-icon a {
    color: #303030;
}

.compte-icon a i {
    font-size: 16px;
    padding: 4px 8px;
    border-radius: 10%;
    margin-top: 5px;
    color: black;
}

.compte-icon a:hover {
    color: #F7943D;
}

.compte-icon {
    display: flex;
    justify-content: center;
    line-height: 35px;
    margin-right: 15px;
}

a.mobile-menu__indicator {
    position: relative;
}

a.mobile-menu__indicator .notification__counter {
    position: absolute;
    top: 0%;
    left: 69%;
    font-size: 10px;
    right: initial !important;
}

span.mobile-menu__indicator-icon svg {
    color: black;
}

/*------------------------------------
--------- notification css -----------
------------------------------------*/
.remove_padding_here {
    padding: 0px !important;
}

.mobile-menu__panel-title.mobile_notif_title {
    margin: auto 11% auto 24%;
}

.mark-read-mobile {
    padding: 4px 20px !important;
}

span.notification__counter {
    color: #ffffff;
    background: #f7943d;
    padding: 2px 5px;
    border-radius: 5px;
    position: absolute;
    right: -27%;
    top: 7%;
    font-size: 10px;
}

span.notification__counter.fix_notif_position {
    left: 19px !important;
}

.notification a {
    padding: 5px 0px 9px 0px;
    display: block;
    font-weight: 500;
    position: relative;
    color: black;
}

.notification {
    margin-right: 15px;
    color: white;
    position: relative;
    display: none;
}

.notification a i {
    font-size: 16px;
    padding: 4px 8px;
    border-radius: 10%;
    color: black;
}

.notif_position {
    position: absolute;
    display: none;
    top: 39px;
    left: 0%;
    width: 300px;
    z-index: 99999;
    overflow-y: scroll;
    height: 281px;
    border-radius: 5px;
}

/* width */
.notif_position::-webkit-scrollbar {
    width: 10px;
}

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

/* Handle */
.notif_position::-webkit-scrollbar-thumb {
    background: #f7943d;
}

/* Handle on hover */
.notif_position::-webkit-scrollbar-thumb:hover {
    background: #ffd7b3;
}

.notification-item p:first-letter {
    text-transform: uppercase;
}

.notification-wrapper {
    position: relative;
    width: 100%;
}

.notification-icon {
    position: absolute;
    cursor: pointer;
    top: -35px;
    right: 10px;
    background-color: #2d2d6e;
    padding: 10px;
    border-radius: 12px;
    color: #ffffff;
    font-size: 2em;
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notification-panel {
    background-color: whitesmoke;
    border-radius: 5px 0px 0px 5px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    padding: 10px;
}

.notification-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;
}

.notification-header h3 {

    font-weight: 900;
    font-size: 15px;
    color: #161544;
    margin: 0;
}

.mark-read {
    background-color: #ffd7b3;
    border: none;
    color: #444444;
    padding: 8px 20px;
    border-radius: 30px;
    cursor: pointer;
    font-weight: 400;
    font-size: 12px;
}

.notification-item {
    display: flex;
    align-items: start;
    padding: 9px 7px;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
}

.notread {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: #f7943d;
    opacity: 0.2;
}

.notification-item:last-child {
    border-bottom: none;
}

.notification-content {
    font-weight: 100;
    padding: 0px 7px
}

.notification-content p {
    color: #181818;
    max-width: 380px;
    width: 100%;
    margin-bottom: 6px;
    font-size: 15px;
    line-height: 25px;
}

.time {
    color: #a2a1b4;
    font-size: 12px;
}

.hidden {
    display: none;
}

/*------------------------------------
-------- go to top button css --------
------------------------------------*/

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.progress-wrap svg.progress-circle path {
    stroke: rgba(235, 186, 47, 1);
    stroke-width: 6;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap svg path {
    fill: none;
}

.progress-wrap::before {
    position: absolute;
    content: '\f062';
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    opacity: 0;
    background: black;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 2px;
    top: 2px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap::after {
    position: absolute;
    content: '\f062';
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    color: rgba(0, 0, 0, 0.3);
    left: 5px;
    top: 4px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap {
    position: fixed;
    right: 30px;
    bottom: 30px;
    height: 55px;
    width: 55px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 1);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    background-color: white;
    border: 3px solid var(--primary-color);
}

/*****************************************************************************
***************************** contact.html css *******************************
*****************************************************************************/

/*** whatsapp **/

.floaty {
    position: absolute;
    width: 60px;
    height: 60px;
    bottom: -9%;
    right: 0%;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
}

.floaty_two {
    width: 90%;
    background-color: #25d366;
    color: #FFF;
    border-radius: 5px;
    text-align: center;
    font-size: 30px;
    margin: 20px auto 0px auto;
    display: none
}

.my-float {
    margin-top: 14px;
    width: 23px !important;
}

.relative-wrap {
    position: relative;
}

p.max-width {
    width: 85%;
}

/*****************************************************************************
**************************** Reglement.html css ******************************
*****************************************************************************/

span#calendar-icon-reg {
    position: absolute;
    top: 53%;
    right: 2%;
    color: black;
    font-size: 19px;
}

.pagination__wrapper {
    margin-bottom: 100px;
}

@-webkit-keyframes leftRight {
    0% {
        -webkit-transform: translateX(0)
    }

    25% {
        -webkit-transform: translateX(-10px)
    }

    75% {
        -webkit-transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes leftRight {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(-10px)
    }

    75% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes swing {
    0% {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(10deg);
    }

    30% {
        transform: rotate(0deg);
    }

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

    50% {
        transform: rotate(0deg);
    }

    60% {
        transform: rotate(5deg);
    }

    70% {
        transform: rotate(0deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes sonar {
    0% {
        transform: scale(0.9);
        opacity: 1;
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.reg select {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='17px' width='17px' viewBox='0 0 16 16' fill='black'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") no-repeat right 10px center !important;
    background-position: calc(100% - 0.75rem) center !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    padding-right: 2rem !important;
    background-color: #f5f5f5 !important;
}

/*********** Reglement Boxes ************/

.reglementBoxWrapper {

    background: whitesmoke;
    margin-bottom: 35px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

/*=== Modal ===*/

div#confirmationModal {
    width: 100% !important;
    max-width: 400px;
}

.modal-content button {
    margin: 10px;
    padding: 10px 20px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1000;
}

.modal {
    display: none;
    position: fixed;
    top: 83%;
    left: 50%;
    width: 20%;
    height: 100%;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, -50%);
}

.modal-content {
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

#btnOui {
    background-color: #4caf50;
    color: white;
}

#btnNo {
    background-color: #f44336;
    color: white;
}

/*=== Close button ===*/

.closeBox {
    position: absolute;
    right: 0;
    top: 3%;
}

button.closeBtn {
    background: transparent;
    border: none;
    cursor: pointer;
}

button.closeBtn i {
    font-size: 20px;
    color: white;
}

/*=== Table ===*/

.reglementBoxWrapper th {
    width: 35%;
    height: 50px;
}

.reglementBoxWrapper td {
    padding-left: 8px;
}

.reglementTable {
    padding: 15px;
    margin-top: -45px;
    position: relative;
    z-index: 1;
    background: #f5f5f5;
    color: black;
}

/*=== Reglement Header ===*/

.reglementBoxHeader {
    background: rgb(247, 148, 61);
    background: linear-gradient(90deg, rgba(247, 148, 61, 1) 50%, rgba(255, 187, 128, 1) 100%);
    height: 165px;
    position: relative;
    border-radius: 10px 10px 0px 0px;
}

.reglementFullName {
    color: white;
    font-weight: 600;
    font-size: 26px;
    text-align: center;
    padding-top: 21px;
    width: 95%;
    margin: 0px auto;
}

/*=== SVG ===*/

svg#Layer_1 {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.reglementBoxHeader .deco-layer {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.reglementBoxWrapper:hover .deco-layer--1 {
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0);
}

.reglementBoxWrapper:hover .deco-layer--2 {
    -webkit-transform: translate3d(-15px, 0, 0);
    transform: translate3d(-15px, 0, 0);
}

/*=== Toggle Switch Button ===*/

.toggleContainer {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 65%;
    border: 3px solid #c6131b;
    border-radius: 20px;
    background: #c6131b;
    font-weight: bold;
    color: #343434;
    cursor: pointer;
    height: 40px;
    margin: 25px auto 15px auto;
}

.toggleContainer::before {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0%;
    border-radius: 20px;
    background: white;
    transition: all 0.3s;
}

.toggleCheckbox:checked + .toggleContainer::before {
    left: 50%;
}

.toggleContainer div {
    padding: 6px;
    text-align: center;
    z-index: 1;
}

.toggleCheckbox {
    display: none;
}

.toggleCheckbox:checked + .toggleContainer div:first-child {
    color: white;
    transition: color 0.3s;
}

.toggleCheckbox:checked + .toggleContainer div:last-child {
    color: #343434;
    transition: color 0.3s;
}

.toggleCheckbox + .toggleContainer div:first-child {
    color: #343434;
    transition: color 0.3s;
}

.toggleCheckbox + .toggleContainer div:last-child {
    color: white;
    transition: color 0.3s;
}

.toggleCheckbox:checked + .toggleContainer {
    background: #56c080;
    border-color: #56c080;

}

i.fa-solid.fa-eye,
i.fa-solid.fa-eye-slash {
    font-size: 20px;
}

/*********** Form (inputs) ************/

.form-reg {
    margin-top: 50px;
    padding: 20px;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    margin-bottom: 50px;
}

.packetNumberWrapper,
.packetDateWrapper,
.clientWrapper,
.modeWrapper,
.montantWrapper,
.dueDateWrapper,
.referenceWrapper {
    position: relative;
}

.form-reg label {
    display: block;
    text-align: left;
    font-size: 20px;
    color: white;
}

#numeroPaquet,
input#packetDate {
    background-color: #e0e0e0;
    color: #6c757d;
    border: 3px solid #f1f1f1;
    pointer-events: none;
    text-align: left;
    display: block;
    width: 85%;
    height: 60px;
    font-size: 25px;
    padding: 10px;
    border-radius: 5px;
}

input#packetDate {

    pointer-events: all !important;
    background-color: white;
}

.form-reg input[type="submit"] {
    background: #31353D;
    color: white;
    padding: 10px 35px;
    border-radius: 5px;
    border: none;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 19px;
    text-align: center;
    margin-top: 60px;
    cursor: pointer;
}

#clientNameInput,
select#modeDeReg,
#montantInput,
#dueDate,
#bdaymonth,
#referencetInput {
    color: #6c757d;
    border: 0px solid #f1f1f1;
    text-align: left;
    display: block;
    width: 100%;
    height: 60px;
    font-size: 15px;
    padding: 10px;
    border-radius: 5px;
    background: #f5f5f5;
}

.modeWrapper,
.clientWrapper,
.montantWrapper,
.dueDateWrapper,
.monthYearWrapper,
.referenceWrapper {
    margin-bottom: 40px;
    width: 100% !important;
    max-width: none !important;
}

textarea#description {
    width: 100%;
    border: 0px solid #f1f1f1;
    border-radius: 5px;
    padding: 20px;
    color: #6c757d;
    background: #f5f5f5;
}

input#dueDate {
    cursor: pointer;
}

button.deleteBtn,
button.printBtn {
    border: none;
    padding: 7px 15px;
    border-radius: 5px;
    color: white;
    background: red;
    font-weight: 500;
    outline: none;
    cursor: pointer;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
    outline: none;
}

button.printBtn {
    background: white !important;
    color: black;
    margin-top: 10px;
    margin-bottom: 30px;
}

.printBtnWrapper {
    display: flex;
    justify-content: flex-end;
}

/*****************************************************************************
**************************** boutique.html css *******************************
*****************************************************************************/

span.famille-shop-name {
    display: block;
    width: 250px;
    margin: 0px auto;
}

span.famille-shop-name img {
    width: 100%;
}

/*****************************************************************************
***************************** compte.html css *********************************
*****************************************************************************/

/*=============================== data-table ===============================*/

th.th-width, td.td-width {
    white-space: normal !important;
    width: 100%;
}

div.dt-container .dt-search input {
    border: none !important;
    padding: 5px 10px !important;
    background-color: white !important;
    color: black !important;
    border: 1px solid #e4d8d8 !important;
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
    text-align: left !important;
}

th.imageSectionWidth {
    width: 15% !important;
}

.dataTables_filter label,
div#EnteteReleve_length label {
    color: #727272;
    margin: 0px !important;
}

}
th.sorting {
    color: #818181;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #ffffff;
}

.dt-buttons, .dataTables_filter {
    margin-bottom: 60px;
}

div#accountTable_wrapper,
div#accountTable_2_wrapper {
    margin: 0px auto;
    width: 98%;
}

div.dt-buttons > .dt-button:hover:not(.disabled),
div.dt-buttons > div.dt-button-split .dt-button:hover:not(.disabled) {
    border: none;
    background: white;
}

div.dt-buttons > .dt-button {
    background: #f5f5f5 !important;
    color: #636363 !important;
    outline: none !important;
    border: none !important;
    font-size: 17px !important;
}

.dataTables_wrapper .dataTables_filter input {
    padding: 7px 10px !important;
    outline: none;
    color: black !important;
    background: #f4f4f4 !important;
    border-radius: 5px !important;
    border: 1px solid #e7e7e7 !important;
}

table#accountTable tbody .odd,
table#accountTable_2 tbody .odd,
table#accountTable_3 tbody .odd,
table#accountTable_4 tbody .odd,
table#accountTable_5 tbody .odd {
    background: #454545 !important;
    color: white;
}

table#accountTable tbody .even,
table#accountTable_2 tbody .even,
table#accountTable_3 tbody .even,
table#accountTable_4 tbody .even,
table#accountTable_5 tbody .even {
    background: #5b5b5b !important;
    color: white;
}

div.dt-buttons {
    color: white;
}

.dt-button-collection button {
    color: black !important;
}

table.dataTable tbody,
table.dataTable tbody td a {
    color: #7b7b7b;
    font-size: 14px;
}

table.dataTable tbody td:nth-child(2) a {
    color: #F7943D;

}

.dt-paging nav {
    color: white;
}

.dt-paging {
    margin-top: 25px;
}

.my-account-dashboard .dt-container .dt-paging .dt-paging-button,
.tabs.tg-tabs-content-wrapp .dt-paging nav button.dt-paging-button.current {
    color: #282626 !important;
    background: #f2f2f2;
}

.my-account-dashboard .dt-container .dt-paging .dt-paging-button:not(.current):not(.next):not(.previous):not(.last):not(.first) {
    color: black !important;
    background: transparent;
}

.my-account-dashboard .dt-container .dt-paging .dt-paging-button:not(.current):not(.next):not(.previous):not(.last):not(.first):hover {
    border: 1px solid transparent !important;
    outline: none;
}

.my-account-dashboard .dt-container .dt-paging .dt-paging-button.disabled {
    color: lightgrey !important;
}

.my-account-dashboard .dt-container .dt-paging .dt-paging-button.disabled:hover {
    color: lightgrey !important;
}

.my-account-dashboard .dt-container .dt-paging .dt-paging-button:hover {
    color: black !important;
    background: #f2f2f2;
    border: none;
}

.tabs.tg-tabs-content-wrapp .dt-paging nav button.dt-paging-button.current {

    border: none !important;
    outline: none !important;
}

.dt-buttons, .dt-search {
    width: 50%;
    display: inline-block;
}

.dt-search {
    text-align: right;
}

.dt-search label {
    color: black;
}

div.dt-container .dt-search input {
    background: #f5f5f5 !important;
    border: none;
    padding: 5px 10px;
    outline: none;
}

/*============================ Gestion Fiche de retour ============================*/

input#referencetInput,
input#bordereauInput {
    cursor: auto;
}

.form-section-two {
    padding: 20px;
}

.clientWrapper,
.transportWrapper,
.modeWrapper,
.bordereauWrapper,
.dueDateWrapper,
.referenceWrapper,
.colisWrapper,
.agencelistWrapper {
    position: relative;
}

.form-section-two label {
    display: block;
    text-align: left;
    font-size: 20px;
    color: grey;
}

.validerBtnWrapper input[type="submit"],
button#printInvoice,
button#downloadPDF,
button#viewInvoice,
button#printInvoice1{
    background: #f7943d;
    color: white;
    padding: 10px 35px;
    border-radius: 5px;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 19px;
    text-align: center;
    margin-top: 60px;
    cursor: pointer;
}

#clientNameInput,
#transportNameInput,
select#modeDeReg,
#bordereauInput,
#dueDate,
#bdaymonth,
#referencetInput,
#points,
#agenceInput,
input.flatpickr-input.flatpickr-mobile,
.dueDateWrapper .form-control.input {
    color: #6c757d;
    border: 0px solid #f1f1f1;
    text-align: left;
    display: block;
    width: 100%;
    height: 60px;
    font-size: 19px;
    padding: 10px;
    border-radius: 5px;
    background: #f5f5f5;
    cursor: pointer;
}

.modeWrapper,
.clientWrapper,
.transportWrapper,
.bordereauWrapper,
.dueDateWrapper,
.monthYearWrapper,
.referenceWrapper,
.colisWrapper,
.agencelistWrapper {
    margin-bottom: 40px;
}

/*============================ Référence non gérée ============================*/

.etatAttente,
.etatActive,
.etatFerme {
    background: #ffa500;
    font-size: 16px;
    text-align: center;
    padding: 5px 0px;
    border-radius: 5px;
    color: white;
    font-weight: 500;
}

.etatActive {
    background: limegreen;
}

.etatFerme {
    background: brown;
}

.sendInfoToTable {
    border: 1px solid #e9e2e2;
    background: #f5f5f5;
    padding: 25px;
    margin-bottom: 45px;
}

.inputReference {
    height: 100%;
    display: flex;
    align-items: center;
}

input#envoyer {
    border: none;
    padding: 7px 20px;
    border-radius: 3px;
    background: orange;
    color: white;
    font-weight: 500;
    margin-top: 10px;
}

.inputReference input {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: 1px solid lightgrey;
    padding: 15px;
    outline: none;
}

.file-upload-container {
    width: 100%;
    margin: 20px auto;
    text-align: center;
    font-family: Arial, sans-serif;
    position: relative;
}

.file-upload-label {
    display: inline-block;
    background: #979797;
    color: white;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px;
}

.file-upload-input {
    display: none;
}

.progress-bar-container {
    width: 100%;
    height: 10px;
    background: #ddd;
    border-radius: 5px;
    overflow: hidden;
    margin: 10px 0;
}

.progress-bar {
    height: 100%;
    width: 0%;
    background: #4CAF50;
    transition: width 0.3s ease-in-out;
}

.file-name {
    display: block;
    margin-top: 10px;
    color: #666;
}

.imgFileWrapper a span {
    display: inline-block;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
    vertical-align: middle;
}

button.deleteBtn {
    border: none;
    padding: 7px 15px;
    border-radius: 5px;
    color: white;
    background: red;
    font-weight: 500;
    outline: none;
    cursor: pointer;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
    outline: none;
}

.refused {
    color: red;
    font-weight: 500;
}

.accepted {
    color: limegreen;
    font-weight: 500;
}

.waiting {
    color: #f7943d;
    font-weight: 500;
}

/*============================ profile ============================*/

hr.separateLine {
    width: 100%;
    background: #323232;
    margin: 70px 0px;
}

.tg {
    border: 1px solid #f2e3e3;
    padding: 25px;
    width: 100%;
    background: whitesmoke;
    margin: 0px 10px;
}

.tg-account .account-banner .inner-banner .detail h3.user-name {
    font-size: 20px;
    margin-top: 20px;
}

.tg-tabs-content-wrapp {
    width: 100%;
    float: left;
    padding: 40px 20px;
    border: 1px solid #d7d7d7 !important;
    border-radius: 5px;
    background: #e9e9e9;
    border-radius: 5px !important;
}

.account__card .card {
    box-shadow: none !important;
    border: 1px solid #323232 !important;
    border-radius: 5px;
}

.account__details__profile_image img {
    width: 100%;
}

.account__details__profile_image {
    width: 150px;
    height: 150px;
    background: white;
    border-radius: 50%;
    text-align: center;
    padding: 14px;
    border: 5px solid #f7943d;
    float: right;
    overflow: hidden;
}

h3.user-job {
    font-size: 16px;
    text-transform: capitalize;
    font-family: sans-serif;
    color: darkgrey;
}

.account__card {
    color: #3b3b3b;
    width: 100%;
}

h1.user-name {
    text-transform: uppercase;
    font-size: 20px;
}

.account__details__info, .account__details__profile {
    display: inline-block;
    color: #3b3b3b;
}

.account-wrapper {
    height: auto !important;

    margin-bottom: 25px;
}

.account__details {
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    text-align: center;
    padding: 25px;
    gap: 25px;
    height: 100%;
    justify-content: center;
    background: #e9e9e9;
    border: 1px solid #d7d7d7;
}

.card-body {

    padding: 1rem !important;
}

.account__CD {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    width: 100%;
    border-radius: 5px;
    text-align: center;
    padding: 25px;
    gap: 25px;
    height: 100%;
    justify-content: center;
    background: #e9e9e9;
    border: 1px solid #d7d7d7;
}

.account__card .card {
    box-shadow: none !important;
    border: none !important;

    background: transparent !important;
}

.account__details__info,
.account__details__profile {
    display: inline-block;
}

.col-lg-10.account__details__info {
    padding: 3% 1%;
}

input.accountDashboardSubmit {
    border: none;
    outline: none;
    padding: 10px 35px;
    border-radius: 5px;
    background: #f0f0f0;
    color: black;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}

.dashboardMonthInput {
    text-align: center;
    border: 1px solid #ececec !important;
    padding: 20px;
    width: 100%;
    border-radius: 5px;
    appearance: none; /* Remove browser-specific styling */
    -webkit-appearance: none; /* For Safari */
    background: white;
    border-radius: 5px !important;
    margin-bottom: 55px;
}

.card_body_icon i {
    font-size: 30px;
    margin-bottom: 10px;
}

.card_body_numbers span {
    font-size: 25px;
    margin-bottom: 3px;
    display: block;
    font-weight: 500;
    color: #f7943d;
}

input#monthInput {
    border: none;
    height: 45px;
    border-radius: 5px;
    outline: none;
    width: 85%;
    margin-right: 20px;
    padding: 15px;
    background: #ededed;
    color: #000000;
    background-size: 20px 20px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    text-align: left !important;
    cursor: pointer;
}

.card_body_text span {
    font-size: 16px;
    font-family: sans-serif;
}

.card_body_numbers {
    color: #f7943d;
}

..account__card {
    border-right: 2px solid #363636;
}

..account__card:last-child {
    border-right: none;
}

/*============================ Tabs ============================*/

.nav-area {
    height: 120px;
    display: flex;
    align-items: end;
    position: relative;
}

.scroll-btn {
    border: none;
    width: 35px;
    height: 45px;
    border-radius: 5px;
    font-size: 20px;
    position: absolute;
    top: 0px;
    outline: none;
    display: none;
    background: white;
}

.scroll-btn:focus {
    border: none;
    outline: none;
}

ul#myTab {
    flex-wrap: nowrap;
    border: 1px solid #d1d1d1;
    border-radius: 7px 7px 0px 0px;
}

button#scrollLeftBtn {
    left: 0;
}

button#scrollRightBtn {
    right: 0;
}

.tg-account .account-banner .inner-banner .nav-area ul li:first-child a {
    border-radius: 5px 0px 0px 0px;
}

.tg-account .account-banner .inner-banner .nav-area ul li:last-child a {
    border-radius: 0px 5x 0px 0px;
}

.tg-account .account-banner .inner-banner .nav-area ul li a {
    background: #e9e9e9;
    color: #515151;
    font-weight: 500;
    font-size: 16px;
    padding: 15px 0px;
    display: block;
    transition: .4s;
    text-align: center;
    border: none;
    border-radius: 0px;
    width: 261px;
}

.nav-scroll-container {
    overflow: hidden;
    border-radius: 5px 5px 0px 0px;
}

.nav-scroll-container li.nav-item {
    border-right: 1px solid #cacaca;
}

.nav-scroll-container li.nav-item:nth-child(4) {
    border-right: none !important;
}

div#table__two_paginate,
div#CAClientCollaborateur_paginate {
    margin-top: 70px;
}

.tabs.tg-tabs-content-wrapp {
    border-radius: 0px 0px 5px 5px !important;
}

.tg-account .account-banner .inner-banner .nav-area ul li a.active,
.tg-account .account-banner .inner-banner .nav-area ul li a:hover {
    color: white;
    background: #bfbfbf;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: white !important;
    color: black !important;
}

@media (max-width: 1400px) {
    .nav-scroll-container {
        overflow-x: scroll;
    }

    .scroll-btn {
        display: block;
    }
}

/*===================== Mes Commandes Ecommerce =====================*/

.statuBlue {
    background: skyblue;
    color: white;
    border-radius: 7px;
    line-height: 16px;
    width: 40px;
    height: 35px;
    padding: 9px 0px;
    text-align: center;
}

.statuOrange {
    background: orange;
    color: white;
    border-radius: 7px;
    line-height: 16px;
    font-size: 17px;
    width: 40px;
    height: 35px;
    padding: 9px 0px;
    text-align: center;
}

.statutGreen {
    background: limegreen;
    color: white;
    border-radius: 7px;
    line-height: 16px;
    font-size: 17px;
    width: 40px;
    height: 35px;
    padding: 9px 0px;
    text-align: center;
}

.statutRed {
    background: red;
    color: white;
    border-radius: 7px;
    line-height: 16px;
    font-size: 17px;
    width: 40px;
    height: 35px;
    padding: 9px 0px;
    text-align: center;
}

.statuGrey {
    background: grey;
    color: white;
    border-radius: 7px;
    line-height: 16px;
    font-size: 17px;
    width: 40px;
    height: 35px;
    padding: 9px 0px;
    text-align: center;
}

.agenceWrapper {
    background: #ff7272;
    color: white;
    padding: 7px 11px;
    font-size: 14px;
    text-align: center;
    border-radius: 20px;
    font-weight: 500;
}

.otherAgence {
    background: #17a2b8;
}

button.operationDelete {

    outline: none;
    padding: 4px 9px;
    background: crimson;
    color: white;
    border-radius: 5px;
    font-size: 18px;
    margin: 0px auto;
    display: block;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    border: none;
}

.tg-tabs-content-wrapp .my-account-dashboard .card img {
    max-width: 80px;
}

.tg-tabs-content-wrapp .my-account-dashboard .card {
    text-align: center;
}

.tg-tabs-content-wrapp .my-account-dashboard .card h2 {
    font-size: 20px;
    margin-top: 14px;
}

.tg-tabs-content-wrapp .my-account-dashboard .card p {
    font-size: 15px;
}

/*****************************************************************************
***************************** chrono.html css *********************************
*****************************************************************************/

.page-item.active .page-link {
    background-color: lightgrey !important;
    border: 1px solid black;
}

.page-link {
    color: black !important;
}

.area {
    height: 90px;
    width: 90px;
    overflow: hidden;
    position: absolute;
    top: 3.3%;
    left: 16.5%;
    border-radius: 7px;
}

.circles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.circles li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
}

.circles li:nth-child(1) {
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}

.circles li:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3) {
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6) {
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7) {
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8) {
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9) {
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10) {
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}

@keyframes animate {

    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}

.countDownWrapper::before {
    content: '';
    z-index: -2;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    position: absolute;
    width: 99999px;
    height: 99999px;
    background-repeat: no-repeat;
    background-position: 0 0;
    animation: rotate 4s linear infinite;
    background-image: conic-gradient(rgba(0, 0, 0, 0), #F7943D, rgba(0, 0, 0, 0) 25%);
}

.countDownWrapper::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 5px;
    top: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background: black;
    border-radius: 7px;
}

.countDownWrapper {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.timeWrapper {
    display: inline-block;
    position: relative;
}

.label-minute, .label-hour, .label-second {
    color: black;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 600;
}

.label-minute, .label-hour, .label-second {
    color: black;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 600;
}

#the-24h-countdown {
    font-family: 'Lato', sans-serif;
    text-align: center;
    font-size: 3rem;
    margin: 0 auto;
}

#the-24h-countdown span {
    background: #222;
    color: #f4f4f4;
    border-radius: 10px;
    margin: 0px 17px;
    margin-bottom: 20px;
    display: block;
    width: 100px;
    height: 100px;
    line-height: 45px;
    padding: 25px 0px;
}

.timeWrapper:nth-child(2):before,
.timeWrapper:nth-child(3):before {
    content: ':';
    color: white;
    position: absolute;
    top: 7%;
    left: -3%;
}

/***************************************************************************    
************************* wishlist.html css ********************************
****************************************************************************/

td.wishlist__column.w__column--body.wishlist__column--image {
    margin-bottom: 15px;
    border-radius: 5px 5px 0px 0px;
}

a.wishlist-reference {

    font-size: 14px;
    margin: 0px 0px 10px 0px;
    display: block;
    color: #F7943D !important;
    font-weight: 500;
}

.wishlist__product-name a:last-child {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    height: 20px !important;
}

/***************************************************************************    
************************* panier.html css ********************************
****************************************************************************/

a.cart-table__product-reference {
    display: block;
}

/*****************************************************************************
*********************** index.html (login page) css **************************
*****************************************************************************/

.hide {
    display: none;
}

.login-page {
    background: url("../images/bg.jpg") no-repeat center center fixed;
    /* Center the background */
    background-size: cover;
    /* Make the background cover the entire area */
}

.login-page::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.relative {

    display: flex;
    justify-content: left;
    /* Center horizontally */
    align-items: center;
    /* Center vertically */
    height: 100vh;
    width: 100%;
}

.loginWrapper {
    max-width: 35%;
    padding: 30px 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 0 20px rgba(255, 255, 255, 0.6);
    /* Added glow effect */
    background-color: #2f343f;
    transition: box-shadow 0.5s ease;
    /* Smooth transition for hover effect */

}

.loginWrapper:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 0 30px rgba(255, 255, 255, 1);
    /* Stronger glow on hover */
}

.login-company img {
    width: 50%;
}

.login-company {
    text-align: center;
}

.login-form p {
    text-align: center;
    color: white;
    margin-top: 25px;
    margin-bottom: 25px;
}

.login-form p span {
    text-transform: uppercase;
    font-weight: 500;
    color: #f7943c;
}

.form-turbo p span {

    color: #eebe2c;
}

.login-form input {
    outline: none;
    padding: 10px 45px;
    width: 100%;
    border: 1px solid lightgrey;
    border-radius: 5px;
    height: 50px;
}

.companyImg span {
    font-weight: 500;
    text-transform: capitalize;
}

.login-form input[type="submit"] {
    border: none;
    background: #738090;
    color: white;
    font-weight: 600;
    font-size: 17px;
    text-transform: uppercase;
    transition: background 0.3s ease;
    /* Smooth transition for background color */
}

.login-form {
    position: relative;
}

.inputWrapper,
.passWrapper {
    position: relative;
    margin-bottom: 25px;
}

.inputWrapper i.fa-solid.fa-user,
.passWrapper i.fa-solid.fa-lock {
    position: absolute;
    top: 3%;
    left: 0%;
    color: lightgrey;
    width: 50px;
    height: 45px;
    text-align: center;
    padding: 13px 0px;
}

.btnGradient {

    background: #f7943c !important;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #eebe2c, #f7943c) !important;
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #eebe2c, #f7943c) !important;
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.msgWarning {
    color: red;
    margin-top: 15px;
    text-align: center;
    transition: display 0.4s ease;
}

/*****************************************************************************
****************************** accueil.html css ******************************
*****************************************************************************/

.block-products-columns__list-item .product-card .product-card__rating {
    margin-top: 10px !important;
}

.block-products-columns__list-item {
    border-radius: 8px;
}

.block-products-columns__list-item .product-card__footer {
    padding: 0px !important;
}

.block-sale__item .calculNet {

}

.block-features__item-icon,
.shop-features__item {
    font-size: 45px;
    color: #F7943D;
}

/*------------------------------------
-owl carousel buttons in accueil.html-
------------------------------------*/

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    color: #F7943D;
    outline: none;
}

button.owl-next {
    position: absolute;
    right: 0;
    top: 50%;
}

button.owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
}

button.owl-next .fa-chevron-right:before,
button.owl-prev .fa-chevron-left:before {
    font-size: 30px;
    background: white;
    padding: 10px 4px 10px 6px;
    margin-right: 5px;
    border-radius: 3px;
}

button.owl-prev .fa-chevron-left:before {
    margin-left: 5px;
    padding: 10px 6px 10px 6px !important;
}

/*------------------------------------
----------- Header section -----------
------------------------------------*/

a.mobile-menu__contacts .phone__body {
    color: grey;
}

a.mobile-menu__contacts .phone__body span {
    color: black;
}

button.darkModeCheck i {
    color: orange;
    font-size: 19px;
}

button.setting-link a {
    color: black;
    width: 100%;
}

a.mobile-nav-link i {
    width: 30px;
    text-align: center;
}

.owl-carousel .owl-item img {

    height: 100%;
}

.logo__image img {
    width: 75%;
}

span.settingsName {
    display: block;
    color: #3b3b3b;
    font-weight: 600;
    height: 35px;
    width: 95px;
    padding: 11px 0px;
    float: right;
    cursor: pointer;
}

ul.user-sub-menu {
    display: none;
    background: white;
    overflow: hidden;
    z-index: 1;
    position: absolute;
    padding: 15px;
    top: 39px;
    left: -17px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 3px;
}

ul.user-sub-menu li {
    padding: 10px;
    list-style: none;
    border-bottom: 1px solid #f3f3f3;
}

ul.user-sub-menu li:last-child {

    border-bottom: none;
}

ul.user-sub-menu li a {
    text-decoration: none;
    color: black;
    width: 100%;
    display: block;
}

.phone__title .fa-phone-square:before,
.fa-square-phone:before {
    font-size: 21px;
    color: white;
}

.topbar__item-button {
    position: relative;
}

/*** nav menu ***/

li.main-menu__item {
    TEXT-TRANSFORM: UPPERCASE;
}

li.main-menu__item:first-child {
    background: #F7943D;
    color: white;
    border-radius: 5px;
}

li.main-menu__item:first-child i {

    font-size: 15px !important;
}

li.main-menu__item a i {
    font-size: 17px;
}

li.main-menu__item:nth-child(2) {
    margin-left: 35px;
}

a.main-menu__link.helpDesk {
    color: white;
    font-size: 17px;
    background: #F7943D;
    transition: all 0.3s ease;
}

/*** wishlist + product buttons ***/

a.main-menu__link.helpDesk:hover {
    color: white;
    font-size: 17px;
    background: #333;
}

.indicator,
.indicator__button {
    transition: all 0.3s ease;
}

.indicator:hover .indicator__title,
.indicator:hover .indicator__value {
    color: black !important;
}

.indicator:hover .indicator__icon {
    fill: #262626 !important;
}

/*------------------------------------
------------- cartes list ------------
------------------------------------*/
.allCartesWrapper,
.a.allCategoryWrapper {
    width: 100%;
}

a.allCartes,
a.allCategory {
    background: #403f3f;
    padding: 10px 15px;
    border-radius: 5px;
    display: block;
    width: 25%;
    margin: 50px auto 0px auto;
    text-align: center;
    text-transform: capitalize;
    font-weight: 500;
    color: white;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

a.allCartes {
    margin-bottom: 30px;
    background: #F7943D;
    box-shadow: none;
    color: white;
}

a.allCategory {
    background: #F7943D;
    color: white;
    box-shadow: none !important;
}

/*------------------------------------
--- recherche par carte (datalist) ---
------------------------------------*/

/*** glow border animationn start ***/

.search-wrapper,
.animated-border-box-glow,
.block-brands__list {

    position: absolute;
    overflow: hidden;
    z-index: 0;
    /* Border Radius */
    border-radius: 10px;
}

.animated-border-box-glow {
    filter: blur(20px);
}

.search-wrapper:before,
.animated-border-box-glow:before,
.block-brands__list:before {
    content: '';
    z-index: -2;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    position: absolute;
    width: 99999px;
    height: 99999px;
    background-repeat: no-repeat;
    background-position: 0 0;
    /*border color, change middle color*/
    background-image: conic-gradient(rgba(0, 0, 0, 0), #F7943D, rgba(0, 0, 0, 0) 25%);
    /* change speed here */
    animation: rotate 4s linear infinite;
}

.search-wrapper:after,
.block-brands__list:after {
    content: '';
    position: absolute;
    z-index: -1;
    /* border width */
    left: 5px;
    top: 5px;
    /* double the px from the border width left */
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    /*bg color*/
    background: whitesmoke;
    /*box border radius*/
    border-radius: 7px;
}

@keyframes rotate {
    100% {
        transform: translate(-50%, -50%) rotate(1turn);
    }
}

/*** glow border animation end ***/

.block-brands__list {
    position: relative;
}

.search-wrapper {
    background: initial;
    padding: 30px 15px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    position: relative;

}

.search-left {
    margin-right: 3.7%;
}

.search-left,
.search-right {
    display: inline-block;
    width: 48%;
    position: relative;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #dfdfdf;
    background: white;

}

.search-wrapper label {
    color: grey;
    font-size: 14px;
    margin-bottom: 5px;
}

.search-wrapper input {
    width: 100%;
    border: none;
    margin-bottom: 15px;
    height: 40px;
    border-radius: 5px;
    outline: none;
    padding: 15px;
    text-transform: capitalize;
    background: whitesmoke;
}

.search-wrapper button {
    border: none;
    outline: none;
    background: #F7943D;
    padding: 7px 20px;
    border-radius: 3px;
    color: white;
}

.search-wrapper span {
    color: black;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    font-weight: 500;
    margin-bottom: 15px;
}

input#seacrh-left-two,
input#seacrh-right-two {
    margin-bottom: 25px;
}

.search-wrapper datalist {
    position: absolute;
    background-color: white;
    border-radius: 0 0 5px 5px;
    border-top: none;
    font-family: sans-serif;
    width: 95.3%;
    padding: 5px;
    max-height: 10rem;
    overflow-y: auto;
    top: 90%;
}

.search-wrapper input {
    cursor: pointer;
}

.search-wrapper option {
    background-color: white;
    padding: 5px 10px;
    color: black;
    margin-bottom: 1px;
    font-size: 18px;
    cursor: pointer;
    text-transform: capitalize;
}

/*------------------------------------
---------- Product Sliders -----------
------------------------------------*/

.related-product h2.section-header__title {
    color: black;
}

.products-list__item.nouveaute_item a.designation,
.products-list__item.promotion_item a.designation,
.products-list__item.boutique_item a.designation,
.products-list__item.chrono_item a.designation{
    height: 50px !important;
}

a.designation {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    height: 40px !important;
    margin-bottom: 10px;
}

.product-card__name div a:nth-child(2) {

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 52px;
    text-transform: lowercase;
}

.designation-2 {

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px !important;
}

.designation-2 {
    width: auto;
    height: 60px;
}

.block.block-products-columns img {
    margin-top: 10px;
}

a.product-reference {
    color: grey !important;
    display: block;
    margin-bottom: 5px;
}

.product-card__name a {
    color: black;
}

.fixDisplay {
    display: inline-block !important;
}

.fixPos {
    right: 2% !important;
}

.stockNumber {
    position: absolute;
    right: 1.5%;
    bottom: 2%;
    background: limegreen;
    color: white;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 13px;
    z-index: 1;
}
.stockNumber span,
.stockNumber_orange span,
.stockNumber_red span {
    letter-spacing: 1px;
}

.stockNumber_orange {

    position: absolute;
    right: 1.5%;
    bottom: 2%;
    background: darkorange;
    color: white;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 13px;
    z-index: 1;

}

.stockNumber_red {

    position: absolute;
    right: 1.5%;
    bottom: 2%;
    background: crimson;
    color: white;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 13px;
    z-index: 1;

}

.remise {
    position: absolute;
    right: 2.5%;
    top: 1.7%;
    background: red;
    color: white;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 13px;
    z-index: 1;
}

span.brut {
    font-size: 16px !important;
}

a.calculNet {
    font-size: 13px;
    display: inline-block;
    color: #F7943D;
    margin-left: 7px;
}

.block-products-carousel__cell .product-card__name {
    height: 35px;
}

.block-sale__item .bottomFooterWrapper .product-card__addtocart-icon,
.block-products-carousel__cell .bottomFooterWrapper .product-card__addtocart-icon {
    background: white !important;
    color: #6b6b6b !important;
}

.shopImgFix {
    margin-top: 10px !important;
}

.fixDesign .product-card__name {
    margin-bottom: 10px !important;
}

.bottomFooterWrapper .product-card__addtocart-icon {
    position: absolute !important;
    border: 1px solid #ebebeb !important;
    padding: 8px !important;
    border-radius: 2px !important;
    background: white;
    color: #6b6b6b !important;
    right: 0px !important;
    height: 42px !important;
}

.rating.product-card__rating-stars,
.product-card__rating-label {
    display: inline-block;
}

.product-card__footer .input-number {
    width: 65% !important;
    display: inline-block;
    margin-right: 22px;
}

.product-card__footer .product-card .product-card__addtocart-icon {
    margin-left: 10px;
}

button.wishlist-button {
    border: none;
    background: none;
    width: 40px;
    height: 30px;
    outline: none;
    position: absolute;
    right: 1%;
    top: 7%;
    z-index: 1;
}

button.wishlist-button .fa-heart {
    font-size: 24px;
    color: #eeeeee;
}

.block-products-carousel .product-card__price {
    color: black;
}

.block-products-columns .product-card__info,
.block-products-columns .product-card__price {
    padding-left: 15px;
    color: black !important;
}

.product-card--layout--grid .product-card__name {
    margin-top: 15px;
}

.block-products-carousel__column .product-card__name {
    color: white;
}

.block-products-carousel__column .product-card__rating-label {
    color: black;
}

.block-products-columns .product-card__rating {
    color: black;
    background: whitesmoke !important;
}

.product-card__info,
.product-card__footer,
.product-card__rating {
    background: #f1f1f1;
}

.block-products-carousel__column .product-card__footer {
    padding: 15px;
}

.block-products-carousel__column .product-card--layout--grid:after {
    background: white;
}

.block-products-carousel__column .product-card__price.product-card__price--current .block-products-columns .product-card__info {
    color: black;
}

.block-products-columns .product-card__info {
    background: whitesmoke;
}

/*------------------------------------
----------- atlantic video -----------
------------------------------------*/
.atlantic {
    padding: 4% 0px 5% 0px;
}

.lubrifiantVid {
    position: relative;
    height: 100%;
    width: 100%;
}

img.videoFrame {
    width: 100%;
    height: 100%;
}

.lubrifiantVid video {
    width: 80%;
    height: 80%;
    border-radius: 10px;
    margin: 0px auto;
    pointer-events: none;
    display: block;
}

div#my-video {
    position: absolute;
    left: 10.3%;
    top: 17.5%;
    border-radius: 20px;
    width: 80.7%;
    height: 81%;
}

.vjs-poster img {
    border-radius: 10px;
    object-fit: cover !important;
}

.video-js .vjs-big-play-button {
    font-size: 5em !important;
    background-color: orange !important;
}

/*------------------------------------
----------- Chrono section -----------
------------------------------------*/

.block.block-sale {
    background: #f6f6f6;
}

/*------------------------------------
-------- Our service section ---------
------------------------------------*/

.block-features.block.block-features--layout--bottom-strip {
    background: #f6f6f6;
}

/*------------------------------------
----------- footer section -----------
------------------------------------*/

a.phone__body {
    font-size: 14px;
}

.site-footer__payments {
    width: 130px;
    height: 50px;
    overflow: hidden;
}

.site-footer__payments img {
    width: 100%;
}

.site-footer__copyright p {
    margin: 0;
    color: #6a6868;
}

/*****************************************************************************
*************************** product-full.html css ****************************
*****************************************************************************/

.product__tag div {
    padding: 4px 10px;
    display: inline-block;
    background: #DC143C;
    color: white;
    border-radius: 5px;
    margin-right: 8px;
    font-size: 14px;
    font-weight: 500;
}

.product__tag {
    margin-bottom: 15px;
}

.product-card__name.fix-slider-title div a:last-child {
    width: 140px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
}

.remise-2,
.disponibilité,
.reference,
.designation,
.famille {
    color: black !important;
}

.video-two-hidden {

    display: none;
    margin-top: 30px;
    height: 450px !important;
}

.video-one {
    display: block;
}

video.product__video {
    width: 100%;
    height: 340px;
    object-fit: cover;
}

.product__price.product__price--current {
    text-align: center;
    line-height: 30px;
    margin-bottom: 25px;
}

.product__all_price {
    padding: 30px 6px;
    margin-bottom: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.product__features ul li {
    color: orange;
}

.product__features ul li span {
    color: white;
}

.product__features-title {
    margin-bottom: 25px;
}

.product__features ul {
    padding-left: 19px;
    list-style-type: circle;
    margin: 0px;
}

.product_all_info_details .product__subtitle {

    margin-bottom: 25px;
}

.product_all_info {
    padding: 35px;
    margin-bottom: 35px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.product_all_info_details {
    width: 55%;
    display: inline-block;
    margin-left: 30px;
}

.product_all_info_details h1 {
    font-size: 25px;
    margin-bottom: 15px;
}

.product_all_info_image img {
    width: 100%;
}

.product_all_info_image {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    background: white;
    border-radius: 5px;
    padding: 15px;
    cursor: pointer;
}

.section-header__divider {
    width: 91% !important;
    margin: 12px auto 0px auto !important;

}

.fixWidth-slider {
    width: 90% !important;
    margin: 15px auto 0px auto !important;
}

.carousel-right-side .product-card__price.product-card__price--current {
    font-size: 16px;
}

.carousel-right-side {
    margin-top: -6px;
    margin-bottom: 35px;
}

.shop-features__item-icon i {
    width: 50px;
}

/*****************************************************************************
******************************* aroma.html css *******************************
*****************************************************************************/

.aroma-content-wrapper {
    margin: 40px auto 60px auto;
}

.aroma-header img {
    margin: 40px auto 0px auto;
    width: 100%;
    display: block;
    border-radius: 5px;
}

.aroma-categories-container {
    margin-bottom: 40px;
    padding: 20px;
    position: relative;
    background: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.aroma-category h3 {
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
}

.aroma-category img {
    width: 100%;
    border-radius: 10px;
    padding: 5px;
}

.aroma-category-image,
.aroma-category-title {
    display: inline-block;
    width: 49%;
    text-align: center;
    position: relative;
    vertical-align: middle;
}

.aroma-category {
    margin-bottom: 15px;
}

.aroma-category-image::before {
    content: '';
    z-index: -2;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    position: absolute;
    width: 99999px;
    height: 99999px;
    background-repeat: no-repeat;
    background-position: 0 0;
    animation: rotate 4s linear infinite;
}

.nature::before {
    background-image: conic-gradient(rgba(0, 0, 0, 0), #9ef300, rgba(0, 0, 0, 0) 25%);
}

.bag::before {
    background-image: conic-gradient(rgba(0, 0, 0, 0), #fddd02, rgba(0, 0, 0, 0) 25%);
}

.carte::before {
    background-image: conic-gradient(rgba(0, 0, 0, 0), #f89a0b, rgba(0, 0, 0, 0) 25%);
}

.clim::before {
    background-image: conic-gradient(rgba(0, 0, 0, 0), #4cdcfd, rgba(0, 0, 0, 0) 25%);
}

.liquide::before {
    background-image: conic-gradient(rgba(0, 0, 0, 0), #e42686, rgba(0, 0, 0, 0) 25%);
}

.prestige::before {
    background-image: conic-gradient(rgba(0, 0, 0, 0), #cfba9b, rgba(0, 0, 0, 0) 25%);
}

.spray::before {
    background-image: conic-gradient(rgba(0, 0, 0, 0), #a400c4, rgba(0, 0, 0, 0) 25%);
}

.toys::before {
    background-image: conic-gradient(rgba(0, 0, 0, 0), #e92436, rgba(0, 0, 0, 0) 25%);
}

.wood::before {
    background-image: conic-gradient(rgba(0, 0, 0, 0), #0e9cdb, rgba(0, 0, 0, 0) 25%);
}

.aroma-title-nature {
    color: #9ef300 !important;
}

.aroma-title-bag {
    color: #fddd02 !important;
}

.aroma-title-carte {
    color: #f89a0b !important;
}

.aroma-title-clim {
    color: #4cdcfd !important;
}

.aroma-title-liquide {
    color: #e42686 !important;
}

.aroma-title-prestige {
    color: #cfba9b !important;
}

.aroma-title-toys {
    color: #e92436 !important;
}

.aroma-title-spray {
    color: #a400c4 !important;
}

.aroma-title-wood {
    color: #0e9cdb !important;
}

.aroma-title-wood-card {
    color: #b99463 !important;
}

.aroma-title-ceramic {
    color: #5c47d2 !important;
}

.aroma-category-link h3 span {
    color: white !important;
}

.aroma-category-image::after {
    content: '';
    position: absolute;
    z-index: -1;
    /* border width */
    left: 5px;
    top: 5px;
    /* double the px from the border width left */
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    /*bg color*/
    background: #1E1E1E;
    /*box border radius*/
    border-radius: 7px;
}

.aroma-category-image {

    overflow: hidden;
    z-index: 0;
    border-radius: 10px;
}

.aroma-category-link h3 span {
    color: black !important;
}

/*****************************************************************************
******************************* chrono.html css ******************************
*****************************************************************************/

.remise.fixPos-chrono {
    top: auto !important;
    bottom: 2%;
    left: 2%;
    right: auto !important;
}

img.chrono-red-icon {
    position: absolute;
    width: 35%;
    top: -2.2%;
    right: -4.5%;
    z-index: 1;
}

.flipdown.flipdown__theme-dark .rotor-group-heading:before {
    color: black !important;
}

.flipdown.flipdown__theme-dark .rotor-bottom, .flipdown.flipdown__theme-dark .rotor-leaf-rear {
    color: #999999;
    background-color: #c1c1c1 !important;
}

flipdown.flipdown__theme-dark .rotor, .flipdown.flipdown__theme-dark .rotor-top, .flipdown.flipdown__theme-dark .rotor-leaf-front {
    color: #999999;
    background-color: #c1c1c1 !important;
}

.flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before, .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after {
    background-color: #c1c1c1 !important;
}

.flipdown.flipdown__theme-dark .rotor:after {
    border-top: solid 1px #cfc8c8 !important;
}

#flipdown {
    margin: 0px auto 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    height: auto;
}

.flipdown .rotor-group:nth-child(1) {
    display: none !important;
}

/*****************************************************************************
****************** capcarrosserie.html + capservice.html css *****************
*****************************************************************************/

.carrosserie-img,
.service-img {
    margin: 0px auto 50px auto;
}

.carrosserie-img img,
.service-img img {
    width: 100%;
    display: block;
    margin: 0px auto;
}

.capramCartes {
    padding: 80px 0px;
}

.capramCartes h1 {

    color: #222;
    text-align: center;
    margin-bottom: 65px;
    font-size: 50px;
    text-transform: uppercase;
}

.cartWrapper {
    margin-bottom: 60px;
}

img.capramCartesImg {
    width: 100%;
}

img.capramCartesImg {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 15px;
    margin-top: 20px;
}

img.capramCartesImg {
    --c: #F7943D;
    /* the border color */
    --b: 4px;
    /* the border thickness */
    --g: 5px;
    /* the gap on hover */

    padding: calc(var(--g) + var(--b));
    --_g: #0000 25%, var(--c) 0;
    background: conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) var(--_i, 200%) 0 / 200% var(--_i, var(--b)) no-repeat,
    conic-gradient(at bottom var(--b) left var(--b), var(--_g)) 0 var(--_i, 200%) / var(--_i, var(--b)) 200% no-repeat;
    -webkit-transition: .3s, background-position .3s .3s, background-color .3s, -webkit-transform .3s;
    transition: .3s, background-position .3s .3s, background-color .3s, -webkit-transform .3s;
    -o-transition: .3s, background-position .3s .3s, background-color .3s, transform .3s;
    transition: .3s, background-position .3s .3s, background-color .3s, transform .3s;
    transition: .3s, background-position .3s .3s, background-color .3s, transform .3s, -webkit-transform .3s;
}

img.capramCartesImg:hover {
    --_i: 100%;
    background-color: white;
    /* White background on hover */
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    /* Slight zoom effect */
    -webkit-transition: .3s, background-size .3s .3s, background-color .3s, -webkit-transform .3s;
    transition: .3s, background-size .3s .3s, background-color .3s, -webkit-transform .3s;
    -o-transition: .3s, background-size .3s .3s, background-color .3s, transform .3s;
    transition: .3s, background-size .3s .3s, background-color .3s, transform .3s;
    transition: .3s, background-size .3s .3s, background-color .3s, transform .3s, -webkit-transform .3s;
}

.capramCartes h1 .decor-1 {
    margin-top: 20px;
}

#cardTarget:target {
    position: relative;
    border-top: 100px solid transparent;
    margin: -100px 0 0;
    background-clip: padding-box;
}

.tab {
    overflow: hidden;
    width: 78%;
    margin: 0px auto 20px auto;
    display: none;
}

.cardTab {
    margin-bottom: 100px;
}

/* Style the buttons inside the tab */
.tab button {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #545353;
    height: auto;
    background: white;
    margin: 15px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    padding: 20px 0px 20px 0px;
    position: relative;
    border-radius: 5px;
    border-bottom: 2px solid transparent;
    /* Default border */
    -webkit-transition: border-bottom 0.3s ease-in-out;
    -o-transition: border-bottom 0.3s ease-in-out;
    transition: border-bottom 0.3s ease-in-out;
    opacity: 0.3;
    /* Smooth transition for border */
}

button.tablinks img {
    width: 70%;
    margin-bottom: 15px;
    height: auto;

}

/* Change background color of buttons on hover */
.tab button:hover {
}

/* Create an active/current tablink class */
.tabWrapper .active {
    border-bottom: 3px solid #F7943D !important;
    position: relative;
    opacity: 1;
}

/* Initial state of the after pseudo-element */
.tabWrapper button::after {
    content: "";
    width: 0;
    /* Initially, width is 0 */
    height: 0;
    /* Initially, height is 0 */
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 10px solid #F7943D;
    position: absolute;
    bottom: -10px;
    left: 75px;
    opacity: 0;
    /* Initially hidden */
    -webkit-transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out;
    /* Smooth transition */
}

/* Active state of the after pseudo-element */
.tabWrapper button.active::after {
    opacity: 1;
    /* Fully visible */
    width: 40px;
    /* Full width */
    height: 10px;
    /* Full height */
}

/* Tab content transition */
.tabcontent {
    opacity: 0;
    /* Start fully transparent */
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    /* Start slightly below */
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    /* Smooth transition */
    display: block;
    /* Show content */
    max-height: 0;
    /* Hide content initially by setting max-height to 0 */
    overflow: hidden;
    /* Prevent overflow */
}

/* Show the active tab content */
.tabcontent.active {
    opacity: 1;
    /* Fully opaque */
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    /* Slide into place */
    max-height: 100%;
}

h1.cardTabTitle {
    text-align: center;
    margin: 70px 0px;
}

/*****************************************************************************
****************************** category.html css *****************************
*****************************************************************************/

.categoListGrid {
    padding: 0px 0px 50px 0px;
}

.categoBoxTitle.activey {
    background: #ebba31;
    color: white;
}

.subcategory {
    position: relative;
    transition: border 0.3s;
    padding: 40px 40px 15px 40px;
    margin-bottom: 40px;
    width: 100%;
}

.subcategoryImg img {
    width: 100%;
}

a.subcategory-item p {
    margin: 0px;
    padding: 0px 10px 10px;
}

.goToCategoTarget {
    margin-bottom: 40px;
}

.categoBox {
    height: 100%;
    position: relative;
    width: 100%;
    text-align: center;
    overflow: hidden;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.categoBox:hover .categoBoxImg {
    transform: scale(1.2);
}

.categoBoxImg {
    width: 100%;
    transition: transform 0.5s ease;
    /* Smooth transition of zoom/scale */
    background: white;
    padding: 15px;
}

.categoBoxWrapper {
    transition: all 0.5s;
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 325px;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.categoBoxTitle {
    transition: color 0.3s, background 0.5s;
    font-weight: 700;
    font-size: 15px;
    font-family: Raleway, sans-serif;
    width: 100%;
    display: flex;
    padding: 0px 10px;
    justify-content: center;
    align-items: center;
    height: 20%;
}

.categoBox:hover .categoBoxTitle {

    background: #ebba31;
    /* Change color on hover */
    color: white;
}

.subcatego {
    display: none;
    position: relative;
    width: 245px;
    margin-top: 20px;
    padding-left: 25px;
}

ul.subcatego li {
    margin-top: 5px;
    list-style: none;
}

/*****************************************************************************
****************************** resultats.html css *****************************
*****************************************************************************/

span.search-term {
    color: grey;
}

.fix-font-size {
    font-size: 17px !important;
    font-weight: 500 !important;
}

/*****************************************************************************
***************************** contact.html css *******************************
*****************************************************************************/

.contact-us__address i {
    width: 20px;
    text-align: center;
}

.contact-us__address .fa-square-phone:before {
    color: #262626 !important;
}

/*****************************************************************************
****************************** media query css *******************************
*****************************************************************************/
@media (max-width: 992px) {
    .category-card__name {
        height: 90px;
    }
}

@media (max-width: 1200px) {
    a.calculNet {

        display: block !important;
        margin-left: 0px !important;
        margin-top: 10px !important;
    }
}

@media (min-width: 1200px) {
    .boutique-shop .view-options__select.fixWidth {
        width: auto !important;
    }
}

/****************************** product grid list *******************************/

@media (min-width: 1400px) {
    .products-list__item {
        flex: 0 0 calc(20% - 16px);
        /* 5 items per row with margins accounted */
    }

}

@media (min-width: 992px) and (max-width: 1400px) {
    .products-list__item {
        flex: 0 0 calc(25% - 16px);
        /* 4 items per row with margins accounted */
    }

    .aroma-item {
        flex: 0 0 calc(25% - 16px) !important;
        /* 4 items per row with margins accounted */
    }

    .resultat_item .product-card__name div a:nth-child(2) {
        width: 190px !important;;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .products-list__item {
        flex: 0 0 calc(33.333% - 16px);
        /* 3 items per row with margins accounted */
    }

    .resultat_item .product-card__name div a:nth-child(2) {
        width: 190px !important;;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .products-list__item {
        flex: 0 0 calc(50% - 16px);
        /* 2 items per row with margins accounted */
    }

    .resultat_item .product-card__name div a:nth-child(2) {
        width: 215px !important;;
    }

}

@media (min-width: 480px) and (max-width: 576px) {
    .products-list__item {
        flex: 0 0 calc(50% - 16px);
        /* 2 items per row with margins accounted */
    }

    .resultat_item .product-card__name div a:nth-child(2) {
        width: 185px;
    }

}

@media (min-width: 320px) and (max-width: 480px) {
    .products-list__item {
        flex: 0 0 calc(100% - 16px);
        /* 1 items per row with margins accounted */
        margin: 0px auto;

    }

}

/********************************** main media query ***********************/

@media (min-width: 1200px) and (max-width: 1400px) {

    .scroll-btn {
        display: none !important;
    }

    .categoBoxTitle {
        height: 25%;
    }

    .categoBoxWrapper {
        height: 225px;
    }

    .border-around {
        border: 3px solid #000000;
        border-radius: 5px;
    }

    span#calendar-icon-reg {
        right: 2% !important;
    }

    .nav-area ul {
        justify-content: left;
        top: 16% !important;
    }

    .card_body_numbers span {
        font-size: 45px;
    }

    .fixPos-promotion, .fixPos-results {
        top: -10.3% !important;
    }

    input#monthInput {

        width: 80%;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before {
        border-top: 10px solid #f7943d !important;
        border-left: 5px solid transparent !important;
    }

    span.dtr-title {
        text-align: center;
        width: 100%;
        display: block !important;
        margin-bottom: 15px;
        font-size: 17px;
        color: #f7943d;
        background: black;
        padding: 5px;
        border-radius: 5px;
    }

    span.dtr-data {
        text-align: center;
        display: block;
        margin-bottom: 10px;

    }

    .statutGreen, .statuRed {

    }

    .tg-account .account-banner .inner-banner .nav-area ul li a {
        background: #252525;
        color: #fff;
        font-weight: 600;
        font-size: 15px;
        padding: 10px 7px;
        min-width: 225px;
        display: block;
        transition: .4s;
        text-align: center;
        border-bottom: none !important;
    }

    .product_all_info_details h1 {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        height: 60px !important;
    }

    .product_all_info_image {
        width: 70%;
        display: block;
        margin: 0px auto;
        margin-bottom: 50px;
    }

    .product_all_info_details {
        width: 90% !important;
    }

    .aroma-category h3 {
        font-size: 16px;
    }

    .promotion_item a.calculNet,
    .chrono_item a.calculNet,
    .product-card__price.product-card__price--current a.calculNet {

        margin-left: 0px;
    }

    .search__body {
        width: 420px !important;
        margin-left: 7% !important;
    }

    li.main-menu__item:nth-child(2) {
        margin-left: 13px !important;
    }

    .main-menu__link {
        padding: 5px 6px !important;
        font-size: 13px !important;
    }

    .search-left,
    .search-right {
        width: 47%;
    }

}

@media (min-width: 992px) and (max-width: 1200px) {

    select#searchSelectFilter {
        border: 1px solid transparent;
        background: #f0f0f0;
    }

    .form-group-wrapper {

        flex-direction: column;
    }

    .form-group-wrapper .form-group-modal-content:first-child {
        margin-bottom: 0px;
    }

    .tg-account .account-banner .inner-banner .nav-area {
        margin-top: 100px;
    }

    .categoBoxTitle {
        height: 30%;
    }

    .categoBoxWrapper {
        height: 200px;
    }

    .panierFormInputs-three {

        flex-wrap: wrap;
    }

    .panierFormInputs-three .formInputWrapper label {
        width: 15% !important;
        text-align: left !important;
    }

    .formInputWrapper label {
        width: 15% !important;
    }

    .submitPanier button.btn.btn-block.btn-dark {
        width: 86%;
    }

    .panierFormInputs-three .formInputWrapper label
    .boutique-shop .view-options__select.fixWidth {
        width: auto !important;
    }

    .border-around {
        border: 3px solid lightgrey;
        border-radius: 5px;
    }

    span#calendar-icon-reg {
        right: 3% !important;
    }

    button.view-options__filters-button.filters-button.not-visible {
        display: none;
    }

    .card_body_numbers span {
        font-size: 45px;
    }

    input#monthInput {

        width: 75%;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before {
        border-top: 10px solid #f7943d !important;
        border-left: 5px solid transparent !important;
    }

    span.dtr-title {
        text-align: center;
        width: 100%;
        display: block !important;
        margin-bottom: 15px;
        font-size: 17px;
        color: #f7943d;
        background: black;
        padding: 5px;
        border-radius: 5px;
    }

    span.dtr-data {
        text-align: center;
        display: block;
        margin-bottom: 10px;

    }

    .statutGreen, .statuRed {
        margin: 0px auto 10px auto;
    }

    .nav-area ul {
        justify-content: flex-start;

    }

    .card_body_text span {
        font-size: 16px;
    }

    .card_body_numbers span {
        font-size: 35px;
    }

    #whatsapp-chat {
        font-size: 12px;
        font-weight: 600;
    }

    .product-card__name.fix-slider-title div a:last-child {
        width: 200px;
    }

    .product_all_info_details h1 {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        height: 60px !important;
    }

    .product_all_info_image {
        width: 90%;
        display: block;
        margin: 0px auto;
        margin-bottom: 50px;
    }

    .product_all_info_details {
        width: 90% !important;
    }

    .aroma-categories-container {
        padding: 10px !important;
    }

    .aroma-category h3 {
        font-size: 16px;
    }

    .aroma-category-image,
    .aroma-category-title {
        width: 48%;
    }

    .block-products-columns__list-item .product-card .product-card__rating {
        display: none !important;
    }

    .promotion_item a.calculNet,
    .chrono_item a.calculNet,
    .product-card__price.product-card__price--current a.calculNet {

        margin-left: 0px;
    }

    .mobile-header__logo .logo__image img {
        width: 60%;
    }

    a.mobile-nav-link {
        text-transform: uppercase;
    }

    button.setting-link a {
        color: black;
    }

    .search-left,
    .search-right {
        width: 47%;

    }

}

@media (min-width: 768px) and (max-width: 992px) {

    div#panier-table_filter {
        float: none !important;
        text-align: center;
    }

    .row.gapInResponsive {
        gap: 25px;
    }

    .dt-buttons {
        width: 100%;
        float: none;
        text-align: center;
    }

    .account-banner {
        margin-top: 50px;
    }

    .form-group-wrapper {

        flex-direction: column;
    }

    .form-group-wrapper .form-group-modal-content:first-child {
        margin-bottom: 0px;
    }

    .tg-account .account-banner .inner-banner .nav-area {
        margin-top: 100px;
    }

    button.updateMdp {
        font-size: 14px;
        font-weight: 500;
    }

    .panierFormInputs-three {

        flex-wrap: wrap;
    }

    .panierFormInputs-three .formInputWrapper label {
        width: 20% !important;
        text-align: left !important;
    }

    .formInputWrapper label {
        width: 20% !important;
    }

    .submitPanier button.btn.btn-block.btn-dark {
        width: 82%;
    }

    .boutique-shop .view-options__select.fixWidth {

        width: auto !important;

    }

    .border-around {
        border: 3px solid #000000;
        border-radius: 5px;
    }

    td.cart-table__column.cart-table__column--image .image--type--product {
        border-radius: 5px 5px 0px 0px !important;
    }

    button.view-options__filters-button.filters-button.not-visible {
        display: none;
    }

    span#calendar-icon-reg {
        right: 4% !important;
    }

    .card_body_numbers span {
        font-size: 45px;
    }

    input#monthInput {

        width: 70%;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before {
        border-top: 10px solid #f7943d !important;
        border-left: 5px solid transparent !important;
    }

    div.dt-buttons > .dt-button, div.dt-buttons > div.dt-button-split .dt-button {

        padding: .5em .5em !important;

    }

    span.dtr-title {
        text-align: center;
        width: 100%;
        display: block !important;
        margin-bottom: 15px;
        font-size: 17px;
        color: #f7943d;
        background: black;
        padding: 5px;
        border-radius: 5px;
    }

    span.dtr-data {
        text-align: center;
        display: block;
        margin-bottom: 10px;

    }

    .statutGreen, .statuRed {
        margin: 0px auto 10px auto;
    }

    .nav-area ul {
        justify-content: flex-start;

    }

    .account__card .card {
        height: 100%;
    }

    .card_body_text span {
        font-size: 15px;
    }

    .card_body_numbers span {
        font-size: 25px;
    }

    h1.user-name {
        font-size: 23px;
    }

    h3.user-job {
        font-size: 16px;
    }

    .product__actions-item.product__actions-item--quantity {
        width: 100% !important;
        margin-bottom: 15px;
    }

    .product__actions-item.product__actions-item--addtocart {
        width: 65% !important;
        display: block !important;
        margin: 0px auto;
    }

    .product_all_info_details h1 {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        height: 60px !important;
    }

    .product_all_info_image {
        width: 90%;
        display: block;
        margin: 0px auto;
        margin-bottom: 50px;
    }

    .product_all_info_details {
        width: 90% !important;
        margin-bottom: 19px;
    }

    .product_all_info {
        padding: 15px;

    }

    .aroma-category-image, .aroma-category-title {
        width: 100%;
    }

    .aroma-category h3 {
        font-size: 15px;
        margin-top: 10px;
    }

    .aroma-category {
        width: 24%;
        display: inline-block;
        margin: 0px auto 20px auto;
        text-align: center;
    }

    .block-sale__item .calculNet {
        margin-left: 7px !important;
    }

    .promotion_item a.calculNet,
    .chrono_item a.calculNet,
    .product-card__price.product-card__price--current a.calculNet {

        margin-left: 0px;
    }

    .view-options__select.fixWidth {

    }

    [dir=ltr] .view-options__select + .view-options__select {
        margin-left: 0px !important;

    }

    .mobile-header__search {

        margin: 0px auto 0px -1% !important;
    }

    .search-left,
    .search-right {
        width: 100%;
        margin-bottom: 30px;
    }

    .block-space.block-space--layout--divider-nl.box-Shadow {
        display: none;
    }

    /* Fullscreen button */
    .lubrifiantVid .fullscreen-button {

        font-size: 3vw;
        /* Responsive size using viewport width */

    }

}

@media (min-width: 576px) and (max-width: 768px) {

    div#panier-table_filter {
        float: none !important;
        text-align: center;
    }

    .row.gapInResponsive {
        gap: 25px;
    }

    .modal-content-wrapper {
        padding: 10px !important;
    }

    .form-group-modal-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .account-banner {
        margin-top: 50px;
    }

    .form-group-wrapper {

        flex-direction: column;
    }

    .form-group-wrapper .form-group-modal-content:first-child {
        margin-bottom: 0px;
    }

    span.tableTitleTab::before, span.tableTitleTab::after {
        content: '';
        position: absolute;
        top: 50%;
        left: -20%;
        border: 1px solid #353535;
        width: 20%;
    }

    span.tableTitleTab::after {
        left: auto !important;
        right: -20%;
    }

    .tg-account .account-banner .inner-banner .nav-area {
        margin-top: 100px;
    }

    .inner-banner {
        margin-top: 50px;
    }

    .account__CD {
        margin-top: 25px;
        padding-bottom: 0px !important;
        margin-bottom: 25px;
    }

    .categoBoxTitle {
        height: 30%;
    }

    .categoBoxWrapper {
        height: 245px;
    }

    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: none !important;
        text-align: center !important;
    }

    .panierFormInputs-three {

        flex-wrap: wrap;
    }

    .panierFormInputs-three .formInputWrapper label {
        width: 32% !important;
        text-align: left !important;
    }

    .formInputWrapper label {
        width: 32% !important;
    }

    .submitPanier button.btn.btn-block.btn-dark {
        width: 74%;
    }

    .dt-buttons {
        width: 100%;
        text-align: center;
    }

    div#wishlist__table_filter {
        float: none !important;
        text-align: center !important;
    }

    .boutique-shop .view-options__select.fixWidth {
        width: 100% !important;
    }

    .view-options__body {

        justify-content: normal !important;
    }

    button.view-options__filters-button.filters-button {

        width: 100%;
    }

    .nouveaute-page .view-options__body .view-options__select {

        width: 100% !important;
    }

    td.cart-table__column.cart-table__column--image .image--type--product {
        border-radius: 5px 5px 0px 0px !important;
    }

    td.wishlist__column.wishlist__column--body.wishlist__column--image {
        border-radius: 5px 5px 0px 0px;
    }

    button.wishlist__remove.btn.btn-sm.btn-muted.btn-icon {
        border-radius: 0px 5px 0px 0px;
    }

    button.view-options__filters-button.filters-button.not-visible {
        display: none;
    }

    span#calendar-icon-reg {

        right: 5% !important;
    }

    .video-js .vjs-big-play-button {
        font-size: 4em !important;
        background-color: orange !important;
    }

    .card_body_numbers span {
        font-size: 45px;
    }

    td.td-width {
        text-align: left;
    }

    .dashboardMonthInput {
        width: 100% !important;
    }

    input#monthInput {
        width: 55%;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before {
        border-top: 10px solid #f7943d !important;
        border-left: 5px solid transparent !important;
    }

    div.dt-buttons > .dt-button, div.dt-buttons > div.dt-button-split .dt-button {

        padding: .5em .5em !important;

    }

    span.dtr-title {
        text-align: center;
        width: 100%;
        display: block !important;
        margin-bottom: 15px;
        font-size: 17px;
        color: #f7943d;
        background: black;
        padding: 5px;
        border-radius: 5px;
    }

    span.dtr-data {
        text-align: center;
        display: block;
        margin-bottom: 10px;

    }

    .statutGreen, .statuRed {
        margin: 0px auto 10px auto;
    }

    .nav-area ul {
        justify-content: flex-start;

    }

    .inner {
        text-align: center;
    }

    .account__details__profile_image {
        margin: 0px auto 20px auto;
        float: none;
    }

    td.wishlist__column.wishlist__column--body.wishlist__column--image {
        background: white;
    }

    .wishlist__product-name a:last-child {

        width: 90%;
        margin: 0px auto;
    }

    .product-card__name.fix-slider-title div a:last-child {
        width: 230px;

    }

    .product_all_info_image {
        width: 90%;
        display: block;
        margin: 0px auto;
        margin-bottom: 50px;
    }

    .product_all_info_details {
        width: 90% !important;
        margin-bottom: 19px;
    }

    .product_all_info {
        padding: 15px;

    }

    .product_all_info_details h1 {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        height: 60px !important;
    }

    .aroma-category-image, .aroma-category-title {
        width: 100%;
    }

    .aroma-category h3 {
        font-size: 15px;
        margin-top: 10px;
    }

    .aroma-category {
        width: 32%;
        display: inline-block;
        margin: 0px auto 20px auto;
        text-align: center;
    }

    .promotion_item a.calculNet,
    .chrono_item a.calculNet {

        margin-left: 0px;
    }

    .view-options__select {
        width: 100%;
    }

    .view-options__select.fixWidth {

    }

    [dir=ltr] .view-options__select + .view-options__select {
        margin-left: 0px !important;

    }

    .mobile-header__search {

        margin: 0px auto 0px -1% !important;
    }

    .mobile-indicator__icon {
        fill: white !important;
    }

    .search-left,
    .search-right {
        width: 100%;
        margin-bottom: 30px;
    }

    a.allCartes,
    a.allCategory {
        width: 30% !important;
    }

    .category-card--layout--classic .category-card__image {
        width: 100% !important;
    }

    .section-header__title {
        top: -5px !important;
    }

    .block-sale__link a {

        line-height: 8px !important;
    }

    /* Fullscreen button */
    .lubrifiantVid .fullscreen-button {

        font-size: 3vw;
        /* Responsive size using viewport width */

    }

    .block-space.block-space--layout--divider-nl.box-Shadow {
        display: none;
    }

}

@media (min-width: 480px) and (max-width: 576px) {

    .row.gapInResponsive {
        gap: 25px;
    }

    .modal-content-wrapper {
        padding: 10px !important;
    }

    .form-group-modal-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .account-banner {
        margin-top: 50px;
    }

    .account__CD {
        margin-top: 25px;
    }

    .form-group-wrapper {

        flex-direction: column;
    }

    .form-group-wrapper .form-group-modal-content:first-child {
        margin-bottom: 0px;
    }

    span.tableTitleTab::before, span.tableTitleTab::after {
        content: '';
        position: absolute;
        top: 50%;
        left: -20%;
        border: 1px solid #353535;
        width: 20%;
    }

    span.tableTitleTab::after {
        left: auto !important;
        right: -20%;
    }

    span.tableTitleTab {
        font-size: 17px;
        font-weight: 500;
        text-align: center;
        display: flex;
        margin: 50px auto;
        background: #353535;
        color: white;
        padding: 7px 10px;
        justify-content: center;
        align-items: center;
        width: 260px;
        border-radius: 5px;
        position: relative;
    }

    .tg-account .account-banner .inner-banner .nav-area {
        margin-top: 100px;
    }

    .inner-banner {
        margin-top: 50px;
    }

    .account__CD {
        margin-top: 25px;
        padding-bottom: 0px !important;
        margin-bottom: 25px;
    }

    .categoBoxTitle {
        height: 30%;
    }

    .categoBoxWrapper {
        height: 215px;
    }

    .panierFormInputs-three {

        flex-wrap: wrap;
    }

    .formInputWrapper {
        align-items: flex-start !important;
        flex-direction: column;
    }

    .panierFormInputs-three .formInputWrapper label {
        width: 28% !important;
        text-align: left !important;
    }

    .formInputWrapper label {
        width: 28% !important;
    }

    .submitPanier button.btn.btn-block.btn-dark {
        width: 100%;
    }

    button.view-options__filters-button.filters-button {

        width: 100%;
    }

    .floaty {
        display: none;
    }

    p.max-width {
        width: 100%;
    }

    .floaty_two {
        display: block;
    }

    td.cart-table__column.cart-table__column--image .image--type--product {
        border-radius: 5px 5px 0px 0px !important;
    }

    td.wishlist__column.wishlist__column--body.wishlist__column--image {
        border-radius: 5px 5px 0px 0px;
    }

    button.wishlist__remove.btn.btn-sm.btn-muted.btn-icon {
        border-radius: 0px 5px 0px 0px;
    }

    button.view-options__filters-button.filters-button.not-visible {
        display: none;
    }

    span#calendar-icon-reg {

        right: 3% !important;
    }

    .video-js .vjs-big-play-button {
        font-size: 4em !important;
        background-color: orange !important;
    }

    .card_body_numbers span {
        font-size: 45px;
    }

    .image.image--type--product {
        border-radius: 5px 5px 0px 0px !important;
    }

    td.td-width {
        text-align: left;
    }

    .dashboardMonthInput {
        width: 100% !important;
    }

    input#monthInput {
        width: 100%;
        display: block;
        margin-bottom: 15px;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before {
        border-top: 10px solid #f7943d !important;
        border-left: 5px solid transparent !important;
    }

    div.dt-buttons {
        display: block;
        width: 100%;
    }

    .dt-search {
        display: block;
        width: 100%;
        text-align: center !important;
        margin-bottom: 35px;
    }

    div.dt-buttons > .dt-button, div.dt-buttons > div.dt-button-split .dt-button {

        padding: .5em 1em !important;

    }

    span.dtr-title {
        text-align: center;
        width: 100%;
        display: block !important;
        margin-bottom: 15px;
        font-size: 17px;
        color: #f7943d;
        background: black;
        padding: 5px;
        border-radius: 5px;
    }

    span.dtr-data {
        text-align: center;
        display: block;
        margin-bottom: 10px;

    }

    .statutGreen, .statuRed {
        margin: 0px auto 10px auto;
    }

    .nav-area ul {
        justify-content: flex-start;

    }

    h1.user-name {
        font-size: 25px;
    }

    h3.user-job {
        font-size: 18px;
    }

    .inner {
        text-align: center;
    }

    .account__details__profile_image {
        margin: 0px auto 20px auto;
        float: none;
    }

    td.wishlist__column.wishlist__column--body.wishlist__column--image {
        background: white;
    }

    .wishlist__product-name a:last-child {

        width: 90%;
        margin: 0px auto;
    }

    .product-card__name.fix-slider-title div a:last-child {
        width: 210px !important;

    }

    .product__tabs.product-tabs.product-tabs--layout--full {
        margin-bottom: 45px;
    }

    .product_all_info_image {
        width: 90%;
        display: block;
        margin: 0px auto;
        margin-bottom: 50px;
    }

    .product_all_info_details {
        width: 90% !important;
        margin-bottom: 19px;
    }

    .product_all_info {
        padding: 15px;

    }

    .product_all_info_details h1 {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        height: 60px !important;
    }

    .aroma-category-image,
    .aroma-category-title {
        width: 100%;
    }

    .aroma-category h3 {
        font-size: 15px;
        margin-top: 10px;
    }

    .aroma-category {
        width: 24%;
        display: inline-block;
        margin: 0px auto 20px auto;
        text-align: center;
    }

    .promotion_item span.brut, .chrono_item span.brut {

    }

    .promotion_item a.calculNet,
    .chrono_item a.calculNet {

        margin-left: 0px;
    }

    .view-options__select {
        width: 100%;
    }

    .view-options__select.fixWidth {

    }

    [dir=ltr] .view-options__select + .view-options__select {
        margin-left: 0px !important;

    }

    [dir=ltr] .view-options__filters-button {
        flex: 1 0 100%;
    }

    .mobile-header__search {
        margin: 0px auto 0px -1% !important;
    }

    .mobile-indicator__icon {
        fill: white !important;
    }

    .search-left,
    .search-right {
        width: 100%;
        margin-bottom: 30px;
    }

    a.allCartes,
    a.allCategory {
        width: 35% !important;
    }

    .category-card--layout--classic .category-card__image {
        width: 100% !important;
    }

    .section-header__title {
        top: -5px !important;
    }

    .block-sale__link a {
        line-height: 8px !important;
    }

    /* Fullscreen button */
    .lubrifiantVid .fullscreen-button {

        font-size: 3vw;
        /* Responsive size using viewport width */
    }

    .block-space.block-space--layout--divider-nl.box-Shadow {
        display: none;
    }

}

@media (min-width: 320px) and (max-width: 480px) {

    .row.gapInResponsive {
        gap: 25px;
    }

    .modal-content-wrapper {
        padding: 10px !important;
    }

    .form-group-modal-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .account-banner {
        margin-top: 50px;
    }

    .account__CD {
        margin-top: 25px;
    }

    .form-group-wrapper {

        flex-direction: column;
    }

    .form-group-wrapper .form-group-modal-content:first-child {
        margin-bottom: 0px;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        font-size: 13px;
    }

    span.tableTitleTab {
        width: 200px;
        font-size: 16px;
    }

    span.tableTitleTab::before, span.tableTitleTab::after {
        content: '';
        position: absolute;
        top: 50%;
        left: -15%;
        border: 1px solid #353535;
        width: 15%;
    }

    span.tableTitleTab::after {
        left: auto !important;
        right: -15%;
    }

    .tg-account .account-banner .inner-banner .nav-area {
        margin-top: 100px;
    }

    .inner-banner {
        margin-top: 50px;
    }

    .account__CD {
        margin-top: 25px;
        padding-bottom: 0px !important;
        margin-bottom: 25px;
    }

    .categoBoxTitle {
        height: 35%;
    }

    .categoBoxWrapper {
        height: 175px;
    }

    .formInputWrapper {
        align-items: flex-start !important;
        flex-direction: column;
    }

    .panierFormInputs-three {

        flex-wrap: wrap;
    }

    .panierFormInputs-three .formInputWrapper label {
        width: 38% !important;
        text-align: left !important;
    }

    .formInputWrapper label {
        width: 38% !important;
    }

    .submitPanier button.btn.btn-block.btn-dark {
        width: 100%;
    }

    .boutique-shop .product-card__name div a:nth-child(2),
    .chronoTimer-page .product-card__name div a:nth-child(2) {
        width: 270px;
    }

    button.view-options__filters-button.filters-button {

        width: 100%;
    }

    p.max-width {
        width: 100%;
    }

    .floaty {
        display: none

    }

    .floaty_two {
        display: block;
    }

    td.cart-table__column.cart-table__column--image .image--type--product {
        border-radius: 5px 5px 0px 0px !important;
    }

    td.wishlist__column.wishlist__column--body.wishlist__column--image {
        border-radius: 5px 5px 0px 0px;
    }

    button.wishlist__remove.btn.btn-sm.btn-muted.btn-icon {
        border-radius: 0px 5px 0px 0px;
    }

    span#calendar-icon-reg {

        right: 4% !important;
    }

    button.view-options__filters-button.filters-button.not-visible {
        display: none;
    }

    .video-js .vjs-big-play-button {
        font-size: 3em !important;
        background-color: orange !important;
        border: 0.06686em solid #fff !important;
    }

    .card_body_numbers span {
        font-size: 45px;
    }

    .image.image--type--product {
        border-radius: 5px 5px 0px 0px !important;
    }

    div.dt-container .dt-search input {
        width: 100%;
    }

    td.td-width {
        text-align: left;
    }

    input#monthInput {
        width: 100%;
        display: block;
        margin-bottom: 15px;
    }

    .dashboardMonthInput {
        width: 100% !important;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before {
        border-top: 10px solid #f7943d !important;
        border-left: 5px solid transparent !important;
    }

    div.dt-buttons {
        display: block;
        width: 100%;
    }

    .dt-search {
        display: block;
        width: 100%;
        text-align: center !important;
        margin-bottom: 35px;
    }

    div.dt-buttons > .dt-button, div.dt-buttons > div.dt-button-split .dt-button {

        padding: .5em 0.7em !important;

    }

    span.dtr-title {
        text-align: center;
        width: 100%;
        display: block !important;
        margin-bottom: 15px;
        font-size: 17px;
        color: #f7943d;
        background: black;
        padding: 5px;
        border-radius: 5px;
    }

    span.dtr-data {
        text-align: center;
        display: block;
        margin-bottom: 10px;

    }

    .statutGreen, .statuRed {
        margin: 0px auto 10px auto;
    }

    .nav-area ul {
        justify-content: flex-start;

    }

    .card_body_text span {
        font-size: 17px;
    }

    .card_body_numbers span {
        font-size: 40px;
    }

    h3.user-job {
        font-size: 15px;
    }

    h1.user-name {
        font-size: 30px;
    }

    .inner {
        text-align: center;
    }

    .account__details__profile_image {

        margin: 0px auto 20px auto;
        float: none;
    }

    td.wishlist__column.wishlist__column--body.wishlist__column--image {
        background: white;
    }

    .wishlist__product-name a:last-child {

        width: 90%;
        margin: 0px auto;
    }

    .product-card__name.fix-slider-title div a:last-child {
        width: 100%;
    }

    .product__tabs.product-tabs.product-tabs--layout--full {
        margin-bottom: 45px;
    }

    .product_all_info_image {
        width: 90%;
        display: block;
        margin: 0px auto;
        margin-bottom: 50px;
    }

    .product_all_info_details {
        width: 90% !important;
        margin-bottom: 19px;
    }

    .product_all_info {
        padding: 15px;

    }

    .product_all_info_details h1 {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        height: 60px !important;
    }

    #the-24h-countdown span {

        width: 85px;
        height: 85px;
        line-height: 31px;
    }

    .area {
        height: 75px;
        width: 78px;
    }

    .timeWrapper:nth-child(2):before,
    .timeWrapper:nth-child(3):before {

        top: 3%;
        left: -4%;
    }

    .aroma-category-image, .aroma-category-title {
        width: 100%;
    }

    .aroma-category h3 {
        font-size: 15px;
        margin-top: 10px;
    }

    .aroma-category {
        width: 32%;
        display: inline-block;
        margin: 0px auto 20px auto;
        text-align: center;
    }

    img.promotion-red-icon {
        top: -2.5%;
    }

    .remise {
        top: 2.3%;
    }

    .fixPos {
        top: 2% !important;
    }

    .block-sale__item .calculNet {
        margin-left: 7px !important;
    }

    .promotion_item a.calculNet,
    .chrono_item a.calculNet {
        margin-left: 0px;
    }

    .view-options__select {
        width: 100%;
    }

    .view-options__select.fixWidth {

    }

    [dir=ltr] .view-options__select + .view-options__select {
        margin-left: 0px !important;

    }

    .mobile-header__search {

        margin: 0px auto 0px -1% !important;
    }

    .mobile-indicator__icon {
        fill: white !important;
    }

    .search-left,
    .search-right {
        width: 100%;
        margin-bottom: 30px;
    }

    a.allCartes,
    a.allCategory {
        width: 50% !important;
    }

    .section-header__title {
        top: -5px !important;
    }

    .block-sale__link a {
        line-height: 8px !important;
    }

    .logo__image img {
        width: 55% !important;
    }

    .search-wrapper span {
        font-size: 14px;
    }

    .block-categories__title {
        font-size: 20px !important;
    }

    /* Fullscreen button */
    .lubrifiantVid .fullscreen-button {
        font-size: 3vw;
        /* Responsive size using viewport width */
    }

    .block-space.block-space--layout--divider-nl.box-Shadow {
        display: none;
    }

    table.dataTable thead th,
    table.dataTable thead td,
    table.dataTable tfoot th,
    table.dataTable tfoot td {
        text-align: center !important;
    }

    .fixPos-promotion,
    .fixPos-results {
        top: -7.3% !important;
    }

    div#confirmationModal {
        width: 90% !important;
        max-width: 400px;
    }

    .product__actions-item.product__actions-item--quantity {
        width: 100% !important;
        display: block !important;
        margin-right: 0px !important;
        margin-bottom: 20px;
    }

    .product__actions-item.product__actions-item--addtocart {
        width: 100% !important;
        display: block !important;
    }

}

/************************ other media query ************************************/

@media (max-width: 1400px) {
    .nav-item {
        width: auto;
        /* Allow tabs to adapt to content width */
    }

    .scroll-btn {
        display: block;
    }

}

@media (min-width: 475px) and (max-width: 480px) {

    .category-card--layout--classic .category-card__image {
        width: 100% !important;
        padding: 45px 0 !important;
    }

    .block-space.block-space--layout--divider-nl.box-Shadow {
        display: none;
    }

}

@media (min-width: 320px) and (max-width: 474px) {

    .category-card--layout--classic .category-card__image {

    }

    .block-space.block-space--layout--divider-nl.box-Shadow {
        display: none;
    }

}

@media (max-width: 768px) {
    .mobile-search__input,
    .mobile-search__button {
        background: #f7943d !important;
    }

}

@media (max-width: 991.98px) {

    button.cart-table__remove.btn.btn-sm.btn-icon.btn-muted {
        border-radius: 0px 5px 0px 0px;
    }

    a.cart-table__product-reference {
        margin-bottom: 15px;
    }

    .image.image--type--product {
        border-radius: 5px 5px 0px 0px;
    }

    .wishlist__row wishlist__row--body .image.image--type--product {
        border-radius: 5px;
    }

    .cart-table__product-name {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        height: 40px !important;
    }

}

@media (min-width: 1201px) {
    /* Styles for extra large devices (large desktops) */
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .tab button::after {
        left: 53px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .loginWrapper {
        max-width: 60%;
    }

    .companyImg:nth-child(1) {
        margin-right: 20px;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    body {
        background: url(../images/bg.jpg) no-repeat left center;
        background-size: auto 100%;
    }

    .loginWrapper {
        max-width: 80%;
        margin: 0 auto;
    }

    .boxy {
        bottom: 10%;
    }

    .tab button {
        width: 35%;
        margin-left: 50px;
        font-size: 13px;
        height: 155px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    body {
        background: url(../images/bg.jpg) no-repeat left center;
        background-size: auto 100%;
    }

    .loginWrapper {
        max-width: 80%;
        margin: 0 auto;
    }

    .companyImg:nth-child(1) {
        margin-right: 5px;
    }

    .tab button {
        width: 39%;
        margin-left: 16px;
        font-size: 10px;
        height: 130px;
    }

    .boxy {
        bottom: 10%;
    }

    .tabWrapper button::after {
        left: 39px;
    }
}

@media (min-width: 387px) and (max-width: 464px) {
    .tab button {
        width: 35%;
        margin-left: 30px;
        font-size: 10px;
        height: 130px;
    }

    .boxy {
        bottom: 10%;
    }

    .tabWrapper button::after {
        left: 39px;
    }
}

@media (min-width: 1200px) and (max-width: 1367px) {
    /* Placeholder for large-specific styles */
}

@media (min-width: 992px) and (max-width: 1200px) {
    .tab button::after {
        left: 53px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .tab button {
        width: 19%;
        font-size: 10px;
    }

    .tab button::after {
        left: 35px;
    }
}

@media (min-width: 480px) and (max-width: 576px) {
    .tab button {
        width: 30%;
        margin-left: 50px;
        font-size: 10px;
        height: 130px;
    }

    .boxy {
        bottom: 10%;
    }

    .tabWrapper button::after {
        left: 39px;
    }

    .fixRowTab {
        margin-left: 0;
    }
}

@media (min-width: 320px) and (max-width: 360px) {

    .fixPos-nouveaute-page, .fixPos-promotion, .fixPos-results {
        top: -6.3% !important;
    }

    img.chrono-red-icon {
        top: -2.4%;
        right: -4.2%;
    }

    img.promotion-red-icon {
        top: -2.7%;
    }

    div#confirmationModal {
        width: 90% !important;
        max-width: 400px;
    }

    .products-list__item {
        margin: 0px auto;
        flex: 0 0 calc(100% - 16px);

    }

}

/***********************************************************************************************************************
************************************************* Old css **************************************************************
***********************************************************************************************************************/

@-webkit-keyframes loader-animation {
    from {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

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

@keyframes loader-animation {
    from {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

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

/*
// base
*/
html {
    height: 100%;
}

body {
    height: 100%;
    background: #fafafa;
    color: #262626;
    font-family: "Roboto", "sans-serif";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    overflow-y: scroll;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

[dir=ltr] body {
    text-align: left;
    direction: ltr;
}

[dir=rtl] body {
    text-align: right;
    direction: rtl;
}

a {
    color: #F7943D;
}

a:hover {
    color: white;
    text-decoration: none;
}

label {
    margin-bottom: .25rem;
    font-size: 15px;
}

h1 {
    font-size: 40px;
    font-weight: 500;
}

h2 {
    font-size: 32px;
    font-weight: 500;
}

h3 {
    font-size: 28px;
    font-weight: 500;
}

h4 {
    font-size: 24px;
    font-weight: 500;
}

h5 {
    font-size: 20px;
    font-weight: 500;
}

h6 {
    font-size: 16px;
    font-weight: 500;
}

/*
// .document
*/
.document {
    max-width: 760px;
    margin: 0 auto;
}

.document__header {
    text-align: center;
    padding: 44px 0 52px;
}

.document__title {
    font-weight: 700;
    letter-spacing: .01em;
    margin: 0;
}

.document__subtitle {
    font-size: 15px;
    color: #999;
    margin-top: 8px;
    margin-bottom: -4px;
}

.document__content {
    padding: 50px;
}

.document__signature {
    margin-top: 2.5rem;
}

@media (max-width: 1199.98px) {
    .document__header {
        padding: 44px 0 48px;
    }

    .document__subtitle {
        margin-top: 4px;
    }
}

@media (max-width: 991.98px) {
    .document__content {
        padding: 40px;
    }
}

@media (max-width: 767.98px) {
    .document__header {
        padding: 36px 0 40px;
    }

    .document__title {
        font-size: 36px;
    }

    .document__content {
        padding: 28px;
    }
}

@media (max-width: 575.98px) {
    .document__title {
        font-size: 32px;
    }

    .document__subtitle {
        font-size: 14px;
    }

    .document__content {
        padding: 24px;
    }

    .document__content .typography {
        font-size: 15px;
    }

    .document__signature {
        margin-top: 24px;
    }
}

/*
// grid
*/
.col-1of5 {
    padding: 0 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
}

.col-2of5 {
    padding: 0 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    position: relative;
    width: 100%;
}

.col-3of5 {
    padding: 0 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    position: relative;
    width: 100%;
}

.col-4of5 {
    padding: 0 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
    position: relative;
    width: 100%;
}

.col-5of5 {
    padding: 0 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
}

/*
// header
*/
@media (min-width: 1200px) {

    .mobile-header,
    .mobile-menu {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .header {
        display: none;
    }
}

/*
// .site
*/
.site {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

.site__header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.site__body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
}

.site__footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/* ----------------------------------------
// Components
// ---------------------------------------- */
/*
// .alert
*/
.alert {
    border: none;
    border-radius: 2px;
    font-size: 15px;
    line-height: 20px;
    padding: .75rem 1rem;
}

.alert a {
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    color: currentColor;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 1.5px;
    padding: 0 3px;
}

.alert a:hover {
    background: rgba(255, 255, 255, 0.85);
}

.alert a:active {
    background: rgba(255, 255, 255, 0.5);
}

.alert hr {
    border-color: currentColor;
    opacity: .12;
}

.alert-primary {
    background: #b2d9ff;
    color: #36414d;
}

.alert-secondary {
    background: #d9d9d9;
    color: #4d4d4d;
}

.alert-info {
    background: #b8e2e5;
    color: #2d3e40;
}

.alert-success {
    background: #bde5a1;
    color: #34402d;
}

.alert-danger {
    background: #ffb8b8;
    color: #473333;
}

.alert-warning {
    background: #f2e291;
    color: #4d472e;
}

.alert-lg {
    font-size: 16px;
    padding: 1.125rem 1.375rem;
}

[dir=ltr] .alert-dismissible {
    padding-right: 3rem;
}

[dir=rtl] .alert-dismissible {
    padding-left: 3rem;
}

.alert-dismissible .close {
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 1rem;
    height: 100%;
    -webkit-transition: all .2s;
    transition: all .2s;
    fill: rgba(0, 0, 0, 0.3);
    background: transparent;
}

[dir=ltr] .alert-dismissible .close {
    right: 0;
    border-top-right-radius: 1.5px;
    border-bottom-right-radius: 1.5px;
}

[dir=rtl] .alert-dismissible .close {
    left: 0;
    border-top-left-radius: 1.5px;
    border-bottom-left-radius: 1.5px;
}

.alert-dismissible .close:focus {
    outline: none;
}

.alert-dismissible .close:not(:disabled):not(.disabled):focus,
.alert-dismissible .close:not(:disabled):not(.disabled):hover {
    background: rgba(0, 0, 0, 0.08);
    fill: rgba(0, 0, 0, 0.5);
    opacity: 1;
}

/*
// .arrow
*/
.arrow__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    background: transparent;
    pointer-events: none;
    -webkit-transition: color .15s;
    transition: color .15s;
    color: #fff;
}

.arrow__button:before {
    background: #F7943D;
}

.arrow__button svg {
    fill: currentColor;
    display: block;
}

[dir=ltr] .arrow__button svg {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

[dir=rtl] .arrow__button svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.arrow__button:focus {
    outline: none;
}

.arrow__button:before {
    position: absolute;
    display: block;
    content: '';
    height: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    z-index: -1;
    border-radius: 2px;
    pointer-events: auto;
    -webkit-transition: background .15s;
    transition: background .15s;
}

.arrow__button:hover {
    color: #fff;
}

.arrow__button:hover:before {
    background: #333;
}

.arrow__button:active {
    color: #fff;
}

.arrow__button:active:before {
    background: #474747;
}

.arrow__button:active,
.arrow__button:active:before {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.arrow__button:after {
    position: absolute;
    display: block;
    content: '';
    top: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    -webkit-transition: background .2s;
    transition: background .2s;
    opacity: .01;
}

[dir=ltr] .arrow__button:after {
    left: -2px;
}

[dir=rtl] .arrow__button:after {
    right: -2px;
}

.arrow__button:hover:after {
    background: rgba(0, 0, 0, 0.01);
}

.arrow__button:active:after {
    background: rgba(255, 255, 255, 0.01);
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

[dir=ltr] .arrow--next svg {
    margin-right: -1px;
}

[dir=rtl] .arrow--next svg {
    margin-left: -1px;
}

[dir=ltr] .arrow--prev svg {
    margin-left: -1px;
}

[dir=rtl] .arrow--prev svg {
    margin-right: -1px;
}

.arrow__button {
    height: 23px;
    padding: 0 14.37131px;
}

.arrow__button:before {
    width: calc(100% - 8.37131px);
}

[dir=ltr] .arrow__button:before {
    left: 4.18566px;
}

[dir=rtl] .arrow__button:before {
    right: 4.18566px;
}

[dir=ltr] .arrow__button:before {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
}

[dir=rtl] .arrow__button:before {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
}

/*
// .breadcrumb
*/
.breadcrumb {
    background: transparent;
    padding: 0;
    margin: 0;
    line-height: 20px;
    font-size: 14px;
    color: #6c757d;
}

.breadcrumb:after {
    content: '';
    clear: both;
}

.breadcrumb__list {
    display: block;
    list-style: none;
    padding: 0;
    margin: -4px 0 0;
    width: 100%;
}

.breadcrumb__item {
    margin-top: 4px;
}

[dir=ltr] .breadcrumb__item {
    margin-right: -7.12435px;
    float: left;
}

[dir=rtl] .breadcrumb__item {
    margin-left: -7.12435px;
    float: right;
}

.breadcrumb__item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 0;
    height: 21px;
    padding: 0 15.12435px;
    pointer-events: none;
}

.breadcrumb__item-link,
.breadcrumb__item-link:hover {
    color: inherit;
}

.breadcrumb__item-link:before,
.breadcrumb__item-link:after {
    pointer-events: auto;
    position: absolute;
    background-color: #ebebeb;
    top: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 3px;
    -webkit-transition: background .1s;
    transition: background .1s;
}

.breadcrumb__item-link:before {
    content: '';
}

[dir=ltr] .breadcrumb__item-link:before {
    left: 6.06217px;
    right: 6.06217px;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
}

[dir=rtl] .breadcrumb__item-link:before {
    right: 6.06217px;
    left: 6.06217px;
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
}

[dir=ltr] .breadcrumb__item--first .breadcrumb__item-link {
    padding-left: 7px;
}

[dir=rtl] .breadcrumb__item--first .breadcrumb__item-link {
    padding-right: 7px;
}

.breadcrumb__item--first .breadcrumb__item-link:after {
    content: '';
}

[dir=ltr] .breadcrumb__item--first .breadcrumb__item-link:after {
    left: 0;
    right: 12.12435px;
}

[dir=rtl] .breadcrumb__item--first .breadcrumb__item-link:after {
    right: 0;
    left: 12.12435px;
}

.breadcrumb__item--parent .breadcrumb__item-link:hover:before,
.breadcrumb__item--parent .breadcrumb__item-link:hover:after {
    background-color: #e5e5e5;
}

.breadcrumb__item--parent .breadcrumb__item-link:active:before,
.breadcrumb__item--parent .breadcrumb__item-link:active:after {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background-color: #e0e0e0;
}

[dir=ltr] .breadcrumb__item--last {
    margin-right: 0;
}

[dir=rtl] .breadcrumb__item--last {
    margin-left: 0;
}

.breadcrumb__title-safe-area {
    display: block;
    height: 21px;
    width: calc(50% + var(--block-header-title-width, 0px) / 2 + 64px);
    margin-top: 4px;
}

[dir=ltr] .breadcrumb__title-safe-area {
    float: left;
}

[dir=rtl] .breadcrumb__title-safe-area {
    float: right;
}

@media (max-width: 1199.98px) {
    .breadcrumb__title-safe-area {
        display: none;
    }
}

.breadcrumb__spaceship-safe-area {
    display: block;
    height: 21px;
    width: calc(50% + 480px / 2 + 20px);
    margin-top: 4px;
}

[dir=ltr] .breadcrumb__spaceship-safe-area {
    float: right;
}

[dir=rtl] .breadcrumb__spaceship-safe-area {
    float: left;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .breadcrumb__spaceship-safe-area {
        width: calc(50% + 440px / 2 + 20px);
    }
}

@media (max-width: 1199.98px) {
    .breadcrumb__spaceship-safe-area {
        display: none;
    }
}

/*
// .btn
*/
.btn {
    border: none;
    border-radius: 2px;
    fill: currentColor;
    font-weight: 500;
}

.btn.disabled,
.btn:disabled {
    cursor: default;
}

.btn-icon {
    padding: 0;
}

.btn-icon svg {
    display: block;
    margin: auto;
}

.btn-loading {
    position: relative;
}

.btn-loading:after {
    /* nl size (default) */
    border-style: solid;
    -webkit-animation-name: loader-animation;
    animation-name: loader-animation;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    display: block;
    content: '';
    border-width: 2px;
    left: calc(50% - 12px);
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    border-radius: 12px;
}

.btn-loading.btn-xl:after {
    /* xl size */
    left: calc(50% - 21px);
    top: calc(50% - 21px);
    width: 42px;
    height: 42px;
    border-radius: 21px;
}

.btn-loading.btn-lg:after {
    /* lg size */
    left: calc(50% - 16px);
    top: calc(50% - 16px);
    width: 32px;
    height: 32px;
    border-radius: 16px;
}

.btn-loading.btn-sm:after {
    /* sm size */
    left: calc(50% - 10px);
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    border-radius: 10px;
}

.btn-loading.btn-xs:after {
    /* xs size */
    left: calc(50% - 8px);
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
    border-radius: 8px;
}

.btn:not(.btn-icon) {
    font-size: 16px;
    line-height: 19px;
    padding: calc(17px / 2) 16px;
}

.btn.btn-icon {
    height: 36px;
    width: 36px;
}

.btn-sm:not(.btn-icon) {
    font-size: 14px;
    line-height: 17px;
    padding: 12px 13px;
    border-radius: 5px;
}

.btn-sm.btn-icon {
    height: 30px;
    width: 30px;
}

.btn-xs:not(.btn-icon) {
    font-size: 13px;
    line-height: 15px;
    padding: calc(9px / 2) 9px;
}

.btn-xs.btn-icon {
    height: 24px;
    width: 24px;
}

.btn-lg:not(.btn-icon) {
    font-size: 18px;
    line-height: 22px;
    padding: calc(20px / 2) 24px;
}

.btn-lg.btn-icon {
    height: 42px;
    width: 42px;
}

.btn-xl:not(.btn-icon) {
    font-size: 20px;
    line-height: 26px;
    padding: calc(34px / 2) 40px;
}

.btn-xl.btn-icon {
    height: 60px;
    width: 60px;
}

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

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

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    border-color: #333;
    background: #333;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    border-color: #4d4d4d;
    background: #4d4d4d;
    color: #fff;
}

.btn-primary.btn-loading:not(:disabled):not(.disabled),
.btn-primary.btn-loading:not(:disabled):not(.disabled):active,
.btn-primary.btn-loading:not(:disabled):not(.disabled).active {
    border-color: #F7943D;
    background: #F7943D;
    cursor: default;
}

.btn-primary.btn-loading {
    /* hide button content */
}

.btn-primary.btn-loading,
.btn-primary.btn-loading:hover,
.btn-primary.btn-loading.focus,
.btn-primary.btn-loading:focus,
.btn-primary.btn-loading:not(:disabled):not(.disabled).active,
.btn-primary.btn-loading:not(:disabled):not(.disabled):active,
.btn-primary.btn-loading.disabled,
.btn-primary.btn-loading:disabled {
    color: transparent;
    fill: transparent;
}

.btn-primary.btn-loading:after {
    border-color: rgba(255, 255, 255, 0.1);
    border-top-color: rgba(255, 255, 255, 0.5);
}

.btn-secondary:hover {
    border-color: #e5e5e5;
    background: #e5e5e5;
    color: #333;
}

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

.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus {
    border-color: #e5e5e5;
    background: #e5e5e5;
    color: #333;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus {
    border-color: #d6d6d6;
    background: #d6d6d6;
    color: #333;
}

.btn-secondary.btn-loading:not(:disabled):not(.disabled),
.btn-secondary.btn-loading:not(:disabled):not(.disabled):active,
.btn-secondary.btn-loading:not(:disabled):not(.disabled).active {
    border-color: #f0f0f0;
    background: #f0f0f0;
    cursor: default;
}

.btn-secondary.btn-loading {
    /* hide button content */
}

.btn-secondary.btn-loading,
.btn-secondary.btn-loading:hover,
.btn-secondary.btn-loading.focus,
.btn-secondary.btn-loading:focus,
.btn-secondary.btn-loading:not(:disabled):not(.disabled).active,
.btn-secondary.btn-loading:not(:disabled):not(.disabled):active,
.btn-secondary.btn-loading.disabled,
.btn-secondary.btn-loading:disabled {
    color: transparent;
    fill: transparent;
}

.btn-secondary.btn-loading:after {
    border-color: rgba(0, 0, 0, 0.1);
    border-top-color: rgba(0, 0, 0, 0.5);
}

.btn-light:hover {
    border-color: #f0f0f0;
    background: #f0f0f0;
    color: #333;
}

.btn-light,
.btn-light.disabled,
.btn-light:disabled {
    border-color: transparent;
    background: transparent;
    color: #333;
}

.btn-light.focus,
.btn-light:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus {
    border-color: #f0f0f0;
    background: #f0f0f0;
    color: #333;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus {
    border-color: #e1e1e1;
    background: #e1e1e1;
    color: #333;
}

.btn-light.btn-loading:not(:disabled):not(.disabled),
.btn-light.btn-loading:not(:disabled):not(.disabled):active,
.btn-light.btn-loading:not(:disabled):not(.disabled).active {
    border-color: transparent;
    background: transparent;
    cursor: default;
}

.btn-light.btn-loading {
    /* hide button content */
}

.btn-light.btn-loading,
.btn-light.btn-loading:hover,
.btn-light.btn-loading.focus,
.btn-light.btn-loading:focus,
.btn-light.btn-loading:not(:disabled):not(.disabled).active,
.btn-light.btn-loading:not(:disabled):not(.disabled):active,
.btn-light.btn-loading.disabled,
.btn-light.btn-loading:disabled {
    color: transparent;
    fill: transparent;
}

.btn-light.btn-loading:after {
    border-color: rgba(0, 0, 0, 0.1);
    border-top-color: rgba(0, 0, 0, 0.5);
}

.btn-muted:hover {
    border-color: #f2f2f2;
    background: #f2f2f2;
    color: #4d4d4d;
}

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

.btn-muted.focus,
.btn-muted:focus,
.btn-muted:not(:disabled):not(.disabled).active:focus,
.btn-muted:not(:disabled):not(.disabled):active:focus {
    border-color: #f2f2f2;
    background: #f2f2f2;
    color: #4d4d4d;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-muted:not(:disabled):not(.disabled):active,
.btn-muted:not(:disabled):not(.disabled).active,
.btn-muted:not(:disabled):not(.disabled).active:focus,
.btn-muted:not(:disabled):not(.disabled):active:focus {
    border-color: #ebebeb;
    background: #ebebeb;
    color: #4d4d4d;
}

.btn-muted.btn-loading:not(:disabled):not(.disabled),
.btn-muted.btn-loading:not(:disabled):not(.disabled):active,
.btn-muted.btn-loading:not(:disabled):not(.disabled).active {
    border-color: #fff;
    background: #fff;
    cursor: default;
}

.btn-muted.btn-loading {
    /* hide button content */
}

.btn-muted.btn-loading,
.btn-muted.btn-loading:hover,
.btn-muted.btn-loading.focus,
.btn-muted.btn-loading:focus,
.btn-muted.btn-loading:not(:disabled):not(.disabled).active,
.btn-muted.btn-loading:not(:disabled):not(.disabled):active,
.btn-muted.btn-loading.disabled,
.btn-muted.btn-loading:disabled {
    color: transparent;
    fill: transparent;
}

.btn-muted.btn-loading:after {
    border-color: rgba(0, 0, 0, 0.1);
    border-top-color: rgba(0, 0, 0, 0.5);
}

/*
// .button-toggle
*/
.button-toggle__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.button-toggle__item {
    margin: 0;
}

.button-toggle__button {
    margin: 0;
    background: #f0f0f0;
    color: #333;
    font-weight: 500;
    font-size: 13px;
    line-height: 14px;
    padding: 5px 9px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background .12s,
    color .12s;
    transition: background .12s,
    color .12s;
}

.button-toggle__button:hover {
    background: #e5e5e5;
    color: #333;
}

.button-toggle__button:active {
    background: #d6d6d6;
    color: #333;
}

[dir=ltr] .button-toggle__item:first-child .button-toggle__button {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

[dir=rtl] .button-toggle__item:first-child .button-toggle__button {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

[dir=ltr] .button-toggle__item:last-child .button-toggle__button {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

[dir=rtl] .button-toggle__item:last-child .button-toggle__button {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.button-toggle__input {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.button-toggle__input:checked ~ .button-toggle__button {
    background: #F7943D;
    color: #fff;
}

/*
// .card
*/
.card {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    border: none;
    border-radius: 0;
}

.card-body--padding--2 {
    padding: 2rem;
}

@media (max-width: 575.98px) {
    .card-body--padding--2 {
        padding: 1.5rem;
    }
}

.card-divider {
    height: 1px;
    background: #ebebeb;
}

.card-header {
    border-radius: 0;
    background: transparent;
    padding: 1.25rem 2rem;
    border: none;
}

.card-header > h5 {
    margin-bottom: 0;
}

.card-footer {
    border-radius: 0;
    background: transparent;
    padding: 1.25rem 2rem;
    border: none;
}

.card-title {
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 8px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 2rem;
    margin-top: -4px;
}

.card-title--lg {
    font-size: 28px;
}

/*
// .card-table
*/
.card-table {
    font-size: 15px;
}

.card-table a:hover {
    color: grey;
}

.card-table table {
    width: 100%;
}

[dir=ltr] .card-table table {
    text-align: left;
}

[dir=rtl] .card-table table {
    text-align: right;
}

.card-table thead th {
    border-bottom: 1px solid #ebebeb;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 12px;
}

.card-table tbody th,
.card-table tbody td,
.card-table tfoot th,
.card-table tfoot td {
    padding: 12px 12px;
}

.card-table tfoot th,
.card-table tfoot td {
    padding-top: 16px;
    padding-bottom: 16px;
}

.card-table tbody + tbody tr th,
.card-table tbody + tbody tr td,
.card-table tbody + tfoot tr th,
.card-table tbody + tfoot tr td,
.card-table tbody tr + tr th,
.card-table tbody tr + tr td {
    border-top: 1px solid #ebebeb;
}

.card-table tbody tr:hover > *,
.card-table tfoot tr:hover > * {
    background-color: #f7f7f7;
}

[dir=ltr] .card-table th:first-child,
[dir=ltr] .card-table td:first-child {
    padding-left: 1rem;
}

[dir=ltr] .card-table th:last-child,
[dir=ltr] .card-table td:last-child {
    padding-right: 2rem;
}

[dir=rtl] .card-table th:first-child,
[dir=rtl] .card-table td:first-child {
    padding-right: 2rem;
}

[dir=rtl] .card-table th:last-child,
[dir=rtl] .card-table td:last-child {
    padding-left: 2rem;
}

.card-table .card-table__body--merge-rows th,
.card-table .card-table__body--merge-rows td {
    padding-top: 3px;
    padding-bottom: 3px;
}

.card-table .card-table__body--merge-rows tr:first-child th,
.card-table .card-table__body--merge-rows tr:first-child td {
    padding-top: 12px;
}

.card-table .card-table__body--merge-rows tr:last-child th,
.card-table .card-table__body--merge-rows tr:last-child td {
    padding-bottom: 12px;
}

.card-table .card-table__body--merge-rows tr + tr th,
.card-table .card-table__body--merge-rows tr + tr td {
    border-top: none;
}

@media (min-width: breakpoint(md-start)) and (max-width: breakpoint(md-end)) {
    .card-table {
        font-size: 14px;
    }

    [dir=ltr] .card-table th:first-child,
    [dir=ltr] .card-table td:first-child {
        padding-left: 1.5rem;
    }

    [dir=ltr] .card-table th:last-child,
    [dir=ltr] .card-table td:last-child {
        padding-right: 1.5rem;
    }

    [dir=rtl] .card-table th:first-child,
    [dir=rtl] .card-table td:first-child {
        padding-right: 1.5rem;
    }

    [dir=rtl] .card-table th:last-child,
    [dir=rtl] .card-table td:last-child {
        padding-left: 1.5rem;
    }
}

@media (max-width: breakpoint(sm-end)) {
    .card-table {
        font-size: 14px;
    }

    [dir=ltr] .card-table th:first-child,
    [dir=ltr] .card-table td:first-child {
        padding-left: 1.375rem;
    }

    [dir=ltr] .card-table th:last-child,
    [dir=ltr] .card-table td:last-child {
        padding-right: 1.375rem;
    }

    [dir=rtl] .card-table th:first-child,
    [dir=rtl] .card-table td:first-child {
        padding-right: 1.375rem;
    }

    [dir=rtl] .card-table th:last-child,
    [dir=rtl] .card-table td:last-child {
        padding-left: 1.375rem;
    }
}

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

@media (min-width: 768px) {
    .container--max--md {
        max-width: 720px;
    }
}

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

@media (min-width: 1200px) {
    .container--max--xl {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container--max--xxl {
        max-width: 1380px;
    }
}

.container .container {
    padding: 0;
}

/*
// .decor
*/
.decor {
    display: block;
}

.decor--type--center .decor__body {
    overflow: hidden;
    position: relative;
}

.decor--type--center .decor__start,
.decor--type--center .decor__end {
    position: absolute;
}

.decor--type--center .decor__start {
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

.decor--type--center .decor__end {
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.decor--type--center .decor__center {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.decor--type--center .decor__body {
    height: 31px;
    margin: 0 -10px -10px;
}

.decor--type--center .decor__start,
.decor--type--center .decor__end {
    height: 21px;
    width: calc(50% - 22.12435px);
}

.decor--type--center .decor__start {
    left: 10px;
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
}

.decor--type--center .decor__end {
    right: 10px;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
}

.decor--type--center .decor__center {
    height: 21px;
    width: 26.2487px;
}

.decor--type--bottom {
    width: 100%;
    position: relative;
    pointer-events: none;
    overflow: hidden;
    height: 31px;
}

.decor--type--bottom .decor__start,
.decor--type--bottom .decor__end {
    position: absolute;
    width: calc((100% - 1350px - 160px) / 2);
    bottom: 0;
}

.decor--type--bottom .decor__start {
    left: 0;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

.decor--type--bottom .decor__end {
    right: 0;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

.decor--type--bottom .decor__start,
.decor--type--bottom .decor__end {
    height: 21px;
}

.decor--type--bottom .decor__start {
    border-top-right-radius: 2px;
}

.decor--type--bottom .decor__end {
    border-top-left-radius: 2px;
}

.decor--type--bottom .decor__start {
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
}

.decor--type--bottom .decor__end {
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
}

/*
// .filters-button
*/
.filters-button {

    background: #f0f0f0;
    border: none;
    border-radius: 2px;
    font-size: 15px;
    line-height: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    font-family: inherit;
    -webkit-transition: background-color .12s;
    transition: background-color .12s;
    padding-top: 7px;
    padding-bottom: 7px;
}

.filters-button:focus {
    outline: none;
}

.filters-button:hover {
    background: #ebebeb;
}

.filters-button:active {
    background: #e0e0e0;
}

.filters-button__icon {
    fill: #404040;
}

[dir=ltr] .filters-button__icon {
    margin-right: 7px;
}

[dir=rtl] .filters-button__icon {
    margin-left: 7px;
}

.filters-button__title {
    padding-top: 1px;
}

.filters-button__counter {
    background: #F7943D;
    color: #fff;
    padding: 3px 4px 2px;
    font-size: 11px;
    border-radius: 1.5px;
}

[dir=ltr] .filters-button__counter {
    margin-left: 6px;
}

[dir=rtl] .filters-button__counter {
    margin-right: 6px;
}

/*
// .form
*/
[dir=ltr] .form-check {
    padding-left: 1.5rem;
}

[dir=rtl] .form-check {
    padding-right: 1.5rem;
}

.form-check-input {
    position: absolute;
    margin-top: .1875rem;
}

[dir=ltr] .form-check-input {
    margin-left: -1.5rem;
}

[dir=rtl] .form-check-input {
    margin-right: -1.5rem;
}

/*
// .form-control
*/
.form-control {

    background-clip: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: border-color .15s ease-in-out,
    background .15s ease-in-out,
    -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,
    background .15s ease-in-out,
    -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,
    box-shadow .15s ease-in-out,
    background .15s ease-in-out;
    transition: border-color .15s ease-in-out,
    box-shadow .15s ease-in-out,
    background .15s ease-in-out,
    -webkit-box-shadow .15s ease-in-out;
    color: #262626;
    background-color: #ebebeb;
    border-color: #ebebeb;
    height: 36px;
    padding: calc(15px / 2) 10px;
    font-size: 16px;
    line-height: 19px;
}

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

.form-control::-moz-placeholder {
    color: #6c757d;
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
}

.form-control::placeholder {
    color: #6c757d;
}

.form-control[readonly] {
    color: #262626;
    background-color: #ebebeb;
    border-color: #ebebeb;
}

.form-control[readonly]::-webkit-input-placeholder {
    color: #6c757d;
}

.form-control[readonly]::-moz-placeholder {
    color: #6c757d;
}

.form-control[readonly]:-ms-input-placeholder {
    color: #6c757d;
}

.form-control[readonly]::-ms-input-placeholder {
    color: #6c757d;
}

.form-control[readonly]::placeholder {
    color: #6c757d;
}

.form-control:hover {
    border-color: #d9d9d9;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    border-color: #d9d9d9;
}

.form-control:disabled {
    opacity: .7;
    color: #262626;
    background-color: #ebebeb;
    border-color: #ebebeb;
}

.form-control:disabled::-webkit-input-placeholder {
    color: #6c757d;
}

.form-control:disabled::-moz-placeholder {
    color: #6c757d;
}

.form-control:disabled:-ms-input-placeholder {
    color: #6c757d;
}

.form-control:disabled::-ms-input-placeholder {
    color: #6c757d;
}

.form-control:disabled::placeholder {
    color: #6c757d;
}

.was-validated .form-control:invalid:focus,
.was-validated .form-control:valid:focus,
.form-control.is-invalid:focus,
.form-control.is-valid:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.was-validated .form-control:invalid,
.was-validated .form-control:valid,
.form-control.is-invalid,
.form-control.is-valid {
    background-image: none;
}

.was-validated .form-control:valid,
.form-control.is-valid {
    color: #262626;
    background-color: #e2f2da;
    border-color: #e2f2da;
}

.was-validated .form-control:valid::-webkit-input-placeholder,
.form-control.is-valid::-webkit-input-placeholder {
    color: #6c757d;
}

.was-validated .form-control:valid::-moz-placeholder,
.form-control.is-valid::-moz-placeholder {
    color: #6c757d;
}

.was-validated .form-control:valid:-ms-input-placeholder,
.form-control.is-valid:-ms-input-placeholder {
    color: #6c757d;
}

.was-validated .form-control:valid::-ms-input-placeholder,
.form-control.is-valid::-ms-input-placeholder {
    color: #6c757d;
}

.was-validated .form-control:valid::placeholder,
.form-control.is-valid::placeholder {
    color: #6c757d;
}

.was-validated .form-control:valid:hover,
.form-control.is-valid:hover {
    border-color: #c3d9b8;
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
    background-color: #fff;
    border-color: #88cc66;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    color: #262626;
    background-color: #f2dada;
    border-color: #f2dada;
}

.was-validated .form-control:invalid::-webkit-input-placeholder,
.form-control.is-invalid::-webkit-input-placeholder {
    color: #6c757d;
}

.was-validated .form-control:invalid::-moz-placeholder,
.form-control.is-invalid::-moz-placeholder {
    color: #6c757d;
}

.was-validated .form-control:invalid:-ms-input-placeholder,
.form-control.is-invalid:-ms-input-placeholder {
    color: #6c757d;
}

.was-validated .form-control:invalid::-ms-input-placeholder,
.form-control.is-invalid::-ms-input-placeholder {
    color: #6c757d;
}

.was-validated .form-control:invalid::placeholder,
.form-control.is-invalid::placeholder {
    color: #6c757d;
}

.was-validated .form-control:invalid:hover,
.form-control.is-invalid:hover {
    border-color: #d9a3a3;
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
    background-color: #fff;
    border-color: #cc6666;
}

.form-control-lg {
    height: 42px;
    padding: calc(19px / 2) 12px;
    font-size: 18px;
    line-height: 21px;
}

.form-control-sm {
    height: 30px;
    padding: calc(11px / 2) 8px;
    font-size: 14px;
    line-height: 17px;
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select.form-control:not(:disabled) {
    cursor: pointer;
}

select.form-control,
.was-validated select.form-control:invalid,
.was-validated select.form-control:valid,
select.form-control.is-invalid,
select.form-control.is-valid {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 10'%3E%3Cpath fill='rgba(0, 0, 0, 0.55)' d='M4.503,4 L0.497,4 C0.094,4 -0.142,3.492 0.089,3.122 L2.095,0.233 C2.293,-0.084 2.712,-0.084 2.911,0.233 L4.911,3.122 C5.142,3.492 4.906,4 4.503,4 ZM0.497,6 L4.503,6 C4.906,6 5.142,6.504 4.911,6.871 L2.905,9.737 C2.707,10.052 2.288,10.052 2.089,9.737 L0.089,6.871 C-0.142,6.504 0.094,6 0.497,6 Z'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 5px 10px;
}

select.form-control::-ms-expand {
    display: none;
}

[dir=ltr] select.form-control {
    padding-right: 27px;
    background-position: right 10px center;
}

[dir=rtl] select.form-control {
    padding-left: 27px;
    background-position: left 10px center;
}

[dir=ltr] select.form-control-lg {
    padding-right: 31px;
    background-position: right 12px center;
}

[dir=rtl] select.form-control-lg {
    padding-left: 31px;
    background-position: left 12px center;
}

[dir=ltr] select.form-control-sm {
    padding-right: 23px;
    background-position: right 8px center;
}

[dir=rtl] select.form-control-sm {
    padding-left: 23px;
    background-position: left 8px center;
}

.valid-feedback {
    color: #388020;
}

.invalid-feedback {
    color: #b32d2d;
}

/*
// .image
*/
.image--type--product .image__body,
.image--type--category .image__body {
    display: block;
    position: relative;
    width: 100%;
}

.image--type--product .image__tag,
.image--type--category .image__tag {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    padding: 15px;
}

.block-products-columns__list-item .image--type--product .image__tag,
.image--type--category .image__tag {
    padding: 0px !important;
}

.wishlist__column--image .image--type--product .image__tag,
.cart-table__column .image--type--product .image__tag {
    padding: 10px !important;
}

.image--type--product .image__body {
    padding-bottom: 100%;
}

.image--type--category .image__body {
    padding-bottom: 100%;
}

/*
// .input-check
*/
.input-check {
    display: inline-block;
}

.input-check__body {
    display: block;
    position: relative;
    width: 16px;
    height: 16px;
}

.input-check__input {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: inherit;
}

.input-check__box {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 1.2px;
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: background 0.15s, -webkit-box-shadow 0.15s;
    transition: background 0.15s, -webkit-box-shadow 0.15s;
    transition: background 0.15s, box-shadow 0.15s;
    transition: background 0.15s, box-shadow 0.15s, -webkit-box-shadow 0.15s;
}

.input-check__icon {
    pointer-events: none;
    position: absolute;
    left: 4px;
    top: 5px;
    fill: #fff;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: fill 0.15s, visibility 0s 0.15s, -webkit-transform 0.15s;
    transition: fill 0.15s, visibility 0s 0.15s, -webkit-transform 0.15s;
    transition: fill 0.15s, transform 0.15s, visibility 0s 0.15s;
    transition: fill 0.15s, transform 0.15s, visibility 0s 0.15s, -webkit-transform 0.15s;
}

.input-check__icon svg {
    display: block;
}

.input-check__input:checked ~ .input-check__box {
    background: #F7943D;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
}

.input-check__input:checked ~ .input-check__icon {
    fill: #fff;
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.input-check__input:disabled ~ .input-check__box {
    background: #f2f2f2;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}

.input-check__input:disabled ~ .input-check__icon {
    fill: rgba(0, 0, 0, 0.2);
}

/*
// .input-check-color
*/
.input-check-color {
    display: inline-block;
}

.input-check-color__body {
    display: block;
    position: relative;
    width: 22px;
    height: 22px;
    border-radius: 1.2px;
    overflow: hidden;
    cursor: inherit;
    margin: 0;
}

.input-check-color__input {
    position: absolute;
    visibility: hidden;
}

.input-check-color__box {
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 1.2px;
    background: currentColor;
    cursor: inherit;
}

.input-check-color__icon {
    position: absolute;
    left: 5px;
    top: 6px;
    fill: #fff;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.15s;
    transition: -webkit-transform 0.15s;
    transition: transform 0.15s;
    transition: transform 0.15s, -webkit-transform 0.15s;
}

.input-check-color__icon svg {
    display: block;
}

.input-check-color__input:checked ~ .input-check-color__icon {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.input-check-color__input:disabled {
    cursor: default;
}

.input-check-color__input:disabled ~ .input-check-color__box {
    position: relative;
    left: 0px;
    top: 0px;
    width: 22px;
    height: 22px;
    opacity: .5;
    cursor: default;
}

.input-check-color__input:disabled ~ .input-check-color__stick {
    pointer-events: none;
    display: block;
    position: absolute;
    width: 2px;
    border-radius: 1px;
    height: 34px;
    left: calc(50% - 1px);
    top: -6px;
    background: rgba(102, 102, 102, 0.9);
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

.input-check-color--light .input-check-color__icon {
    fill: #3d464d;
}

.input-check-color--white .input-check-color__box {
    -webkit-box-shadow: 0 0 0 2px #d9d9d9 inset;
    box-shadow: 0 0 0 2px #d9d9d9 inset;
}

.input-check-color--white .input-check-color__icon {
    fill: #bfbfbf;
}

/*
// .input-number
*/
.input-number {
    display: block;
    width: 100%;
    position: relative;
}

.input-number__input {
    -moz-appearance: textfield;
    display: block;
    width: 100%;
    min-width: 88px;
    padding-left: 24px;
    padding-right: 24px;
    text-align: center;
    background: white;
}

.input-number__input::-webkit-inner-spin-button,
.input-number__input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.input-number__sub,
.input-number__add {
    position: absolute;
    height: 100%;
    width: 24px;
    top: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 1;
    -webkit-transition: opacity .18s;
    transition: opacity .18s;
}

.input-number__sub:before,
.input-number__sub:after,
.input-number__add:before,
.input-number__add:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: currentColor;
}

.input-number__sub:before,
.input-number__add:before {
    width: 8px;
    height: 2px;
}

.input-number__sub:hover,
.input-number__add:hover {
    opacity: 1;
}

[dir=ltr] .input-number__sub {
    left: 1px;
}

[dir=rtl] .input-number__sub {
    right: 1px;
}

[dir=ltr] .input-number__add {
    right: 1px;
}

[dir=rtl] .input-number__add {
    left: 1px;
}

.input-number__add:after {
    width: 2px;
    height: 8px;
}

/*
// .input-radio
*/
.input-radio {
    display: inline-block;
}

.input-radio__body {
    display: block;
    position: relative;
    width: 16px;
    height: 16px;
}

.input-radio__input {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: inherit;
}

.input-radio__circle {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.17) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.17) inset;
    -webkit-transition: background 0.2s, -webkit-box-shadow 0.2s;
    transition: background 0.2s, -webkit-box-shadow 0.2s;
    transition: background 0.2s, box-shadow 0.2s;
    transition: background 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

.input-radio__circle:after {
    display: block;
    content: '';
    position: absolute;
    left: 5px;
    top: 5px;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #fff;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: background 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;
    transition: background 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;
    transition: background 0.2s, transform 0.2s, visibility 0s 0.2s;
    transition: background 0.2s, transform 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;
    visibility: hidden;
}

.input-radio__input:checked ~ .input-radio__circle {
    background: #F7943D;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
}

.input-radio__input:checked ~ .input-radio__circle:after {
    background: #fff;
    visibility: visible;
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.input-radio__input:disabled ~ .input-radio__circle {
    background: #f2f2f2;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12) inset;
}

.input-radio__input:disabled ~ .input-radio__circle:after {
    background: rgba(0, 0, 0, 0.2);
}

/*
// .input-radio-color
*/
.input-radio-color {
    display: block;
}

.input-radio-color__list {
    padding: 1px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -2px;
}

.input-radio-color__item {
    width: 28px;
    height: 28px;
    display: block;
    margin: 2px;
    cursor: pointer;
}

.input-radio-color__item input {
    pointer-events: none;
    opacity: 0;
    position: absolute;
}

.input-radio-color__item span {
    position: relative;
    width: 28px;
    height: 28px;
    display: block;
    border-radius: 14px;
    background: currentColor;
    -webkit-transform: scale(0.78571);
    transform: scale(0.78571);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.input-radio-color__item span:before,
.input-radio-color__item span:after {
    display: block;
    position: absolute;
    content: '';
    border-radius: 1000px;
}

.input-radio-color__item span:before {
    left: 3px;
    top: 3px;
    width: 22px;
    height: 22px;
    background: #fff;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.input-radio-color__item span:after {
    left: 7px;
    top: 7px;
    width: 14px;
    height: 14px;
    background: currentColor;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.input-radio-color__item:hover input:enabled ~ span {
    -webkit-transform: scale(0.85714);
    transform: scale(0.85714);
}

.input-radio-color__item input:enabled:checked ~ span,
.input-radio-color__item input:enabled:checked ~ span:before,
.input-radio-color__item input:enabled:checked ~ span:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.input-radio-color__item--disabled {
    cursor: default;
}

.input-radio-color__item--disabled span {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
}

.input-radio-color__item--disabled span:before {
    -webkit-transform: scale(1.33) rotateZ(45deg);
    transform: scale(1.33) rotateZ(45deg);
    left: 13px;
    top: -1px;
    width: 2px;
    height: calc(100% + 2px);
    background: rgba(0, 0, 0, 0.3);
}

.input-radio-color__item--white span {
    background: #fff;
    -webkit-box-shadow: inset 0 0 0 2px #ccc;
    box-shadow: inset 0 0 0 2px #ccc;
}

.input-radio-color__item--white span:after {
    -webkit-box-shadow: inset 0 0 0 2px #ccc;
    box-shadow: inset 0 0 0 2px #ccc;
}

/*
// .input-radio-label
*/
.input-radio-label__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -3px;
}

.input-radio-label__item {
    margin: 3px;
}

.input-radio-label__input {
    position: absolute;
    pointer-events: none;
    opacity: 0;
}

.input-radio-label__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    height: 28px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
    font-size: 13px;
    font-weight: 500;
    padding: 0 12px 2px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: -webkit-box-shadow .15s;
    transition: -webkit-box-shadow .15s;
    transition: box-shadow .15s;
    transition: box-shadow .15s, -webkit-box-shadow .15s;
}

.input-radio-label__title:hover {
    -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset;
}

.input-radio-label__title:active {
    -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2) inset;
}

.input-radio-label__input:checked ~ .input-radio-label__title {
    -webkit-box-shadow: 0 0 0 2px #F7943D inset;
    box-shadow: 0 0 0 2px #F7943D inset;
}

.input-radio-label__input:disabled ~ .input-radio-label__title {
    color: #a6a6a6;
    font-weight: 400;
    cursor: default;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}

/*
// .layout-switcher
*/
.layout-switcher__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.layout-switcher__button {
    padding: 7px;
    margin: 0;
    border: none;
    display: block;
    border-radius: 2px;
    background-color: transparent;
    color: #95a0a6;
}

.layout-switcher__button:focus {
    outline: none;
}

.layout-switcher__button svg {
    display: block;
    fill: currentColor;
}

.layout-switcher__button:hover {
    background-color: #f0f0f0;
}

.layout-switcher__button--active {
    color: #F7943D;
}

.layout-switcher__button--active:hover {
    background-color: transparent;
}

/*
// .modal
*/
.modal {
    -webkit-overflow-scrolling: touch;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.modal-backdrop {
    background: rgba(51, 51, 51, 0.8);
}

.modal-backdrop.show {
    opacity: 1;
}

.modal-content {
    border: none;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

/*
// .nouislider
*/
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
    overflow: hidden;
    z-index: 0;
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    -webkit-transform-style: flat;
    transform-style: flat;
}

.noUi-connect {
    height: 100%;
    width: 100%;
}

.noUi-origin {
    height: 10%;
    width: 10%;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
    width: 0;
}

.noUi-horizontal .noUi-origin {
    height: 0;
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
}

.noUi-touch-area {
    height: 100%;
    width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
    height: 18px;
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px;
}

.noUi-vertical {
    width: 18px;
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    top: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto;
}

.noUi-target {
    height: 16px;
}

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

.noUi-connects {
    background: #e0e0e0;
    border-radius: 3px;
    height: 6px;
}

.noUi-connect {
    border-radius: 2px;
    background: #F7943D;
}

.noUi-horizontal .noUi-handle {
    cursor: ew-resize;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #F7943D;
    -webkit-box-shadow: 0 0 0 0 rgba(242, 89, 0, 0);
    box-shadow: 0 0 0 0 rgba(242, 89, 0, 0);
    -webkit-transition: -webkit-box-shadow .2s;
    transition: -webkit-box-shadow .2s;
    transition: box-shadow .2s;
    transition: box-shadow .2s, -webkit-box-shadow .2s;
    left: auto;
    right: -8px;
}

.noUi-horizontal .noUi-handle:after {
    display: block;
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    margin: 5px;
    border-radius: 3px;
    background: #fff;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    top: 0;
}

.noUi-horizontal .noUi-handle:focus {
    outline: none;
    -webkit-box-shadow: 0 0 0 3px rgba(242, 89, 0, 0.3);
    box-shadow: 0 0 0 3px rgba(242, 89, 0, 0.3);
}

.noUi-horizontal .noUi-handle:focus:after {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.noUi-horizontal .noUi-handle {
    top: 0px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -8px;
    right: auto;
}

/*
// .pagination
*/
.pagination {
    margin-bottom: 0;
    padding: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

[dir=ltr] .pagination .page-item {
    margin-right: 6px;
}

[dir=rtl] .pagination .page-item {
    margin-left: 6px;
}

[dir=ltr] .pagination .page-item:last-child {
    margin-right: 0;
}

[dir=rtl] .pagination .page-item:last-child {
    margin-left: 0;
}

.page-link {
    font-size: 15px;
    line-height: 18px;
    border-radius: 2px;
    padding: 0px;
    -webkit-transition: background .15s;
    transition: background .15s;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #f0f0f0;
    color: #262626;
}

.page-link:hover {
    background-color: #e5e5e5;
    color: #262626;
}

.page-link:active {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background-color: #e0e0e0;
    color: #262626;
}

.page-link:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-radius: 2px;
}

.page-item.disabled .page-link {
    background-color: #f0f0f0;
    color: #b3b3b3;
}

.page-item.active .page-link {
    background-color: #F7943D !important;
    color: #fff !important;
    cursor: pointer;
    border: none;
    border-radius: 3px !important;
}

.pagination__dots {
    position: relative;
    width: 2px;
    height: 2px;
    border-radius: 1px;
    background: orange;
    margin: 0 4px;
}

.pagination__dots:before,
.pagination__dots:after {
    display: block;
    content: '';
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    background: inherit;
}

.pagination__dots:before {
    top: -5px;
}

.pagination__dots:after {
    bottom: -5px;
}

.page-item--dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-link--with-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-link__arrow svg {
    display: block;
}

@media (max-width: 575.98px) {
    .page-link {
        padding: 5px 9px;
    }
}

/*
// .rating
*/
.rating__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.rating__star {
    width: 13px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d0d5d9' width='13' height='12'%3E%3Cpath d='M6.5,1.5l1.6,3L8.4,5H9h2.4l-2,1.6L8.9,7L9,7.6l0.7,3L7,9.1L6.5,8.9L6,9.1l-2.8,1.5l0.7-3L4.1,7L3.6,6.6L1.6,5 H4h0.6l0.3-0.5L6.5,1.5 M6.5,0C6.3,0,6.1,0.1,6,0.3L4,4H0.5C0,4.1-0.2,4.8,0.2,5.1L3,7.4l-1,4C1.9,11.7,2.2,12,2.5,12 c0.1,0,0.2,0,0.3-0.1L6.5,10l3.7,1.9c0.1,0,0.2,0.1,0.3,0.1c0.3,0,0.6-0.3,0.5-0.6l-1-4l2.8-2.3c0.3-0.3,0.1-1-0.3-1.1H9L7,0.3 C6.9,0.1,6.7,0,6.5,0L6.5,0z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0, 0, 0, 0.08)' width='13' height='12'%3E%3Cpath d='M7,0.3L9,4h3.5c0.4,0.1,0.6,0.8,0.3,1.1L10,7.4l1,4c0.1,0.4-0.4,0.8-0.8,0.6L6.5,10l-3.7,1.9c-0.4,0.2-0.9-0.1-0.8-0.6l1-4 L0.2,5.1C-0.2,4.8,0,4.1,0.5,4H4l2-3.7C6.2-0.1,6.8-0.1,7,0.3z'/%3E%3C/svg%3E");
}

[dir=ltr] .rating__star + .rating__star {
    margin-left: 3px;
}

[dir=rtl] .rating__star + .rating__star {
    margin-right: 3px;
}

.rating__star--active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0, 0, 0, 0.08)' width='13' height='12'%3E%3Cpath d='M6.5,1.5l1.6,3L8.4,5H9h2.4l-2,1.6L8.9,7L9,7.6l0.7,3L7,9.1L6.5,8.9L6,9.1l-2.8,1.5l0.7-3L4.1,7L3.6,6.6L1.6,5 H4h0.6l0.3-0.5L6.5,1.5 M6.5,0C6.3,0,6.1,0.1,6,0.3L4,4H0.5C0,4.1-0.2,4.8,0.2,5.1L3,7.4l-1,4C1.9,11.7,2.2,12,2.5,12 c0.1,0,0.2,0,0.3-0.1L6.5,10l3.7,1.9c0.1,0,0.2,0.1,0.3,0.1c0.3,0,0.6-0.3,0.5-0.6l-1-4l2.8-2.3c0.3-0.3,0.1-1-0.3-1.1H9L7,0.3 C6.9,0.1,6.7,0,6.5,0L6.5,0z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffd333' width='13' height='12'%3E%3Cpath d='M7,0.3L9,4h3.5c0.4,0.1,0.6,0.8,0.3,1.1L10,7.4l1,4c0.1,0.4-0.4,0.8-0.8,0.6L6.5,10l-3.7,1.9c-0.4,0.2-0.9-0.1-0.8-0.6l1-4 L0.2,5.1C-0.2,4.8,0,4.1,0.5,4H4l2-3.7C6.2-0.1,6.8-0.1,7,0.3z'/%3E%3C/svg%3E");
}

/*
// .section-header
*/
.section-header__body {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.section-header__title {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    position: relative;
    top: 2px;
    color: black;
}

.section-header__spring {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.section-header__divider {
    width: 100%;
    height: 2px;
    margin-top: 8px;
    background: #ebebeb;
}

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

[dir=ltr] .section-header__arrow--next {
    margin-left: -5.37131px;
}

[dir=rtl] .section-header__arrow--next {
    margin-right: -5.37131px;
}

.section-header__links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

[dir=ltr] .section-header__links-item {
    padding-right: 18px;
}

[dir=rtl] .section-header__links-item {
    padding-left: 18px;
}

[dir=ltr] .section-header__links-item:last-child {
    padding-right: 0;
}

[dir=rtl] .section-header__links-item:last-child {
    padding-left: 0;
}

.section-header__links-link {
    color: white;
    position: relative;
    -webkit-transition: color .1s;
    transition: color .1s;
}

.section-header__links-link:hover {
    color: #F7943D;
}

[dir=ltr] .section-header__links + .section-header__arrows {
    margin-left: 18px;
}

[dir=rtl] .section-header__links + .section-header__arrows {
    margin-right: 18px;
}

.section-header__groups {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

[dir=ltr] .section-header__groups-item + .section-header__groups-item {
    margin-left: -5.37131px;
}

[dir=rtl] .section-header__groups-item + .section-header__groups-item {
    margin-right: -5.37131px;
}

.section-header__groups-button {
    font-size: 14px;
    height: 23px;
    border: none;
    padding: 0 18.37131px;
    line-height: 23px;
    display: block;
    position: relative;
    z-index: 0;
    pointer-events: none;
    -webkit-transition: color .1s;
    transition: color .1s;
    background: transparent;
    color: black;
}

.section-header__groups-button:focus {
    outline: none;
}

.section-header__groups-button:after {
    position: absolute;
    display: block;
    content: '';
    width: calc(100% - 8.37131px);
    height: 100%;
    top: 0;
    background: transparent;
    z-index: -1;
    pointer-events: auto;
    -webkit-transition: background .1s;
    transition: background .1s;
}

[dir=ltr] .section-header__groups-button:after {
    left: 0;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    border-top-left-radius: 2px;
    border-top-right-radius: 2.5px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2px;
    outline: none;
}

[dir=rtl] .section-header__groups-button:after {
    right: 0;
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    border-top-right-radius: 2px;
    border-top-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    border-bottom-left-radius: 2px;
}

.section-header__groups-button:hover {
    color: #262626;
}

.section-header__groups-button:hover:after {
    background: #ebebeb;
}

.section-header__groups-button:active {
    color: #262626;
}

.section-header__groups-button:active:after {
    background: #e0e0e0;
}

.section-header__groups-button--active,
.section-header__groups-button--active:hover,
.section-header__groups-button--active:active {
    color: #fff;
    cursor: default;
}

.section-header__groups-button--active:after,
.section-header__groups-button--active:hover:after,
.section-header__groups-button--active:active:after {
    background: #F7943D;
}

[dir=ltr] .section-header__groups + .section-header__arrows {
    margin-left: -5.37131px;
}

[dir=rtl] .section-header__groups + .section-header__arrows {
    margin-right: -5.37131px;
}

@media (max-width: 767.98px) {
    .section-header__body {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .section-header__links {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        padding: 9px 0 10px;
        border-bottom: 2px solid #ebebeb;
    }

    .section-header__links-item {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .section-header__groups {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;

        padding: 10px 0 11px;
    }

    .section-header__divider {
        width: 100%;
        height: 2px;
        background: #ebebeb;
        margin-top: 8px;
    }
}

/*
// .select2
*/
.form-control + .select2-container {
    width: 100%;
}

.form-control + .select2-container .select2-selection__arrow {
    display: none;
}

.form-control + .select2-container .select2-selection--single {
    border-radius: 2px;
    border-width: 1px;
    border-style: solid;
    background-clip: border-box;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 10'%3E%3Cpath fill='rgba(0, 0, 0, 0.55)' d='M4.503,4 L0.497,4 C0.094,4 -0.142,3.492 0.089,3.122 L2.095,0.233 C2.293,-0.084 2.712,-0.084 2.911,0.233 L4.911,3.122 C5.142,3.492 4.906,4 4.503,4 ZM0.497,6 L4.503,6 C4.906,6 5.142,6.504 4.911,6.871 L2.905,9.737 C2.707,10.052 2.288,10.052 2.089,9.737 L0.089,6.871 C-0.142,6.504 0.094,6 0.497,6 Z'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 5px 10px;
    -webkit-transition: border-color .15s ease-in-out,
    background .15s ease-in-out;
    transition: border-color .15s ease-in-out,
    background .15s ease-in-out;
}

.form-control + .select2-container .select2-selection--single:focus {
    outline: none;
}

.form-control + .select2-container .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-control + .select2-container .select2-selection--single {
    background-color: #ebebeb;
    border-color: #ebebeb;
}

.form-control + .select2-container .select2-selection__rendered {
    color: #262626;
}

.form-control + .select2-container--disabled {
    opacity: .7;
}

.form-control + .select2-container:not(.select2-container--open):not(.select2-container--disabled):hover .select2-selection--single {
    border-color: #d9d9d9;
}

.form-control + .select2-container--open .select2-selection--single {
    background-color: #fff;
    border-color: #d9d9d9;
}

.form-control + .select2-container .select2-selection--single {
    height: 36px;
}

[dir=ltr] .form-control + .select2-container .select2-selection--single {
    background-position: right 10px center;
}

[dir=rtl] .form-control + .select2-container .select2-selection--single {
    background-position: left 10px center;
}

.form-control + .select2-container .select2-selection__rendered {
    line-height: 19px;
    padding: calc(15px / 2) 10px;
    font-size: 16px;
}

[dir=ltr] .form-control + .select2-container .select2-selection__rendered {
    padding-right: 27px;
}

[dir=rtl] .form-control + .select2-container .select2-selection__rendered {
    padding-left: 27px;
}

.form-control-lg + .select2-container .select2-selection--single {
    height: 42px;
}

[dir=ltr] .form-control-lg + .select2-container .select2-selection--single {
    background-position: right 12px center;
}

[dir=rtl] .form-control-lg + .select2-container .select2-selection--single {
    background-position: left 12px center;
}

.form-control-lg + .select2-container .select2-selection__rendered {
    line-height: 21px;
    padding: calc(19px / 2) 12px;
    font-size: 18px;
}

[dir=ltr] .form-control-lg + .select2-container .select2-selection__rendered {
    padding-right: 31px;
}

[dir=rtl] .form-control-lg + .select2-container .select2-selection__rendered {
    padding-left: 31px;
}

.form-control-sm + .select2-container .select2-selection--single {
    height: 30px;
}

[dir=ltr] .form-control-sm + .select2-container .select2-selection--single {
    background-position: right 8px center;
}

[dir=rtl] .form-control-sm + .select2-container .select2-selection--single {
    background-position: left 8px center;
}

.form-control-sm + .select2-container .select2-selection__rendered {
    line-height: 17px;
    padding: calc(11px / 2) 8px;
    font-size: 14px;
}

[dir=ltr] .form-control-sm + .select2-container .select2-selection__rendered {
    padding-right: 23px;
}

[dir=rtl] .form-control-sm + .select2-container .select2-selection__rendered {
    padding-left: 23px;
}

.select2-dropdown {
    background: #fff;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.1);
}

.select2-search--dropdown {
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none;
    padding: 6px 10px;
    font-size: 15px;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: none;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: #f2f2f2;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #d9ecff;
    color: #36414d;
}

.select2-results__option {
    padding: 4px 10px;
    font-size: 15px;
}

.select2-results__options:before,
.select2-results__options:after {
    display: list-item;
    content: '';
    height: 6px;
}

/*
// .share-links
*/
.share-links {
    display: block;
}

.share-links__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 11px;
    line-height: 18px;
    font-weight: 500;
    white-space: nowrap;
}

[dir=ltr] .share-links__item + .share-links__item {
    margin-left: 4px;
}

[dir=rtl] .share-links__item + .share-links__item {
    margin-right: 4px;
}

.share-links__item a {
    border-radius: 1.5px;
    display: block;
    padding: 2px 7px 1px;
}

.share-links__item a,
.share-links__item a:hover {
    color: inherit;
    text-decoration: none;
}

.share-links__item--type--like a {
    background: #4267b2;
    color: #fff;
}

.share-links__item--type--like a:hover {
    color: #fff;
    background: #3b5c9f;
}

.share-links__item--type--tweet a {
    background: #1b95e0;
    color: #fff;
}

.share-links__item--type--tweet a:hover {
    color: #fff;
    background: #1886c9;
}

.share-links__item--type--pin a {
    background: #e63939;
    color: #fff;
}

.share-links__item--type--pin a:hover {
    color: #fff;
    background: #e32222;
}

.share-links__item--type--counter a {
    background: #fff;
    color: #737373;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}

.share-links__item--type--counter a:hover {
    color: #666666;
}

/*
// .shop-features
*/
.shop-features__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    list-style: none;
    padding: 14px 0;
}

.shop-features__item {
    padding: 10px 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.shop-features__item-icon {
    color: #F7943D;
}

[dir=ltr] .shop-features__item-icon {
    margin-right: 18px;
}

[dir=rtl] .shop-features__item-icon {
    margin-left: 18px;
}

.shop-features__item-icon svg {
    width: 38px;
    height: 38px;
    fill: currentColor;
    vertical-align: middle;
}

.shop-features__item-title {
    font-size: 14px;
    font-weight: 500;
}

.shop-features__item-subtitle {
    font-size: 14px;
    color: #6c757d;
    margin-top: -2px;
}

.shop-features__item {
    width: calc((100% - 0px) / 1);
}

.shop-features__divider {
    width: 1px;
}

.shop-features__divider:nth-child(2n) {
    width: 100%;
    height: 1px;
}

.shop-features__divider:nth-child(2n):last-child {
    display: none;
}

/*
// .sidebar
*/
.sidebar__header {
    display: none;
}

@media (max-width: 991.98px) {
    .sidebar--offcanvas--mobile {
        visibility: hidden;
        -webkit-transition: visibility 0s 0.25s;
        transition: visibility 0s 0.25s;
    }

    .sidebar--offcanvas--mobile .sidebar__backdrop {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        background: rgba(51, 51, 51, 0.8);
        opacity: 0;
        will-change: opacity;
        -webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .sidebar--offcanvas--mobile .sidebar__body {
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 1000;
        background: #fff;
        width: 300px;
        -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        will-change: transform;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    [dir=ltr] .sidebar--offcanvas--mobile .sidebar__body {
        left: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    [dir=rtl] .sidebar--offcanvas--mobile .sidebar__body {
        right: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    .sidebar--offcanvas--mobile .sidebar__content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .sidebar--offcanvas--mobile.sidebar--open {
        visibility: visible;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

    .sidebar--offcanvas--mobile.sidebar--open .sidebar__backdrop {
        opacity: 1;
    }

    .sidebar--offcanvas--mobile.sidebar--open .sidebar__body {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .sidebar--offcanvas--mobile .sidebar__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #ebebeb;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .sidebar--offcanvas--mobile .sidebar__title {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        font-size: 15px;
        font-weight: 500;
        padding: 0 20px;
    }

    .sidebar--offcanvas--mobile .sidebar__close {
        width: 48px;
        height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: none;
        fill: currentColor;
        padding: 0 0 2px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-transition: background-color .15s,
        color .15s;
        transition: background-color .15s,
        color .15s;
        background-color: #fff;
        color: #ccc;
    }

    .sidebar--offcanvas--mobile .sidebar__close:hover {
        background-color: #f2f2f2;
        color: #4d4d4d;
    }

    .sidebar--offcanvas--mobile .sidebar__close:active {
        background-color: #ebebeb;
        color: #4d4d4d;
    }

    .sidebar--offcanvas--mobile .sidebar__close:focus {
        outline: none;
    }
}

.sidebar--offcanvas--always {
    visibility: hidden;
    -webkit-transition: visibility 0s 0.25s;
    transition: visibility 0s 0.25s;
}

.sidebar--offcanvas--always .sidebar__backdrop {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: rgba(51, 51, 51, 0.8);
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.sidebar--offcanvas--always .sidebar__body {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1000;
    background: #fff;
    width: 300px;
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

[dir=ltr] .sidebar--offcanvas--always .sidebar__body {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

[dir=rtl] .sidebar--offcanvas--always .sidebar__body {
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.sidebar--offcanvas--always .sidebar__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

.sidebar--offcanvas--always.sidebar--open {
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.sidebar--offcanvas--always.sidebar--open .sidebar__backdrop {
    opacity: 1;
}

.sidebar--offcanvas--always.sidebar--open .sidebar__body {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.sidebar--offcanvas--always .sidebar__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #cfcfcf;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap; /* Add this */
    flex-wrap: wrap; /* Add this */
}

form.search-filter {
    margin: 20px auto 0px auto;
}

.sidebar--offcanvas--always .sidebar__title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 15px;
    font-weight: 500;
    padding: 0 20px;
}

.sidebar__header__top {
    display: flex;
    width: 100%;
    padding: 10px 15px;
    background: #ffffff;
    border-bottom: 1px solid #d9c7c7;
}

.sidebar__header__top span {
    font-size: 25px;
}

.widget-filters__actions.d-flex input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    position: relative;
    background-color: #efefef;
    transition: background-color 0.3s ease, border-color 0.3s ease;
    padding: 12px;
    margin: 0px 5px 0px 0px;
    cursor: pointer;
    box-shadow: inset 0 0 10px #dfdfdf;
}

.widget-filters__actions.d-flex label {
    display: flex;
    margin: 0px;
}

button.btn.btn-secondary.btn-sm.btn-actualiser {
    margin-left: auto;
    background: #efefef;
}

button.btn.btn-secondary.btn-sm.btn-actualiser i {
    color: black;
}

/* When the checkbox is checked */
.widget-filters__actions.d-flex input[type="checkbox"]:checked {
    background-color: orange; /* Set background color to orange */
    border-color: orange; /* Optional: change the border color to orange */
}

.widget-filters__actions.d-flex input[type="checkbox"]:checked::after {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: white;
    position: absolute;
    top: -3px;
    left: 3px;
    font-size: 20px;
}

.sidebar--offcanvas--always .sidebar__close {

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    fill: black;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: background-color .15s, color .15s;
    transition: background-color .15s, color .15s;
    background-color: #efefef;
    color: #ccc;
    border-radius: 5px;
    margin-left: auto;
    position: absolute;
    top: 2%;
    right: 1%;
}

button.sidebar__close svg path {
    transform: scale(1.5);
}

.sidebar--offcanvas--always .sidebar__close:hover {
    background-color: #f2f2f2;
    color: #4d4d4d;
}

.sidebar--offcanvas--always .sidebar__close:active {
    background-color: #ebebeb;
    color: #4d4d4d;
}

.sidebar--offcanvas--always .sidebar__close:focus {
    outline: none;
}

/*
// .social-links
*/
.social-links__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: -4px;
}

.social-links__item {
    margin: 4px;
}

.social-links__item a {
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: inherit;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.social-links__item a:hover {
    opacity: .8;
}

.social-links__item--facebook a {
    background: #3c5a99;
    color: #fff;
}

.social-links__item--twitter a {
    background: #00a2e8;
    color: #fff;
}

.social-links__item--youtube a {
    background: #0a66c2;
    color: #fff;
}

.social-links__item--instagram a {
    background: #815dc7;
    color: #fff;
}

.social-links__item--rss a {
    background: #ffc338;
    color: #664729;
}

/*
// .status-badge
*/
.status-badge {
    display: inline-block;
    vertical-align: middle;
    cursor: default;
}

.status-badge__body {
    position: relative;
    min-height: 23px;
    border-radius: 11.5px;
    min-width: 31px;
}

.status-badge__icon {
    fill: currentColor;
    position: absolute;
    top: calc(50% - 6.5px);
    opacity: .85;
}

[dir=ltr] .status-badge__icon {
    left: 9px;
}

[dir=rtl] .status-badge__icon {
    right: 9px;
}

.status-badge__icon svg {
    display: block;
}

.status-badge__text {
    font-size: 13px;
    line-height: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
}

[dir=ltr] .status-badge__text {
    padding-left: 12px;
    padding-right: 12px;
}

[dir=rtl] .status-badge__text {
    padding-right: 12px;
    padding-left: 12px;
}

.status-badge__tooltip {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.status-badge__tooltip:focus {
    outline: none;
}

.status-badge--has-text .status-badge__tooltip {
    display: none;
}

[dir=ltr] .status-badge--has-icon .status-badge__text {
    padding-left: 28px;
}

[dir=rtl] .status-badge--has-icon .status-badge__text {
    padding-right: 28px;
}

.status-badge--style--success .status-badge__body {
    background-color: #db9a62;
    color: white;
}

.status-badge--style--failure .status-badge__body {
    background-color: #f2dada;
    color: #993d3d;
}

.status-badge--style--warning .status-badge__body {
    background-color: #f2eeda;
    color: #786b2a;
}

.status-badge--style--unknown .status-badge__body {
    background-color: #ebebeb;
    color: #6a6a6a;
}

/*
// .tag-badge
*/
.tag-badge {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    z-index: 0;
    height: 18px;
    padding: 4px 14px 0;
}

.tag-badge:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 2.5px;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.tag-badge:before {
    left: 3.5px;
    right: 3.5px;
}

[dir=ltr] .tag-badge:before {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
}

[dir=rtl] .tag-badge:before {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
}

.tag-badge--theme {
    color: #fff;
}

.tag-badge--theme:before {
    background: #F7943D;
}

.tag-badge--sale {
    color: #fff;
}

.tag-badge--sale:before {
    background: #ff3333;
}

.tag-badge--new {
    color: #fff;
}

.tag-badge--new:before {
    background: #3377ff;
}

.tag-badge--hot {
    color: #fff;
}

.tag-badge--hot:before {
    background: #614ba6;
}

/*
// .tags
*/
.tags {
    font-size: 13px;
}

.tags__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: 500;
    margin: -2px;
}

.tags__list a {
    display: block;
    margin: 2px;
    background: #f2f2f2;
    padding: 4px 11px;
    color: inherit;
    border-radius: 1.5px;
    -webkit-transition: background .12s;
    transition: background .12s;
}

.tags__list a:hover {
    color: inherit;
    background: #e5e5e5;
}

.tags__list a:active {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background: #d9d9d9;
}

.tags--sm .tags__list a {
    padding: 2px 8px;
}

/*
// .teammate
*/
.teammate {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.teammate__info {
    padding: 14px 16px 16px;
    text-align: center;
}

.teammate__position {
    font-size: 14px;
    color: #6c757d;
}

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

.timer__dots {
    width: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.timer__dots:before,
.timer__dots:after {
    display: block;
    content: '';
    width: 4px;
    height: 4px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    margin: 4px 0;
}

.timer__part {
    border-radius: 2px;
    width: 50px;
    line-height: 1;
    padding: 8px 0;
    text-align: center;
    background: #ffdf40;
    color: #262626;
}

.timer__part-value {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .04em;
}

.timer__part-label {
    font-size: 10px;
    text-transform: uppercase;
    margin-top: 4px;
    color: #99752e;
}

@media (max-width: 767.98px) {
    .timer__dots {
        width: 18px;
    }

    .timer__dots:before,
    .timer__dots:after {
        width: 3px;
        height: 3px;
        border-radius: 1.5px;
    }

    .timer__part {
        width: 40px;
        padding: 5px 0 6px;
    }

    .timer__part-value {
        font-size: 20px;
    }

    .timer__part-label {
        font-size: 9px;
        margin-top: 3px;
    }
}

/*
// .tooltip
*/
.tooltip {
    pointer-events: none;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    font-family: inherit;
}

.tooltip.show {
    opacity: 1;
}

.tooltip-inner {
    background: #333;
    color: #fff;
    border-radius: 2px;
    position: relative;
    padding: 5px 8px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 14px;
    line-height: 1.25;
}

.tooltip .arrow {
    width: 8px;
    height: 8px;
}

.tooltip .arrow:before {
    width: 8px;
    height: 8px;
    border-radius: 1px;
    border: none;
    background: #333;
    -webkit-transform: rotateZ(45deg) scale(0.78431);
    transform: rotateZ(45deg) scale(0.78431);
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: 4px 0;
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-auto[x-placement^=top] .tooltip-inner,
.bs-tooltip-top .arrow,
.bs-tooltip-top .tooltip-inner {
    bottom: 3px;
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: 4px 0;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-auto[x-placement^=bottom] .tooltip-inner,
.bs-tooltip-bottom .arrow,
.bs-tooltip-bottom .tooltip-inner {
    top: 3px;
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 4px;
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-auto[x-placement^=right] .tooltip-inner,
.bs-tooltip-right .arrow,
.bs-tooltip-right .tooltip-inner {
    left: 3px;
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 4px;
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-auto[x-placement^=left] .tooltip-inner,
.bs-tooltip-left .arrow,
.bs-tooltip-left .tooltip-inner {
    right: 3px;
}

/*
// .typography
*/
.typography {
    line-height: 1.625;
}

.typography a:hover {
    text-decoration: underline;
}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
    margin-top: 1.5em;
    margin-bottom: .75em;
}

.typography h2,
.typography h3 {
    padding-bottom: 8px;
    border-bottom: 1px solid #ebebeb;
}

.typography h3 {
    padding-bottom: 6px;
}

.typography p {
    margin-bottom: 1.5em;
}

.typography ol,
.typography ul {
    margin: 1.5em 0;
}

[dir=ltr] .typography ol,
[dir=ltr] .typography ul {
    padding-left: 2.5rem;
}

[dir=rtl] .typography ol,
[dir=rtl] .typography ul {
    padding-right: 2.5rem;
}

.typography li {
    margin-bottom: .5em;
}

.typography hr {
    position: relative;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    border: none;
    background: #d9d9d9;
    margin: 2.5em auto;
}

.typography hr:after,
.typography hr:before {
    position: absolute;
    content: '';
    display: block;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    background: inherit;
}

.typography hr:after {
    left: -30px;
}

.typography hr:before {
    right: -30px;
}

.typography blockquote {
    margin: 2.25rem 0;
    text-align: center;
    font-size: 18px;
    font-style: italic;
    background: #f7f7f7;
    border-radius: 4px;
    padding: 2.25em 2.25em 2em;
}

.typography blockquote cite {
    margin-top: -.5em;
    color: #6c757d;
    display: block;
    font-size: 15px;
    font-style: normal;
}

.typography blockquote p {
    margin-bottom: 1.25em;
}

.typography blockquote > *:first-child {
    margin-top: 0;
}

.typography blockquote > *:last-child {
    margin-bottom: 0;
}

.typography > *:first-child {
    margin-top: 0;
}

.typography > *:last-child {
    margin-bottom: 0;
}

.typography img {
    max-width: 100%;
    border-radius: 2px;
}

.typography figure {
    margin: 1.875rem 0 2.25rem;
}

.typography figcaption {
    font-size: 14px;
    text-align: center;
    color: #6c757d;
    padding-top: .875rem;
}

@media (max-width: 575.98px) {
    .typography {
        font-size: 15px;
        line-height: 1.75;
    }

    .typography h1,
    .typography h2,
    .typography h3,
    .typography h4,
    .typography h5,
    .typography h6 {
        margin-top: 1.25em;
        margin-bottom: .5em;
    }

    .typography h2 {
        font-size: 28px;
    }

    .typography h3 {
        font-size: 24px;
    }

    .typography h4 {
        font-size: 20px;
    }

    .typography h5 {
        font-size: 18px;
    }

    .typography p {
        margin-bottom: 1em;
    }

    .typography ol,
    .typography ul {
        margin: 1.25em 0;
    }

    [dir=ltr] .typography ol,
    [dir=ltr] .typography ul {
        padding-left: 2rem;
    }

    [dir=rtl] .typography ol,
    [dir=rtl] .typography ul {
        padding-right: 2rem;
    }

    .typography hr {
        margin: 1.5em auto;
    }

    .typography blockquote {
        padding: 1em;
        font-size: 16px;
        margin: 1.5rem 0;
    }

    .typography blockquote p {
        margin-bottom: .75em;
    }

    .typography figure {
        margin: 1.5rem 0 1.5rem;
    }
}

/*
// .vehicle-form
*/
.vehicle-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -6px;
}

.vehicle-form .vehicle-form__item {
    width: calc(50% - 12px);
    margin: 6px;
}

.vehicle-form .vehicle-form__item:last-child {
    width: 100%;
}

.vehicle-form__divider {
    width: 100%;
    line-height: 1;
    font-size: 13px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999;
    margin: 12px 6px;
}

.vehicle-form__divider:before,
.vehicle-form__divider:after {
    display: block;
    content: '';
    height: 1px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background: #ebebeb;
}

[dir=ltr] .vehicle-form__divider:before {
    margin-right: 6px;
}

[dir=rtl] .vehicle-form__divider:before {
    margin-left: 6px;
}

[dir=ltr] .vehicle-form__divider:after {
    margin-left: 6px;
}

[dir=rtl] .vehicle-form__divider:after {
    margin-right: 6px;
}

.vehicle-form--layout--account .vehicle-form__item {
    width: calc(25% - 12px);
}

@media (max-width: 767.98px) {
    .vehicle-form--layout--account .vehicle-form__item {
        width: calc(50% - 12px);
    }
}

@media (max-width: 459px) {
    .vehicle-form--layout--account .vehicle-form__item {
        width: calc(100% - 12px);
    }
}

@media (max-width: 399px) {
    .vehicle-form--layout--modal .vehicle-form__item {
        width: calc(100% - 12px);
    }
}

/*
// .vehicles-list
*/
.vehicles-list__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -4px;
}

.vehicles-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    padding: 8px;
    width: 100%;
    margin: 4px;
}

.vehicles-list__item-radio {
    margin: 8px;
}

.vehicles-list__item-info {
    margin: 2px 8px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 1.25;
}

.vehicles-list__item-remove {
    margin: 8px;
}

.vehicles-list__item-remove svg {
    display: block;
}

.vehicles-list__item-name {
    display: block;
    font-size: 15px;
    font-weight: 500;
}

.vehicles-list__item-details {
    display: block;
    font-size: 13px;
    color: #999;
    margin-top: 2px;
}

.vehicles-list__item-links {
    font-size: 14px;
    margin-top: 12px;
}

.vehicles-list__item-links a:hover {
    text-decoration: underline;
}

.vehicles-list__item-remove {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px;
    border: none;
    margin: 0;
    border-radius: 2px;
    fill: currentColor;
    -webkit-transition: background-color .15s,
    color .15s;
    transition: background-color .15s,
    color .15s;
    background-color: #fff;
    color: #ccc;
}

.vehicles-list__item-remove:hover {
    background-color: #f2f2f2;
    color: #999;
}

.vehicles-list__item-remove:active {
    background-color: #ebebeb;
    color: #808080;
}

.vehicles-list__item-remove:focus {
    outline: none;
}

.vehicles-list--layout--account .vehicles-list__body {
    margin: -6px;
}

.vehicles-list--layout--account .vehicles-list__item {
    padding: 10px 8px;
    width: calc(50% - 12px);
    margin: 6px;
}

@media (max-width: 767.98px) {
    .vehicles-list--layout--account .vehicles-list__body {
        margin: -6px;
    }

    .vehicles-list--layout--account .vehicles-list__item {
        width: calc(100% - 12px);
        margin: 6px;
    }
}

/*
// .view-options
*/
.view-options {
    font-size: .9375rem;
}

button.view-options__filters-button.filters-button {
    display: flex;
    margin-right: auto;
}

.nouveaute-page .view-options__body .view-options__select {

    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.view-options__body {
    padding: .75rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    justify-content: space-between;
}

.view-options__body + .view-options__body {
    border-top: 1px solid #ebebeb;
}

.view-options__body--filters {
    padding: .875rem 1rem;
}

.view-options__label {
    position: absolute;
    background: #fff;
    padding: 0 8px;
    top: -5px;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 1;
    color: #999;
}

[dir=ltr] .view-options__label {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

[dir=rtl] .view-options__label {
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

[dir=ltr] .view-options__filters-button {

}

[dir=rtl] .view-options__filters-button {
    margin-left: 1.25rem;
}

[dir=ltr] .view-options__layout {
    margin-right: 1.25rem;
}

[dir=rtl] .view-options__layout {
    margin-left: 1.25rem;
}

.view-options__legend {
    white-space: nowrap;
}

[dir=ltr] .view-options__legend {
    margin-right: 1.25rem;
}

[dir=rtl] .view-options__legend {
    margin-left: 1.25rem;
}

.view-options__spring {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.view-options__select {
}

[dir=ltr] .view-options__select {
}

[dir=rtl] .view-options__select {
    margin-right: 20px;
}

.view-options__select > label {
    margin-bottom: 0;
    white-space: nowrap;
}

[dir=ltr] .view-options__select > label {

}

[dir=rtl] .view-options__select > label {
    margin-left: 10px;
}

@media (min-width: 992px) {
    .view-options--offcanvas--mobile .view-options__filters-button {
        display: none;
    }
}

@media (max-width: 991.98px) {
    [dir=ltr] .view-options__legend {
        margin-right: 0;
        margin-left: auto;
    }

    [dir=rtl] .view-options__legend {
        margin-left: 0;
        margin-right: auto;
    }

    .view-options__spring {
        width: 100%;
        height: 8px;
    }

    [dir=rtl] .view-options__select {
        margin-right: auto;
    }

    [dir=ltr] .view-options__select + .view-options__select {
        margin-left: 20px;
    }

    [dir=rtl] .view-options__select + .view-options__select {
        margin-right: 20px;
    }
}

@media (max-width: 575.98px) {
    .view-options__legend {
        width: 100%;
        padding-top: 10px;
    }

    [dir=ltr] .view-options__select {
        justify-content: flex-start !important;
        width: 100% !important;
    }

}

select#view-option-limit {
    width: 100% !important;
}

[dir=rtl] .view-options__select {
    margin-right: 0;
}

.view-options__select > label {
    margin: 0 0 2px;
}

[dir=ltr] .view-options__layout {
    margin-left: auto;
    margin-right: 0;
}

[dir=rtl] .view-options__layout {
    margin-right: auto;
    margin-left: 0;
}

}

/*
// .widget
*/
.widget + .widget {
    margin-top: 20px;
}

.widget__header {
    padding: 1.375rem 1.5rem;
}

.widget__header h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
}

/* ----------------------------------------
// Filters
// ---------------------------------------- */
/*
// .filter
*/
.filter__title {
    display: block;
    border: none;
    padding: 6px 10px;
    cursor: pointer;
    width: calc(100% + 20px);
    position: relative;
    color: inherit;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    border-radius: 2px;
    margin: 0 -10px;
    -webkit-transition: background-color .2s, fill .2s;
    transition: background-color .2s, fill .2s;
    background: transparent;
    fill: #ccc;
}

[dir=ltr] .filter__title {
    text-align: left;
}

[dir=rtl] .filter__title {
    text-align: right;
}

.filter__title:focus,
.filter__title:hover {
    -webkit-transition-duration: .1s, .1s;
    transition-duration: .1s, .1s;
    background: #f2f2f2;
    fill: #b3b3b3;
}

.filter__title:focus {
    outline: none;
}

.filter__arrow {
    position: absolute;
    top: 11px;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

[dir=ltr] .filter__arrow {
    right: 10px;
}

[dir=rtl] .filter__arrow {
    left: 10px;
}

.filter__arrow svg {
    display: block;
}

.filter__body {
    margin: 0 -1.5rem;
    overflow: hidden;
    visibility: hidden;
    height: 0;
    opacity: 0;
    -webkit-transition: height 0.2s, opacity 0.2s, visibility 0s 0.2s;
    transition: height 0.2s, opacity 0.2s, visibility 0s 0.2s;
}

.filter__container {
    padding: 10px 1.5rem 16px;
}

.filter--opened .filter__body {
    -webkit-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
    visibility: visible;
    height: auto;
    opacity: 1;
}

.filter--opened .filter__arrow {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

/*
// .filter-categories
*/
.filter-categories__list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 15px;
    line-height: 18px;
}

.filter-categories__list a {
    color: inherit;
    -webkit-transition: color .15s;
    transition: color .15s;
}

.filter-categories__list a:hover {
    color: #F7943D;
}

.filter-categories__item {
    padding: 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.filter-categories__item > a {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

[dir=ltr] .filter-categories__item > a {
    padding-right: 10px;
}

[dir=rtl] .filter-categories__item > a {
    padding-left: 10px;
}

.filter-categories__item--parent {
    position: relative;
}

[dir=ltr] .filter-categories__item--parent {
    padding-left: 14px;
}

[dir=rtl] .filter-categories__item--parent {
    padding-right: 14px;
}

.filter-categories__item--current {
    font-weight: 700;
}

.filter-categories__item--child {
    position: relative;
    font-size: 15px;
}

[dir=ltr] .filter-categories__item--child {
    padding-left: 14px;
}

[dir=rtl] .filter-categories__item--child {
    padding-right: 14px;
}

.filter-categories__arrow {
    fill: #ccc;
    position: absolute;
    top: 10px;
}

[dir=ltr] .filter-categories__arrow {
    left: 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

[dir=rtl] .filter-categories__arrow {
    right: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.filter-categories__arrow svg {
    display: block;
}

.filter-categories__counter {
    font-size: 12px;
    line-height: 12px;
    padding-top: 4px;
    font-weight: 400;
    color: #6c757d;
}

/*
// .filter-color
*/
.filter-color__list {
    padding: 2px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -4px;
}

.filter-color__item {
    cursor: pointer;
    margin: 4px;
}

.filter-color__check {
    display: block;
}

/*
// .filter-list
*/
.filter-list__list {
    margin: -8px 0;
}

.filter-list__item {
    padding: 1px 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0;
}

.filter-list__input {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

[dir=ltr] .filter-list__input {
    margin-right: 7px;
}

[dir=rtl] .filter-list__input {
    margin-left: 7px;
}

.filter-list__title {
    padding: 1px 0;
    font-size: 14px;
    line-height: 16px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.filter-list__counter {
    padding-top: 3px;
    font-size: 12px;
    line-height: 12px;
    color: #6c757d;
}

[dir=ltr] .filter-list__counter {
    margin-left: 12px;
}

[dir=rtl] .filter-list__counter {
    margin-right: 12px;
}

.filter-list__item--disabled {
    cursor: default;
}

.filter-list__item--disabled .filter-list__title {
    color: #6c757d;
}

/*
// .filter-price
*/
.filter-price__slider {
    margin-top: 6px;
}

.filter-price__title {
    padding-top: 2px;
    font-size: 14px;
}

.filter-price__title-button {
    margin-top: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*
// .filter-rating
*/
.filter-rating__list {
    list-style: none;
    padding: 0;
    margin: -8px 0;
}

.filter-rating__item-label {
    padding: 2px 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0;
}

.filter-rating__item-input {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

[dir=ltr] .filter-rating__item-input {
    margin-right: 8px;
}

[dir=rtl] .filter-rating__item-input {
    margin-left: 8px;
}

.filter-rating__item-stars {
    padding: 2px 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.filter-rating__item-counter {
    padding-top: 2px;
    font-size: 12px;
    line-height: 12px;
    color: #6c757d;
}

[dir=ltr] .filter-rating__item-counter {
    margin-left: 12px;
}

[dir=rtl] .filter-rating__item-counter {
    margin-right: 12px;
}

/*
// .filter-vehicle
*/
.filter-vehicle__list {
    margin: -8px 0;
    padding: 0;
    list-style: none;
}

.filter-vehicle__item-label {
    padding: 1px 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0;
}

.filter-vehicle__item-input {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

[dir=ltr] .filter-vehicle__item-input {
    margin-right: 7px;
}

[dir=rtl] .filter-vehicle__item-input {
    margin-left: 7px;
}

.filter-vehicle__item-title {
    padding: 1px 0;
    font-size: 14px;
    line-height: 16px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.filter-vehicle__item-counter {
    padding-top: 3px;
    font-size: 12px;
    line-height: 12px;
    color: #6c757d;
}

[dir=ltr] .filter-vehicle__item-counter {
    margin-left: 12px;
}

[dir=rtl] .filter-vehicle__item-counter {
    margin-right: 12px;
}

.filter-vehicle__item--disabled {
    cursor: default;
}

.filter-vehicle__item--disabled .filter-vehicle__item-title {
    color: #999;
}

.filter-vehicle__button {
    padding-top: 12px;
}

/* ----------------------------------------
// Footer
// ---------------------------------------- */
/*
// .footer-contacts
*/
.footer-contacts__title {
    font-size: 20px;
    color: black;
    margin-bottom: 26px;
    font-weight: 500;
}

@media (-webkit-max-device-pixel-ratio: 1),
(max-resolution: 1dppx) {
    .footer-contacts__title {
        font-weight: 400;
    }
}

.footer-contacts__text {
    line-height: 22px;
    list-style: none;
    margin: 0;
    font-size: 15px;
    color: grey;
}

.footer-contacts__text a {
    color: inherit;
}

.footer-contacts__contacts {
    font-size: 14px;
    line-height: 20px;
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.footer-contacts__contacts a {
    color: inherit;
}

.footer-contacts__contacts dt {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-bottom: 2px;
    color: #8b8585;
}

.footer-contacts__contacts dd {
    margin: 0;
    font-weight: 500;
}

@media (-webkit-max-device-pixel-ratio: 1),
(max-resolution: 1dppx) {
    .footer-contacts__contacts dd {
        font-weight: 400;
    }
}

.footer-contacts__icon {
    display: inline-block;
    text-align: center;
    width: 22px;
    margin-right: 2px;
}

@media (min-width: 1400px) {
    [dir=ltr] .footer-contacts {
        padding-right: 36px;
    }

    [dir=rtl] .footer-contacts {
        padding-left: 36px;
    }
}

@media (min-width: 1200px) {
    .footer-contacts__contacts {
        margin: 24px -15px 0;
    }

    .footer-contacts__contacts dl {
        width: calc(100% / 2 - 30px - 1px);
        margin: 0 15px;
    }

    .footer-contacts__contacts dl:nth-child(n + 3) {
        margin-top: 18px;
    }
}

@media (max-width: 1199.98px) {
    .footer-contacts__contacts {
        margin: -6px -6px;
    }

    .footer-contacts__contacts dl {
        width: calc(100% / 4 - 12px);
        margin: 6px 6px;
    }

    .footer-contacts {
        text-align: center;
        margin-bottom: 42px;
    }

    .footer-contacts__title {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .footer-contacts__contacts {
        padding-top: 28px;
    }

    .footer-contacts__contacts dl {
        background: rgba(255, 255, 255, 0.05);
        padding: 16px 12px;
        border-radius: 3px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 991.98px) {
    .footer-contacts__contacts {
        margin: -6px -6px;
    }

    .footer-contacts__contacts dl {
        width: calc(100% / 2 - 12px);
        margin: 6px 6px;
    }

    .footer-contacts__contacts dl {
        padding: 20px 16px;
    }
}

@media (max-width: 767.98px) {
    .footer-contacts__contacts dl {
        padding: 16px;
    }
}

@media (max-width: 479px) {
    .footer-contacts__contacts {
        margin: -4px -4px;
    }

    .footer-contacts__contacts dl {
        width: calc(100% / 1 - 8px);
        margin: 4px 4px;
    }
}

/*
// .footer-links
*/
.footer-links__title {
    font-size: 20px;
    color: black;
    margin-bottom: 22px;
    font-weight: 500;
}

@media (-webkit-max-device-pixel-ratio: 1),
(max-resolution: 1dppx) {
    .footer-links__title {
        font-weight: 400;
    }
}

.footer-links__list {
    font-size: 15px;
    line-height: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links__list a {
    color: inherit;
    -webkit-transition: .15s;
    transition: .15s;
    color: grey;
}

.footer-links__list a:hover {
    color: #fff;
}

.footer-links__item {
    padding: 5px 0;
    text-transform: uppercase;
}

@media (max-width: 767.98px) {
    .footer-links {
        text-align: center;
    }

    .footer-links__title {
        margin-bottom: 12px;
    }
}

/*
// .footer-newsletter
*/
.footer-newsletter__title {
    font-size: 20px;
    color: black;
    margin-bottom: 26px;
    font-weight: 500;
}

@media (-webkit-max-device-pixel-ratio: 1),
(max-resolution: 1dppx) {
    .footer-newsletter__title {
        font-weight: 400;
    }
}

.footer-newsletter__text {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 14px;
    color: grey;
}

.footer-newsletter__text--social {
    margin-top: 20px;
    margin-bottom: 0;
}

.footer-newsletter__social-links {
    margin-top: 8px;
}

.footer-newsletter__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 380px;
}

.footer-newsletter__form-input {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    border-radius: 2px;
    font-size: 15px;
    height: 38px;
    padding: 0 12px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-family: inherit;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    background-clip: padding-box;
    -webkit-transition: border .2s,
    background .2s;
    transition: border .2s,
    background .2s;
    color: #fff;
    background-color: #4c4c4c;
    border-color: #4c4c4c;
}

.footer-newsletter__form-input::-webkit-input-placeholder {
    color: #b2b2b2;
}

.footer-newsletter__form-input::-moz-placeholder {
    color: #b2b2b2;
}

.footer-newsletter__form-input:-ms-input-placeholder {
    color: #b2b2b2;
}

.footer-newsletter__form-input::-ms-input-placeholder {
    color: #b2b2b2;
}

.footer-newsletter__form-input::placeholder {
    color: #b2b2b2;
}

.footer-newsletter__form-input::-webkit-input-placeholder {
    -webkit-transition: color .2s;
    transition: color .2s;
}

.footer-newsletter__form-input::-moz-placeholder {
    -moz-transition: color .2s;
    transition: color .2s;
}

.footer-newsletter__form-input:-ms-input-placeholder {
    -ms-transition: color .2s;
    transition: color .2s;
}

.footer-newsletter__form-input::-ms-input-placeholder {
    -ms-transition: color .2s;
    transition: color .2s;
}

.footer-newsletter__form-input::placeholder {
    -webkit-transition: color .2s;
    transition: color .2s;
}

.footer-newsletter__form-input:focus {
    outline: none;
}

.footer-newsletter__form-input:focus::-webkit-input-placeholder {
    color: #9e9e9e;
}

.footer-newsletter__form-input:focus::-moz-placeholder {
    color: #9e9e9e;
}

.footer-newsletter__form-input:focus:-ms-input-placeholder {
    color: #9e9e9e;
}

.footer-newsletter__form-input:focus::-ms-input-placeholder {
    color: #9e9e9e;
}

.footer-newsletter__form-input:focus::placeholder {
    color: #9e9e9e;
}

.footer-newsletter__form-button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 2px;
    border: none;
    padding: 0 20px;
    font-family: inherit;
    font-size: 15px;
    -webkit-transition: background .2s,
    color .2s;
    transition: background .2s,
    color .2s;
    background-color: #F7943D;
    color: #fff;
    background-color: #F7943D;
    color: #fff;
}

.footer-newsletter__form-button:hover {
    background-color: #545454;
    color: #fff;
}

.footer-newsletter__form-button:active {
    background-color: #4c4c4c;
    color: #fff;
}

[dir=ltr] .footer-newsletter__form-button {
    margin-left: 8px;
}

[dir=rtl] .footer-newsletter__form-button {
    margin-right: 8px;
}

.footer-newsletter__form-button:hover {
    background-color: #545454;
    color: #fff;
}

.footer-newsletter__form-button:active {
    background-color: #4c4c4c;
    color: #fff;
}

.footer-newsletter__form-button:active {
    -webkit-transition-duration: .1s, .1s;
    transition-duration: .1s, .1s;
}

.footer-newsletter__form-button:focus {
    outline: none;
}

@media (max-width: 767.98px) {
    .footer-newsletter {
        text-align: center;
        margin-top: 28px;
    }

    .footer-newsletter__title {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .footer-newsletter__form {
        margin: 0 auto;
    }

    .footer-newsletter__text--social {
        margin-top: 24px;
    }

    .footer-newsletter__social-links {
        margin-top: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

/*
// .site-footer
*/
.site-footer {
    position: relative;
    background-color: #eaeaea;
    color: #9e9e9e;
}

.site-footer__decor {
    position: absolute;
    bottom: calc(100% - 1px);
}

.site-footer__decor .decor__start,
.site-footer__decor .decor__end,
.site-footer__decor .decor__center {
    background: #eaeaea;
}

.site-footer__widgets {
    padding: 56px 0 50px;
}

.site-footer__bottom {
    background-color: #d6d6d6;
    font-size: 14px;
    color: #9e9e9e;
    font-weight: 400;
}

.site-footer__bottom a {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}

@media (-webkit-max-device-pixel-ratio: 1),
(max-resolution: 1dppx) {
    .site-footer__bottom a {
        font-weight: 400;
    }
}

.site-footer__bottom-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767.98px) {
    .site-footer__decor {
        display: none;
    }

    .site-footer__widgets {
        padding: 40px 0 36px;
    }

    .site-footer__bottom-row {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 0 24px;
    }

    .site-footer__payments {
        margin-top: 12px;
    }
}

/* ----------------------------------------
// Pages
// ---------------------------------------- */
/*
// .about
*/
.about__body {
    display: grid;
    z-index: 0;
}

@media (min-width: 1200px) {
    .about__body {
        grid-template-columns: 1fr 380px 730px 1fr;
        grid-template-rows: 100px auto auto;
    }

    .about__image {
        grid-column: 1 / 5;
        grid-row: 1 / 3;
    }

    .about__card {
        grid-column: 2;
        grid-row: 2 / 4;
    }

    .about__indicators {
        grid-column: 3;
        grid-row: 3;
    }
}

@media (max-width: 1199.98px) {
    .about__image {
        grid-column: 1 / 4;
        grid-row: 1 / 3;
    }

    .about__card {
        grid-column: 2;
        grid-row: 2 / 4;
    }

    .about__indicators {
        grid-column: 2;
        grid-row: 4;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .about__body {
        grid-template-columns: 1fr 690px 1fr;
        grid-template-rows: 80px auto 60px auto;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .about__body {
        grid-template-columns: 1fr 510px 1fr;
        grid-template-rows: 40px auto 60px auto;
    }
}

@media (max-width: 575.98px) {
    .about__body {
        grid-template-columns: 20px calc(100% - 40px) 20px;
        grid-template-rows: 20px auto 60px auto;
    }
}

/*
// .about__image
*/
.about__image {
    position: relative;
    overflow: hidden;
    z-index: -1;
}

.about__image-decor {
    position: absolute;
    bottom: -1px;
}

.about__image-decor .decor__start,
.about__image-decor .decor__end,
.about__image-decor .decor__center {
    background: #fafafa;
}

.about__image-decor .decor__start,
.about__image-decor .decor__end {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.about__image-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    z-index: -1;
}

.about__image-bg:before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 51, 51, 0.7)), to(rgba(51, 51, 51, 0.4)));
    background: linear-gradient(to bottom, rgba(51, 51, 51, 0.7), rgba(51, 51, 51, 0.4));
}

/*
// .about__card
*/
.about__card {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    border-radius: 2px;
    padding: 32px 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.about__card-title {
    font-size: 40px;
    font-weight: 700;
    padding: 16px 0 40px;
    text-align: center;
    margin-bottom: 0;
}

.about__card-text {
    text-align: center;
    line-height: 1.75;
}

.about__card-author {
    color: #6c757d;
    font-size: 14px;
    position: relative;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 16px;
}

[dir=ltr] .about__card-author {
    padding-left: 28px;
}

[dir=rtl] .about__card-author {
    padding-right: 28px;
}

.about__card-author:before {
    display: block;
    height: 1px;
    width: 20px;
    background: currentColor;
    content: '';
    opacity: .8;
    position: absolute;
    top: 10px;
}

[dir=ltr] .about__card-author:before {
    left: 0;
}

[dir=rtl] .about__card-author:before {
    right: 0;
}

.about__card-signature {
    padding: 40px 0 12px;
    margin-top: auto;
    -ms-flex-item-align: center;
    align-self: center;
}

@media (min-width: 1200px) {
    .about__card {
        min-height: 530px;
    }
}

@media (max-width: 1199.98px) {
    .about__card {
        padding: 32px 64px;
        margin: 0 auto;
        max-width: 510px;
    }
}

@media (max-width: 767.98px) {
    .about__card {
        padding: 32px 36px;
    }
}

@media (max-width: 575.98px) {
    .about__card-title {
        padding: 8px 0 24px;
        font-size: 32px;
    }

    .about__card {
        padding: 24px 28px;
        font-size: 15px;
    }
}

/*
// .about__indicators
*/
.about__indicators-body {
    margin: -12px;
}

.about__indicators-item {
    margin: 12px;
    width: calc(100% / 3 - 24px);
}

.about__indicators {
    -ms-flex-item-align: center;
    align-self: center;
}

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

.about__indicators-item-value {
    font-size: 48px;
    font-weight: bold;
    line-height: 1;
}

.about__indicators-item-title {
    color: #6c757d;
    font-size: 15px;
    margin-top: 6px;
    line-height: 18px;
}

@media (min-width: 1200px) {
    .about__indicators {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    [dir=ltr] .about__indicators {
        margin-left: 52px;
    }

    [dir=rtl] .about__indicators {
        margin-right: 52px;
    }
}

@media (max-width: 1199.98px) {
    .about__indicators {
        text-align: center;
        margin-top: 48px;
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .about__indicators {
        margin-top: 40px;
    }

    .about__indicators-item-value {
        font-size: 36px;
    }
}

@media (max-width: 575.98px) {
    .about__indicators-body {
        margin: -16px;
    }

    .about__indicators-item {
        margin: 16px;
        width: calc(100% / 1 - 32px);
    }
}

/*
// .contacts
*/
.contacts__map {
    position: relative;
    height: 400px;
}

.contacts__map iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 991.98px) {
    .contacts__map {
        height: 380px;
    }
}

@media (max-width: 767.98px) {
    .contacts__map {
        height: 360px;
    }
}

/*
// .faq
*/
.faq__header {
    padding: 44px 0 52px;
    text-align: center;
}

.faq__header-title {
    font-weight: 700;
    margin: 0;
}

.faq__section {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    padding: 48px;
}

.faq__section + .faq__section {
    margin-top: 30px;
}

.faq__section-title {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 8px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 2.5rem;
    margin-top: -4px;
}

.faq__footer {
    margin-top: 56px;
    text-align: center;
}

.faq__footer-title {
    font-size: 28px;
    margin-bottom: 8px;
}

.faq__footer-subtitle {
    margin-bottom: 36px;
    color: #6c757d;
}

.faq__section-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -20px;
}

.faq__question {
    margin: 20px;
    width: calc(50% - 40px);
}

.faq__question-title {
    margin-bottom: 14px;
}

@media (max-width: 1199.98px) {
    .faq__header {
        padding: 48px 0 48px;
    }

    .faq__section {
        padding: 40px;
    }
}

@media (max-width: 991.98px) {
    .faq__section-body {
        margin: -12px;
    }

    .faq__question {
        margin: 12px;
        width: calc(100% - 24px);
    }
}

@media (max-width: 767.98px) {
    .faq__header {
        padding: 36px 0 32px;
    }

    .faq__header-title {
        font-size: 32px;
    }

    .faq__section {
        padding: 32px;
    }

    .faq__section-title {
        margin-bottom: 32px;
    }

    .faq__footer {
        margin-top: 40px;
    }

    .faq__footer-title {
        font-size: 24px;
    }

    .faq__footer-subtitle {
        font-size: 15px;
        margin-bottom: 24px;
    }
}

@media (max-width: 575.98px) {
    .faq__header {
        padding: 32px 0 28px;
    }

    .faq__section {
        padding: 24px;
    }

    .faq__section-title {
        margin-bottom: 28px;
    }

    .faq__question-title {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .faq__question-answer .typography {
        font-size: 15px;
    }

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

/*
// .not-found
*/
.not-found {
    text-align: center;
    padding: 36px 0;
}

.not-found__404 {
    font-size: 80px;
    font-weight: 700;
    color: #ebebeb;
    padding: 20px 0 4px;
}

.not-found__content {
    width: 480px;
    max-width: 100%;
    margin: 0 auto;
}

.not-found__title {
    margin-bottom: 24px;
    font-weight: 700;
}

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

.not-found__search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}

.not-found__search-input {
    width: 1px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

[dir=ltr] .not-found__search-input {
    margin-right: 10px;
}

[dir=rtl] .not-found__search-input {
    margin-left: 10px;
}

@media (max-width: 991.98px) {
    .not-found__404 {
        font-size: 60px;
    }
}

@media (max-width: 767.98px) {
    .not-found__404 {
        font-size: 50px;
        line-height: 54px;
        padding: 40px 0 32px;
    }

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

/* ----------------------------------------
// Blocks
// ---------------------------------------- */
/*
// .block-banners
*/
.block-banners__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
}

.block-banners__item {
    margin: 15px;
    width: calc(50% - 30px);
    height: 210px;
    padding: 32px 34px;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    z-index: 0;
}

.block-banners__item,
.block-banners__item:hover {
    color: #fff;
}

.block-banners__item:before {
    border-radius: 3px;
    z-index: -1;
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

[dir=ltr] .block-banners__item:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(26, 26, 26, 0.98)), color-stop(90%, rgba(26, 26, 26, 0)));
    background: linear-gradient(to right, rgba(26, 26, 26, 0.98) 25%, rgba(26, 26, 26, 0) 90%);
}

[dir=rtl] .block-banners__item:before {
    background: -webkit-gradient(linear, right top, left top, color-stop(25%, rgba(26, 26, 26, 0.98)), color-stop(90%, rgba(26, 26, 26, 0)));
    background: linear-gradient(to left, rgba(26, 26, 26, 0.98) 25%, rgba(26, 26, 26, 0) 90%);
}

.block-banners__item-title {
    display: block;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #ffdf40;
}

.block-banners__item-details {
    display: block;
    margin-top: 12px;
    font-size: 15px;
}

.block-banners__item-button {
    margin-top: 28px;
}

.block-banners__item-image {
    border-radius: 3px;
    z-index: -3;
    position: absolute;
    content: '';
    display: block;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    left: -10px;
    top: -10px;
    -webkit-transition: opacity .3s ease-out,
    -webkit-transform .3s ease-out;
    transition: opacity .3s ease-out,
    -webkit-transform .3s ease-out;
    transition: transform .3s ease-out,
    opacity .3s ease-out;
    transition: transform .3s ease-out,
    opacity .3s ease-out,
    -webkit-transform .3s ease-out;
}

.block-banners__item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.block-banners__item-image--blur {
    z-index: -2;
    opacity: 0;
}

.block-banners__item-image--blur img {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.block-banners__item:hover .block-banners__item-image {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.block-banners__item:hover .block-banners__item-image--blur {
    opacity: 1;
}

.block-banners__item--style--two .block-banners__item-title {
    background: #ffdf40;
    display: inline-block;
    vertical-align: middle;
    padding: 2px 5px;
    border-radius: 1.5px;
    color: #262626;
    font-size: 24px;
    margin-top: -2px;
    margin-bottom: 2px;
}

@media (max-width: 1199.98px) {
    .block-banners__list {
        margin: -10px;
    }

    .block-banners__item {
        margin: 10px;
        width: calc(50% - 20px);
    }

    .block-banners__item {
        height: 190px;
        padding: 24px 24px;
    }
}

@media (max-width: 991.98px) {
    .block-banners__list {
        margin: -10px;
    }

    .block-banners__item {
        margin: 10px;
        width: calc(100% - 20px);
    }

    .block-banners__item {
        height: auto;
        padding: 24px 24px;
    }
}

@media (max-width: 474px) {
    [dir=ltr] .block-banners__item:before {
        background: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(26, 26, 26, 0.98)), to(rgba(26, 26, 26, 0)));
        background: linear-gradient(to right, rgba(26, 26, 26, 0.98) 35%, rgba(26, 26, 26, 0) 100%);
    }

    [dir=rtl] .block-banners__item:before {
        background: -webkit-gradient(linear, right top, left top, color-stop(35%, rgba(26, 26, 26, 0.98)), to(rgba(26, 26, 26, 0)));
        background: linear-gradient(to left, rgba(26, 26, 26, 0.98) 35%, rgba(26, 26, 26, 0) 100%);
    }
}

/*
// .block-brands
*/
.block-brands__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.block-brands__item {
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}

.block-brands__item-link {
    position: relative;
    display: block;
    padding: 28px;
    width: 100%;
}

.block-brands__item-link img {
    width: 100%;
    max-height: 115px;
    border-radius: 5px;
    border-radius: 5px;
}

.block-brands__item-name {
    display: block;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: white;
    margin-top: 20px;
    margin-bottom: -2px;
    -webkit-transition: color 0.15s;
    transition: color 0.15s;
}

.block-brands__item-link:hover:before {
    opacity: 1;
}

.block-brands__item-link:hover .block-brands__item-name {
    color: #737373;
}

@media (min-width: 1400px) {
    .block-brands--layout--columns-8-full .block-brands__item {
        width: calc((100% - 8px) / 8);
    }

    .block-brands--layout--columns-8-full .block-brands__divider {
        width: 1px;

    }

    .block-brands--layout--columns-8-full .block-brands__divider:nth-child(16n) {
        height: 1px;
        width: 100%;
    }

    .block-brands--layout--columns-8-full .block-brands__divider:nth-child(16n):last-child {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .block-brands--layout--columns-8-full .block-brands__item {
        width: calc((100% - 7px) / 7);
    }

    .block-brands--layout--columns-8-full .block-brands__divider {
        width: 1px;
    }

    .block-brands--layout--columns-8-full .block-brands__divider:nth-child(14n) {
        height: 1px;
        width: 100%;
    }

    .block-brands--layout--columns-8-full .block-brands__divider:nth-child(14n):last-child {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .block-brands--layout--columns-8-full .block-brands__item {
        width: calc((100% - 6px) / 6);
    }

    .block-brands--layout--columns-8-full .block-brands__divider {
        width: 1px;
    }

    .block-brands--layout--columns-8-full .block-brands__divider:nth-child(12n) {
        height: 1px;
        width: 100%;
    }

    .block-brands--layout--columns-8-full .block-brands__divider:nth-child(12n):last-child {
        display: none;
    }
}

@media (min-width: 1400px) {
    .block-brands--layout--columns-7-sidebar .block-brands__item {
        width: calc((100% - 7px) / 7);
    }

    .block-brands--layout--columns-7-sidebar .block-brands__divider {
        width: 1px;
    }

    .block-brands--layout--columns-7-sidebar .block-brands__divider:nth-child(14n) {
        height: 1px;
        width: 100%;
    }

    .block-brands--layout--columns-7-sidebar .block-brands__divider:nth-child(14n):last-child {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .block-brands--layout--columns-7-sidebar .block-brands__item {
        width: calc((100% - 6px) / 6);
    }

    .block-brands--layout--columns-7-sidebar .block-brands__divider {
        width: 1px;
    }

    .block-brands--layout--columns-7-sidebar .block-brands__divider:nth-child(12n) {
        height: 1px;
        width: 100%;
    }

    .block-brands--layout--columns-7-sidebar .block-brands__divider:nth-child(12n):last-child {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .block-brands--layout--columns-7-sidebar .block-brands__item {
        width: calc((100% - 5px) / 5);
    }

    .block-brands--layout--columns-7-sidebar .block-brands__divider {
        width: 1px;
    }

    .block-brands--layout--columns-7-sidebar .block-brands__divider:nth-child(10n) {
        height: 1px;
        width: 100%;
    }

    .block-brands--layout--columns-7-sidebar .block-brands__divider:nth-child(10n):last-child {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .block-brands__item {
        width: calc((100% - 5px) / 5);
    }

    .block-brands__divider {
        width: 1px;
    }

    .block-brands__divider:nth-child(10n) {
        height: 1px;
        width: 100%;
    }

    .block-brands__divider:nth-child(10n):last-child {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .block-brands__item {
        width: calc((100% - 4px) / 4);
    }

    .block-brands__divider {
        width: 1px;
    }

    .block-brands__divider:nth-child(8n) {
        height: 1px;
        width: 100%;
    }

    .block-brands__divider:nth-child(8n):last-child {
        display: none;
    }
}

@media (min-width: 420px) and (max-width: 575px) {
    .block-brands__item {
        width: calc((100% - 3px) / 3);
    }

    .block-brands__divider {
        width: 1px;
    }

    .block-brands__divider:nth-child(6n) {
        height: 1px;
        width: 100%;
    }

    .block-brands__divider:nth-child(6n):last-child {
        display: none;
    }
}

@media (max-width: 419px) {
    .block-brands__item {
        width: calc((100% - 2px) / 2);
    }

    .block-brands__divider {
        width: 1px;
    }

    .block-brands__divider:nth-child(4n) {
        height: 1px;
        width: 100%;
    }

    .block-brands__divider:nth-child(4n):last-child {
        display: none;
    }
}

/*
// .block-categories
*/
.block-categories__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.block-categories__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #e9e6e6;
    border-radius: 5px;
}

.block-categories__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.block-categories__title {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: -24px;
    padding: 0 64px 28px;
    color: black;
}

.block-categories__title-decor {
    position: absolute;
    width: 100%;
    bottom: 1px;
}

[dir=ltr] .block-categories__title-decor {
    left: 0;
}

[dir=rtl] .block-categories__title-decor {
    right: 0;
}

.block-categories__title-decor .decor__start,
.block-categories__title-decor .decor__end,
.block-categories__title-decor .decor__center,
.block-categories__body-decor .decor__start,
.block-categories__body-decor .decor__end,
.block-categories__body-decor .decor__center {
    background: #fafafa;
}

.block-categories__title-decor .decor__start,
.block-categories__title-decor .decor__end {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
}

.block-categories__title-decor .decor__body {
    height: 35px;
    margin: 0 -10px -10px;
}

.block-categories__title-decor .decor__start,
.block-categories__title-decor .decor__end {
    height: 25px;
    width: calc(50% - 24.43375px);
}

.block-categories__title-decor .decor__start {
    left: 10px;
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
}

.block-categories__title-decor .decor__end {
    right: 10px;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
}

.block-categories__title-decor .decor__center {
    height: 25px;
    width: 30.8675px;
}

.block-categories__body {
    position: relative;
    background-color: #f6f6f6;
    padding: 76px 0 64px;
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.08);

}

.block-categories__body-decor {
    position: absolute;
    bottom: -1px;
    height: 35px;
}

.block-categories__body-decor .decor__start,
.block-categories__body-decor .decor__end {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
}

.block-categories__body-decor .decor__start,
.block-categories__body-decor .decor__end {
    height: 25px;
}

@media (min-width: 1400px) {
    .block-categories__list {
        margin: -12px;
    }

    .block-categories__item {
        width: calc((100% - 120px) / 5);
        margin: 12px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .block-categories__list {
        margin: -8px;
    }

    .block-categories__item {
        width: calc((100% - 64px) / 4);
        margin: 8px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .block-categories__list {
        margin: -8px;
    }

    .block-categories__item {
        width: calc((100% - 64px) / 4);
        margin: 8px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .block-categories__list {
        margin: -8px;
    }

    .block-categories__item {
        width: calc((100% - 48px) / 3);
        margin: 8px;
    }
}

@media (max-width: 767.98px) {
    .block-categories__list {
        margin: -8px;
    }

    .block-categories__item {
        width: calc((100% - 32px) / 2);
        margin: 8px;
    }
}

@media (max-width: 474px) {
    .block-categories__list {
        margin: -8px;
    }

    .block-categories__item {
        width: calc((100% - 16px) / 1);
        margin: 8px;
    }
}

/*
// .block-features
*/
.block-features__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 8px 40px;
}

.block-features__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc((100% - 3px) / 4);
    padding: 1.5rem 1.8rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.block-features__item-icon {
    fill: #F7943D;
}

[dir=ltr] .block-features__item-icon {
    margin-right: 1.375rem;
}

[dir=rtl] .block-features__item-icon {
    margin-left: 1.375rem;
}

.block-features__item-title {
    font-size: 18px;
    font-weight: 500;
}

.block-features__item-subtitle {
    color: #6c757d;
    font-size: 15px;
}

.block-features--layout--top-strip .block-features__list {
    border-bottom: 2px solid #ebebeb;
}

@media (max-width: 1399.98px) {
    .block-features__list {
        padding: 0;
    }

    .block-features__item {
        padding: 1.5rem 1.5rem;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .block-features__item-title {
        font-size: 16px;
    }

    .block-features__item-subtitle {
        font-size: 14px;
    }
}

@media (max-width: 1199.98px) {
    .block-features__item {
        padding: 1.375rem .75rem;
    }

    [dir=ltr] .block-features__item-icon {
        margin-right: 1rem;
    }

    [dir=rtl] .block-features__item-icon {
        margin-left: 1rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .block-features__list {
        padding: 4px 0;
    }

    .block-features__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .block-features__item-icon {
        margin-bottom: 12px;
    }

    [dir=ltr] .block-features__item-icon {
        margin-right: 0;
    }

    [dir=rtl] .block-features__item-icon {
        margin-left: 0;
    }
}

@media (max-width: 767.98px) {
    .block-features__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 16px 0;
    }

    .block-features__item {
        width: 50%;
        padding: .75rem 1.25rem;
    }
}

@media (max-width: 575px) and (min-width: 400px) {
    .block-features__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .block-features__item-icon {
        margin-bottom: 12px;
    }

    [dir=ltr] .block-features__item-icon {
        margin-right: 0;
    }

    [dir=rtl] .block-features__item-icon {
        margin-left: 0;
    }
}

@media (max-width: 399px) {
    .block-features__item {
        width: 100%;
        padding: .675rem 1.25rem;
    }

    [dir=ltr] .block-features__item-icon {
        margin-right: 18px;
    }

    [dir=rtl] .block-features__item-icon {
        margin-left: 18px;
    }
}

/*
// .block-finder
*/
.block-finder {
    position: relative;
    height: 500px;
    overflow: hidden;
    padding-top: 24px;
    padding-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #333;
}

.block-finder__decor {
    position: absolute;
    bottom: -1px;
    z-index: 2;
}

.block-finder__decor .decor__start,
.block-finder__decor .decor__end,
.block-finder__decor .decor__center {
    background: #fafafa;
}

.block-finder__decor .decor__start,
.block-finder__decor .decor__end {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.block-finder__image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    z-index: 1;
    opacity: .22;
}

.block-finder__body {
    color: #fff;
    text-align: center;
    z-index: 2;
}

.block-finder__title {
    font-size: 48px;
    font-weight: 500;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    margin: 0;
}

.block-finder__subtitle {
    margin: 0 0 60px;
    font-size: 18px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.block-finder__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -7px;
}

.block-finder__form-control {
    margin: 7px;
    height: 44px;
    min-height: 44px;
}

.block-finder__form-control:focus {
    outline: none;
}

.block-finder__form-control--select {
    min-width: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.block-finder__form-control--select select {
    width: 100%;
    height: 100%;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    padding-top: 0;
    padding-bottom: 0;
}

.block-finder__form-control--select select:disabled {
    opacity: .65;
    color: #999;
}

.block-finder__form-control--select select,
.block-finder__form-control--select .select2-selection--single {
    height: 44px;
    border-radius: 2px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 5px 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 10'%3E%3Cpath fill='%234d4d4d' d='M4.503,4 L0.497,4 C0.094,4 -0.142,3.492 0.089,3.122 L2.095,0.233 C2.293,-0.084 2.712,-0.084 2.911,0.233 L4.911,3.122 C5.142,3.492 4.906,4 4.503,4 ZM0.497,6 L4.503,6 C4.906,6 5.142,6.504 4.911,6.871 L2.905,9.737 C2.707,10.052 2.288,10.052 2.089,9.737 L0.089,6.871 C-0.142,6.504 0.094,6 0.497,6 Z'/%3E%3C/svg%3E%0A");
    -webkit-transition: opacity .25s ease-in-out,
    color .25s ease-in-out;
    transition: opacity .25s ease-in-out,
    color .25s ease-in-out;
}

[dir=ltr] .block-finder__form-control--select select,
[dir=ltr] .block-finder__form-control--select .select2-selection--single {
    background-position: right 12px center;
    text-align: left;
}

[dir=rtl] .block-finder__form-control--select select,
[dir=rtl] .block-finder__form-control--select .select2-selection--single {
    background-position: left 12px center;
    text-align: right;
}

.block-finder__form-control--select select:focus,
.block-finder__form-control--select .select2-selection--single:focus {
    outline: none;
}

.block-finder__form-control--select select,
.block-finder__form-control--select .select2-selection--single .select2-selection__rendered {
    color: #262626;
}

[dir=ltr] .block-finder__form-control--select select,
[dir=ltr] .block-finder__form-control--select .select2-selection--single .select2-selection__rendered {
    padding-left: 16px;
    padding-right: 29px;
}

[dir=rtl] .block-finder__form-control--select select,
[dir=rtl] .block-finder__form-control--select .select2-selection--single .select2-selection__rendered {
    padding-right: 16px;
    padding-left: 29px;
}

.block-finder__form-control--select .select2-selection--single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.block-finder__form-control--select .select2-selection__arrow {
    display: none;
}

.block-finder__form-control--select .select2-selection--single {
    border: none;
}

.block-finder__form-control--select .select2-container--disabled .select2-selection--single {
    background-color: #fff;
    opacity: .65;
}

.block-finder__form-control--select .select2-container--disabled .select2-selection__rendered {
    color: #999;
}

.block-finder__form-control--select .select2-container {
    width: 100%;
    height: 100%;
}

.block-finder__form-control--button {
    border-radius: 2px;
    border: none;
    padding: 0 40px;
    -webkit-transition: background .2s,
    color .2s;
    transition: background .2s,
    color .2s;
    background-color: #F7943D;
    color: #fff;
}

.block-finder__form-control--button:hover {
    background-color: #545454;
    color: #fff;
}

.block-finder__form-control--button:active {
    background-color: #4c4c4c;
    color: #fff;
}

.block-finder__form-control--button:active {
    -webkit-transition-duration: .1s, .1s;
    transition-duration: .1s, .1s;
}

.block-finder__form-control--button:focus {
    outline: none;
}

@media (max-width: 1199.98px) {
    .block-finder {
        padding-bottom: 36px;
    }

    .block-finder__subtitle {
        margin-bottom: 48px;
    }

    .block-finder__form {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 548px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .block-finder__form-control {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: 260px;
        -ms-flex-preferred-size: 260px;
        flex-basis: 260px;
    }

    .block-finder__form-control--button {
        margin-top: 35px;
    }
}

@media (max-width: 991.98px) {
    .block-finder__title {
        font-size: 32px;
        line-height: 40px;
    }

    .block-finder__subtitle {
        font-size: 16px;
        margin-top: 8px;
        margin-bottom: 40px;
    }

    .block-finder {
        height: auto;
        padding: 64px 0 76px;
    }
}

@media (max-width: 767.98px) {
    .block-finder__title {
        font-size: 28px;
        line-height: 36px;
    }

    .block-finder__subtitle {
        font-size: 15px;
    }

    .block-finder__form-control {
        height: 40px;
        min-height: 40px;
    }

    .block-finder__form-control--select select,
    .block-finder__form-control--select .select2-selection--single {
        height: 40px;
    }

    .block-finder__form-control--button {
        margin-top: 35px;
    }
}

@media (max-width: 399px) {
    .block-finder {
        height: auto;
        padding: 40px 0 48px;
    }

    .block-finder__title {
        font-size: 26px;
        line-height: 34px;
    }

    .block-finder__subtitle {
        font-size: 14px;
        margin-bottom: 32px;
    }

    .block-finder__form-control--button {
        margin-top: 21px;
    }
}

/*
// .block-header
*/
.block-header__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.block-header__breadcrumb {
    padding-top: 16px;
    padding-bottom: 40px;
}

.block-header__title {
    font-size: 2.25rem;
    font-weight: 700;
    margin: 0;
    padding-top: 36px;
    padding-bottom: 40px;
    text-transform: uppercase;
}

@media (min-width: 1200px) {
    .block-header__title {
        margin: 0 auto;
    }

    .block-header__breadcrumb + .block-header__title {
        margin-top: -77px;
    }
}

@media (max-width: 1199.98px) {
    .block-header__title {
        padding-bottom: 20px;
        font-size: 2rem;
        padding-top: 32px;
    }

    .block-header__breadcrumb + .block-header__title {
        margin-top: -44px;
    }
}

/*
// .block-map
*/
.block-map {
    display: block;
    position: relative;
    height: 420px;
}

.block-map iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.block-map:before,
.block-map:after {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    z-index: 1;
    pointer-events: none;
}

.block-map:before {
    top: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.03)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0));
}

.block-map:after {
    bottom: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.03)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0));
}

@media (max-width: 1399.98px) {
    .block-map {
        height: 400px;
    }
}

@media (max-width: 1199.98px) {
    .block-map {
        height: 380px;
    }
}

@media (max-width: 991.98px) {
    .block-map {
        height: 360px;
    }
}

@media (max-width: 767.98px) {
    .block-map {
        height: 340px;
    }
}

/*
// .block-posts-carousel
*/
.block-posts-carousel__carousel .owl-stage-outer {
    margin: -10px;
    padding: 10px;
    position: relative;
}

.block-posts-carousel__carousel .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.block-posts-carousel__carousel .owl-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

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

.block-posts-carousel--layout--grid .post-card {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.block-posts-carousel--layout--grid .post-card .post-card__image img {
    max-width: 100%;
    height: auto;
}

.block-posts-carousel--layout--grid .post-card .post-card__content {
    position: relative;
}

.block-posts-carousel--layout--grid .post-card .post-card__title h2 {
    margin: 0;
}

.block-posts-carousel--layout--grid .post-card .post-card__title a {
    color: inherit;
}

.block-posts-carousel--layout--grid .post-card .post-card__title a:hover {
    text-decoration: underline;
}

.block-posts-carousel--layout--grid .post-card .post-card__category {
    position: absolute;
    bottom: calc(100% - 1px);
    font-weight: 500;
    z-index: 0;
    font-size: 14px;
}

[dir=ltr] .block-posts-carousel--layout--grid .post-card .post-card__category {
    left: 0;
}

[dir=rtl] .block-posts-carousel--layout--grid .post-card .post-card__category {
    right: 0;
}

.block-posts-carousel--layout--grid .post-card .post-card__category a {
    color: #F7943D;
    display: block;
}

.block-posts-carousel--layout--grid .post-card .post-card__category a:hover {
    text-decoration: underline;
}

.block-posts-carousel--layout--grid .post-card .post-card__category:before,
.block-posts-carousel--layout--grid .post-card .post-card__category:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    background: #fff;
    z-index: -1;
    height: 100%;
}

.block-posts-carousel--layout--grid .post-card .post-card__category:before {
    width: 100%;
}

[dir=ltr] .block-posts-carousel--layout--grid .post-card .post-card__category:before {
    left: 0;
    border-top-right-radius: 2px;
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

[dir=rtl] .block-posts-carousel--layout--grid .post-card .post-card__category:before {
    right: 0;
    border-top-left-radius: 2px;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

.block-posts-carousel--layout--grid .post-card .post-card__category:after {
    width: 50px;
}

[dir=ltr] .block-posts-carousel--layout--grid .post-card .post-card__category:after {
    left: 0;
}

[dir=rtl] .block-posts-carousel--layout--grid .post-card .post-card__category:after {
    right: 0;
}

.block-posts-carousel--layout--grid .post-card .post-card__date {
    font-size: 14px;
    color: #999;
}

.block-posts-carousel--layout--grid .post-card .post-card__date a {
    color: inherit;
}

.block-posts-carousel--layout--grid .post-card .post-card__date a:hover {
    color: #F7943D;
}

.block-posts-carousel--layout--grid .post-card .post-card__date:before {
    display: block;
    content: '';
    height: 1px;
    background: currentColor;
    opacity: .6;
}

.block-posts-carousel--layout--grid .post-card .post-card__excerpt {
    overflow: hidden;
}

.block-posts-carousel--layout--grid .post-card .post-card__category {
    font-size: 13px;
}

.block-posts-carousel--layout--grid .post-card .post-card__title h2 {
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    max-height: 40px;
}

.block-posts-carousel--layout--grid .post-card .post-card__category {
    height: 22px;
    padding: 0.75rem 1.25rem 0;
}

.block-posts-carousel--layout--grid .post-card .post-card__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.125rem 1.25rem 1rem;
}

.block-posts-carousel--layout--grid .post-card .post-card__date {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-size: 13px;
    margin-top: 6px;
}

.block-posts-carousel--layout--grid .post-card .post-card__date:before {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    top: -1px;
}

[dir=ltr] .block-posts-carousel--layout--grid .post-card .post-card__date:before {
    margin-right: 2px;
}

[dir=rtl] .block-posts-carousel--layout--grid .post-card .post-card__date:before {
    margin-left: 2px;
}

.block-posts-carousel--layout--grid .post-card .post-card__excerpt,
.block-posts-carousel--layout--grid .post-card .post-card__more {
    display: none;
}

@media (min-width: 576px) {
    .block-posts-carousel--layout--list .post-card {
        background-color: #fff;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-radius: 5px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .block-posts-carousel--layout--list .post-card .post-card__image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__content {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .block-posts-carousel--layout--list .post-card .post-card__title h2 {
        margin-bottom: 0;
    }

    .block-posts-carousel--layout--list .post-card .post-card__title a {
        color: inherit;
    }

    .block-posts-carousel--layout--list .post-card .post-card__title a:hover {
        text-decoration: underline;
    }

    .block-posts-carousel--layout--list .post-card .post-card__category {
        font-size: 14px;
        font-weight: 500;
    }

    .block-posts-carousel--layout--list .post-card .post-card__category a {
        color: #F7943D;
    }

    .block-posts-carousel--layout--list .post-card .post-card__category a:hover {
        text-decoration: underline;
    }

    .block-posts-carousel--layout--list .post-card .post-card__excerpt {
        overflow: hidden;
        margin-bottom: auto;
    }

    .block-posts-carousel--layout--list .post-card .post-card__date {
        font-size: 14px;
        color: #999;
    }

    .block-posts-carousel--layout--list .post-card .post-card__date a {
        color: inherit;
    }

    .block-posts-carousel--layout--list .post-card .post-card__date a:hover {
        color: #F7943D;
    }

    .block-posts-carousel--layout--list .post-card .post-card__date:before {
        content: '';
        height: 1px;
        background: currentColor;
        opacity: .6;
    }
}

@media (min-width: 1400px) {
    .block-posts-carousel--layout--list .post-card .post-card__image {
        width: 280px;
        min-height: 220px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__content {
        padding: 20px 26px 22px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__category {
        margin-bottom: 6px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__title {
        margin-bottom: 8px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__title h2 {
        font-size: 17px;
        line-height: 24px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__excerpt {
        font-size: 15px;
        max-height: 66px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__excerpt .typography {
        line-height: 22px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__date {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .block-posts-carousel--layout--list .post-card .post-card__date:before {
        display: block;
        width: 32px;
        margin-top: 16px;
        margin-bottom: 8px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__more {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1399.98px) {
    .block-posts-carousel--layout--list .post-card .post-card__image {
        width: 240px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__content {
        padding: 16px 22px 16px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__category {
        margin-bottom: 6px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__title {
        margin-bottom: 8px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__title h2 {
        font-size: 16px;
        line-height: 22px;
        overflow: hidden;
        max-height: 44px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__excerpt {
        font-size: 15px;
        max-height: 66px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__excerpt .typography {
        line-height: 22px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__date {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        line-height: 19px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__date:before {
        display: block;
        width: 32px;
        margin-top: 12px;
        margin-bottom: 10px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__more {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .block-posts-carousel--layout--list .post-card .post-card__image {
        width: 210px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__title {
        margin-bottom: 0;
    }

    .block-posts-carousel--layout--list .post-card .post-card__excerpt {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .block-posts-carousel--layout--list .post-card .post-card__image {
        width: 280px;
        min-height: 220px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__content {
        padding: 20px 26px 22px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__category {
        margin-bottom: 6px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__title {
        margin-bottom: 8px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__title h2 {
        font-size: 17px;
        line-height: 24px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__excerpt {
        font-size: 15px;
        max-height: 66px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__excerpt .typography {
        line-height: 22px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__date {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .block-posts-carousel--layout--list .post-card .post-card__date:before {
        display: block;
        width: 32px;
        margin-top: 16px;
        margin-bottom: 8px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__more {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .block-posts-carousel--layout--list .post-card .post-card__image {
        width: 240px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__content {
        padding: 16px 22px 16px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__category {
        margin-bottom: 6px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__title {
        margin-bottom: 8px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__title h2 {
        font-size: 16px;
        line-height: 22px;
        overflow: hidden;
        max-height: 44px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__excerpt {
        font-size: 15px;
        max-height: 66px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__excerpt .typography {
        line-height: 22px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__date {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        line-height: 19px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__date:before {
        display: block;
        width: 32px;
        margin-top: 12px;
        margin-bottom: 10px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__more {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .block-posts-carousel--layout--list .post-card {
        background-color: #fff;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    }

    .block-posts-carousel--layout--list .post-card .post-card__image img {
        max-width: 100%;
        height: auto;
    }

    .block-posts-carousel--layout--list .post-card .post-card__content {
        position: relative;
    }

    .block-posts-carousel--layout--list .post-card .post-card__title h2 {
        margin: 0;
    }

    .block-posts-carousel--layout--list .post-card .post-card__title a {
        color: inherit;
    }

    .block-posts-carousel--layout--list .post-card .post-card__title a:hover {
        text-decoration: underline;
    }

    .block-posts-carousel--layout--list .post-card .post-card__category {
        position: absolute;
        bottom: calc(100% - 1px);
        font-weight: 500;
        z-index: 0;
        font-size: 14px;
    }

    [dir=ltr] .block-posts-carousel--layout--list .post-card .post-card__category {
        left: 0;
    }

    [dir=rtl] .block-posts-carousel--layout--list .post-card .post-card__category {
        right: 0;
    }

    .block-posts-carousel--layout--list .post-card .post-card__category a {
        color: #F7943D;
        display: block;
    }

    .block-posts-carousel--layout--list .post-card .post-card__category a:hover {
        text-decoration: underline;
    }

    .block-posts-carousel--layout--list .post-card .post-card__category:before,
    .block-posts-carousel--layout--list .post-card .post-card__category:after {
        position: absolute;
        display: block;
        content: '';
        top: 0;
        background: #fff;
        z-index: -1;
        height: 100%;
    }

    .block-posts-carousel--layout--list .post-card .post-card__category:before {
        width: 100%;
    }

    [dir=ltr] .block-posts-carousel--layout--list .post-card .post-card__category:before {
        left: 0;
        border-top-right-radius: 2px;
        -webkit-transform: skewX(30deg);
        transform: skewX(30deg);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }

    [dir=rtl] .block-posts-carousel--layout--list .post-card .post-card__category:before {
        right: 0;
        border-top-left-radius: 2px;
        -webkit-transform: skewX(-30deg);
        transform: skewX(-30deg);
        -webkit-transform-origin: right top;
        transform-origin: right top;
    }

    .block-posts-carousel--layout--list .post-card .post-card__category:after {
        width: 50px;
    }

    [dir=ltr] .block-posts-carousel--layout--list .post-card .post-card__category:after {
        left: 0;
    }

    [dir=rtl] .block-posts-carousel--layout--list .post-card .post-card__category:after {
        right: 0;
    }

    .block-posts-carousel--layout--list .post-card .post-card__date {
        font-size: 14px;
        color: #999;
    }

    .block-posts-carousel--layout--list .post-card .post-card__date a {
        color: inherit;
    }

    .block-posts-carousel--layout--list .post-card .post-card__date a:hover {
        color: #F7943D;
    }

    .block-posts-carousel--layout--list .post-card .post-card__date:before {
        display: block;
        content: '';
        height: 1px;
        background: currentColor;
        opacity: .6;
    }

    .block-posts-carousel--layout--list .post-card .post-card__excerpt {
        overflow: hidden;
    }

    .block-posts-carousel--layout--list .post-card .post-card__category {
        font-size: 13px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__title h2 {
        font-size: 15px;
        line-height: 20px;
        overflow: hidden;
        max-height: 40px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__category {
        height: 22px;
        padding: 0.75rem 1.25rem 0;
    }

    .block-posts-carousel--layout--list .post-card .post-card__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.125rem 1.25rem 1rem;
    }

    .block-posts-carousel--layout--list .post-card .post-card__date {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        font-size: 13px;
        margin-top: 6px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__date:before {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        top: -1px;
    }

    [dir=ltr] .block-posts-carousel--layout--list .post-card .post-card__date:before {
        margin-right: 2px;
    }

    [dir=rtl] .block-posts-carousel--layout--list .post-card .post-card__date:before {
        margin-left: 2px;
    }

    .block-posts-carousel--layout--list .post-card .post-card__excerpt,
    .block-posts-carousel--layout--list .post-card .post-card__more {
        display: none;
    }
}

/*
// .block-products-carousel
*/
.block-products-carousel__carousel {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.block-products-carousel__carousel .owl-stage-outer {
    margin: -10px;
    padding: 10px;
    position: relative;
}

.block-products-carousel__carousel .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.block-products-carousel__carousel .owl-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.block-products-carousel__carousel-loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s,
    visibility 0s .3s;
    transition: opacity .3s,
    visibility 0s .3s;
}

.block-products-carousel__carousel-loader:before {
    position: absolute;
    display: block;
    content: '';
    left: -10px;
    top: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    background: #fafafa;
    opacity: .9;
}

.block-products-carousel__carousel-loader:after {
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    width: 100px;
    height: 100px;
    border-radius: 50px;
    border-width: 2px;
    border-color: rgba(0, 0, 0, 0.1);
    border-top-color: rgba(0, 0, 0, 0.5);
    border-style: solid;
    -webkit-animation-name: loader-animation;
    animation-name: loader-animation;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    display: block;
    content: '';
}

.block-products-carousel__carousel--loading .block-products-carousel__carousel-loader {
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 1;
}

.block-products-carousel__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    position: relative;
}

.block-sale__item,
.block-products-carousel__column,
.block-products-columns__list-item,
.block-brands__item-link img,
.products-list__item {
    border: 1px solid #e9e6e6;
    border-radius: 5px;
}

.block-products-carousel__cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.block-products-carousel__cell .product-card {
    width: 100%;
    border-radius: 5px 5px 12px 12px;
}

.block-products-carousel[data-layout="grid-4"] .block-products-carousel__cell + .block-products-carousel__cell,
.block-products-carousel[data-layout="grid-5"] .block-products-carousel__cell + .block-products-carousel__cell {
    margin-top: 20px;
}

.block-products-carousel[data-layout="grid-6"] .block-products-carousel__cell + .block-products-carousel__cell {
    margin-top: 16px;
}

.block-products-carousel[data-layout|="horizontal"] .block-products-carousel__cell + .block-products-carousel__cell {
    margin-top: 14px;
}

/*
// .block-products-columns
*/
.block-products-columns__title {
    margin-bottom: 20px;
    padding-bottom: 8px;
    font-size: 20px;
    font-weight: 700;
    color: black;
    line-height: 16px;
}

.block-products-columns__list-item + .block-products-columns__list-item {
    margin-top: 16px;
}

.block-products-columns__list-item .product-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 6px 9px 9px 6px;
}

.block-products-columns__list-item .product-card .product-card__action--wishlist,
.block-products-columns__list-item .product-card .product-card__action--compare,
.block-products-columns__list-item .product-card .product-card__features,
.block-products-columns__list-item .product-card .product-card__addtocart-icon,
.block-products-columns__list-item .product-card .product-card__addtocart-full,
.block-products-columns__list-item .product-card .product-card__wishlist,
.block-products-columns__list-item .product-card .product-card__compare,
.block-products-columns__list-item .product-card .product-card__meta,
.block-products-columns__list-item .product-card .product-card__fit {
    display: none;
}

.block-products-columns__list-item .product-card .product-card__image {
    padding: 8px 10px;
    width: 112px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.block-products-columns__list-item .product-card .product-card__badges {
    position: absolute;
    top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

[dir=ltr] .block-products-columns__list-item .product-card .product-card__badges {
    left: 10px;
}

[dir=rtl] .block-products-columns__list-item .product-card .product-card__badges {
    right: 10px;
}

.block-products-columns__list-item .product-card .product-card__badges > * + * {
    margin-top: 3px;
}

.block-products-columns__list-item .product-card .tag-badge {
    height: 16px;
    padding: 3px 11px 0;
}

.block-products-columns__list-item .product-card .tag-badge:before {
    left: 3px;
    right: 3px;
}

[dir=ltr] .block-products-columns__list-item .product-card .tag-badge:before {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
}

[dir=rtl] .block-products-columns__list-item .product-card .tag-badge:before {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
}

.block-products-columns__list-item .product-card .product-card__actions-list {
    position: absolute;
}

[dir=ltr] .block-products-columns__list-item .product-card .product-card__actions-list {
    right: 0;
}

[dir=rtl] .block-products-columns__list-item .product-card .product-card__actions-list {
    left: 0;
}

.block-products-columns__list-item .product-card .product-card__info {
    padding-top: 12px;
    padding-bottom: 40px;
}

[dir=ltr] .block-products-columns__list-item .product-card .product-card__info {
    padding-right: 10px;
    width: 100%;
    border-radius: 0px 6px 6px 0px;
    height: 145px;
}

[dir=rtl] .block-products-columns__list-item .product-card .product-card__info {
    padding-left: 10px;
}

.block-products-columns__list-item .product-card .product-card__name {
    font-size: 15px;
    line-height: 18px;
    max-height: 36px;
    overflow: hidden;
}

[dir=rtl] .block-products-columns__list-item .product-card .product-card__name {
    padding-left: 26px;
}

.block-products-columns__list-item .product-card .product-card__rating {
    margin: -3px 0 -2px 0;
    padding-top: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.block-products-columns__list-item .product-card .product-card__rating-stars,
.block-products-columns__list-item .product-card .product-card__rating-label {
    margin: 3px 0 2px 0;
}

[dir=ltr] .block-products-columns__list-item .product-card .product-card__rating-stars {
    margin-right: 7px;
}

[dir=rtl] .block-products-columns__list-item .product-card .product-card__rating-stars {
    margin-left: 7px;
}

.block-products-columns__list-item .product-card .product-card__rating-label {
    line-height: 1;
}

.block-products-columns__list-item .product-card .product-card__prices {
    position: absolute;
    bottom: 14px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

[dir=ltr] .block-products-columns__list-item .product-card .product-card__prices {
    left: 112px;
}

[dir=rtl] .block-products-columns__list-item .product-card .product-card__prices {
    right: 112px;
}

.block-products-columns__list-item .product-card .product-card__price--old {
    font-size: 14px;
}

[dir=ltr] .block-products-columns__list-item .product-card .product-card__price--old {
    margin-left: 6px;
}

[dir=rtl] .block-products-columns__list-item .product-card .product-card__price--old {
    margin-right: 6px;
}

@media (min-width: 1400px) {
    .block-products-columns__list-item .product-card .product-card__image {
        padding: 8px 16px;
        width: 136px;
    }

    .block-products-columns__list-item .product-card .product-card__info {
        padding-top: 14px;
        padding-bottom: 42px;
    }

    .block-products-columns__list-item .product-card .product-card__name {
        font-size: 16px;
        line-height: 20px;
        max-height: 40px;
    }

    .block-products-columns__list-item .product-card .product-card__prices {
        bottom: 20px;
    }

    [dir=ltr] .block-products-columns__list-item .product-card .product-card__prices {
        left: 136px;
    }

    [dir=rtl] .block-products-columns__list-item .product-card .product-card__prices {
        right: 136px;
    }
}

@media (max-width: 992px) {
    .block-products-columns {
        margin-top: 30px;
    }

    .block-products-columns__title {
        margin-top: 30px;
    }
}

/*
// .block-reviews
*/
.block-reviews__title {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 28px;
}

.block-reviews__subtitle {
    color: #6c757d;
    text-align: center;
    margin-bottom: 28px;
    font-size: 15px;
    margin-top: -24px;
}

.block-reviews__list .owl-stage-outer {
    margin: -10px;
    padding: 10px;
}

.block-reviews__list .owl-dots {
    margin-top: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.block-reviews__list .owl-carousel button.owl-dot:before {
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.12);
    -webkit-transition: background .2s;
    transition: background .2s;
    margin: 6px;
}

.block-reviews__list .owl-carousel button.owl-dot:focus {
    outline: none;
}

.block-reviews__list .owl-carousel button.owl-dot:hover:before {
    background: rgba(0, 0, 0, 0.22);
}

.block-reviews__list .owl-carousel button.owl-dot.active:before {
    background: #F7943D;
}

.block-reviews__item {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    max-width: 690px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.block-reviews__item-avatar {
    width: 190px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

[dir=ltr] .block-reviews__item-avatar {
    margin-left: 12px;
    margin-right: -12px;
}

[dir=rtl] .block-reviews__item-avatar {
    margin-right: 12px;
    margin-left: -12px;
}

.block-reviews__item-avatar img {
    max-width: 100%;
}

.block-reviews__item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px 32px;
}

.block-reviews__item-text {
    font-size: 15px;
    font-style: italic;
    line-height: 24px;
}

.block-reviews__item-meta {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.block-reviews__item-author {
    color: #6c757d;
    font-size: 14px;
    position: relative;
    line-height: 20px;
}

.block-reviews__item-author:before {
    display: inline-block;
    height: 1px;
    width: 18px;
    background: currentColor;
    content: '';
    opacity: .8;
    position: relative;
    vertical-align: middle;
}

[dir=ltr] .block-reviews__item-author:before {
    left: 0;
    margin-right: 4px;
}

[dir=rtl] .block-reviews__item-author:before {
    right: 0;
    margin-left: 4px;
}

.block-reviews__item-rating {
    padding-bottom: 4px;
}

@media (max-width: 767.98px) {
    .block-reviews__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .block-reviews__item-avatar {
        margin: 36px 36px 0;
        overflow: hidden;
        -ms-flex-item-align: center;
        align-self: center;
        width: 140px;
        border-radius: 70px;
    }

    [dir=ltr] .block-reviews__item-avatar {
        margin-left: 0;
        margin-right: 0;
    }

    [dir=rtl] .block-reviews__item-avatar {
        margin-right: 0;
        margin-left: 0;
    }

    .block-reviews__item-content {
        text-align: center;
    }

    .block-reviews__item-meta {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 0;
        padding: 28px 0 20px;
    }

    .block-reviews__item-rating {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-top: 8px;
        padding-bottom: 0;
    }
}

/*
// .block-sale
*/
.block-sale__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.block-sale__header {
    text-align: center;
    position: relative;
    padding: 50px 32px 0;
    margin: 0 auto -28px;
    z-index: 1;
}

.block-sale__header-decor {
    position: absolute;
    width: 100%;
    bottom: 1px;
    left: 0;
    z-index: -1;
}

.block-sale__header-decor .decor__start,
.block-sale__header-decor .decor__end,
.block-sale__header-decor .decor__center {
    background: #F7943D;
}

.block-sale__header-decor .decor__start,
.block-sale__header-decor .decor__end {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.block-sale__header-decor .decor__body {
    height: 33px;
    margin: 0 !important;
    -webkit-transform: perspective(300px) rotateX(-0deg);
    transform: perspective(300px) rotateX(-0deg);
}

.block-sale__header-decor .decor__start,
.block-sale__header-decor .decor__end {
    height: 31px;
    width: calc(50% - 26.1658px);
}

.block-sale__header-decor .decor__start {
    left: 10px;
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
}

.block-sale__header-decor .decor__end {
    right: 10px;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
}

.block-sale__header-decor .decor__center {
    height: 28px;
    width: 34.3316px;
}

.block-sale__header-decor .decor__start {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}

.block-sale__header-decor .decor__end {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}

.block-sale__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.block-sale__link {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 15px;
    line-height: 22px;
    padding: 18px 0 6px 0px;
    margin-top: 10px;
}

.block-sale__link a {
    color: white;
    -webkit-transition: color .12s;
    transition: color .12s;
    line-height: 26px;
    width: 100%;
    display: block;
}

.block-sale__link a:hover {
    color: white;
}

.block-sale__arrow {
    position: absolute;
    bottom: 3px;
}

.block-sale__arrow .arrow__button {
    height: 31px;
    padding: 0 24.89785px;
}

.block-sale__arrow .arrow__button:before {
    width: calc(100% - 17.89785px);
}

[dir=ltr] .block-sale__arrow .arrow__button:before {
    left: 8.94893px;
}

[dir=rtl] .block-sale__arrow .arrow__button:before {
    right: 8.94893px;
}

[dir=ltr] .block-sale__arrow .arrow__button:before {
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
}

[dir=rtl] .block-sale__arrow .arrow__button:before {
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
}

[dir=ltr] .block-sale__arrow--prev {
    left: -49.7957px;
}

[dir=rtl] .block-sale__arrow--prev {
    right: -49.7957px;
}

[dir=ltr] .block-sale__arrow--next .arrow__button:before {
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
}

[dir=rtl] .block-sale__arrow--next .arrow__button:before {
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
}

[dir=ltr] .block-sale__arrow--next {
    right: -49.7957px;
}

[dir=rtl] .block-sale__arrow--next {
    left: -49.7957px;
}

.block-sale__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
}

.block-sale__subtitle {
    color: #6c757d;
    line-height: 1;
    margin-top: 10px;
}

.block-sale__timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 24px;
}

.block-sale__arrows {
    position: absolute;
    z-index: 1;
    bottom: 3px;
    left: 0;
    width: 100%;
}

.block-sale__body {
    position: relative;
    padding-top: 104px;
    padding-bottom: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.block-sale__body-decor {
    position: absolute;
    width: 100%;
    bottom: -1px;
    z-index: 1;
}

.block-sale__body-decor .decor__start,
.block-sale__body-decor .decor__end,
.block-sale__body-decor .decor__center {
    background: #fafafa;
}

.box-Shadow {

    box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.03);

}

.block-sale__body-decor .decor__start,
.block-sale__body-decor .decor__end {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
}

.block-sale__image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    z-index: -1;
}

.block-sale__image:before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(38, 38, 38, 0.8);
}

.block-sale__carousel .owl-stage-outer {
    margin: -10px;
    padding: 10px;
}

.block-sale__carousel .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.block-sale__carousel .owl-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.block-sale__carousel .owl-dots {
    margin-top: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: -38px;
}

.block-sale__carousel .owl-carousel button.owl-dot:before {
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: black;
    -webkit-transition: background .12s;
    transition: background .12s;
    margin: 6px;
}

.block-sale__carousel .owl-carousel button.owl-dot:focus {
    outline: none;
}

.block-sale__carousel .owl-carousel button.owl-dot:hover:before {
    background: black;
}

.block-sale__carousel .owl-carousel button.owl-dot:active:before {
    background: rgba(255, 255, 255, 0.7);
}

.block-sale__carousel .owl-carousel button.owl-dot.active:before {
    background: #F7943D;
}

.block-sale__item {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    width: 100%;
}

.block-sale__item .product-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-radius: 6px;
}

.block-sale__item .product-card .product-card__addtocart-full,
.block-sale__item .product-card .product-card__wishlist,
.block-sale__item .product-card .product-card__compare {
    display: none;
}

.block-sale__item .product-card:after {
    display: block;
    position: static;
    content: '';
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.block-sale__item .product-card .product-card__badges {
    position: absolute;
    top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

[dir=ltr] .block-sale__item .product-card .product-card__badges {
    left: 16px;
}

[dir=rtl] .block-sale__item .product-card .product-card__badges {
    right: 16px;
}

.block-sale__item .product-card .product-card__badges > * + * {
    margin-top: 3px;
}

.block-sale__item .product-card .product-card__actions-list {
    position: absolute;
    overflow: hidden;
    z-index: 1;
}

[dir=ltr] .block-sale__item .product-card .product-card__actions-list {
    right: 0;
}

[dir=rtl] .block-sale__item .product-card .product-card__actions-list {
    left: 0;
}

.block-sale__item .product-card .product-card__image {
    display: block;
    position: relative;
}

.block-sale__item .product-card .product-card__fit {
    position: absolute;
    bottom: 8px;
}

.block-sale__item .product-card .product-card__fit .status-badge__text {
    display: none;
}

.block-sale__item .product-card .product-card__fit .status-badge__tooltip {
    display: block;
}

[dir=ltr] .block-sale__item .product-card .product-card__fit {
    left: calc(16px - 3px);
}

[dir=rtl] .block-sale__item .product-card .product-card__fit {
    right: calc(16px - 3px);
}

.block-sale__item .product-card .product-card__meta {
    padding: 6px 16px;
}

.block-sale__item .product-card .product-card__name {
    line-height: 1.1875;
    margin-bottom: 45px;
    margin-top: 15px;
    height: 35px;
}

.block-sale__item .product-card .product-card__rating {
    margin: -3px 0 -2px 0;

}

.block-sale__item .product-card .product-card__rating-stars,
.block-sale__item .product-card .product-card__rating-label {
    margin: 3px 0 2px 0;
}

[dir=ltr] .block-sale__item .product-card .product-card__rating-stars {
    margin-right: 7px;
}

[dir=rtl] .block-sale__item .product-card .product-card__rating-stars {
    margin-left: 7px;
}

.block-sale__item .product-card .product-card__rating-label {
    line-height: 1;
}

.block-sale__item .product-card .product-card__features {
    padding: 10px 16px 0;
    margin-bottom: -2px;
    display: none;
}

.block-sale__item .product-card .product-card__footer {
    padding: 16px;

    -ms-flex-order: 2;
    order: 2;
}

.block-sale__item .product-card .product-card__prices {

}

.block-sale__item .product-card .product-card__price--old {
    font-size: 14px;
}

[dir=ltr] .block-sale__item .product-card .product-card__price--old {
    margin-left: 6px;
}

[dir=rtl] .block-sale__item .product-card .product-card__price--old {
    margin-right: 6px;
}

.block-sale__item .product-card .product-card__addtocart-icon {

}

@media (hover: hover) {

    .block-sale__item .product-card .product-card__action--wishlist,
    .block-sale__item .product-card .product-card__action--compare {
        -webkit-transition: opacity 0.2s, color 0.12s, background 0.12s, -webkit-transform 0.2s;
        transition: opacity 0.2s, color 0.12s, background 0.12s, -webkit-transform 0.2s;
        transition: transform 0.2s, opacity 0.2s, color 0.12s, background 0.12s;
        transition: transform 0.2s, opacity 0.2s, color 0.12s, background 0.12s, -webkit-transform 0.2s;
        opacity: 0;
        will-change: transform;
    }

    [dir=ltr] .block-sale__item .product-card .product-card__action--wishlist,
    [dir=ltr] .block-sale__item .product-card .product-card__action--compare {
        -webkit-transform: translateX(100%) translateX(6px);
        transform: translateX(100%) translateX(6px);
    }

    [dir=rtl] .block-sale__item .product-card .product-card__action--wishlist,
    [dir=rtl] .block-sale__item .product-card .product-card__action--compare {
        -webkit-transform: translateX(-100%) translateX(6px);
        transform: translateX(-100%) translateX(6px);
    }

    .block-sale__item .product-card:hover .product-card__action--wishlist,
    .block-sale__item .product-card:hover .product-card__action--compare,
    .block-sale__item .product-card:active .product-card__action--wishlist,
    .block-sale__item .product-card:active .product-card__action--compare {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

[dir=ltr] .block-sale__item .product-card .product-card__image img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

[dir=rtl] .block-sale__item .product-card .product-card__image img {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

[dir=ltr] .block-sale__item .product-card .product-card__action:first-child {
    border-top-right-radius: 5px;
}

[dir=rtl] .block-sale__item .product-card .product-card__action:first-child {
    border-top-left-radius: 5px;
}

@media (max-width: 1399.98px) {
    .block-sale__body {
        padding-top: 96px;
        padding-bottom: 92px;
    }
}

@media (max-width: 1199.98px) {
    .block-sale__body {
        padding-top: 88px;
        padding-bottom: 84px;
    }
}

@media (max-width: 991.98px) {
    .block-sale__body {
        padding-top: 80px;
        padding-bottom: 76px;
    }
}

@media (max-width: 767.98px) {
    .block-sale__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .block-sale__link {
        padding: 16px 24px;
        min-width: 300px;
    }

    .block-sale__controls {
        padding: 0;
        position: relative;
        -ms-flex-item-align: center;
        align-self: center;
        min-width: 220px;
    }
}

@media (max-width: 575.98px) {
    .block-sale__body {
        padding-top: 51px;
        padding-bottom: 28px;
    }

    .block-sale__carousel .owl-dots {
        margin-bottom: 0;
        margin-top: 24px;
    }
}

@media (max-width: 499px) {
    .block-sale__header {
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto -23px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .block-sale__header-decor .decor__body {
        height: 33px;
        margin: 0 -10px -10px;
    }

    .block-sale__header-decor .decor__start,
    .block-sale__header-decor .decor__end {
        height: 23px;
        width: calc(50% - 23.27905px);
    }

    .block-sale__header-decor .decor__start {
        left: 10px;
        -webkit-transform: skewX(30deg);
        transform: skewX(30deg);
    }

    .block-sale__header-decor .decor__end {
        right: 10px;
        -webkit-transform: skewX(-30deg);
        transform: skewX(-30deg);
    }

    .block-sale__header-decor .decor__center {
        height: 23px;
        width: 28.5581px;
    }

    .block-sale__link {
        padding: 19px 20px;
    }

    .block-sale__arrow .arrow__button {
        height: 27px;
        padding: 0 20.58845px;
    }

    .block-sale__arrow .arrow__button:before {
        width: calc(100% - 15.58845px);
    }

    [dir=ltr] .block-sale__arrow .arrow__button:before {
        left: 7.79423px;
    }

    [dir=rtl] .block-sale__arrow .arrow__button:before {
        right: 7.79423px;
    }

    [dir=ltr] .block-sale__arrow .arrow__button:before {
        -webkit-transform: skewX(30deg);
        transform: skewX(30deg);
    }

    [dir=rtl] .block-sale__arrow .arrow__button:before {
        -webkit-transform: skewX(-30deg);
        transform: skewX(-30deg);
    }

    [dir=ltr] .block-sale__arrow--prev {
        left: -42.1769px;
    }

    [dir=rtl] .block-sale__arrow--prev {
        right: -42.1769px;
    }

    [dir=ltr] .block-sale__arrow--next .arrow__button:before {
        -webkit-transform: skewX(-30deg);
        transform: skewX(-30deg);
    }

    [dir=rtl] .block-sale__arrow--next .arrow__button:before {
        -webkit-transform: skewX(30deg);
        transform: skewX(30deg);
    }

    [dir=ltr] .block-sale__arrow--next {
        right: -42.1769px;
    }

    [dir=rtl] .block-sale__arrow--next {
        left: -42.1769px;
    }
}

@media (max-width: 474px) {
    .block-sale__title {
        font-size: 28px;
        line-height: 30px;
    }

    .block-sale__subtitle {
        font-size: 15px;
        width: 90%;
        margin: 10px auto;
    }

    .block-sale__timer {
        margin-top: 16px;
    }

    .block-sale__link {
        padding: 18px 20px;
        min-width: 240px;
        font-size: 14px;
    }
}

/*
// .block-slideshow
*/

.block.block-slideshow {
    overflow: hidden;
    height: 525px;
    width: 100%;
}

@media (min-width: 991px) and (max-width: 1200px) {
    .block.block-slideshow {
        height: 380px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .block.block-slideshow {
        height: 320px;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .block.block-slideshow {
        height: 260px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .block.block-slideshow {
        height: 220px;
    }
}

.block-slideshow__item {
    border-radius: 2.5px;
    overflow: hidden;
    height: 500px;
    display: block;
    position: relative;
    z-index: 0;
}

.block-slideshow__item,
.block-slideshow__item:hover {
    color: #262626;
}

.block-slideshow__item-image {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
}

.block-slideshow__item-image--mobile {
    display: none;
    background-position: top center;
}

.block-slideshow__item-offer {
    background: #ffdf40;
    color: #262626;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    padding: 2px 8px 0;
    margin-bottom: 12px;
    opacity: 0;
    -webkit-transition: opacity .5s .5s,
    -webkit-transform .5s .5s;
    transition: opacity .5s .5s,
    -webkit-transform .5s .5s;
    transition: transform .5s .5s,
    opacity .5s .5s;
    transition: transform .5s .5s,
    opacity .5s .5s,
    -webkit-transform .5s .5s;
}

[dir=ltr] .block-slideshow__item-offer {
    -webkit-transform: translateX(-24px);
    transform: translateX(-24px);
}

[dir=rtl] .block-slideshow__item-offer {
    -webkit-transform: translateX(24px);
    transform: translateX(24px);
}

.owl-item.active .block-slideshow__item-offer {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.block-slideshow__item-title {
    font-size: 48px;
    line-height: 56px;
    font-weight: 700;
    display: block;
    opacity: 0;
    -webkit-transition: opacity .8s .2s;
    transition: opacity .8s .2s;
}

.owl-item.active .block-slideshow__item-title {
    opacity: 1;
}

.block-slideshow__item-details {
    color: #6c757d;
    font-size: 18px;
    line-height: 30px;
    display: block;
    margin-top: 16px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
    opacity: 0;
    -webkit-transition: opacity .5s .5s,
    -webkit-transform .5s .5s;
    transition: opacity .5s .5s,
    -webkit-transform .5s .5s;
    transition: transform .5s .5s,
    opacity .5s .5s;
    transition: transform .5s .5s,
    opacity .5s .5s,
    -webkit-transform .5s .5s;
}

.owl-item.active .block-slideshow__item-details {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.block-slideshow__item-button {
    margin-top: 24px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 18px;
    line-height: 28px;
    padding: 10px 40px;
    border-radius: 2px;
    -webkit-transition: background-color .2s,
    color .2s,
    opacity .5s .5s;
    transition: background-color .2s,
    color .2s,
    opacity .5s .5s;
    background: #F7943D;
    color: #fff;
    opacity: 0;
    position: absolute;
    bottom: 7%;
    left: 50%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transform: translateX(-50%);
}

.owl-item.active .block-slideshow__item-button {
    opacity: 1;
}

.block-slideshow__item-button:hover {
    background: #333;
    color: #fff;
}

.block-slideshow__item-button:active {
    background: #4d4d4d;
    color: #fff;
}

.block-slideshow__carousel {
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    overflow: hidden;
    width: 100%;
}

.block-slideshow__carousel .owl-dots {
    position: absolute;
    bottom: 5px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
}

.block-slideshow__carousel .owl-carousel button.owl-dot {
    pointer-events: auto;
}

.block-slideshow__carousel .owl-carousel button.owl-dot:focus {
    outline: none;
}

.block-slideshow__carousel .owl-carousel button.owl-dot:before {
    display: block;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background: rgba(204, 204, 204, 0.7);
    margin: 5px;
    -webkit-transition: background .12s;
    transition: background .12s;
    border: 2px solid #ffffff;
}

.block-slideshow__carousel .owl-carousel button.owl-dot:hover:before {
    background: rgba(179, 179, 179, 0.7);
}

.block-slideshow__carousel .owl-carousel button.owl-dot:active:before {
    background: rgba(153, 153, 153, 0.7);
}

.block-slideshow__carousel .owl-carousel button.owl-dot.active:before {
    background: #F7943D;
}

@media (max-width: 1399.98px) {
    .block-slideshow__item {

        height: 460px;
    }

    .block-slideshow__item-details {
        margin-top: 12px;
    }
}

@media (max-width: 1199.98px) {
    .block-slideshow__item {

        height: 380px;
    }

    .block-slideshow__item-offer {
        font-size: 24px;
        line-height: 28px;
        padding: 1px 6px 1px;
        margin-bottom: 8px;
    }

    .block-slideshow__item-title {
        font-size: 36px;
        line-height: 44px;
    }

    .block-slideshow__item-details {
        font-size: 16px;
        line-height: 26px;
        margin-top: 8px;
    }

    .block-slideshow__item-button {
        font-size: 16px;
        line-height: 24px;
        padding: 8px 28px;
    }

    .block-slideshow__carousel .owl-dots {
        bottom: 2px;
    }
}

@media (max-width: 991.98px) {
    .block-slideshow__item {

        height: 320px;
    }

    .block-slideshow__item-offer {
        margin-bottom: 10px;
    }

    .block-slideshow__item-title {
        font-size: 32px;
        line-height: 38px;
    }

    .block-slideshow__item-button {
        font-size: 15px;
        line-height: 24px;
        padding: 6px 24px;
        bottom: 13.5%;
    }

    .block-slideshow__carousel .owl-dots {
        bottom: 5px;
    }
}

@media (max-width: 767.98px) {
    .block-slideshow__item {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        height: 260px;
    }

    .block-slideshow__item-image--desktop {
        display: none;
    }

    .block-slideshow__item-image--mobile {
        display: block;
    }

    .block-slideshow__item-offer {
        -ms-flex-item-align: center;
        align-self: center;
    }

    .block-slideshow__item-details {
        display: none;
    }

    .block-slideshow__item-button {
        -ms-flex-item-align: center;
        align-self: center;
    }

    .block-slideshow__item--dark {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 474px) {
    .block-slideshow__item {

        height: 220px;
    }

    .block-slideshow__item-offer {
        font-size: 20px;
        line-height: 24px;
        padding: 1px 6px 1px;
        margin-bottom: 8px;
    }

    .block-slideshow__item-title {
        font-size: 24px;
        line-height: 30px;
    }

    .block-slideshow__item-button {
        font-size: 14px;
        line-height: 21px;
        padding: 5.5px 10px;
        margin-top: 20px;
    }
}

/*
// .block-space
*/
@media (min-width: 1200px) {
    .block-space--layout--after-header {
        height: 84px;
    }

    .block-space--layout--after-header.block-space--header--classic {
        height: 72px;
    }
}

@media (max-width: 1199.98px) {
    .block-space--layout--after-header {
        height: 56px;
    }
}

@media (max-width: 767.98px) {
    .block-space--layout--after-header {
        height: 48px;
    }
}

@media (max-width: 575.98px) {
    .block-space--layout--after-header {
        height: 36px;
    }
}

.block-space--layout--before-footer {
    height: 80px;
}

@media (max-width: 1199.98px) {
    .block-space--layout--before-footer {
        height: 72px;
    }
}

@media (max-width: 575.98px) {
    .block-space--layout--before-footer {
        height: 48px;
    }
}

.block-space--layout--divider-xl {
    height: 72px;
}

.block-space--layout--divider-lg {
    height: 60px;
}

.block-space--layout--divider-nl {
    height: 52px;
}

.block-space--layout--divider-sm {
    height: 40px;
}

.block-space--layout--divider-xs {
    height: 36px;
}

.block-space--layout--spaceship-ledge-height {
    height: 24px;
}

@media (max-width: 1199.98px) {
    .block-space--layout--spaceship-ledge-height {
        display: none;
    }
}

/*
// .block-split
*/
@media (min-width: 1400px) {
    .block-split--has-sidebar .block-split__item-sidebar {
        width: 270px;
    }

    .block-split--has-sidebar .block-split__item-content {
        width: calc(100% - 310px);
    }

    [dir=ltr] .block-split--has-sidebar .block-split__item + .block-split__item {
        margin-left: 40px;
    }

    [dir=rtl] .block-split--has-sidebar .block-split__item + .block-split__item {
        margin-right: 40px;
    }
}

@media (min-width: 992px) and (max-width: 1399.98px) {
    .block-split--has-sidebar .block-split__item-sidebar {
        width: 260px;
    }

    .block-split--has-sidebar .block-split__item-content {
        width: calc(100% - 292px);
    }

    [dir=ltr] .block-split--has-sidebar .block-split__item + .block-split__item {
        margin-left: 32px;
    }

    [dir=rtl] .block-split--has-sidebar .block-split__item + .block-split__item {
        margin-right: 32px;
    }
}

@media (max-width: 991.98px) {
    .block-split__item-sidebar {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 52px;
    }

    .block-split__item-content {
        width: 100%;
    }
}

/*
// .block-teammates
*/
.block-teammates__title {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
}

.block-teammates__subtitle {
    color: #6c757d;
    text-align: center;
    margin-bottom: 32px;
    font-size: 15px;
    margin-top: -36px;
}

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

.block-teammates__list .owl-stage-outer {
    margin: -10px;
    padding: 10px;
}

.block-teammates__list .owl-dots {
    margin-top: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.block-teammates__list .owl-carousel button.owl-dot:before {
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.12);
    -webkit-transition: background .2s;
    transition: background .2s;
    margin: 6px;
}

.block-teammates__list .owl-carousel button.owl-dot:focus {
    outline: none;
}

.block-teammates__list .owl-carousel button.owl-dot:hover:before {
    background: rgba(0, 0, 0, 0.22);
}

.block-teammates__list .owl-carousel button.owl-dot.active:before {
    background: #F7943D;
}

.block-teammates__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 240px;
    margin: 0 auto;
}

@media (max-width: 767.98px) {
    .block-teammates__list {
        padding: 0 10px;
    }
}

/*
// .block-zone
*/
.block-zone__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

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

.block-zone__widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.block-zone__widget-header {
    border-bottom: 2px solid #ebebeb;
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.block-zone__widget-body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.block-zone__tabs {
    margin-bottom: -2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.block-zone__tabs-button {
    padding: 7px 16px 6px;
    margin: 0;
    border: none;
    background: transparent;
    font-family: inherit;
    color: inherit;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 2px solid #ebebeb;
    -webkit-transition: background .12s,
    border-color .12s;
    transition: background .12s,
    border-color .12s;
}

[dir=ltr] .block-zone__tabs-button {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

[dir=rtl] .block-zone__tabs-button {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.block-zone__tabs-button:focus {
    outline: none;
}

.block-zone__tabs-button:not(.block-zone__tabs-button--active):hover {
    background: #f2f2f2;
    border-color: #e0e0e0;
}

.block-zone__tabs-button--active {
    border-color: #F7943D;
}

.block-zone__arrows {
    -ms-flex-item-align: center;
    align-self: center;
}

.block-zone__arrow {
    -ms-flex-item-align: center;
    align-self: center;
}

[dir=ltr] .block-zone__arrow {
    margin-left: auto;
}

[dir=rtl] .block-zone__arrow {
    margin-right: auto;
}

[dir=ltr] .block-zone__arrow--next {
    margin-left: -5.37131px;
}

[dir=rtl] .block-zone__arrow--next {
    margin-right: -5.37131px;
}

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

.block-zone__carousel .owl-carousel.owl-loaded {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.block-zone__carousel .owl-stage-outer {
    margin: -10px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.block-zone__carousel .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.block-zone__carousel .owl-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.block-zone__carousel-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.block-zone__carousel-item .product-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%;
}

.block-zone__carousel-item .product-card .product-card__addtocart-full,
.block-zone__carousel-item .product-card .product-card__wishlist,
.block-zone__carousel-item .product-card .product-card__compare {
    display: none;
}

.block-zone__carousel-item .product-card:after {
    display: block;
    position: static;
    content: '';
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.block-zone__carousel-item .product-card .product-card__badges {
    position: absolute;
    top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

[dir=ltr] .block-zone__carousel-item .product-card .product-card__badges {
    left: 16px;
}

[dir=rtl] .block-zone__carousel-item .product-card .product-card__badges {
    right: 16px;
}

.block-zone__carousel-item .product-card .product-card__badges > * + * {
    margin-top: 3px;
}

.block-zone__carousel-item .product-card .product-card__actions-list {
    position: absolute;
    overflow: hidden;
    z-index: 1;
}

[dir=ltr] .block-zone__carousel-item .product-card .product-card__actions-list {
    right: 0;
}

[dir=rtl] .block-zone__carousel-item .product-card .product-card__actions-list {
    left: 0;
}

.block-zone__carousel-item .product-card .product-card__image {
    display: block;
    position: relative;
}

.block-zone__carousel-item .product-card .product-card__fit {
    position: absolute;
    bottom: 8px;
}

.block-zone__carousel-item .product-card .product-card__fit .status-badge__text {
    display: none;
}

.block-zone__carousel-item .product-card .product-card__fit .status-badge__tooltip {
    display: block;
}

[dir=ltr] .block-zone__carousel-item .product-card .product-card__fit {
    left: calc(16px - 3px);
}

[dir=rtl] .block-zone__carousel-item .product-card .product-card__fit {
    right: calc(16px - 3px);
}

.block-zone__carousel-item .product-card .product-card__meta {
    padding: 6px 16px;
}

.block-zone__carousel-item .product-card .product-card__name {
    padding: 0 16px;
    line-height: 1.1875;
}

.block-zone__carousel-item .product-card .product-card__rating {
    margin: -3px 0 -2px 0;
    padding: 8px 16px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.block-zone__carousel-item .product-card .product-card__rating-stars,
.block-zone__carousel-item .product-card .product-card__rating-label {
    margin: 3px 0 2px 0;
}

[dir=ltr] .block-zone__carousel-item .product-card .product-card__rating-stars {
    margin-right: 7px;
}

[dir=rtl] .block-zone__carousel-item .product-card .product-card__rating-stars {
    margin-left: 7px;
}

.block-zone__carousel-item .product-card .product-card__rating-label {
    line-height: 1;
}

.block-zone__carousel-item .product-card .product-card__features {
    padding: 10px 16px 0;
    margin-bottom: -2px;
    display: none;
}

.block-zone__carousel-item .product-card .product-card__footer {
    padding: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.block-zone__carousel-item .product-card .product-card__prices {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.block-zone__carousel-item .product-card .product-card__price--old {
    font-size: 14px;
}

[dir=ltr] .block-zone__carousel-item .product-card .product-card__price--old {
    margin-left: 6px;
}

[dir=rtl] .block-zone__carousel-item .product-card .product-card__price--old {
    margin-right: 6px;
}

.block-zone__carousel-item .product-card .product-card__addtocart-icon {
    margin: -3px;
}

@media (hover: hover) {

    .block-zone__carousel-item .product-card .product-card__action--wishlist,
    .block-zone__carousel-item .product-card .product-card__action--compare {
        -webkit-transition: opacity 0.2s, color 0.12s, background 0.12s, -webkit-transform 0.2s;
        transition: opacity 0.2s, color 0.12s, background 0.12s, -webkit-transform 0.2s;
        transition: transform 0.2s, opacity 0.2s, color 0.12s, background 0.12s;
        transition: transform 0.2s, opacity 0.2s, color 0.12s, background 0.12s, -webkit-transform 0.2s;
        opacity: 0;
        will-change: transform;
    }

    [dir=ltr] .block-zone__carousel-item .product-card .product-card__action--wishlist,
    [dir=ltr] .block-zone__carousel-item .product-card .product-card__action--compare {
        -webkit-transform: translateX(100%) translateX(6px);
        transform: translateX(100%) translateX(6px);
    }

    [dir=rtl] .block-zone__carousel-item .product-card .product-card__action--wishlist,
    [dir=rtl] .block-zone__carousel-item .product-card .product-card__action--compare {
        -webkit-transform: translateX(-100%) translateX(6px);
        transform: translateX(-100%) translateX(6px);
    }

    .block-zone__carousel-item .product-card:hover .product-card__action--wishlist,
    .block-zone__carousel-item .product-card:hover .product-card__action--compare,
    .block-zone__carousel-item .product-card:active .product-card__action--wishlist,
    .block-zone__carousel-item .product-card:active .product-card__action--compare {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.block-zone__carousel-loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s,
    visibility 0s .3s;
    transition: opacity .3s,
    visibility 0s .3s;
}

.block-zone__carousel-loader:before {
    position: absolute;
    display: block;
    content: '';
    left: -10px;
    top: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    background: #fafafa;
    opacity: .9;
}

.block-zone__carousel-loader:after {
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    width: 100px;
    height: 100px;
    border-radius: 50px;
    border-width: 2px;
    border-color: rgba(0, 0, 0, 0.1);
    border-top-color: rgba(0, 0, 0, 0.5);
    border-style: solid;
    -webkit-animation-name: loader-animation;
    animation-name: loader-animation;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    display: block;
    content: '';
}

.block-zone__carousel--loading .block-zone__carousel-loader {
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 1;
}

@media (min-width: 1200px) {
    .block-zone__card {
        width: 285px;
    }

    [dir=ltr] .block-zone__card {
        margin-right: 36px;
    }

    [dir=rtl] .block-zone__card {
        margin-left: 36px;
    }

    .block-zone__widget {
        width: calc(100% - 321px);
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .block-zone__card {
        width: 264px;
    }

    [dir=ltr] .block-zone__card {
        margin-right: 28px;
    }

    [dir=rtl] .block-zone__card {
        margin-left: 28px;
    }

    .block-zone__widget {
        width: calc(100% - 292px);
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .block-zone__card {
        width: 232px;
    }

    [dir=ltr] .block-zone__card {
        margin-right: 24px;
    }

    [dir=rtl] .block-zone__card {
        margin-left: 24px;
    }

    .block-zone__widget {
        width: calc(100% - 256px);
    }
}

@media (max-width: 767.98px) {
    .block-zone__body {
        display: block;
    }

    .block-zone__widget {
        margin-top: 16px;
    }

    .block-zone__tabs {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    [dir=ltr] .block-zone__tabs > :first-child {
        margin-left: auto;
    }

    [dir=rtl] .block-zone__tabs > :first-child {
        margin-right: auto;
    }

    [dir=ltr] .block-zone__tabs > :last-child {
        margin-right: auto;
    }

    [dir=rtl] .block-zone__tabs > :last-child {
        margin-left: auto;
    }

    .block-zone__arrow--prev {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    [dir=ltr] .block-zone__arrow--prev .arrow__button:before {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
    }

    [dir=rtl] .block-zone__arrow--prev .arrow__button:before {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
    }

    [dir=ltr] .block-zone__arrow--prev {
        margin-left: 0;
        margin-right: auto;
    }

    [dir=rtl] .block-zone__arrow--prev {
        margin-right: 0;
        margin-left: auto;
    }

    [dir=ltr] .block-zone__arrow--next {
        margin-left: 8px;
    }

    [dir=rtl] .block-zone__arrow--next {
        margin-right: 8px;
    }
}

/* ----------------------------------------
// Widgets
// ---------------------------------------- */
/*
// .widget-about-us
*/
.widget-about-us__body {
    padding: 0 1.5rem 1.5rem;
    margin-top: -.25rem;
}

.widget-about-us__text {
    font-size: 16px;
    line-height: 26px;
}

.widget-about-us__social-links {
    margin-top: 16px;
}

/*
// .widget-categories-list
*/
.widget-categories-list__body {
    padding: 1.5rem;
}

.widget-categories-list__body a {
    color: inherit;
    -webkit-transition: color .1s;
    transition: color .1s;
}

.widget-categories-list__body a:hover {
    color: #F7943D;
}

.widget-categories-list__root {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget-categories-list__root-item {
    line-height: 20px;
}

.widget-categories-list__root-item + .widget-categories-list__root-item {
    margin-top: .375rem;
}

.widget-categories-list__root-link {
    font-weight: 500;
    font-size: 17px;
}

.widget-categories-list__root-item--has-children + .widget-categories-list__root-item {
    margin-top: 1.375rem;
}

.widget-categories-list__child {
    list-style: none;
    padding: 0;
    font-size: 15px;
    margin: 10px 0 0;
}

.widget-categories-list__child + .widget-categories-list__child {
    margin-top: 0;
    overflow: hidden;
    height: 0;
    opacity: 0;
    -webkit-transition: height .2s ease-in-out,
    opacity .2s ease-in-out;
    transition: height .2s ease-in-out,
    opacity .2s ease-in-out;
}

.widget-categories-list__child-item {
    padding: 3px 0;
}

.widget-categories-list__show-more {
    position: relative;
    display: inline;
    border: none;
    background: transparent;
    padding: 0;
    color: #999;
    font-size: 14px;
    font-family: inherit;
    margin-top: 4px;
}

[dir=ltr] .widget-categories-list__show-more {
    padding-left: 16px;
}

[dir=rtl] .widget-categories-list__show-more {
    padding-right: 16px;
}

.widget-categories-list__show-more:hover {
    text-decoration: underline;
}

.widget-categories-list__show-more:focus {
    outline: none;
}

.widget-categories-list__show-more-arrow {
    fill: currentColor;
    position: absolute;
    top: 6px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    opacity: .78;
}

[dir=ltr] .widget-categories-list__show-more-arrow {
    left: 0;
}

[dir=rtl] .widget-categories-list__show-more-arrow {
    right: 0;
}

.widget-categories-list__show-more-arrow svg {
    display: block;
}

.widget-categories-list__show-more-collapse-text {
    display: none;
}

.widget-categories-list--open .widget-categories-list__child + .widget-categories-list__child {
    height: auto;
    opacity: 1;
}

.widget-categories-list--open .widget-categories-list__show-more-expand-text {
    display: none;
}

.widget-categories-list--open .widget-categories-list__show-more-collapse-text {
    display: inline;
}

.widget-categories-list--open .widget-categories-list__show-more-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*
// .widget-categories
*/
.widget-categories__list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.widget-categories__item {
    position: relative;
}

.widget-categories__link {
    display: block;
    color: inherit;
    padding: 5px 0;
    -webkit-transition: color .12s;
    transition: color .12s;
}

[dir=ltr] .widget-categories__link {
    margin-right: 34px;
}

[dir=rtl] .widget-categories__link {
    margin-left: 34px;
}

.widget-categories__link:hover {
    color: #F7943D;
}

.widget-categories__expander {
    position: absolute;
    top: 2px;
    padding: 0;
    border: none;
    width: 26px;
    height: 26px;
    border-radius: 2px;
    -webkit-transition: color .15s,
    background .15s;
    transition: color .15s,
    background .15s;
    background-color: #fff;
    color: #ccc;
}

.widget-categories__expander:hover {
    background-color: #f2f2f2;
    color: #4d4d4d;
}

.widget-categories__expander:active {
    background-color: #ebebeb;
    color: #4d4d4d;
}

[dir=ltr] .widget-categories__expander {
    right: 0;
}

[dir=rtl] .widget-categories__expander {
    left: 0;
}

.widget-categories__expander:focus {
    outline: none;
}

.widget-categories__expander:before,
.widget-categories__expander:after {
    display: block;
    position: absolute;
    content: '';
    width: 10px;
    height: 2px;
    background: currentColor;
    top: 12px;
}

[dir=ltr] .widget-categories__expander:before,
[dir=ltr] .widget-categories__expander:after {
    left: 8px;
}

[dir=rtl] .widget-categories__expander:before,
[dir=rtl] .widget-categories__expander:after {
    right: 8px;
}

.widget-categories__expander:after {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.widget-categories__expander:active {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.widget-categories__container {
    overflow: hidden;
    height: 0;
    opacity: 0;
    -webkit-transition: height .2s ease-in-out,
    opacity .2s ease-in-out;
    transition: height .2s ease-in-out,
    opacity .2s ease-in-out;
}

.widget-categories__container:before,
.widget-categories__container:after {
    display: block;
    content: '';
}

.widget-categories__container:before {
    height: 4px;
}

.widget-categories__container:after {
    height: 12px;
}

.widget-categories__list--root {
    padding: 0 1.5rem 1.5rem;
    font-size: 15px;
    line-height: 20px;
}

[dir=ltr] .widget-categories__list--root > .widget-categories__item {
    padding-left: 16px;
}

[dir=rtl] .widget-categories__list--root > .widget-categories__item {
    padding-right: 16px;
}

.widget-categories__list--root > .widget-categories__item:before {
    position: absolute;
    display: block;
    content: '';
    width: 4px;
    height: 4px;
    background: currentColor;
    opacity: .2;
    top: 13px;
}

[dir=ltr] .widget-categories__list--root > .widget-categories__item:before {
    left: 2px;
}

[dir=rtl] .widget-categories__list--root > .widget-categories__item:before {
    right: 2px;
}

.widget-categories__list--child {
    background: #f5f5f5;
    border-radius: 3px;
    font-size: 14px;
    line-height: 18px;
    padding: 9px 18px;
}

.widget-categories__list--child .widget-categories__link {
    padding: 5px 0 3px;
}

.widget-categories__item--open .widget-categories__container {
    opacity: 1;
    height: auto;
}

.widget-categories__item--open .widget-categories__expander:after {
    -webkit-transform: none;
    transform: none;
}

/*
// .widget-comments
*/
.widget-comments__body {
    padding: 0 1.5rem 1.5rem;
}

.widget-comments__body a {
    color: inherit;
    -webkit-transition: color .15s;
    transition: color .15s;
}

.widget-comments__body a:hover {
    color: #F7943D;
}

.widget-comments__list {
    list-style: none;
    margin: 0;
    padding: 0 0 2px;
}

.widget-comments__item + .widget-comments__item {
    margin-top: 20px;
}

.widget-comments__author {
    font-size: 15px;
    line-height: 18px;
}

.widget-comments__author a {
    border-bottom: 2px solid #ebebeb;
    -webkit-transition: border .15s;
    transition: border .15s;
}

.widget-comments__author a:hover {
    border-color: rgba(201, 74, 0, 0.8);
}

.widget-comments__content {
    margin-top: 12px;
    font-size: 15px;
    line-height: 20px;
}

.widget-comments__meta {
    margin-top: 4px;
    font-size: 13px;
    color: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
}

.widget-comments__date {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.widget-comments__name {
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

[dir=ltr] .widget-comments__name {
    padding-left: 20px;
}

[dir=rtl] .widget-comments__name {
    padding-right: 20px;
}

.widget-comments__name:before {
    position: absolute;
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: currentColor;
    border-radius: 2px;
    top: 8px;
    opacity: .8;
}

[dir=ltr] .widget-comments__name:before {
    left: 8px;
}

[dir=rtl] .widget-comments__name:before {
    right: 8px;
}

/*
// .widget-filters
*/
.widget-filters__item {
    padding: 8px 1.5rem;
}

.widget-filters__item:first-child {
    border-top: 1px solid #ebebeb;
}

.widget-filters__actions {
    padding: 14px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

[dir=ltr] .widget-filters__actions > * + * {
    margin-left: 8px;
}

[dir=rtl] .widget-filters__actions > * + * {
    margin-right: 8px;
}

.widget-filters--offcanvas--none {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

@media (min-width: 992px) {
    .widget-filters--offcanvas--mobile {
        background-color: #fff;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    }
}

@media (max-width: 991.98px) {
    .widget-filters--offcanvas--mobile .widget-filters__header {
        display: none;
    }

    .widget-filters--offcanvas--mobile .widget-filters__item {
        padding: 8px 20px;
    }

    .widget-filters--offcanvas--mobile .widget-filters__item:first-child {
        border-top: none;
    }
}

.widget-filters--offcanvas--always .widget-filters__header {
    display: none;
}

.widget-filters--offcanvas--always .widget-filters__item {
    padding: 8px 20px;
}

.widget-filters--offcanvas--always .widget-filters__item:first-child {
    border-top: none;
}

/*
// .widget-newsletter
*/
.widget-newsletter {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    background: #333;
    border-radius: 2px;
    padding: 2.25rem 2.5rem 2.5rem;
    color: #fff;
    text-align: center;
}

.widget-newsletter__title {
    font-size: 24px;
    letter-spacing: .02em;
    position: relative;
    margin-bottom: 1.375rem;
    padding-bottom: 1.25rem;
}

.widget-newsletter__title:after {
    position: absolute;
    display: block;
    content: '';
    height: 1px;
    width: 56px;
    background: #4d4d4d;
    bottom: 0;
}

[dir=ltr] .widget-newsletter__title:after {
    left: calc(50% - 28px);
}

[dir=rtl] .widget-newsletter__title:after {
    right: calc(50% - 28px);
}

.widget-newsletter__title h4 {
    margin-bottom: 0;
    font-weight: 500;
}

@media (-webkit-max-device-pixel-ratio: 1),
(max-resolution: 1dppx) {
    .widget-newsletter__title h4 {
        font-weight: 400;
    }
}

.widget-newsletter__text {
    font-size: 15px;
    color: #9e9e9e;
    line-height: 24px;
    margin-bottom: 1.625rem;
}

.widget-newsletter__email {
    display: block;
    width: 100%;
    border-radius: 2px;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    height: 38px;
    padding: 0 12px;
    font-size: 15px;
    font-family: inherit;
    background-clip: padding-box;
    -webkit-transition: border .2s,
    background .2s;
    transition: border .2s,
    background .2s;
    color: #fff;
    background-color: #4c4c4c;
    border-color: #4c4c4c;
}

.widget-newsletter__email::-webkit-input-placeholder {
    color: #b2b2b2;
}

.widget-newsletter__email::-moz-placeholder {
    color: #b2b2b2;
}

.widget-newsletter__email:-ms-input-placeholder {
    color: #b2b2b2;
}

.widget-newsletter__email::-ms-input-placeholder {
    color: #b2b2b2;
}

.widget-newsletter__email::placeholder {
    color: #b2b2b2;
}

.widget-newsletter__email::-webkit-input-placeholder {
    -webkit-transition: color .2s;
    transition: color .2s;
}

.widget-newsletter__email::-moz-placeholder {
    -moz-transition: color .2s;
    transition: color .2s;
}

.widget-newsletter__email:-ms-input-placeholder {
    -ms-transition: color .2s;
    transition: color .2s;
}

.widget-newsletter__email::-ms-input-placeholder {
    -ms-transition: color .2s;
    transition: color .2s;
}

.widget-newsletter__email::placeholder {
    -webkit-transition: color .2s;
    transition: color .2s;
}

.widget-newsletter__email:hover {
    background-color: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.16);
}

.widget-newsletter__email:focus {
    outline: none;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.16);
}

.widget-newsletter__email:focus::-webkit-input-placeholder {
    color: #9e9e9e;
}

.widget-newsletter__email:focus::-moz-placeholder {
    color: #9e9e9e;
}

.widget-newsletter__email:focus:-ms-input-placeholder {
    color: #9e9e9e;
}

.widget-newsletter__email:focus::-ms-input-placeholder {
    color: #9e9e9e;
}

.widget-newsletter__email:focus::placeholder {
    color: #9e9e9e;
}

.widget-newsletter__button {
    border: none;
    font-size: 15px;
    border-radius: 2px;
    padding: .5rem 1.3125rem;
    margin-top: 1.25rem;
    width: 100%;
    -webkit-transition: background .2s,
    color .2s;
    transition: background .2s,
    color .2s;
    background-color: #F7943D;
    color: #fff;
}

.widget-newsletter__button:hover {
    background-color: #545454;
    color: #fff;
}

.widget-newsletter__button:active {
    background-color: #4c4c4c;
    color: #fff;
}

.widget-newsletter__button:active {
    -webkit-transition-duration: .1s, .1s;
    transition-duration: .1s, .1s;
}

.widget-newsletter__button:focus {
    outline: none;
}

/*
// .widget-posts
*/
.widget-posts__list {
    list-style: none;
    padding: 0 1.5rem 1.5rem;
    margin: 0;
}

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

.widget-posts__item + .widget-posts__item {
    margin-top: 1rem;
}

.widget-posts__image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
}

[dir=ltr] .widget-posts__image {
    margin-right: 14px;
}

[dir=rtl] .widget-posts__image {
    margin-left: 14px;
}

.widget-posts__image img {
    display: block;
    border-radius: 1.5px;
}

.widget-posts__image:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    bottom: 0;
    background: rgba(26, 26, 26, 0.2);
    border-radius: 1.5px;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    pointer-events: none;
}

[dir=ltr] .widget-posts__image:before {
    left: 0;
    right: 0;
}

[dir=rtl] .widget-posts__image:before {
    right: 0;
    left: 0;
}

.widget-posts__image:hover:before {
    opacity: 1;
}

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

.widget-posts__name {
    font-size: 15px;
    line-height: 19px;
    overflow: hidden;
    max-height: 38px;
}

.widget-posts__name a {
    color: inherit;
    -webkit-transition: color .12s;
    transition: color .12s;
}

.widget-posts__name a:hover {
    color: #F7943D;
}

.widget-posts__date {
    font-size: 13px;
    color: #999;
    margin-top: 3px;
    position: relative;
}

[dir=ltr] .widget-posts__date {
    padding-left: 22px;
}

[dir=rtl] .widget-posts__date {
    padding-right: 22px;
}

.widget-posts__date:before {
    position: absolute;
    display: block;
    content: '';
    height: 1px;
    width: 16px;
    background: currentColor;
    opacity: .6;
    top: 10px;
}

[dir=ltr] .widget-posts__date:before {
    left: 0;
}

[dir=rtl] .widget-posts__date:before {
    right: 0;
}

/*
// .widget-products
*/
.widget-products__list {
    padding-bottom: 1.5rem;
}

.widget-products__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1.5rem;
}

.widget-products__item + .widget-products__item {
    margin-top: 12px;
}

.widget-products__image {
    position: relative;
    border-radius: 2px;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 64px;
}

[dir=ltr] .widget-products__image {
    margin-right: 12px;
}

[dir=rtl] .widget-products__image {
    margin-left: 12px;
}

.widget-products__image:before {
    display: block;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: inherit;
    pointer-events: none;
    left: 0;
    top: 0;
    z-index: 1;
}

.widget-products__info {
    padding-top: 2px;
}

.widget-products__name {
    font-size: 14px;
    line-height: 17px;
    height: 34px;
    overflow: hidden;
}

.widget-products__name a {
    color: inherit;
    -webkit-transition: color .12s;
    transition: color .12s;
}

.widget-products__name a:hover {
    color: #F7943D;
}

.widget-products__prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 2px;
}

.widget-products__price {
    font-size: 14px;
    font-weight: 500;
    color: #262626;
}

[dir=ltr] .widget-products__price + .widget-products__price {
    margin-left: 3px;
}

[dir=rtl] .widget-products__price + .widget-products__price {
    margin-right: 3px;
}

.widget-products__price--new {
    color: #262626;
}

.widget-products__price--old {
    font-weight: 400;
    font-size: 13px;
    text-decoration: line-through;
    color: #999;
    padding-top: 1px;
}

/*
// .widget-search
*/
.widget-search__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0;
}

.widget-search__input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: none;
    padding: 15.5px 24px;
    font-family: inherit;
    font-size: 16px;
    line-height: 21px;
}

.widget-search__input:focus {
    outline: none;
}

.widget-search__button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: none;
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #bfbfbf;
    fill: currentColor;
    width: 52px;
    height: 52px;
    padding: 0;
}

.widget-search__button:focus {
    outline: none;
}

.widget-search__button:hover {
    color: #a6a6a6;
    background: #f5f5f5;
}

.widget-search__button:active {
    color: #a6a6a6;
    background: #f0f0f0;
}

.widget-search__field {
    position: absolute;
    display: block;
    content: '';
    z-index: -1;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 1px;
    -webkit-transition: -webkit-box-shadow .2s;
    transition: -webkit-box-shadow .2s;
    transition: box-shadow .2s;
    transition: box-shadow .2s, -webkit-box-shadow .2s;
}

.widget-search__form:hover .widget-search__field {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.widget-search__input:focus ~ .widget-search__field {
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

/*
// .widget-tags
*/
.widget-tags__body {
    padding: 0 1.5rem 1.5rem;
}

/* ----------------------------------------
// Shop
// ---------------------------------------- */
/*
// .analogs-table
*/
.analogs-table__rating {
    display: inline-block;
    vertical-align: middle;
}

.analogs-table__rating-stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.analogs-table__rating-label {
    color: #6c757d;
    font-size: 13px;
    line-height: 1;
}

.analogs-table__sku,
.analogs-table__country {
    color: #6c757d;
    font-size: 13px;
    line-height: 1;
    margin-top: 1px;
    margin-bottom: 4px;
}

.analogs-table__product-name {
    color: inherit;
    -webkit-transition: color .12s;
    transition: color .12s;
}

.analogs-table__product-name:hover {
    color: #F7943D;
}

@media (min-width: 768px) {
    .analogs-table {
        width: 100%;
        font-size: 15px;
    }

    .analogs-table th,
    .analogs-table td {
        padding: 0;
    }

    [dir=ltr] .analogs-table th:first-child,
    [dir=ltr] .analogs-table td:first-child {
        padding-left: 14px;
    }

    [dir=rtl] .analogs-table th:first-child,
    [dir=rtl] .analogs-table td:first-child {
        padding-right: 14px;
    }

    [dir=ltr] .analogs-table th:last-child,
    [dir=ltr] .analogs-table td:last-child {
        padding-right: 14px;
    }

    [dir=rtl] .analogs-table th:last-child,
    [dir=rtl] .analogs-table td:last-child {
        padding-left: 14px;
    }

    [dir=ltr] .analogs-table th:not(:first-child),
    [dir=ltr] .analogs-table td:not(:first-child) {
        padding-left: 16px;
    }

    [dir=rtl] .analogs-table th:not(:first-child),
    [dir=rtl] .analogs-table td:not(:first-child) {
        padding-right: 16px;
    }

    .analogs-table thead {
        font-size: 13px;
        text-transform: uppercase;
    }

    .analogs-table thead th,
    .analogs-table thead td {
        padding-bottom: 6px;
    }

    .analogs-table tbody th,
    .analogs-table tbody td {
        border-top: 1px solid #ebebeb;
        padding: 10px 0;
    }

    [dir=ltr] .analogs-table tbody th:first-child,
    [dir=ltr] .analogs-table tbody td:first-child {
        border-left: 1px solid #ebebeb;
    }

    [dir=rtl] .analogs-table tbody th:first-child,
    [dir=rtl] .analogs-table tbody td:first-child {
        border-right: 1px solid #ebebeb;
    }

    [dir=ltr] .analogs-table tbody th:last-child,
    [dir=ltr] .analogs-table tbody td:last-child {
        border-right: 1px solid #ebebeb;
    }

    [dir=rtl] .analogs-table tbody th:last-child,
    [dir=rtl] .analogs-table tbody td:last-child {
        border-left: 1px solid #ebebeb;
    }

    .analogs-table tbody tr:last-child th,
    .analogs-table tbody tr:last-child td {
        border-bottom: 1px solid #ebebeb;
    }

    .analogs-table tbody tr:hover th,
    .analogs-table tbody tr:hover td {
        background: #f7f7f7;
    }

    .analogs-table__column--rating {
        text-align: center;
    }

    .analogs-table__column--vendor {
        text-align: center;
    }

    [dir=ltr] .analogs-table__column--price {
        text-align: right;
    }

    [dir=rtl] .analogs-table__column--price {
        text-align: left;
    }

    .analogs-table__rating-label {
        margin-top: 6px;
    }
}

@media (max-width: 767.98px) {
    .analogs-table {
        display: block;
        font-size: 15px;
    }

    .analogs-table thead {
        display: none;
    }

    .analogs-table tbody {
        display: block;
    }

    .analogs-table tr,
    .analogs-table td {
        display: block;
    }

    .analogs-table tr {
        padding: 14px 16px;
        background: #f5f5f5;
        border-radius: 2px;
    }

    .analogs-table tr + tr {
        margin-top: 12px;
    }

    .analogs-table td {
        padding: 0;
    }

    .analogs-table .analogs-table__column--rating {
        margin-top: 11px;
    }

    .analogs-table .analogs-table__column--vendor {
        font-size: 13px;
        padding-top: 8px;
        margin-top: 12px;
        border-top: 1px solid #e5e5e5;
    }

    .analogs-table .analogs-table__column--vendor:before {
        content: attr(data-title) ": ";
    }

    .analogs-table .analogs-table__column--price {
        font-weight: 500;
        margin-top: 16px;
    }

    .analogs-table .analogs-table__sku {
        margin: 2px 0 0;
    }

    .analogs-table .analogs-table__sku:before {
        content: attr(data-title) ": ";
    }

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

    [dir=ltr] .analogs-table .analogs-table__rating-label {
        margin-left: 8px;
    }

    [dir=rtl] .analogs-table .analogs-table__rating-label {
        margin-right: 8px;
    }

    .analogs-table .analogs-table__country {
        display: inline;
    }
}

/*
// .applied-filters
*/
.applied-filters__list {
    list-style: none;
    padding: 0;
    margin: -2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.applied-filters__item {
    margin: 2px;
}

.applied-filters__button {
    padding: 4px 11px;
    display: block;
    height: 21px;
    font-size: 13px;
    line-height: 1;
    color: inherit;
    background-color: #f0f0f0;
    -webkit-transition: background .12s,
    color .12s;
    transition: background .12s,
    color .12s;
    border-radius: 11.5px;
    position: relative;
    border: none;
}

.applied-filters__button:focus {
    outline: none;
}

.applied-filters__button:hover {
    background-color: #e5e5e5;
    color: inherit;
}

[dir=ltr] .applied-filters__button--filter {
    padding-right: 33px;
}

[dir=rtl] .applied-filters__button--filter {
    padding-left: 33px;
}

.applied-filters__button--filter:after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    top: 4px;
    bottom: 4px;
    background-color: rgba(0, 0, 0, 0.15);
}

[dir=ltr] .applied-filters__button--filter:after {
    right: 25px;
}

[dir=rtl] .applied-filters__button--filter:after {
    left: 25px;
}

.applied-filters__button--filter svg {
    position: absolute;
    top: 6px;
    fill: rgba(0, 0, 0, 0.4);
}

[dir=ltr] .applied-filters__button--filter svg {
    right: 10px;
}

[dir=rtl] .applied-filters__button--filter svg {
    left: 10px;
}

.applied-filters__button--clear {
    background: transparent;
    color: #999;
}

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

.cart__table {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.cart__totals {
    width: 360px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

[dir=ltr] .cart__totals {
    margin-left: 50px;
}

[dir=rtl] .cart__totals {
    margin-right: 50px;
}

.cart__totals-table {
    width: 100%;
    margin-bottom: 32px;
    font-size: 15px;
}

.cart__totals-table a:hover {
    text-decoration: underline;
}

.cart__totals-table,
.cart__totals-table thead,
.cart__totals-table tbody,
.cart__totals-table tfoot,
.cart__totals-table tr,
.cart__totals-table th,
.cart__totals-table td {
    display: block;
}

.cart__totals-table tr:after {
    display: block;
    content: '';
    clear: both;
}

.cart__totals-table th,
.cart__totals-table td {
    padding: 0;
}

[dir=ltr] .cart__totals-table th {
    float: left;
}

[dir=rtl] .cart__totals-table th {
    float: right;
}

[dir=ltr] .cart__totals-table td {
    text-align: right;
}

[dir=rtl] .cart__totals-table td {
    text-align: left;
}

.cart__totals-table thead,
.cart__totals-table tbody {
    line-height: 20px;
}

.cart__totals-table tbody tr > * {
    padding-top: 8px;
}

.cart__totals-table tbody tr:last-child > * {
    padding-bottom: 10px;
}

.cart__totals-table tfoot {
    font-size: 20px;
}

.cart__totals-table tfoot th {
    font-weight: 500;
}

.cart__totals-table tfoot td,
.cart__totals-table tfoot th {
    padding-top: 12px;
    border-top: 1px solid #ebebeb;
}

.cart__totals-table tfoot td {
    letter-spacing: -.02em;
}

@media (max-width: 1399.98px) {
    .cart {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .cart__table {
        width: 100%;
    }

    .cart__totals {
        margin-top: 40px;
        width: 400px;
    }

    [dir=ltr] .cart__totals {
        margin-left: auto;
    }

    [dir=rtl] .cart__totals {
        margin-right: auto;
    }
}

@media (max-width: 991.98px) {
    .cart__totals {
        width: 360px;
    }

    [dir=ltr] .cart__totals {
        margin-left: 0;
    }

    [dir=rtl] .cart__totals {
        margin-right: 0;
    }
}

@media (max-width: 767.98px) {
    .cart__totals {
        width: 100%;
    }
}

/*
// .cart-table
*/
.cart-table__table {
    width: 100%;
    border-spacing: 0;
}

.cart-table__head {
    font-size: 13px;
    text-transform: uppercase;
}

.cart-table__column--product {
    line-height: 1.25;
}

.cart-table__column--price {
    width: 130px;
}

[dir=ltr] .cart-table__column--price {
    text-align: right;
}

[dir=rtl] .cart-table__column--price {
    text-align: left;
}

.cart-table__column--quantity {
    width: 150px;
    text-align: center;
}

[dir=ltr] .cart-table__column--quantity {
    padding-left: 36px;
}

[dir=rtl] .cart-table__column--quantity {
    padding-right: 36px;
}

.cart-table__column--total {
    width: 130px;
}

[dir=ltr] .cart-table__column--total {
    text-align: right;
}

[dir=rtl] .cart-table__column--total {
    text-align: left;
}

.cart-table__column--remove {
    width: 1px;
    white-space: nowrap;
}

[dir=ltr] .cart-table__column--remove {
    padding-left: 0;
}

[dir=rtl] .cart-table__column--remove {
    padding-right: 0;
}

.cart-table__product-name {
    color: inherit;
    -webkit-transition: color .15s;
    transition: color .15s;
}

.cart-table__product-name:hover {
    color: #F7943D;
}

.cart-table__options {
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    line-height: 1.375;
    color: #6c757d;
}

@media (min-width: 992px) {
    .cart-table {
        -ms-flex-item-align: start;
        align-self: flex-start;
        background-color: white;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    }

    .cart-table__foot td {
        padding: 20px 24px;
    }

    .cart-table__column {
        padding: 14px 16px;
        border-bottom: 1px solid #ebebeb;
    }

    [dir=ltr] .cart-table__column:first-child {
        padding-left: 28px;
    }

    [dir=rtl] .cart-table__column:first-child {
        padding-right: 28px;
    }

    [dir=ltr] .cart-table__column:last-child {
        padding-right: 28px;
    }

    [dir=rtl] .cart-table__column:last-child {
        padding-left: 28px;
    }

    .cart-table__column--image {
        width: 1px;
        text-align: center;
    }

    .cart-table__column--image .image {
        width: 80px;
    }

    .cart-table__options li {
        position: relative;
    }

    [dir=ltr] .cart-table__options li {
        padding-left: 12px;
    }

    [dir=rtl] .cart-table__options li {
        padding-right: 12px;
    }

    .cart-table__options li:before {
        display: block;
        position: absolute;
        content: '';
        width: 4px;
        height: 4px;
        border-radius: 2px;
        background: currentColor;
        top: 7px;
        opacity: .7;
    }

    [dir=ltr] .cart-table__options li:before {
        left: 2px;
    }

    [dir=rtl] .cart-table__options li:before {
        right: 2px;
    }

    [dir=ltr] .cart-table__remove {
        margin-right: -12px;
    }

    [dir=rtl] .cart-table__remove {
        margin-left: -12px;
    }

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

    .cart-table__coupon-form {
        width: 360px;
    }
}

@media (max-width: 991.98px) {
    .cart-table__table {
        display: block;
    }

    .cart-table__head {
        display: none;
    }

    .cart-table__column {
        display: block;
    }

    .cart-table__column {
        padding: 0;
    }

    .cart-table__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -8px;
        padding: 10px;
    }

    .cart-table__row {
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        margin: 8px;
        width: calc(100% / 3 - 16px);
        border: 1px solid #6a6868 !important;
        border-radius: 5px;
    }

    .cart-table__column--image {
        text-align: center;
        margin-bottom: 15px;
    }

    .cart-table__column--product {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center;
        padding: 0 14px 16px;
    }

    .cart-table__column--price,
    .cart-table__column--quantity,
    .cart-table__column--total {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 1px solid #ebebeb;
        padding: 10px 14px;
        font-size: 15px;
    }

    [dir=ltr] .cart-table__column--price,
    [dir=ltr] .cart-table__column--quantity,
    [dir=ltr] .cart-table__column--total {
        padding-left: 14px;
    }

    [dir=rtl] .cart-table__column--price,
    [dir=rtl] .cart-table__column--quantity,
    [dir=rtl] .cart-table__column--total {
        padding-right: 14px;
    }

    .cart-table__column--price:before,
    .cart-table__column--quantity:before,
    .cart-table__column--total:before {
        content: attr(data-title) ":";
        display: block;
        width: calc(40% - 6px);
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-weight: 500;
    }

    [dir=ltr] .cart-table__column--price:before,
    [dir=ltr] .cart-table__column--quantity:before,
    [dir=ltr] .cart-table__column--total:before {
        margin-right: 12px;
        text-align: left;
    }

    [dir=rtl] .cart-table__column--price:before,
    [dir=rtl] .cart-table__column--quantity:before,
    [dir=rtl] .cart-table__column--total:before {
        margin-left: 12px;
        text-align: right;
    }

    .cart-table__remove {
        position: absolute;
        top: 0;
    }

    [dir=ltr] .cart-table__remove {
        right: 0;
    }

    [dir=rtl] .cart-table__remove {
        left: 0;
    }

    .cart-table__foot,
    .cart-table__foot tr,
    .cart-table__foot td {
        display: block;
        padding: 0;
    }

    .cart-table__actions {
        background-color: #fff;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 0px;
    }

    .cart-table__coupon-form {
        padding: 16px;
    }

    .cart-table__update-button {
        padding: 16px;
    }

    .cart-table__quantity {
        max-width: 120px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .cart-table__coupon-form {
        width: 60%;
    }
}

@media (max-width: 767.98px) {
    .cart-table__row {
        width: calc(50% - 16px);
    }

    .cart-table__update-button {
        border-top: 1px solid #ebebeb;
    }
}

@media (max-width: 767.98px) {
    .cart-table__actions {
        display: block;
    }

    .cart-table__update-button {
        border-top: 1px solid #ebebeb;
        text-align: center;
    }
}

@media (max-width: 474px) {
    .cart-table__row {
        width: 100%;
    }
}

/*
// .categories-list
*/
.categories-list__body {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.categories-list__item {
    padding: 1.125rem;
    text-align: center;
    position: relative;
}

.categories-list__item a {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: inherit;
}

.categories-list__item .image {
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
}

.categories-list__item:before {
    position: absolute;
    display: block;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.03);
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .12s;
    transition: opacity .12s;
    z-index: 1;
}

.categories-list__item:hover:before {
    opacity: 1;
}

.categories-list__item-products {
    margin-top: 4px;
    font-size: 14px;
    color: #6c757d;
}

.categories-list__divider {
    width: 1px;
    background-color: #ebebeb;
}

@media (min-width: 576px) {
    .categories-list--layout--columns-3-sidebar .categories-list__item {
        width: calc((100% - 2px) / 3);
    }

    .categories-list--layout--columns-3-sidebar .categories-list__divider:nth-child(6n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-3-sidebar .categories-list__divider:last-child:nth-child(6n) {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .categories-list--layout--columns-3-sidebar .categories-list__item {
        width: calc((100% - 1px) / 2);
    }

    .categories-list--layout--columns-3-sidebar .categories-list__divider:nth-child(4n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-3-sidebar .categories-list__divider:last-child:nth-child(4n) {
        display: none;
    }
}

@media (min-width: 1200px) {
    .categories-list--layout--columns-4-sidebar .categories-list__item {
        width: calc((100% - 3px) / 4);
    }

    .categories-list--layout--columns-4-sidebar .categories-list__divider:nth-child(8n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-4-sidebar .categories-list__divider:last-child:nth-child(8n) {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .categories-list--layout--columns-4-sidebar .categories-list__item {
        width: calc((100% - 2px) / 3);
    }

    .categories-list--layout--columns-4-sidebar .categories-list__divider:nth-child(6n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-4-sidebar .categories-list__divider:last-child:nth-child(6n) {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .categories-list--layout--columns-4-sidebar .categories-list__item {
        width: calc((100% - 1px) / 2);
    }

    .categories-list--layout--columns-4-sidebar .categories-list__divider:nth-child(4n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-4-sidebar .categories-list__divider:last-child:nth-child(4n) {
        display: none;
    }
}

@media (min-width: 1400px) {
    .categories-list--layout--columns-5-sidebar .categories-list__item {
        width: calc((100% - 4px) / 5);
    }

    .categories-list--layout--columns-5-sidebar .categories-list__divider:nth-child(10n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-5-sidebar .categories-list__divider:last-child:nth-child(10n) {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .categories-list--layout--columns-5-sidebar .categories-list__item {
        width: calc((100% - 3px) / 4);
    }

    .categories-list--layout--columns-5-sidebar .categories-list__divider:nth-child(8n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-5-sidebar .categories-list__divider:last-child:nth-child(8n) {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .categories-list--layout--columns-5-sidebar .categories-list__item {
        width: calc((100% - 2px) / 3);
    }

    .categories-list--layout--columns-5-sidebar .categories-list__divider:nth-child(6n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-5-sidebar .categories-list__divider:last-child:nth-child(6n) {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .categories-list--layout--columns-5-sidebar .categories-list__item {
        width: calc((100% - 1px) / 2);
    }

    .categories-list--layout--columns-5-sidebar .categories-list__divider:nth-child(4n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-5-sidebar .categories-list__divider:last-child:nth-child(4n) {
        display: none;
    }
}

@media (min-width: 992px) {
    .categories-list--layout--columns-4-full .categories-list__item {
        width: calc((100% - 3px) / 4);
    }

    .categories-list--layout--columns-4-full .categories-list__divider:nth-child(8n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-4-full .categories-list__divider:last-child:nth-child(8n) {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .categories-list--layout--columns-4-full .categories-list__item {
        width: calc((100% - 2px) / 3);
    }

    .categories-list--layout--columns-4-full .categories-list__divider:nth-child(6n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-4-full .categories-list__divider:last-child:nth-child(6n) {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .categories-list--layout--columns-4-full .categories-list__item {
        width: calc((100% - 1px) / 2);
    }

    .categories-list--layout--columns-4-full .categories-list__divider:nth-child(4n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-4-full .categories-list__divider:last-child:nth-child(4n) {
        display: none;
    }
}

@media (min-width: 1200px) {
    .categories-list--layout--columns-5-full .categories-list__item {
        width: calc((100% - 4px) / 5);
    }

    .categories-list--layout--columns-5-full .categories-list__divider:nth-child(10n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-5-full .categories-list__divider:last-child:nth-child(10n) {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .categories-list--layout--columns-5-full .categories-list__item {
        width: calc((100% - 3px) / 4);
    }

    .categories-list--layout--columns-5-full .categories-list__divider:nth-child(8n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-5-full .categories-list__divider:last-child:nth-child(8n) {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .categories-list--layout--columns-5-full .categories-list__item {
        width: calc((100% - 2px) / 3);
    }

    .categories-list--layout--columns-5-full .categories-list__divider:nth-child(6n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-5-full .categories-list__divider:last-child:nth-child(6n) {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .categories-list--layout--columns-5-full .categories-list__item {
        width: calc((100% - 1px) / 2);
    }

    .categories-list--layout--columns-5-full .categories-list__divider:nth-child(4n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-5-full .categories-list__divider:last-child:nth-child(4n) {
        display: none;
    }
}

@media (min-width: 1200px) {
    .categories-list--layout--columns-6-full .categories-list__item {
        width: calc((100% - 5px) / 6);
    }

    .categories-list--layout--columns-6-full .categories-list__divider:nth-child(12n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-6-full .categories-list__divider:last-child:nth-child(12n) {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .categories-list--layout--columns-6-full .categories-list__item {
        width: calc((100% - 3px) / 4);
    }

    .categories-list--layout--columns-6-full .categories-list__divider:nth-child(8n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-6-full .categories-list__divider:last-child:nth-child(8n) {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .categories-list--layout--columns-6-full .categories-list__item {
        width: calc((100% - 2px) / 3);
    }

    .categories-list--layout--columns-6-full .categories-list__divider:nth-child(6n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-6-full .categories-list__divider:last-child:nth-child(6n) {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .categories-list--layout--columns-6-full .categories-list__item {
        width: calc((100% - 1px) / 2);
    }

    .categories-list--layout--columns-6-full .categories-list__divider:nth-child(4n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-6-full .categories-list__divider:last-child:nth-child(4n) {
        display: none;
    }
}

@media (min-width: 1400px) {
    .categories-list--layout--columns-7-full .categories-list__item {
        width: calc((100% - 6px) / 7);
    }

    .categories-list--layout--columns-7-full .categories-list__divider:nth-child(14n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-7-full .categories-list__divider:last-child:nth-child(14n) {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .categories-list--layout--columns-7-full .categories-list__item {
        width: calc((100% - 5px) / 6);
    }

    .categories-list--layout--columns-7-full .categories-list__divider:nth-child(12n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-7-full .categories-list__divider:last-child:nth-child(12n) {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .categories-list--layout--columns-7-full .categories-list__item {
        width: calc((100% - 3px) / 4);
    }

    .categories-list--layout--columns-7-full .categories-list__divider:nth-child(8n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-7-full .categories-list__divider:last-child:nth-child(8n) {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .categories-list--layout--columns-7-full .categories-list__item {
        width: calc((100% - 2px) / 3);
    }

    .categories-list--layout--columns-7-full .categories-list__divider:nth-child(6n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-7-full .categories-list__divider:last-child:nth-child(6n) {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .categories-list--layout--columns-7-full .categories-list__item {
        width: calc((100% - 1px) / 2);
    }

    .categories-list--layout--columns-7-full .categories-list__divider:nth-child(4n) {
        width: 100%;
        height: 1px;
    }

    .categories-list--layout--columns-7-full .categories-list__divider:last-child:nth-child(4n) {
        display: none;
    }
}

/*
// .category-card
*/
.category-card__body {
    position: relative;
}

.category-card__overlay-image {
    display: none;
}

.category-card--layout--classic .category-card__body {
    background-color: white;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    border-radius: 5px;
}

.category-card--layout--classic .category-card__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

.category-card--layout--classic .category-card__image {

    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: white;
    border-radius: 5px 5px 0px 0px;
}

.category-card--layout--classic .category-card__info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background: #f1f1f1;
}

[dir=ltr] .category-card--layout--classic .category-card__info {
    padding-left: 0;
}

.category-card__name {
    text-align: center;
}

[dir=rtl] .category-card--layout--classic .category-card__info {
    padding-right: 0;
    padding-left: 28px;
}

.category-card--layout--classic .category-card__name a,
.category-card--layout--classic .category-card__children a {
    -webkit-transition: color .12s;
    transition: color .12s;
}

.category-card--layout--classic .category-card__name a:hover,
.category-card--layout--classic .category-card__children a:hover {
    color: #F7943D;
}

.category-card--layout--classic .category-card__name {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
}

.category-card--layout--classic .category-card__name a {
    color: inherit;
}

.category-card--layout--classic .category-card__children {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    font-size: 15px;
}

.category-card--layout--classic .category-card__children li {
    position: relative;
    color: lightgrey;
    padding-top: 1px;
    padding-bottom: 1px;
}

[dir=ltr] .category-card--layout--classic .category-card__children li {
    padding-left: 11px;
    padding-right: 0;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 180px;
}

[dir=rtl] .category-card--layout--classic .category-card__children li {
    padding-right: 11px;
    padding-left: 0;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 180px;
}

.category-card--layout--classic .category-card__children li:before {
    display: block;
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    background: currentColor;
    opacity: .7;
    top: 10px;
}

[dir=ltr] .category-card--layout--classic .category-card__children li:before {
    left: 0;
}

[dir=rtl] .category-card--layout--classic .category-card__children li:before {
    right: 0;
}

.category-card--layout--classic .category-card__children a {
    color: #a4a1a1;
}

.category-card--layout--classic .category-card__actions {
    margin-top: 8px;
}

.category-card--layout--classic .category-card__link {
    font-size: 14px;
    font-weight: 500;
    color: #F7943D;
}

.category-card--layout--classic .category-card__link:hover {
    text-decoration: none;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .category-card--layout--classic .category-card__image {

    }
}

@media (max-width: 991px) and (min-width: 475px) {
    .category-card--layout--classic .category-card__image {
        width: 216px;
        margin: 0 26px;
        padding: 20px 0;
        -ms-flex-item-align: center;
        align-self: center;
        border-radius: 5px 5px 0px 0px;

    }

    .category-card--layout--classic .category-card__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .category-card--layout--classic .category-card__info {
        padding-top: 0;

    }

    [dir=ltr] .category-card--layout--classic .category-card__info {
        padding-left: 26px;
        padding-right: 26px;
    }

    [dir=rtl] .category-card--layout--classic .category-card__info {
        padding-right: 26px;
        padding-left: 26px;
    }
}

@media (max-width: 474px) and (min-width: 360px) {
    .category-card--layout--classic .category-card__image {

    }
}

@media (max-width: 474px) and (min-width: 360px) and (max-width: 420px) {
    .category-card--layout--classic .category-card__image {

    }
}

@media (max-width: 359px) {
    .category-card--layout--classic .category-card__image {
        width: 132px;
        margin: 0 26px;
        padding: 24px 0;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .category-card--layout--classic .category-card__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .category-card--layout--classic .category-card__info {
        padding-top: 0;
        padding-bottom: 24px;
    }

    [dir=ltr] .category-card--layout--classic .category-card__info {
        padding-left: 26px;
        padding-right: 26px;
    }

    [dir=rtl] .category-card--layout--classic .category-card__info {
        padding-right: 26px;
        padding-left: 26px;
    }
}

.category-card--layout--overlay .category-card__body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 0;
    overflow: hidden;
    border-radius: 2.5px;
    padding: 32px 20px 40px;
}

.category-card--layout--overlay .category-card__body:before {
    position: absolute;
    display: block;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(26, 26, 26, 0.6);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(26, 26, 26, 0.4)), color-stop(80%, rgba(26, 26, 26, 0)));
    background-image: linear-gradient(to top, rgba(26, 26, 26, 0.4) 20%, rgba(26, 26, 26, 0) 80%);
    z-index: -1;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
}

.category-card--layout--overlay .category-card__overlay-image {
    display: block;
    position: absolute;
    z-index: -3;
    left: -10px;
    right: -10px;
    top: -10px;
    bottom: -10px;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.category-card--layout--overlay .category-card__overlay-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.category-card--layout--overlay .category-card__overlay-image--blur {
    z-index: -2;
    opacity: 0;
    -webkit-transition: opacity .3s ease-out,
    -webkit-transform .3s ease-out;
    transition: opacity .3s ease-out,
    -webkit-transform .3s ease-out;
    transition: transform .3s ease-out,
    opacity .3s ease-out;
    transition: transform .3s ease-out,
    opacity .3s ease-out,
    -webkit-transform .3s ease-out;
}

.category-card--layout--overlay .category-card__overlay-image--blur img {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.category-card--layout--overlay .category-card__content,
.category-card--layout--overlay .category-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

.category-card--layout--overlay .category-card__content {
    color: #fff;
}

.category-card--layout--overlay .category-card__name,
.category-card--layout--overlay .category-card__children {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.category-card--layout--overlay .category-card__name a,
.category-card--layout--overlay .category-card__children a {
    color: inherit;
    -webkit-transition: color .12s;
    transition: color .12s;
}

.category-card--layout--overlay .category-card__name a:hover,
.category-card--layout--overlay .category-card__children a:hover {
    color: #ffdf40;
}

.category-card--layout--overlay .category-card__name {
    font-size: 24px;
    margin-bottom: 20px;
}

.category-card--layout--overlay .category-card__children {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    list-style: none;
    padding: 0;
    font-size: 16px;
    margin: 0 0 28px;
    opacity: 1;
}

.category-card--layout--overlay .category-card__children li {
    padding: 5px 0 6px;
}

.category-card--layout--overlay:hover .category-card__overlay-image {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.category-card--layout--overlay:hover .category-card__overlay-image--blur {
    opacity: 1;
}

.category-card--layout--overlay:hover .category-card__body:before {
    background-color: rgba(26, 26, 26, 0.7);
}

@media (max-width: 767.98px) {
    .category-card--layout--overlay .category-card__body {
        padding: 22px 28px 28px;
    }

    .category-card--layout--overlay .category-card__content {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .category-card--layout--overlay .category-card__info {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .category-card--layout--overlay .category-card__name {
        margin-bottom: 10px;
        font-size: 22px;
    }

    .category-card--layout--overlay .category-card__children {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 15px;
        margin-bottom: 24px;
    }

    [dir=ltr] .category-card--layout--overlay .category-card__children {
        text-align: left;
    }

    [dir=rtl] .category-card--layout--overlay .category-card__children {
        text-align: right;
    }

    .category-card--layout--overlay .category-card__children li {
        padding: 1px 0;
    }

    [dir=ltr] .category-card--layout--overlay .category-card__children li {
        margin-right: 16px;
    }

    [dir=rtl] .category-card--layout--overlay .category-card__children li {
        margin-left: 16px;
    }
}

/*
// .checkout
*/
.checkout__totals {
    width: 100%;
    font-size: 15px;
    line-height: 19px;
    border-spacing: 0;
    margin-bottom: 40px;
}

.checkout__totals th,
.checkout__totals td {
    padding: 0;
}

[dir=ltr] .checkout__totals th:last-child,
[dir=ltr] .checkout__totals td:last-child {
    padding-left: 20px;
    text-align: right;
}

[dir=rtl] .checkout__totals th:last-child,
[dir=rtl] .checkout__totals td:last-child {
    padding-right: 20px;
    text-align: left;
}

.checkout__totals-header {
    font-size: 13px;
    text-transform: uppercase;
}

.checkout__totals-header th {
    padding-bottom: 4px;
    border-bottom: 1px solid #ebebeb;
}

.checkout__totals-products td {
    padding: 4px 0;
}

.checkout__totals-products tr:first-child td {
    padding-top: 16px;
}

.checkout__totals-products tr:last-child td {
    padding-bottom: 16px;
}

.checkout__totals-subtotals th {
    font-weight: 500;
}

.checkout__totals-subtotals td,
.checkout__totals-subtotals th {
    padding: 4px 0;
}

.checkout__totals-subtotals tr:first-child td,
.checkout__totals-subtotals tr:first-child th {
    padding-top: 16px;
    border-top: 1px solid #ebebeb;
}

.checkout__totals-subtotals tr:last-child td,
.checkout__totals-subtotals tr:last-child th {
    padding-bottom: 16px;
}

.checkout__totals-footer {
    font-size: 24px;
}

.checkout__totals-footer th {
    font-weight: 500;
}

.checkout__totals-footer tr:first-child td,
.checkout__totals-footer tr:first-child th {
    padding-top: 20px;
    border-top: 1px solid #ebebeb;
}

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

.checkout__agree {
    margin-bottom: 40px;
}

.checkout__agree a:hover {
    text-decoration: underline;
}

/*
// .compare
*/
.compare__options-list {
    padding: 16px 20px;
    border-bottom: 1px solid #ebebeb;
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

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

[dir=ltr] .compare__option + .compare__option {
    margin-left: 16px;
}

[dir=rtl] .compare__option + .compare__option {
    margin-right: 16px;
}

[dir=ltr] .compare__option-label {
    margin-right: 8px;
}

[dir=rtl] .compare__option-label {
    margin-left: 8px;
}

/*
// .compare-table
*/
.compare-table {
    width: 100%;
    font-size: 15px;
    border-spacing: 0;
}

.compare-table tr:not(:last-child) {
    border-bottom: 1px solid #ebebeb;
}

.compare-table__column--header,
.compare-table__column--product {
    padding: 14px 16px;
}

[dir=ltr] .compare-table__column--product,
[dir=ltr] .compare-table__column--fake {
    border-left: 1px solid #ebebeb;
}

[dir=rtl] .compare-table__column--product,
[dir=rtl] .compare-table__column--fake {
    border-right: 1px solid #ebebeb;
}

.compare-table__column--header {
    width: 15%;
    background: #f7f7f7;
    font-weight: 500;
    min-width: 140px;
}

[dir=ltr] .compare-table__column--header {
    text-align: right;
}

[dir=rtl] .compare-table__column--header {
    text-align: left;
}

.compare-table__column--product {
    width: 17%;
    text-align: center;
    vertical-align: top;
    min-width: 180px;
}

.compare-table__column--fake {
    padding: 0;
}

.compare-table__column--product:nth-child(6) + .compare-table__column--fake {
    display: none;
}

.compare-table__product {
    display: block;
    line-height: 20px;
    color: inherit;
    -webkit-transition: color .12s;
    transition: color .12s;
}

.compare-table__product:hover {
    color: #F7943D;
}

.compare-table__product-image {
    width: 150px;
    margin: 0 auto;
}

.compare-table__product-name {
    color: inherit;
}

.compare-table__rating-stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 1px;
}

.compare-table__rating-title {
    font-size: 13px;
    color: #6c757d;
    margin-top: 5px;
}

/*
// .order-header
*/
.order-header {
    padding: 1.625rem 2rem 1.375rem;
}

.order-header:after {
    display: block;
    content: '';
    clear: both;
}

.order-header__actions {
    margin-top: -1px;
}

[dir=ltr] .order-header__actions {
    float: right;
}

[dir=rtl] .order-header__actions {
    float: left;
}

.order-header__title {
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 4px;
    margin-bottom: 0;
}

[dir=ltr] .order-header__title {
    padding-right: 3.5rem;
    float: left;
}

[dir=rtl] .order-header__title {
    padding-left: 3.5rem;
    float: right;
}

.order-header__subtitle {
    color: #6c757d;
    font-size: 14px;
    line-height: 1.375;
    clear: both;
    padding-top: 12px;
}

.order-header__subtitle mark {
    padding: 0;
    color: #262626;
    background: transparent;
    font-weight: 500;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .order-header {
        padding: 1.375rem 1.5rem 1.25rem;
    }
}

@media (max-width: 767.98px) {
    .order-header {
        padding: 1.125rem 1.375rem 1rem;
    }
}

@media (max-width: 440px) {
    .order-header__actions {
        margin-bottom: .875rem;
    }

    [dir=ltr] .order-header__actions {
        float: none;
    }

    [dir=rtl] .order-header__actions {
        float: none;
    }
}

/*
// .order-list
*/
.order-list a {
    color: inherit;
}

.order-list a:hover {
    color: inherit;
    text-decoration: underline;
}

.order-list table {
    width: 100%;
    font-size: 15px;
}

.order-list__header th,
.order-list__header td {
    text-transform: uppercase;
    color: #6c757d;
    font-size: 13px;
    font-weight: 500;
}

.order-list__footer {
    font-size: 20px;
}

.order-list__footer th {
    font-weight: 500;
}

.order-list__column-image {
    width: 1px;
}

.order-list__column-image .image {
    width: 40px;
}

.order-list__column-product {
    line-height: 1.25;
}

.order-list__column-quantity {
    text-align: center;
}

[dir=ltr] .order-list__column-total {
    text-align: right;
}

[dir=rtl] .order-list__column-total {
    text-align: left;
}

.order-list__options {
    color: #6c757d;
    font-size: 13px;
    margin-top: 2px;
}

.order-list__options-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.order-list__options-item:not(:last-child) {
    position: relative;
}

[dir=ltr] .order-list__options-item:not(:last-child) {
    padding-right: 19px;
}

[dir=rtl] .order-list__options-item:not(:last-child) {
    padding-left: 19px;
}

.order-list__options-item:not(:last-child):after {
    position: absolute;
    content: '';
    display: block;
    background: #ccc;
    width: 1px;
    height: 10px;
    top: calc(50% - 5px);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
}

[dir=ltr] .order-list__options-item:not(:last-child):after {
    right: 9px;
}

[dir=rtl] .order-list__options-item:not(:last-child):after {
    left: 9px;
}

@media (min-width: 576px) {

    .order-list th,
    .order-list td {
        padding: 4px 12px;
    }

    [dir=ltr] .order-list th:first-child,
    [dir=ltr] .order-list td:first-child {
        padding-left: 1.5rem;
    }

    [dir=rtl] .order-list th:first-child,
    [dir=rtl] .order-list td:first-child {
        padding-right: 1.5rem;
    }

    [dir=ltr] .order-list th:last-child,
    [dir=ltr] .order-list td:last-child {
        padding-right: 1.5rem;
    }

    [dir=rtl] .order-list th:last-child,
    [dir=rtl] .order-list td:last-child {
        padding-left: 1.5rem;
    }

    .order-list__header th,
    .order-list__header td {
        border-bottom: 1px solid #ebebeb;
        padding: 10px 12px;
    }

    .order-list__products th,
    .order-list__products td {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .order-list__products tr:first-child th,
    .order-list__products tr:first-child td {
        padding-top: 14px;
    }

    .order-list__products tr:last-child th,
    .order-list__products tr:last-child td {
        padding-bottom: 14px;
    }

    [dir=ltr] .order-list__products .order-list__column-product {
        padding-left: 4px;
    }

    [dir=rtl] .order-list__products .order-list__column-product {
        padding-right: 4px;
    }

    .order-list__subtotals th,
    .order-list__subtotals td {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .order-list__subtotals tr:first-child th,
    .order-list__subtotals tr:first-child td {
        padding-top: 12px;
        border-top: 1px solid #ebebeb;
    }

    .order-list__subtotals tr:last-child th,
    .order-list__subtotals tr:last-child td {
        padding-bottom: 12px;
    }

    .order-list__footer th,
    .order-list__footer td {
        padding-top: 14px;
        padding-bottom: 14px;
        border-top: 1px solid #ebebeb;
    }
}

@media (max-width: 575.98px) {

    .order-list table,
    .order-list tr,
    .order-list th,
    .order-list td {
        display: block;
        padding: 0;
    }

    .order-list__header,
    .order-list__products,
    .order-list__subtotals,
    .order-list__footer {
        display: block;
    }

    .order-list__header tr,
    .order-list__products tr,
    .order-list__subtotals tr,
    .order-list__footer tr {
        padding: 0 1rem;
    }

    .order-list__header tr,
    .order-list__subtotals tr,
    .order-list__footer tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .order-list__header .order-list__column-label,
    .order-list__subtotals .order-list__column-label,
    .order-list__footer .order-list__column-label {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .order-list__header .order-list__column-quantity,
    .order-list__subtotals .order-list__column-quantity,
    .order-list__footer .order-list__column-quantity {
        display: none;
    }

    .order-list__header tr {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ebebeb;
    }

    .order-list__products tr {
        padding-top: .75rem;
        padding-bottom: .75rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .order-list__products tr:not(:first-child) {
        border-top: 1px solid #ebebeb;
    }

    .order-list__products .order-list__column-image {
        width: 40px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .order-list__products .order-list__column-product {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: calc(100% - 40px);
    }

    [dir=ltr] .order-list__products .order-list__column-product {
        padding-left: 1rem;
    }

    [dir=rtl] .order-list__products .order-list__column-product {
        padding-right: 1rem;
    }

    .order-list__products .order-list__column-quantity:before {
        content: attr(data-title) " ";
    }

    .order-list__products .order-list__column-total {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .order-list__products .order-list__column-quantity,
    .order-list__products .order-list__column-total {
        margin-top: .625rem;
        margin-bottom: -.125rem;
    }

    .order-list__subtotals {
        padding-top: 12px;
        padding-bottom: 12px;
        border-top: 1px solid #ebebeb;
    }

    .order-list__subtotals th,
    .order-list__subtotals td {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .order-list__footer {
        padding-top: 12px;
        padding-bottom: 12px;
        border-top: 1px solid #ebebeb;
    }
}

/*
// .order-success
*/
.order-success__body {
    max-width: 690px;
    margin: 0 auto;
}

.order-success__header {
    padding: 60px 0 52px;
    text-align: center;
}

.order-success__icon {
    fill: #F7943D;
    margin: 0 auto;
    display: block;
}

.order-success__title {
    margin-top: 24px;
    margin-bottom: 2px;
}

.order-success__subtitle {
    font-size: 19px;
    font-weight: 500;
}

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

.order-success__meta {
    padding: 16px 0;
    margin-bottom: 20px;
    text-align: center;
}

.order-success__meta-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.order-success__meta-item {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    line-height: 1.25;
    position: relative;
    padding: 2px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.order-success__meta-item:not(:last-child):before {
    position: absolute;
    display: block;
    content: '';
    border-left: 2px dashed rgba(0, 0, 0, 0.1);
    width: 0;
    height: 100%;
    top: 0;
}

[dir=ltr] .order-success__meta-item:not(:last-child):before {
    right: -1px;
}

[dir=rtl] .order-success__meta-item:not(:last-child):before {
    left: -1px;
}

.order-success__meta-title {
    display: block;
    font-size: 13px;
    color: #6c757d;
    margin-bottom: 4px;
}

.order-success__meta-value {
    display: block;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
}

.order-success__addresses {
    margin-left: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.order-success__address {
    margin-left: 20px;
    margin-top: 20px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media (max-width: 767.98px) {
    .order-success__header {
        padding: 44px 0 40px;
    }

    .order-success__meta-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .order-success__meta-item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    .order-success__meta-item:nth-child(2n):before {
        display: none;
    }

    .order-success__meta-item:nth-child(n + 3) {
        margin-top: 16px;
    }

    .order-success__addresses {
        display: block;
    }
}

/*
// .payment-methods
*/
.payment-methods__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.payment-methods__item {
    border-radius: 2px;
    padding-bottom: 2px;
    border: 1px solid #ebebeb;
    -webkit-transition: background .12s,
    border-color .12s;
    transition: background .12s,
    border-color .12s;
}

.payment-methods__item + .payment-methods__item {
    margin-top: 6px;
}

.payment-methods__item:hover {
    background: #f5f5f5;
    border-color: #e5e5e5;
}

.payment-methods__item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 18px;
    margin: 0;
    padding: 10px 12px 8px;
    cursor: pointer;
}

[dir=ltr] .payment-methods__item-radio {
    margin-right: 8px;
}

[dir=rtl] .payment-methods__item-radio {
    margin-left: 8px;
}

.payment-methods__item-details {
    font-size: 14px;
    line-height: 22px;
    padding: 0 12px 8px;
}

.payment-methods__item-container {
    overflow: hidden;
    opacity: 0;
    height: 0;
    -webkit-transition: height .3s,
    opacity .3s;
    transition: height .3s,
    opacity .3s;
}

.payment-methods__item--active,
.payment-methods__item--active:hover {
    background: #f5f5f5;
    border-color: #e5e5e5;
}

.payment-methods__item--active .payment-methods__item-container {
    opacity: 1;
    height: auto;
}

/*
// .product
*/
.product__header h1 {
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    margin: 0;
    margin-bottom: 15px;
}

.product__tabs {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.product__subtitle {
    padding-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #6c757d;
    font-size: 14px;
    line-height: 1;
}

[dir=ltr] .product__rating-stars {
    margin-right: 8px;
}

[dir=rtl] .product__rating-stars {
    margin-left: 8px;
}

.product__rating-label a {
    color: inherit;
}

[dir=ltr] .product__fit {
    margin-left: 12px;
}

[dir=rtl] .product__fit {
    margin-right: 12px;
}

.product__info-card {
    position: relative;
}

.product__info-body {
    padding: 28px 28px 24px;
}

.product__prices-stock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 22px;
}

.product__meta {
    margin: -3px 0;
}

.product__meta table {
    width: 100%;
    font-size: 14px;
}

.product__meta th,
.product__meta td {
    padding: 3px 0;
}

.product__meta th {
    font-weight: 500;
}

[dir=ltr] .product__meta th {
    padding-right: 12px;
}

[dir=rtl] .product__meta th {
    padding-left: 12px;
}

.product__meta tr + tr > * {
    border-top: 1px solid #ebebeb;
}

.product__meta a {
    color: #F7943D;
}

.product__meta a:hover {
    text-decoration: underline;
}

.product__shop-features {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    margin-top: 30px;
}

.product__badge {
    top: -7px;
    position: absolute;
}

[dir=ltr] .product__badge {
    left: 22px;
}

[dir=rtl] .product__badge {
    right: 22px;
}

.product__prices {
    padding: 8px 0 7px;
    line-height: 1;
}

.product__price {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -.04em;
    color: #262626;
    margin-bottom: 15px;
}

.product__price--new {
    color: #262626;
}

.product__price--old {
    font-size: 16px;
    text-decoration: line-through;
    font-weight: 400;
    color: #999;
    margin-bottom: 5px;
}

.product__form {
    background: #f9f9f9;
    margin-bottom: 24px;
    margin-top: -4px;
    padding: 16px 28px 18px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.product__actions {

    padding: 0px 28px 0px;
}

.product__actions-item.product__actions-item--quantity {
    width: 48%;
    display: inline-block;
}

.product__actions-item.product__actions-item--addtocart {
    width: 48%;
    display: inline-block;
}

[dir=ltr] .product__actions-item--quantity {
    margin-right: 8px;
}

[dir=rtl] .product__actions-item--quantity {
    margin-left: 8px;
}

.product__actions-item--addtocart {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.product__actions-item--wishlist,
.product__actions-item--compare {
    margin-top: 14px;
    margin-bottom: -8px;
    width: 50%;
    font-size: 13px;
    line-height: 16px;
    background: transparent;
    color: #262626;
    fill: #d9d9d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    padding-top: 7px;
    padding-bottom: 5px;
    border-radius: 2px;
    -webkit-transition: background .15s,
    fill .15s;
    transition: background .15s,
    fill .15s;
}

[dir=ltr] .product__actions-item--wishlist,
[dir=ltr] .product__actions-item--compare {
    padding-left: 9px;
    padding-right: 10px;
}

[dir=rtl] .product__actions-item--wishlist,
[dir=rtl] .product__actions-item--compare {
    padding-right: 9px;
    padding-left: 10px;
}

.product__actions-item--wishlist svg,
.product__actions-item--compare svg {
    position: relative;
    top: -1px;
}

[dir=ltr] .product__actions-item--wishlist svg,
[dir=ltr] .product__actions-item--compare svg {
    margin-right: 8px;
}

[dir=rtl] .product__actions-item--wishlist svg,
[dir=rtl] .product__actions-item--compare svg {
    margin-left: 8px;
}

.product__actions-item--wishlist:focus,
.product__actions-item--compare:focus {
    outline: none;
}

.product__actions-item--wishlist:hover,
.product__actions-item--compare:hover {
    background: #f5f5f5;
    fill: #bfbfbf;
}

.product__actions-item--wishlist:active,
.product__actions-item--compare:active {
    background: #f0f0f0;
    fill: #b3b3b3;
}

.product__actions-divider {
    width: 100%;
}

.product__tags-and-share-links {
    border-top: 1px solid #ebebeb;
    padding: 24px 28px;
}

.product__tags + .product__share-links {
    margin-top: 18px;
}

.product--layout--sidebar {
    --product-gutter: 30px;
    --product-gallery-image-max-width: 400px;
}

.product--layout--sidebar .product__body {
    display: grid;
    grid-template-columns: calc(100% - 370px) 370px;
    grid-template-rows: auto auto 1fr;
}

.product--layout--sidebar .product__card--one {
    grid-column: 1;
    grid-row: 1 / 3;
}

.product--layout--sidebar .product__header {
    grid-column: 1;
    grid-row: 1;
}

.product--layout--sidebar .product__gallery {
    grid-column: 1;
    grid-row: 2;
}

.product--layout--sidebar .product__tabs {
    grid-column: 1;
    grid-row: 3;
}

.product--layout--sidebar .product__info {
    grid-column: 2;
    grid-row: 1 / 4;
}

.product--layout--sidebar .product__card {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.product--layout--sidebar .product__card--two {
    display: none;
}

.product--layout--sidebar .product__gallery {
    padding: 0 40px 40px;
}

.product--layout--sidebar .product__header {
    padding: 36px 40px 16px;
}

[dir=ltr] .product--layout--sidebar .product__info {
    margin-left: var(--product-gutter);
}

[dir=rtl] .product--layout--sidebar .product__info {
    margin-right: var(--product-gutter);
}

.product--layout--sidebar .product__info-card {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.product--layout--sidebar .product__shop-features,
.product--layout--sidebar .product__tabs {
    margin-top: var(--product-gutter);
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    [dir=ltr] .product--layout--sidebar .product__title {
        padding-right: 80px;
    }

    [dir=rtl] .product--layout--sidebar .product__title {
        padding-left: 80px;
    }

    .product--layout--sidebar .product__actions-item--wishlist,
    .product--layout--sidebar .product__actions-item--compare {
        position: absolute;
        top: 19px;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        padding: 0;
        margin: 0;
    }

    [dir=ltr] .product--layout--sidebar .product__actions-item--wishlist,
    [dir=ltr] .product--layout--sidebar .product__actions-item--compare {
        right: 16px;
    }

    [dir=rtl] .product--layout--sidebar .product__actions-item--wishlist,
    [dir=rtl] .product--layout--sidebar .product__actions-item--compare {
        left: 16px;
    }

    .product--layout--sidebar .product__actions-item--wishlist span,
    .product--layout--sidebar .product__actions-item--compare span {
        display: none;
    }

    .product--layout--sidebar .product__actions-item--wishlist svg,
    .product--layout--sidebar .product__actions-item--compare svg {
        top: 0;
        display: block;
        margin: 0;
    }

    [dir=ltr] .product--layout--sidebar .product__actions-item--compare {
        right: 52px;
    }

    [dir=rtl] .product--layout--sidebar .product__actions-item--compare {
        left: 52px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {

    [dir=ltr] .product--layout--sidebar .product__info-body,
    [dir=ltr] .product--layout--sidebar .product__form,
    [dir=ltr] .product--layout--sidebar .product__actions,
    [dir=ltr] .product--layout--sidebar .product__tags-and-share-links {
        padding-left: 20px;
        padding-right: 20px;
    }

    [dir=rtl] .product--layout--sidebar .product__info-body,
    [dir=rtl] .product--layout--sidebar .product__form,
    [dir=rtl] .product--layout--sidebar .product__actions,
    [dir=rtl] .product--layout--sidebar .product__tags-and-share-links {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (min-width: 576px) and (max-width: 1199.98px) {

    .product--layout--sidebar .product__meta table,
    .product--layout--sidebar .product__meta th,
    .product--layout--sidebar .product__meta td {
        display: block;
    }

    .product--layout--sidebar .product__meta tbody {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .product--layout--sidebar .product__meta tr,
    .product--layout--sidebar .product__meta th {
        width: calc(50% - 10px);
    }

    .product--layout--sidebar .product__meta tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    [dir=ltr] .product--layout--sidebar .product__meta tr:nth-child(2n) {
        margin-left: 20px;
    }

    [dir=rtl] .product--layout--sidebar .product__meta tr:nth-child(2n) {
        margin-right: 20px;
    }
}

@media (max-width: 1199.98px) {
    .product--layout--sidebar .product__info-card {
        padding-top: 24px;
        padding-bottom: 28px;
    }

    [dir=ltr] .product--layout--sidebar .product__info-card {
        padding-left: 24px;
        padding-right: 24px;
    }

    [dir=rtl] .product--layout--sidebar .product__info-card {
        padding-right: 24px;
        padding-left: 24px;
    }

    .product--layout--sidebar .product__info-body {
        padding-top: 0;
        padding-bottom: 16px;
    }

    [dir=ltr] .product--layout--sidebar .product__info-body {
        padding-left: 0;
        padding-right: 0;
    }

    [dir=rtl] .product--layout--sidebar .product__info-body {
        padding-right: 0;
        padding-left: 0;
    }

    .product--layout--sidebar .product__prices-stock {
        padding-top: 0;
        padding-bottom: 10px;
    }

    [dir=ltr] .product--layout--sidebar .product__prices-stock {
        padding-left: 0;
        padding-right: 0;
    }

    [dir=rtl] .product--layout--sidebar .product__prices-stock {
        padding-right: 0;
        padding-left: 0;
    }

    .product--layout--sidebar .product__price {
        font-size: 26px;
    }

    .product--layout--sidebar .product__price--old {
        font-size: 16px;
    }

    .product--layout--sidebar .product__meta {
        border-top: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
        padding: 10px 0;
        margin: 8px 0;
    }

    .product--layout--sidebar .product__meta th,
    .product--layout--sidebar .product__meta td {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .product--layout--sidebar .product__meta tr + tr > * {
        border: none;
    }

    .product--layout--sidebar .product__form {
        background: transparent;
        padding: 0;
        border: none;
        margin-bottom: 16px;
    }

    .product--layout--sidebar .product__actions {
        padding: 0;
    }

    .product--layout--sidebar .product__tags-and-share-links {
        border: none;
        padding: 20px 0 0;
    }
}

@media (max-width: 767.98px) {
    .product--layout--sidebar .product__actions {
        margin-bottom: -6px;
    }

    .product--layout--sidebar .product__actions-divider {
        height: 10px;
    }

    .product--layout--sidebar .product__actions-item--wishlist,
    .product--layout--sidebar .product__actions-item--compare {
        width: auto;
        margin-top: 2px;
        margin-bottom: -2px;
    }
}

@media (max-width: 575.98px) {
    .product--layout--sidebar .product__subtitle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .product--layout--sidebar .product__fit {
        margin-bottom: 11px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    [dir=ltr] .product--layout--sidebar .product__fit {
        margin-left: -4px;
    }

    [dir=rtl] .product--layout--sidebar .product__fit {
        margin-right: -4px;
    }
}

@media (max-width: 1399.98px) {
    .product--layout--sidebar {
        --product-gutter: 20px;
        --product-gallery-image-max-width: 360px;
    }

    .product--layout--sidebar .product__body {
        grid-template-rows: -webkit-max-content;
        grid-template-rows: max-content;
        grid-template-columns: calc(100% - 332px) 332px;
    }

    .product--layout--sidebar .product__info {
        grid-column: 2;
        grid-row: 1 / 3;
    }

    .product--layout--sidebar .product__gallery {
        padding-top: 0;
        padding-bottom: 28px;
    }

    [dir=ltr] .product--layout--sidebar .product__gallery {
        padding-left: 28px;
        padding-right: 28px;
    }

    [dir=rtl] .product--layout--sidebar .product__gallery {
        padding-right: 28px;
        padding-left: 28px;
    }

    .product--layout--sidebar .product__header {
        padding-top: 24px;
        padding-bottom: 16px;
    }

    [dir=ltr] .product--layout--sidebar .product__header {
        padding-left: 28px;
        padding-right: 28px;
    }

    [dir=rtl] .product--layout--sidebar .product__header {
        padding-right: 28px;
        padding-left: 28px;
    }

    .product--layout--sidebar .product__shop-features {
        display: none;
    }

    .product--layout--sidebar .product__tabs {
        grid-column: 1 / 3;
    }
}

@media (max-width: 1199.98px) {
    .product--layout--sidebar {
        --product-gutter: 16px;
    }

    .product--layout--sidebar .product__body {
        grid-template-columns: 100%;
    }

    .product--layout--sidebar .product__info {
        grid-column: 1;
        grid-row: 3;
    }

    .product--layout--sidebar .product__tabs {
        grid-column: 1;
        grid-row: 4;
    }

    .product--layout--sidebar .product__card--one {
        display: none;
    }

    .product--layout--sidebar .product__header {
        background-color: #fff;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        padding-bottom: 24px;
    }

    .product--layout--sidebar .product__gallery {
        background-color: #fff;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        width: 100%;
        margin-top: var(--product-gutter);
        padding-top: 24px;
        padding-bottom: 28px;
    }

    [dir=ltr] .product--layout--sidebar .product__gallery {
        padding-left: 24px;
        padding-right: 24px;
    }

    [dir=rtl] .product--layout--sidebar .product__gallery {
        padding-right: 24px;
        padding-left: 24px;
    }

    .product--layout--sidebar .product__info {
        margin-top: var(--product-gutter);
    }

    [dir=ltr] .product--layout--sidebar .product__info {
        margin-left: 0;
    }

    [dir=rtl] .product--layout--sidebar .product__info {
        margin-right: 0;
    }

    .product--layout--sidebar .product__info-card {
        position: static;
    }

    .product--layout--sidebar .product__actions-item--addtocart .btn {
        width: auto;
    }
}

@media (max-width: 767.98px) {
    .product--layout--sidebar .product__header {
        background-color: #fff;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        padding-top: 24px;
        padding-bottom: 22px;
    }

    [dir=ltr] .product--layout--sidebar .product__header {
        padding-left: 24px;
        padding-right: 24px;
    }

    [dir=rtl] .product--layout--sidebar .product__header {
        padding-right: 24px;
        padding-left: 24px;
    }

    .product--layout--sidebar .product__title {
        font-size: 22px;
        line-height: 28px;
    }
}

.product--layout--full {
    --product-gutter: 30px;
}

.product--layout--full .product__body {
    display: grid;
    grid-template-columns: auto 1fr 488px;
    grid-template-rows: -webkit-max-content auto auto 1fr;
    grid-template-rows: max-content auto auto 1fr;
}

.product--layout--full .product__card--one {
    grid-column: 1 / 3;
    grid-row: 1 / 4;
}

.product--layout--full .product__gallery {
    grid-column: 1;
    grid-row: 1 / 4;
}

.product--layout--full .product__header {
    grid-column: 2;
    grid-row: 1;
}

.product--layout--full .product__main {
    grid-column: 2;
    grid-row: 2;
}

.product--layout--full .product__info {
    grid-column: 3;
    grid-row: 1 / 5;
}

.product--layout--full .product__tabs {
    grid-column: 1 / 3;
    grid-row: 4;
}

.product--layout--full .product__card {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.product--layout--full .product__card--two {
    display: none;
}

.product--layout--full .product__gallery {
    padding-top: 36px;
    padding-bottom: 48px;
    width: 440px;
}

[dir=ltr] .product--layout--full .product__gallery {
    padding-left: 40px;
    padding-right: 0;
}

[dir=rtl] .product--layout--full .product__gallery {
    padding-right: 40px;
    padding-left: 0;
}

.product--layout--full .product__header {
    padding-top: 36px;
    padding-bottom: 16px;
}

[dir=ltr] .product--layout--full .product__header {
    padding-left: 36px;
    padding-right: 40px;
}

[dir=rtl] .product--layout--full .product__header {
    padding-right: 36px;
    padding-left: 40px;
}

.product--layout--full .product__main {
    padding-top: 0;
    padding-bottom: 48px;
}

[dir=ltr] .product--layout--full .product__main {
    padding-left: 36px;
    padding-right: 40px;
}

[dir=rtl] .product--layout--full .product__main {
    padding-right: 36px;
    padding-left: 40px;
}

[dir=ltr] .product--layout--full .product__info {
    margin-left: var(--product-gutter);
}

[dir=rtl] .product--layout--full .product__info {
    margin-right: var(--product-gutter);
}

.product--layout--full .product__shop-features,
.product--layout--full .product__tabs {
    margin-top: var(--product-gutter);
}

.product--layout--full .product__subtitle {
    padding-top: 8px;
}

.product--layout--full .product__gallery-intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product--layout--full .product__excerpt {
    font-size: 15px;
}

.product--layout--full .product__features {
    margin: 20px 0 0;
    font-size: 14px;
    border-radius: 3px;
}

.product--layout--full .product__features ul {
    list-style: none;
    padding: 0;
    color: #6c757d;
    margin: -6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product--layout--full .product__features li {
    padding-top: 3px;
    padding-bottom: 2px;
    position: relative;
    margin: 0 6px;
    width: calc(100% / 1 - 12px);
}

[dir=ltr] .product--layout--full .product__features li {
    padding-left: 11px;
    padding-right: 0;
}

[dir=rtl] .product--layout--full .product__features li {
    padding-right: 11px;
    padding-left: 0;
}

.product--layout--full .product__features li:before {
    position: absolute;
    display: block;
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 1.5px;
    background: currentColor;
    top: 12px;
    opacity: .85;
}

[dir=ltr] .product--layout--full .product__features li:before {
    left: 0;
}

[dir=rtl] .product--layout--full .product__features li:before {
    right: 0;
}

.product--layout--full .product__features-title {
    font-weight: 500;
    padding-bottom: 12px;
}

.product--layout--full .product__features-link {
    margin: 20px -2px 0;
    padding: 20px 2px 0;
    font-size: 14px;
    border-top: 1px solid #ebebeb;
}

.product--layout--full .product__features-link a:hover {
    text-decoration: underline;
}

@media (min-width: 1200px) {
    .product--layout--full .product__subtitle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .product--layout--full .product__fit {
        margin-bottom: 11px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    [dir=ltr] .product--layout--full .product__fit {
        margin-left: -4px;
    }

    [dir=rtl] .product--layout--full .product__fit {
        margin-right: -4px;
    }
}

@media (min-width: 768px) {
    .product--layout--full .product__info-card {
        background-color: #fff;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .product--layout--full .product__gallery {
        background-color: #fff;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    }

    [dir=ltr] .product--layout--full .product__actions-item--addtocart .btn {
        padding-left: 16px;
        padding-right: 16px;
    }

    [dir=rtl] .product--layout--full .product__actions-item--addtocart .btn {
        padding-right: 16px;
        padding-left: 16px;
    }
}

@media (max-width: 575.98px) {
    .product--layout--full .product__subtitle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .product--layout--full .product__fit {
        margin-bottom: 11px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    [dir=ltr] .product--layout--full .product__fit {
        margin-left: -4px;
    }

    [dir=rtl] .product--layout--full .product__fit {
        margin-right: -4px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    [dir=ltr] .product--layout--full .product__title {
        padding-right: 80px;
    }

    [dir=rtl] .product--layout--full .product__title {
        padding-left: 80px;
    }

    .product--layout--full .product__actions-item--wishlist,
    .product--layout--full .product__actions-item--compare {
        position: absolute;
        top: 19px;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        padding: 0;
        margin: 0;
    }

    [dir=ltr] .product--layout--full .product__actions-item--wishlist,
    [dir=ltr] .product--layout--full .product__actions-item--compare {
        right: 16px;
    }

    [dir=rtl] .product--layout--full .product__actions-item--wishlist,
    [dir=rtl] .product--layout--full .product__actions-item--compare {
        left: 16px;
    }

    .product--layout--full .product__actions-item--wishlist span,
    .product--layout--full .product__actions-item--compare span {
        display: none;
    }

    .product--layout--full .product__actions-item--wishlist svg,
    .product--layout--full .product__actions-item--compare svg {
        top: 0;
        display: block;
        margin: 0;
    }

    [dir=ltr] .product--layout--full .product__actions-item--compare {
        right: 52px;
    }

    [dir=rtl] .product--layout--full .product__actions-item--compare {
        left: 52px;
    }
}

@media (max-width: 1399.98px) {
    .product--layout--full {
        --product-gutter: 24px;
    }

    .product--layout--full .product__body {
        grid-template-columns: auto 1fr 336px;
    }

    .product--layout--full .product__gallery {
        padding-top: 24px;
        padding-bottom: 36px;
        width: 348px;
    }

    [dir=ltr] .product--layout--full .product__gallery {
        padding-left: 28px;
        padding-right: 0;
    }

    [dir=rtl] .product--layout--full .product__gallery {
        padding-right: 28px;
        padding-left: 0;
    }

    .product--layout--full .product__header {
        padding-top: 24px;
        padding-bottom: 16px;
    }

    [dir=ltr] .product--layout--full .product__header {
        padding-left: 28px;
        padding-right: 28px;
    }

    [dir=rtl] .product--layout--full .product__header {
        padding-right: 28px;
        padding-left: 28px;
    }

    .product--layout--full .product__main {
        padding-top: 0;
        padding-bottom: 36px;
    }

    [dir=ltr] .product--layout--full .product__main {
        padding-left: 28px;
        padding-right: 28px;
    }

    [dir=rtl] .product--layout--full .product__main {
        padding-right: 28px;
        padding-left: 28px;
    }

    [dir=ltr] .product--layout--full .product__info-body,
    [dir=ltr] .product--layout--full .product__form,
    [dir=ltr] .product--layout--full .product__actions,
    [dir=ltr] .product--layout--full .product__tags-and-share-links {
        padding-left: 20px;
        padding-right: 20px;
    }

    [dir=rtl] .product--layout--full .product__info-body,
    [dir=rtl] .product--layout--full .product__form,
    [dir=rtl] .product--layout--full .product__actions,
    [dir=rtl] .product--layout--full .product__tags-and-share-links {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (max-width: 1199.98px) {
    .product--layout--full .product__body {
        grid-template-columns: auto 1fr 336px;
        grid-template-rows: -webkit-max-content auto auto 1fr;
        grid-template-rows: max-content auto auto 1fr;
    }

    .product--layout--full .product__card {
        grid-column: 1 / 3;
        grid-row: 1 / 4;
    }

    .product--layout--full .product__gallery {
        grid-column: 1 / 3;
        grid-row: 3;
    }

    .product--layout--full .product__header {
        grid-column: 1 / 3;
        grid-row: 1;
    }

    .product--layout--full .product__main {
        grid-column: 1 / 3;
        grid-row: 2;
    }

    .product--layout--full .product__info {
        grid-column: 3;
        grid-row: 1 / 4;
    }

    .product--layout--full .product__tabs {
        grid-column: 1 / 4;
        grid-row: 4;
    }

    .product--layout--full .product__features {
        display: none;
    }

    .product--layout--full .product__main {
        padding-bottom: 16px;
    }

    .product--layout--full .product__excerpt {
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 14px;
    }

    .product--layout--full .product__gallery {
        --product-gallery-image-max-width: 380px;
        padding-top: 0;
        width: 100%;
    }

    [dir=ltr] .product--layout--full .product__gallery {
        padding-right: 28px;
    }

    [dir=rtl] .product--layout--full .product__gallery {
        padding-left: 28px;
    }

    .product--layout--full .product__header {
        padding-bottom: 10px;
    }

    .product--layout--full .product__info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .product--layout--full .product__shop-features {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .product--layout--full {
        --product-gutter: 16px;
    }

    .product--layout--full .product__body {
        grid-template-columns: auto 1fr;
        grid-template-rows: -webkit-max-content auto auto 1fr;
        grid-template-rows: max-content auto auto 1fr;
    }

    .product--layout--full .product__card {
        grid-column: 1 / 3;
        grid-row: 1 / 3;
    }

    .product--layout--full .product__header {
        grid-column: 1 / 3;
        grid-row: 1;
    }

    .product--layout--full .product__main {
        grid-column: 1 / 3;
        grid-row: 2;
    }

    .product--layout--full .product__gallery {
        grid-column: 1;
        grid-row: 3;
    }

    .product--layout--full .product__info {
        grid-column: 2;
        grid-row: 3;
    }

    .product--layout--full .product__gallery {
        margin-top: var(--product-gutter);
        width: 385px;
        padding-top: 24px;
        padding-bottom: 28px;
    }

    [dir=ltr] .product--layout--full .product__gallery {
        padding-left: 24px;
        padding-right: 24px;
    }

    [dir=rtl] .product--layout--full .product__gallery {
        padding-right: 24px;
        padding-left: 24px;
    }

    [dir=ltr] .product--layout--full .product__info {
        margin-left: var(--product-gutter);
    }

    [dir=rtl] .product--layout--full .product__info {
        margin-right: var(--product-gutter);
    }

    .product--layout--full .product__excerpt {
        border: none;
        padding-bottom: 8px;
    }

    .product--layout--full .product__info-card {
        position: static;
        margin-top: var(--product-gutter);
        padding-top: 24px;
        padding-bottom: 28px;
    }

    [dir=ltr] .product--layout--full .product__info-card {
        padding-left: 24px;
        padding-right: 24px;
    }

    [dir=rtl] .product--layout--full .product__info-card {
        padding-right: 24px;
        padding-left: 24px;
    }

    .product--layout--full .product__info-body {
        padding-top: 0;
        padding-bottom: 16px;
    }

    [dir=ltr] .product--layout--full .product__info-body {
        padding-left: 0px;
        padding-right: 0px;
    }

    [dir=rtl] .product--layout--full .product__info-body {
        padding-right: 0px;
        padding-left: 0px;
    }

    .product--layout--full .product__prices-stock {
        padding-top: 0;
        padding-bottom: 10px;
    }

    [dir=ltr] .product--layout--full .product__prices-stock {
        padding-left: 0px;
        padding-right: 0px;
    }

    [dir=rtl] .product--layout--full .product__prices-stock {
        padding-right: 0px;
        padding-left: 0px;
    }

    .product--layout--full .product__price {
        font-size: 26px;
    }

    .product--layout--full .product__price--old {
        font-size: 16px;
    }

    .product--layout--full .product__meta {
        border-top: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
        padding: 10px 0;
        margin: 8px 0;
    }

    .product--layout--full .product__meta th,
    .product--layout--full .product__meta td {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .product--layout--full .product__meta tr + tr > * {
        border: none;
    }

    .product--layout--full .product__form {
        background: transparent;
        border: none;
        margin-bottom: 16px;
        padding-top: 0;
        padding-bottom: 0;
    }

    [dir=ltr] .product--layout--full .product__form {
        padding-left: 0;
        padding-right: 0;
    }

    [dir=rtl] .product--layout--full .product__form {
        padding-right: 0;
        padding-left: 0;
    }

    .product--layout--full .product__actions {
        padding-top: 0;
        padding-bottom: 0;
    }

    [dir=ltr] .product--layout--full .product__actions {
        padding-left: 0;
        padding-right: 0;
    }

    [dir=rtl] .product--layout--full .product__actions {
        padding-right: 0;
        padding-left: 0;
    }

    .product--layout--full .product__tags-and-share-links {
        border: none;
        padding-top: 20px;
        padding-bottom: 0;
    }

    [dir=ltr] .product--layout--full .product__tags-and-share-links {
        padding-left: 0;
        padding-right: 0;
    }

    [dir=rtl] .product--layout--full .product__tags-and-share-links {
        padding-right: 0;
        padding-left: 0;
    }

    .product--layout--full .product-gallery[data-layout="product-full"] .product-gallery__zoom {
        top: -15px;
    }

    [dir=ltr] .product--layout--full .product-gallery[data-layout="product-full"] .product-gallery__zoom {
        right: -15px;
    }

    [dir=rtl] .product--layout--full .product-gallery[data-layout="product-full"] .product-gallery__zoom {
        left: -15px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {

    .product--layout--full .product__meta table,
    .product--layout--full .product__meta th,
    .product--layout--full .product__meta td {
        display: block;
    }

    .product--layout--full .product__meta tbody {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .product--layout--full .product__meta tr,
    .product--layout--full .product__meta th {
        width: calc(50% - 10px);
    }

    .product--layout--full .product__meta tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    [dir=ltr] .product--layout--full .product__meta tr:nth-child(2n) {
        margin-left: 20px;
    }

    [dir=rtl] .product--layout--full .product__meta tr:nth-child(2n) {
        margin-right: 20px;
    }
}

@media (max-width: 767.98px) {
    .product--layout--full .product__body {
        grid-template-columns: 100%;
        grid-template-rows: auto;
    }

    .product--layout--full .product__header {
        grid-column: 1;
        grid-row: 1;
    }

    .product--layout--full .product__gallery {
        grid-column: 1;
        grid-row: 2;
    }

    .product--layout--full .product__card--two {
        grid-column: 1;
        grid-row: 3 / 5;
    }

    .product--layout--full .product__main {
        grid-column: 1;
        grid-row: 3;
    }

    .product--layout--full .product__info {
        grid-column: 1;
        grid-row: 4;
    }

    .product--layout--full .product__tabs {
        grid-column: 1;
        grid-row: 5;
    }

    .product--layout--full .product__card--one {
        display: none;
    }

    .product--layout--full .product__card--two {
        display: block;
    }

    .product--layout--full .product__header {
        background-color: #fff;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        padding-top: 24px;
        padding-bottom: 22px;
    }

    [dir=ltr] .product--layout--full .product__header {
        padding-left: 24px;
        padding-right: 24px;
    }

    [dir=rtl] .product--layout--full .product__header {
        padding-right: 24px;
        padding-left: 24px;
    }

    .product--layout--full .product__title {
        font-size: 22px;
        line-height: 28px;
    }

    .product--layout--full .product__subtitle {
        padding-top: 8px;
    }

    .product--layout--full .product__body {
        width: 100%;
    }

    .product--layout--full .product__gallery {
        background-color: #fff;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        --product-gallery-image-max-width: 360px;
        width: 100%;
    }

    .product--layout--full .product__main,
    .product--layout--full .product__card--two {
        margin-top: var(--product-gutter);
    }

    .product--layout--full .product__main {
        padding-top: 24px;
        padding-bottom: 18px;
    }

    [dir=ltr] .product--layout--full .product__main {
        padding-left: 24px;
        padding-right: 24px;
    }

    [dir=rtl] .product--layout--full .product__main {
        padding-right: 24px;
        padding-left: 24px;
    }

    .product--layout--full .product__excerpt {
        padding-bottom: 0;
    }

    .product--layout--full .product__info {
        width: 100%;
    }

    [dir=ltr] .product--layout--full .product__info {
        margin-left: 0;
    }

    [dir=rtl] .product--layout--full .product__info {
        margin-right: 0;
    }

    .product--layout--full .product__info-card {
        margin-top: 0;
        padding-top: 0;
    }

    .product--layout--full .product__actions {
        margin-bottom: -6px;
    }

    .product--layout--full .product__actions-item--addtocart {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

    .product--layout--full .product__actions-divider {
        height: 10px;
    }

    .product--layout--full .product__actions-item--wishlist,
    .product--layout--full .product__actions-item--compare {
        width: auto;
        margin-top: 2px;
        margin-bottom: -2px;
    }
}

/*
// .product-card
*/
.product-card {
    background-color: white;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    width: 100%;
}

.product-card .product-card__action {
    position: relative;
    display: block;
    padding: 8px;
    margin: 0;
    border: none;
    -webkit-transition: color .08s,
    background .08s;
    transition: color .08s,
    background .08s;
    background-color: #fff;
    color: #ccc;
    border-top-right-radius: 5px;
}

.product-card .product-card__action:hover {
    background-color: #f2f2f2;
    color: #4d4d4d;
}

.product-card .product-card__action:active {
    background-color: #ebebeb;
    color: #4d4d4d;
}

.product-card .product-card__action svg {
    fill: currentColor;
    display: block;
}

.product-card .product-card__action:focus {
    outline: none;
}

.product-card .product-card__action:active {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

[dir=ltr] .product-card .product-card__action:last-child {
    border-bottom-left-radius: 2px;
}

[dir=rtl] .product-card .product-card__action:last-child {
    border-bottom-right-radius: 2px;
}

.product-card .product-card__action--loading,
.product-card .product-card__action--loading:hover {
    cursor: default;
    background: transparent;
    color: transparent;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.product-card .product-card__action--loading:before {
    left: calc(50% - 8px);
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
    border-radius: 8px;
    border-width: 2px;
    border-color: rgba(0, 0, 0, 0.1);
    border-top-color: rgba(0, 0, 0, 0.5);
    border-style: solid;
    -webkit-animation-name: loader-animation;
    animation-name: loader-animation;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    display: block;
    content: '';
}

.product-card .product-card__image {
    display: block;
    position: relative;
}

.product-card .product-card__rating {
    color: #6c757d;
    font-size: .8125rem;
}

.product-card .product-card__features {
    color: #6c757d;
    font-size: 13px;
    line-height: 21px;
}

.product-card .product-card__features ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-card .product-card__features li {
    position: relative;
}

[dir=ltr] .product-card .product-card__features li {
    padding-left: 12px;
}

[dir=rtl] .product-card .product-card__features li {
    padding-right: 12px;
}

.product-card .product-card__features li:before {
    display: block;
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 1.5px;
    background: currentColor;
    top: 9px;
    opacity: .7;
}

[dir=ltr] .product-card .product-card__features li:before {
    left: 3px;
}

[dir=rtl] .product-card .product-card__features li:before {
    right: 3px;
}

.product-card .product-card__meta {
    font-size: 12px;
    line-height: 1;
    color: #999;
}

.product-card .product-card__prices {
    font-weight: 500;
    letter-spacing: -.04em;
    line-height: 1;
    color: #262626;
}

.product-card .product-card__price--new {
    color: #262626;
}

.product-card .product-card__price--old,
.product__all_price .product-card__price--old {
    font-weight: 400;
    text-decoration: line-through;
}

.product__all_price .product-card__price--old {
    text-align: center !important;
    line-height: 30px !important;
    margin-bottom: 25px !important;
    font-size: 20px;
    color: grey;
}

.priceProductWrapper {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.product-card .product-card__addtocart-full {
    background: #F7943D;
    color: #fff;
    border: none;
    border-radius: 2px;
    font-weight: 500;
    -webkit-transition: background-color .15s,
    color .15s;
    transition: background-color .15s,
    color .15s;
}

.product-card .product-card__addtocart-full:focus {
    outline: none;
}

.product-card .product-card__addtocart-full:hover {
    background: #333;
    color: #fff;
}

.product-card .product-card__addtocart-full:active {
    background: #4d4d4d;
    color: #fff;
}

.product-card .product-card__wishlist,
.product-card .product-card__compare {
    border: none;
    background: transparent;
    color: #262626;
    fill: #d9d9d9;
    border-radius: 2px;
    -webkit-transition: background .15s,
    fill .15s;
    transition: background .15s,
    fill .15s;
}

.product-card .product-card__wishlist:focus,
.product-card .product-card__compare:focus {
    outline: none;
}

.product-card .product-card__wishlist:hover,
.product-card .product-card__compare:hover {
    background: #f5f5f5;
    fill: #bfbfbf;
}

.product-card .product-card__wishlist:active,
.product-card .product-card__compare:active {
    background: #f0f0f0;
    fill: #b3b3b3;
}

.product-card .product-card__addtocart-icon {
    position: relative;
    border: none;
    padding: 8px;
    border-radius: 2px;
    background: white;
    color: #ccc;
    z-index: 0;
    -webkit-transition: color .2s;
    transition: color .2s;
}

.bottomFooterWrapper {
    position: relative;
    margin-top: -6px;
}

.product-card .product-card__addtocart-icon svg {
    display: block;
    fill: currentColor;

}

.product-card .product-card__addtocart-icon:before {
    top: -2px;
    left: -2px;
    display: block;
    content: '';
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: transparent;
    z-index: -1;

    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: background .2s,
    -webkit-transform .2s;
    transition: background .2s,
    -webkit-transform .2s;
    transition: transform .2s,
    background .2s;
    transition: transform .2s,
    background .2s,
    -webkit-transform .2s;
}

.product-card .product-card__addtocart-icon:focus {
    outline: none;
}

.product-card:hover .product-card__addtocart-icon,
.product-card:active .product-card__addtocart-icon {
    color: #fff;
}

.product-card:hover .product-card__addtocart-icon:before,
.product-card:active .product-card__addtocart-icon:before {
}

.product-card:hover .product-card__addtocart-icon:hover,
.product-card:active .product-card__addtocart-icon:hover {
    color: #fff;
}

.product-card:hover .product-card__addtocart-icon:hover:before,
.product-card:active .product-card__addtocart-icon:hover:before {
    background: #333;
}

.product-card:hover .product-card__addtocart-icon:active,
.product-card:active .product-card__addtocart-icon:active {
    color: #fff;
}

.product-card:hover .product-card__addtocart-icon:active:before,
.product-card:active .product-card__addtocart-icon:active:before {
    -webkit-transition-duration: .05s;
    transition-duration: .05s;
    background: #4d4d4d;
}

.product-card--layout--grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.product-card--layout--grid .product-card__addtocart-full,
.product-card--layout--grid .product-card__wishlist,
.product-card--layout--grid .product-card__compare {
    display: none;
}

.product-card--layout--grid:after {
    display: block;
    position: static;
    content: '';
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.product-card--layout--grid .product-card__badges {
    position: absolute;
    top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

[dir=ltr] .product-card--layout--grid .product-card__badges {
    left: 16px;
}

[dir=rtl] .product-card--layout--grid .product-card__badges {
    right: 16px;
}

.product-card--layout--grid .product-card__badges > * + * {
    margin-top: 3px;
}

.product-card--layout--grid .product-card__actions-list {
    position: absolute;
    overflow: hidden;
    z-index: 1;
}

[dir=ltr] .product-card--layout--grid .product-card__actions-list {
    right: 0;
}

[dir=rtl] .product-card--layout--grid .product-card__actions-list {
    left: 0;
}

.product-card--layout--grid .product-card__image {
    display: block;
    position: relative;
}

.product-card--layout--grid .product-card__fit {
    position: absolute;
    bottom: 8px;
}

.product-card--layout--grid .product-card__fit .status-badge__text {
    display: none;
}

.product-card--layout--grid .product-card__fit .status-badge__tooltip {
    display: block;
}

[dir=ltr] .product-card--layout--grid .product-card__fit {
    left: calc(16px - 3px);
}

[dir=rtl] .product-card--layout--grid .product-card__fit {
    right: calc(16px - 3px);
}

.product-card--layout--grid .product-card__meta {
    padding: 6px 16px;
}

.product-card--layout--grid .product-card__name {
    line-height: 1.1875;
    margin-bottom: 45px;
    height: 35px;
}

.product-card--layout--grid .product-card__rating {
    margin: -3px 0 -2px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

}

.product-card--layout--grid .product-card__rating-stars,
.product-card--layout--grid .product-card__rating-label {
    margin: 3px 0 2px 0;
}

[dir=ltr] .product-card--layout--grid .product-card__rating-stars {
    margin-right: 7px;
}

[dir=rtl] .product-card--layout--grid .product-card__rating-stars {
    margin-left: 7px;
}

.product-card--layout--grid .product-card__rating-label {
    line-height: 1;
}

.product-card--layout--grid .product-card__features {
    padding: 10px 16px 0;
    margin-bottom: -2px;
    display: none;
}

.product-card--layout--grid .product-card__footer {
    padding: 16px;
    border-radius: 0px 0px 6px 6px;
}

.product-card--layout--grid .product-card__prices {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-card--layout--grid .product-card__price--old {
    font-size: 14px;
}

[dir=ltr] .product-card--layout--grid .product-card__price--old {
    margin-left: 6px;
}

[dir=rtl] .product-card--layout--grid .product-card__price--old {
    margin-right: 6px;
}

.product-card--layout--grid .product-card__addtocart-icon {

}

@media (hover: hover) {

    .product-card--layout--grid .product-card__action--wishlist,
    .product-card--layout--grid .product-card__action--compare {
        -webkit-transition: opacity 0.2s, color 0.12s, background 0.12s, -webkit-transform 0.2s;
        transition: opacity 0.2s, color 0.12s, background 0.12s, -webkit-transform 0.2s;
        transition: transform 0.2s, opacity 0.2s, color 0.12s, background 0.12s;
        transition: transform 0.2s, opacity 0.2s, color 0.12s, background 0.12s, -webkit-transform 0.2s;
        opacity: 0;
        will-change: transform;
    }

    [dir=ltr] .product-card--layout--grid .product-card__action--wishlist,
    [dir=ltr] .product-card--layout--grid .product-card__action--compare {
        -webkit-transform: translateX(100%) translateX(6px);
        transform: translateX(100%) translateX(6px);
    }

    [dir=rtl] .product-card--layout--grid .product-card__action--wishlist,
    [dir=rtl] .product-card--layout--grid .product-card__action--compare {
        -webkit-transform: translateX(-100%) translateX(6px);
        transform: translateX(-100%) translateX(6px);
    }

    .product-card--layout--grid:hover .product-card__action--wishlist,
    .product-card--layout--grid:hover .product-card__action--compare,
    .product-card--layout--grid:active .product-card__action--wishlist,
    .product-card--layout--grid:active .product-card__action--compare {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.product-card--layout--horizontal {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-card--layout--horizontal .product-card__action--wishlist,
.product-card--layout--horizontal .product-card__action--compare,
.product-card--layout--horizontal .product-card__features,
.product-card--layout--horizontal .product-card__addtocart-icon,
.product-card--layout--horizontal .product-card__addtocart-full,
.product-card--layout--horizontal .product-card__wishlist,
.product-card--layout--horizontal .product-card__compare,
.product-card--layout--horizontal .product-card__meta,
.product-card--layout--horizontal .product-card__fit {
    display: none;
}

.product-card--layout--horizontal .product-card__image {
    padding: 8px 10px;
    width: 112px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.product-card--layout--horizontal .product-card__badges {
    position: absolute;
    top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

[dir=ltr] .product-card--layout--horizontal .product-card__badges {
    left: 10px;
}

[dir=rtl] .product-card--layout--horizontal .product-card__badges {
    right: 10px;
}

.product-card--layout--horizontal .product-card__badges > * + * {
    margin-top: 3px;
}

.product-card--layout--horizontal .tag-badge {
    height: 16px;
    padding: 3px 11px 0;
}

.product-card--layout--horizontal .tag-badge:before {
    left: 3px;
    right: 3px;
}

[dir=ltr] .product-card--layout--horizontal .tag-badge:before {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
}

[dir=rtl] .product-card--layout--horizontal .tag-badge:before {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
}

.product-card--layout--horizontal .product-card__actions-list {
    position: absolute;
}

[dir=ltr] .product-card--layout--horizontal .product-card__actions-list {
    right: 0;
}

[dir=rtl] .product-card--layout--horizontal .product-card__actions-list {
    left: 0;
}

.product-card--layout--horizontal .product-card__info {
    padding-top: 12px;
    padding-bottom: 40px;
}

[dir=ltr] .product-card--layout--horizontal .product-card__info {
    padding-right: 10px;
}

[dir=rtl] .product-card--layout--horizontal .product-card__info {
    padding-left: 10px;
}

.product-card--layout--horizontal .product-card__name {
    font-size: 15px;
    line-height: 18px;
    max-height: 36px;
    overflow: hidden;
}

[dir=ltr] .product-card--layout--horizontal .product-card__name {
    padding-right: 26px;
}

[dir=rtl] .product-card--layout--horizontal .product-card__name {
    padding-left: 26px;
}

.product-card--layout--horizontal .product-card__rating {
    margin: -3px 0 -2px 0;
    padding-top: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-card--layout--horizontal .product-card__rating-stars,
.product-card--layout--horizontal .product-card__rating-label {
    margin: 3px 0 2px 0;
}

[dir=ltr] .product-card--layout--horizontal .product-card__rating-stars {
    margin-right: 7px;
}

[dir=rtl] .product-card--layout--horizontal .product-card__rating-stars {
    margin-left: 7px;
}

.product-card--layout--horizontal .product-card__rating-label {
    line-height: 1;
}

.product-card--layout--horizontal .product-card__prices {
    position: absolute;
    bottom: 14px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

[dir=ltr] .product-card--layout--horizontal .product-card__prices {
    left: 112px;
}

[dir=rtl] .product-card--layout--horizontal .product-card__prices {
    right: 112px;
}

.product-card--layout--horizontal .product-card__price--old {
    font-size: 14px;
}

[dir=ltr] .product-card--layout--horizontal .product-card__price--old {
    margin-left: 6px;
}

[dir=rtl] .product-card--layout--horizontal .product-card__price--old {
    margin-right: 6px;
}

/*
// .product-form
*/
.product-form__row + .product-form__row {
    margin-top: 12px;
}

.product-form__title {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    color: #6c7177;
    margin-bottom: 4px;
}

/*
// .product-gallery
*/
.product-gallery__featured {
    position: relative;
}

.product-gallery__featured .owl-carousel a {
    display: block;
}

.product-gallery__featured .image {
    max-width: 420px;
    margin: 0 auto;
}

.product-gallery__zoom {
    display: var(--product-gallery-zoom-display, block);
    top: 0;
    position: absolute;
    padding: 9px;
    margin: 0;
    border: none;
    border-radius: 21px;
    fill: currentColor;
    z-index: 2;
    -webkit-transition: background .15s,
    color .15s;
    transition: background .15s,
    color .15s;
    background-color: #fff;
    color: #ccc;
}

.product-gallery__zoom:hover {
    background-color: #f2f2f2;
    color: #999;
}

.product-gallery__zoom:active {
    background-color: #ebebeb;
    color: #808080;
}

[dir=ltr] .product-gallery__zoom {
    right: -21px;
}

[dir=rtl] .product-gallery__zoom {
    left: -21px;
}

.product-gallery__zoom:focus {
    outline: none;
}

.product-gallery__zoom svg {
    display: block;
}

.product-gallery__thumbnails .owl-stage {
    margin: 0 auto;
}

.product-gallery__thumbnails-item {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 1.5px;
    padding: 2px;
    cursor: pointer;
}

.product-gallery__thumbnails-item:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 0 2px #f2f2f2 inset;
    box-shadow: 0 0 0 2px #f2f2f2 inset;
    -webkit-transition: -webkit-box-shadow .12s;
    transition: -webkit-box-shadow .12s;
    transition: box-shadow .12s;
    transition: box-shadow .12s, -webkit-box-shadow .12s;
}

[dir=ltr] .product-gallery__thumbnails-item:before {
    left: 0;
}

[dir=rtl] .product-gallery__thumbnails-item:before {
    right: 0;
}

.product-gallery__thumbnails-item:hover:before {
    -webkit-box-shadow: 0 0 0 2px #e0e0e0 inset;
    box-shadow: 0 0 0 2px #e0e0e0 inset;
}

.product-gallery__thumbnails-item--active {
    cursor: default;
}

.product-gallery__thumbnails-item--active:before,
.product-gallery__thumbnails-item--active:hover:before {
    -webkit-box-shadow: 0 0 0 2px #F7943D inset;
    box-shadow: 0 0 0 2px #F7943D inset;
}

.product-gallery--layout--quickview .product-gallery__featured .image {
    width: 320px;
    max-width: 100%;
}

.product-gallery--layout--quickview .product-gallery__zoom {
    display: none;
}

.product-gallery--layout--product-sidebar .product-gallery__featured .image {
    max-width: var(--product-gallery-image-max-width, 100%);
}

.product-gallery--layout--product-full .product-gallery__featured .image {
    max-width: var(--product-gallery-image-max-width, 100%);
}

.product-gallery--layout--product-full .product-gallery__zoom {
    top: 0;
}

[dir=ltr] .product-gallery--layout--product-full .product-gallery__zoom {
    right: 0;
}

[dir=rtl] .product-gallery--layout--product-full .product-gallery__zoom {
    left: 0;
}

/*
// .product-tabs
*/
.product-tabs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0 0 -1px;
    list-style: none;
    overflow-x: auto;
}

.product-tabs__content {
    border-top: 1px solid #ebebeb;
}

.product-tabs__item {
    position: relative;
}

.product-tabs__item a {
    font-size: 16px;
    font-weight: 500;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 14px 18px 13px;
    -webkit-transition: background .12s,
    -webkit-box-shadow .12s;
    transition: background .12s,
    -webkit-box-shadow .12s;
    transition: background .12s,
    box-shadow .12s;
    transition: background .12s,
    box-shadow .12s,
    -webkit-box-shadow .12s;
}

.product-tabs__item a:hover {
    background: #f7f7f7;
    -webkit-box-shadow: 0 -1px #e5e5e5 inset;
    box-shadow: 0 -1px #e5e5e5 inset;
}

.product-tabs__item a:active {
    background: #f2f2f2;
    -webkit-box-shadow: 0 -1px #e0e0e0 inset;
    box-shadow: 0 -1px #e0e0e0 inset;
}

[dir=ltr] .product-tabs__item:first-child {
    margin-left: auto;
}

[dir=rtl] .product-tabs__item:first-child {
    margin-right: auto;
}

[dir=ltr] .product-tabs__item:last-child {
    margin-right: auto;
}

[dir=rtl] .product-tabs__item:last-child {
    margin-left: auto;
}

.product-tabs__item-counter {
    color: #F7943D;
    font-size: 14px;
    top: -4px;
    position: relative;
}

[dir=ltr] .product-tabs__item-counter {
    margin-left: 3px;
    margin-right: -3px;
}

[dir=rtl] .product-tabs__item-counter {
    margin-right: 3px;
    margin-left: -3px;
}

.product-tabs__item--active a,
.product-tabs__item--active a:hover,
.product-tabs__item--active a:active {
    background: transparent;
    -webkit-box-shadow: 0 -2px #F7943D inset;
    box-shadow: 0 -2px #F7943D inset;
}

.product-tabs__pane {
    display: block;
    overflow: hidden;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

.product-tabs__pane--active {
    padding: 42px 48px 48px;
    overflow: visible;
    height: auto;
    opacity: 1;
    max-width: calc(100% - .001px);
}

.product-tabs--layout--full .product-tabs__pane--active {
    padding: 48px;
}

@media (max-width: 991.98px) {
    .product-tabs--layout--full .product-tabs__pane--active {
        padding: 40px 44px 44px;
    }
}

@media (max-width: 767.98px) {
    .product-tabs--layout--full .product-tabs__pane--active {
        padding: 24px 28px 28px;
    }
}

@media (max-width: 419px) {
    .product-tabs--layout--full .product-tabs__pane--active {
        padding: 20px 24px 24px;
    }
}

@media (min-width: 1400px) {
    .product-tabs--layout--sidebar .product-tabs__pane--active {
        padding: 36px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .product-tabs--layout--sidebar .product-tabs__pane--active {
        padding: 48px;
    }
}

@media (max-width: 1199.98px) {
    .product-tabs--layout--sidebar .product-tabs__pane--active {
        padding: 36px;
    }
}

@media (max-width: 767.98px) {
    .product-tabs--layout--sidebar .product-tabs__pane--active {
        padding: 28px;
    }
}

@media (max-width: 419px) {
    .product-tabs--layout--sidebar .product-tabs__pane--active {
        padding: 24px;
    }
}

/*
// .products-list
*/
.products-list__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.products-list__content + .products-list__content {
    margin-top: 10px;
}

.products-list__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px !important;
    position: relative;
}

.block-products-carousel__column,
.products-list__item .products-list__item .product-card {
    width: 100%;
}

.products-list[data-layout="grid"] .product-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    border-radius: 6px;
}

.products-list[data-layout="grid"] .product-card .product-card__addtocart-full,
.products-list[data-layout="grid"] .product-card .product-card__wishlist,
.products-list[data-layout="grid"] .product-card .product-card__compare {
    display: none;
}

.products-list[data-layout="grid"] .product-card:after {
    display: block;
    position: static;
    content: '';
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.products-list[data-layout="grid"] .product-card .product-card__badges {
    position: absolute;
    top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

[dir=ltr] .products-list[data-layout="grid"] .product-card .product-card__badges {
    left: 16px;
}

[dir=rtl] .products-list[data-layout="grid"] .product-card .product-card__badges {
    right: 16px;
}

.products-list[data-layout="grid"] .product-card .product-card__badges > * + * {
    margin-top: 3px;
}

.products-list[data-layout="grid"] .product-card .product-card__actions-list {
    position: absolute;
    overflow: hidden;
    z-index: 1;
}

[dir=ltr] .products-list[data-layout="grid"] .product-card .product-card__actions-list {
    right: 0;
}

[dir=rtl] .products-list[data-layout="grid"] .product-card .product-card__actions-list {
    left: 0;
}

.products-list[data-layout="grid"] .product-card .product-card__image {
    display: block;
    position: relative;
}

.products-list[data-layout="grid"] .product-card .product-card__fit {
    position: absolute;
    bottom: 8px;
}

.products-list[data-layout="grid"] .product-card .product-card__fit .status-badge__text {
    display: none;
}

.products-list[data-layout="grid"] .product-card .product-card__fit .status-badge__tooltip {
    display: block;
}

[dir=ltr] .products-list[data-layout="grid"] .product-card .product-card__fit {
    left: calc(16px - 3px);
}

[dir=rtl] .products-list[data-layout="grid"] .product-card .product-card__fit {
    right: calc(16px - 3px);
}

.products-list[data-layout="grid"] .product-card .product-card__meta {
    padding: 6px 16px;
}

.products-list[data-layout="grid"] .product-card .product-card__name {
    padding: 0 16px;
    line-height: 1.1875;
    margin-top: 15px;
    margin-bottom: 6px;
}

.products-list[data-layout="grid"] .product-card .product-card__rating {
    margin: -3px 0 -2px 0;
    padding: 8px 16px 0;

}

.products-list[data-layout="grid"] .product-card .product-card__rating-stars,
.products-list[data-layout="grid"] .product-card .product-card__rating-label {
    margin: 3px 0 2px 0;
}

[dir=ltr] .products-list[data-layout="grid"] .product-card .product-card__rating-stars {
    margin-right: 7px;
}

[dir=rtl] .products-list[data-layout="grid"] .product-card .product-card__rating-stars {
    margin-left: 7px;
}

.products-list[data-layout="grid"] .product-card .product-card__rating-label {
    line-height: 1;
}

.products-list[data-layout="grid"] .product-card .product-card__features {
    padding: 10px 16px 0;
    margin-bottom: -2px;
    display: none;
}

.products-list[data-layout="grid"] .product-card .product-card__footer {
    padding: 16px;
    order: 2;
}

.products-list[data-layout="grid"] .product-card .product-card__prices {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.products-list[data-layout="grid"] .product-card .product-card__price--old {
    font-size: 14px;
}

[dir=ltr] .products-list[data-layout="grid"] .product-card .product-card__price--old {
    margin-left: 6px;
}

[dir=rtl] .products-list[data-layout="grid"] .product-card .product-card__price--old {
    margin-right: 6px;
}

.products-list[data-layout="grid"] .product-card .product-card__addtocart-icon {
    margin: -3px;
}

@media (hover: hover) {

    .products-list[data-layout="grid"] .product-card .product-card__action--wishlist,
    .products-list[data-layout="grid"] .product-card .product-card__action--compare {
        -webkit-transition: opacity 0.2s, color 0.12s, background 0.12s, -webkit-transform 0.2s;
        transition: opacity 0.2s, color 0.12s, background 0.12s, -webkit-transform 0.2s;
        transition: transform 0.2s, opacity 0.2s, color 0.12s, background 0.12s;
        transition: transform 0.2s, opacity 0.2s, color 0.12s, background 0.12s, -webkit-transform 0.2s;
        opacity: 0;
        will-change: transform;
    }

    [dir=ltr] .products-list[data-layout="grid"] .product-card .product-card__action--wishlist,
    [dir=ltr] .products-list[data-layout="grid"] .product-card .product-card__action--compare {
        -webkit-transform: translateX(100%) translateX(6px);
        transform: translateX(100%) translateX(6px);
    }

    [dir=rtl] .products-list[data-layout="grid"] .product-card .product-card__action--wishlist,
    [dir=rtl] .products-list[data-layout="grid"] .product-card .product-card__action--compare {
        -webkit-transform: translateX(-100%) translateX(6px);
        transform: translateX(-100%) translateX(6px);
    }

    .products-list[data-layout="grid"] .product-card:hover .product-card__action--wishlist,
    .products-list[data-layout="grid"] .product-card:hover .product-card__action--compare,
    .products-list[data-layout="grid"] .product-card:active .product-card__action--wishlist,
    .products-list[data-layout="grid"] .product-card:active .product-card__action--compare {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.products-list--grid--3[data-layout="grid"] .products-list__content {
    margin: -10px;
}

.products-list--grid--3[data-layout="grid"] .products-list__item {
    margin: 10px;
    width: calc((100% - 60px) / 3);
}

.products-list--grid--3[data-layout="grid"] .products-list__head {
    display: none;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .products-list--grid--3[data-layout="grid"] .products-list__content {
        margin: -8px;
    }

    .products-list--grid--3[data-layout="grid"] .products-list__item {
        margin: 8px;
        width: calc((100% - 48px) / 3);
    }
}

@media (min-width: 420px) and (max-width: 767px) {
    .products-list--grid--3[data-layout="grid"] .products-list__content {
        margin: -8px;
    }

    .products-list--grid--3[data-layout="grid"] .products-list__item {
        margin: 8px;
        width: calc((100% - 32px) / 2);
    }
}

@media (max-width: 419px) {
    .products-list--grid--3[data-layout="grid"] .products-list__content {
        margin: -8px;
    }

    .products-list--grid--3[data-layout="grid"] .products-list__item {
        margin: 8px;
        width: calc((100% - 16px) / 1);
    }
}

.products-list--grid--4[data-layout="grid"] .products-list__content {
    margin: -10px;
}

.products-list--grid--4[data-layout="grid"] .products-list__item {
    margin: 10px;
    width: calc((100% - 80px) / 4);
}

.products-list--grid--4[data-layout="grid"] .products-list__head {
    display: none;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .products-list--grid--4[data-layout="grid"] .products-list__content {
        margin: -8px;
    }

    .products-list--grid--4[data-layout="grid"] .products-list__item {
        margin: 8px;
        width: calc((100% - 48px) / 3);
    }
}

@media (min-width: 420px) and (max-width: 767px) {
    .products-list--grid--4[data-layout="grid"] .products-list__content {
        margin: -8px;
    }

    .products-list--grid--4[data-layout="grid"] .products-list__item {
        margin: 8px;
        width: calc((100% - 32px) / 2);
    }
}

@media (max-width: 419px) {
    .products-list--grid--4[data-layout="grid"] .products-list__content {
        margin: -8px;
    }

    .products-list--grid--4[data-layout="grid"] .products-list__item {
        margin: 8px;
        width: calc((100% - 16px) / 1);
    }
}

.products-list--grid--5[data-layout="grid"] .products-list__content {
    margin: -10px;
}

.products-list--grid--5[data-layout="grid"] .products-list__item {
    margin: 10px;
    width: calc((100% - 100px) / 5);
}

.products-list--grid--5[data-layout="grid"] .products-list__head {
    display: none;
}

.products-list--grid--6[data-layout="grid"] .products-list__content {
    margin: -8px;
}

.products-list--grid--6[data-layout="grid"] .products-list__item {
    margin: 8px;
    width: calc((100% - 96px) / 6);
}

.products-list--grid--6[data-layout="grid"] .products-list__head {
    display: none;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .products-list--grid--6[data-layout="grid"] .products-list__content {
        margin: -10px;
    }

    .products-list--grid--6[data-layout="grid"] .products-list__item {
        margin: 10px;
        width: calc((100% - 100px) / 5);
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .products-list--grid--6[data-layout="grid"] .products-list__content {
        margin: -10px;
    }

    .products-list--grid--6[data-layout="grid"] .products-list__item {
        margin: 10px;
        width: calc((100% - 80px) / 4);
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .products-list--grid--6[data-layout="grid"] .products-list__content {
        margin: -8px;
    }

    .products-list--grid--6[data-layout="grid"] .products-list__item {
        margin: 8px;
        width: calc((100% - 48px) / 3);
    }
}

@media (min-width: 420px) and (max-width: 767px) {
    .products-list--grid--6[data-layout="grid"] .products-list__content {
        margin: -8px;
    }

    .products-list--grid--6[data-layout="grid"] .products-list__item {
        margin: 8px;
        width: calc((100% - 32px) / 2);
    }
}

@media (max-width: 419px) {
    .products-list--grid--6[data-layout="grid"] .products-list__content {
        margin: -8px;
    }

    .products-list--grid--6[data-layout="grid"] .products-list__item {
        margin: 8px;
        width: calc((100% - 16px) / 1);
    }
}

.products-list[data-with-features="true"] .product-card .product-card__features {
    display: block;
}

.products-list[data-layout="list"] .products-list__content {
    margin: -10px;
}

.products-list[data-layout="list"] .products-list__item {
    margin: 10px;
    width: calc((100% - 20px) / 1);
}

.products-list[data-layout="list"] .products-list__head {
    display: none;
}

.products-list[data-layout="list"] .product-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.products-list[data-layout="list"] .product-card .product-card__addtocart-icon,
.products-list[data-layout="list"] .product-card .product-card__action--wishlist,
.products-list[data-layout="list"] .product-card .product-card__action--compare {
    display: none;
}

.products-list[data-layout="list"] .product-card .product-card__image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.products-list[data-layout="list"] .product-card .product-card__badges {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.products-list[data-layout="list"] .product-card .product-card__badges > * + * {
    margin-top: 3px;
}

.products-list[data-layout="list"] .product-card .product-card__actions-list {
    position: absolute;
    overflow: hidden;
    z-index: 1;
}

[dir=ltr] .products-list[data-layout="list"] .product-card .product-card__actions-list {
    right: 0;
}

[dir=rtl] .products-list[data-layout="list"] .product-card .product-card__actions-list {
    left: 0;
}

.products-list[data-layout="list"] .product-card .product-card__rating {
    margin: -3px 0 -2px 0;
    padding: 8px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.products-list[data-layout="list"] .product-card .product-card__rating-stars,
.products-list[data-layout="list"] .product-card .product-card__rating-label {
    margin: 3px 0 2px 0;
}

[dir=ltr] .products-list[data-layout="list"] .product-card .product-card__rating-stars {
    margin-right: 7px;
}

[dir=rtl] .products-list[data-layout="list"] .product-card .product-card__rating-stars {
    margin-left: 7px;
}

.products-list[data-layout="list"] .product-card .product-card__rating-label {
    line-height: 1;
}

.products-list[data-layout="list"] .product-card .product-card__fit .status-badge__text {
    display: block;
}

.products-list[data-layout="list"] .product-card .product-card__fit .status-badge__tooltip {
    display: none;
}

@media (min-width: 768px) {
    .products-list[data-layout="list"] .product-card .product-card__image {
        padding: 16px 24px;
        width: 260px;
    }

    .products-list[data-layout="list"] .product-card .product-card__badges {
        top: 16px;
    }

    [dir=ltr] .products-list[data-layout="list"] .product-card .product-card__badges {
        left: 16px;
    }

    [dir=rtl] .products-list[data-layout="list"] .product-card .product-card__badges {
        right: 16px;
    }

    .products-list[data-layout="list"] .product-card .product-card__fit {
        position: absolute;
        bottom: 24px;
    }

    [dir=ltr] .products-list[data-layout="list"] .product-card .product-card__fit {
        left: 258px;
    }

    [dir=rtl] .products-list[data-layout="list"] .product-card .product-card__fit {
        right: 258px;
    }

    .products-list[data-layout="list"] .product-card .product-card__info {
        padding-top: 20px;
        padding-bottom: 57px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    [dir=ltr] .products-list[data-layout="list"] .product-card .product-card__info {
        padding-left: 0;
        padding-right: 20px;
    }

    [dir=rtl] .products-list[data-layout="list"] .product-card .product-card__info {
        padding-right: 0;
        padding-left: 20px;
    }

    .products-list[data-layout="list"] .product-card .product-card__meta {
        position: absolute;
        bottom: 0;
        padding: 0;
        height: 38px;
        line-height: 36px;
        border-top: 1px solid #ebebeb;
        text-align: center;
        width: 180px;
    }

    [dir=ltr] .products-list[data-layout="list"] .product-card .product-card__meta {
        right: 20px;
    }

    [dir=rtl] .products-list[data-layout="list"] .product-card .product-card__meta {
        left: 20px;
    }

    .products-list[data-layout="list"] .product-card .product-card__name {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
    }

    .products-list[data-layout="list"] .product-card .product-card__features {
        font-size: 14px;
        padding-top: 10px;
    }

    .products-list[data-layout="list"] .product-card .product-card__features li + li {
        margin-top: 2px;
    }

    .products-list[data-layout="list"] .product-card .product-card__footer {
        width: 220px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 22px 49px;
    }

    [dir=ltr] .products-list[data-layout="list"] .product-card .product-card__footer {
        border-left: 1px solid #ebebeb;
    }

    [dir=rtl] .products-list[data-layout="list"] .product-card .product-card__footer {
        border-right: 1px solid #ebebeb;
    }

    .products-list[data-layout="list"] .product-card .product-card__prices {
        padding: 28px 0;
        font-size: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .products-list[data-layout="list"] .product-card .product-card__price--old {
        font-size: 15px;
    }

    [dir=ltr] .products-list[data-layout="list"] .product-card .product-card__price--old {
        margin-left: 6px;
    }

    [dir=rtl] .products-list[data-layout="list"] .product-card .product-card__price--old {
        margin-right: 6px;
    }

    .products-list[data-layout="list"] .product-card .product-card__addtocart-full {
        display: block;
        height: 36px;
        padding: 0 20px;
        width: 100%;
        margin-bottom: 10px;
    }

    .products-list[data-layout="list"] .product-card .product-card__wishlist,
    .products-list[data-layout="list"] .product-card .product-card__compare {
        font-size: 13px;
        line-height: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 7px 10px 5px;
    }

    .products-list[data-layout="list"] .product-card .product-card__wishlist svg,
    .products-list[data-layout="list"] .product-card .product-card__compare svg {
        position: relative;
        top: -1px;
    }

    [dir=ltr] .products-list[data-layout="list"] .product-card .product-card__wishlist svg,
    [dir=ltr] .products-list[data-layout="list"] .product-card .product-card__compare svg {
        margin-right: 8px;
    }

    [dir=rtl] .products-list[data-layout="list"] .product-card .product-card__wishlist svg,
    [dir=rtl] .products-list[data-layout="list"] .product-card .product-card__compare svg {
        margin-left: 8px;
    }

    [dir=ltr] .products-list[data-layout="list"] .product-card .product-card__wishlist svg {
        margin-left: -3px;
        margin-right: 7px;
    }

    [dir=rtl] .products-list[data-layout="list"] .product-card .product-card__wishlist svg {
        margin-right: -3px;
        margin-left: 7px;
    }

    [dir=ltr] .products-list[data-layout="list"] .product-card .product-card__compare svg {
        margin-left: -2px;
    }

    [dir=rtl] .products-list[data-layout="list"] .product-card .product-card__compare svg {
        margin-right: -2px;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .products-list[data-layout="list"] .product-card .product-card__image {
        width: 192px;
        padding-left: 16px;
        padding-right: 16px;
    }

    [dir=ltr] .products-list[data-layout="list"] .product-card .product-card__fit {
        left: 190px;
    }

    [dir=rtl] .products-list[data-layout="list"] .product-card .product-card__fit {
        right: 190px;
    }

    .products-list[data-layout="list"] .product-card .product-card__footer {
        width: 180px;
        padding: 0 16px 49px;
    }

    .products-list[data-layout="list"] .product-card .product-card__prices {
        padding: 24px 0;
    }

    .products-list[data-layout="list"] .product-card .product-card__meta {
        position: absolute;
        bottom: 0;
        width: 148px;
    }

    [dir=ltr] .products-list[data-layout="list"] .product-card .product-card__meta {
        right: 16px;
    }

    [dir=rtl] .products-list[data-layout="list"] .product-card .product-card__meta {
        left: 16px;
    }

    .products-list[data-layout="list"] .product-card .product-card__wishlist,
    .products-list[data-layout="list"] .product-card .product-card__compare {
        margin-top: 1px;
    }
}

@media (max-width: 767.98px) {
    .products-list[data-layout="list"] .product-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .products-list[data-layout="list"] .product-card .product-card__image {
        padding: 20px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }

    .products-list[data-layout="list"] .product-card .product-card__image .image {
        width: 180px;
        max-width: 100%;
    }

    .products-list[data-layout="list"] .product-card .product-card__fit {
        position: absolute;
        bottom: 14px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    [dir=ltr] .products-list[data-layout="list"] .product-card .product-card__fit {
        left: 15px;
        right: 15px;
    }

    [dir=rtl] .products-list[data-layout="list"] .product-card .product-card__fit {
        right: 15px;
        left: 15px;
    }

    .products-list[data-layout="list"] .product-card .product-card__badges {
        top: 16px;
    }

    [dir=ltr] .products-list[data-layout="list"] .product-card .product-card__badges {
        left: 16px;
    }

    [dir=rtl] .products-list[data-layout="list"] .product-card .product-card__badges {
        right: 16px;
    }

    .products-list[data-layout="list"] .product-card .product-card__info {
        padding: 0 20px 20px;
    }

    .products-list[data-layout="list"] .product-card .product-card__features {
        padding-top: 12px;
    }

    .products-list[data-layout="list"] .product-card .product-card__footer {
        border-top: 1px solid #ebebeb;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 58px;
    }

    .products-list[data-layout="list"] .product-card .product-card__prices {
        padding-top: 20px;
        padding-bottom: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .products-list[data-layout="list"] .product-card .product-card__price--old {
        font-size: 15px;
    }

    [dir=ltr] .products-list[data-layout="list"] .product-card .product-card__price--old {
        margin-left: 6px;
    }

    [dir=rtl] .products-list[data-layout="list"] .product-card .product-card__price--old {
        margin-right: 6px;
    }

    .products-list[data-layout="list"] .product-card .product-card__addtocart-full {
        height: 30px;
        padding: 0 16px;
        font-size: 15px;
    }

    [dir=ltr] .products-list[data-layout="list"] .product-card .product-card__addtocart-full {
        margin-right: 8px;
    }

    [dir=rtl] .products-list[data-layout="list"] .product-card .product-card__addtocart-full {
        margin-left: 8px;
    }

    .products-list[data-layout="list"] .product-card .product-card__wishlist,
    .products-list[data-layout="list"] .product-card .product-card__compare {
        height: 30px;
        width: 32px;
        padding: 0;
    }

    [dir=ltr] .products-list[data-layout="list"] .product-card .product-card__wishlist svg,
    [dir=ltr] .products-list[data-layout="list"] .product-card .product-card__compare svg {
        margin-left: 0;
        margin-right: 0;
    }

    [dir=rtl] .products-list[data-layout="list"] .product-card .product-card__wishlist svg,
    [dir=rtl] .products-list[data-layout="list"] .product-card .product-card__compare svg {
        margin-right: 0;
        margin-left: 0;
    }

    .products-list[data-layout="list"] .product-card .product-card__wishlist span,
    .products-list[data-layout="list"] .product-card .product-card__compare span {
        display: none;
    }

    .products-list[data-layout="list"] .product-card .product-card__meta {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0 20px;
        height: 38px;
        line-height: 36px;
        border-top: 1px solid #ebebeb;
    }
}

.products-list[data-layout="table"] .product-card {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.products-list[data-layout="table"] .products-list__item {
    width: 100%;
}

.products-list[data-layout="table"] .products-list__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.products-list[data-layout="table"] .products-list__head:after {
    display: block;
    content: '';
    width: 36px;
    margin: 0 16px;
}

.products-list[data-layout="table"] .products-list__column--image {
    width: 90px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center;
    padding: 0 16px;
}

.products-list[data-layout="table"] .products-list__column--meta {
    width: 140px;
    text-align: center;
    padding: 0 16px;
}

[dir=ltr] .products-list[data-layout="table"] .products-list__column--meta {
    margin-left: 1px;
}

[dir=rtl] .products-list[data-layout="table"] .products-list__column--meta {
    margin-right: 1px;
}

.products-list[data-layout="table"] .products-list__column--product {
    padding: 0 18px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

[dir=ltr] .products-list[data-layout="table"] .products-list__column--product {
    margin-left: 1px;
}

[dir=rtl] .products-list[data-layout="table"] .products-list__column--product {
    margin-right: 1px;
}

.products-list[data-layout="table"] .products-list__column--rating {
    width: 140px;
    text-align: center;
    padding: 0 16px;
}

[dir=ltr] .products-list[data-layout="table"] .products-list__column--rating {
    margin-left: 1px;
}

[dir=rtl] .products-list[data-layout="table"] .products-list__column--rating {
    margin-right: 1px;
}

.products-list[data-layout="table"] .products-list__column--price {
    width: 136px;
    padding: 0 16px;
    margin: 0 1px;
}

[dir=ltr] .products-list[data-layout="table"] .products-list__column--price {
    text-align: right;
}

[dir=rtl] .products-list[data-layout="table"] .products-list__column--price {
    text-align: left;
}

.products-list[data-layout="table"] .product-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.products-list[data-layout="table"] .product-card .product-card__fit,
.products-list[data-layout="table"] .product-card .product-card__features,
.products-list[data-layout="table"] .product-card .product-card__wishlist,
.products-list[data-layout="table"] .product-card .product-card__compare,
.products-list[data-layout="table"] .product-card .product-card__action,
.products-list[data-layout="table"] .product-card .product-card__addtocart-full {
    display: none;
}

.products-list[data-layout="table"] .product-card .product-card__badges {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
}

.products-list[data-layout="table"] .product-card .product-card__badges > * {
    display: inline-block;
    vertical-align: middle;
}

[dir=ltr] .products-list[data-layout="table"] .product-card .product-card__badges {
    left: 0;
    margin-right: 2px;
}

[dir=rtl] .products-list[data-layout="table"] .product-card .product-card__badges {
    right: 0;
    margin-left: 2px;
}

.products-list[data-layout="table"] .product-card .tag-badge {
    padding: 3px 5px;
    height: 15px;
    font-size: 10px;
}

.products-list[data-layout="table"] .product-card .tag-badge:before {
    -webkit-transform: none;
    transform: none;
    border-radius: 1.5px;
}

[dir=ltr] .products-list[data-layout="table"] .product-card .tag-badge:before {
    left: 0;
    right: 0;
}

[dir=rtl] .products-list[data-layout="table"] .product-card .tag-badge:before {
    right: 0;
    left: 0;
}

@media (min-width: 576px) {
    [dir=ltr] .products-list[data-layout="table"] .product-card {
        padding-left: 16px;
        padding-right: 0;
    }

    [dir=rtl] .products-list[data-layout="table"] .product-card {
        padding-right: 16px;
        padding-left: 0;
    }

    .products-list[data-layout="table"] .product-card .product-card__image {
        width: 90px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    [dir=ltr] .products-list[data-layout="table"] .product-card .product-card__image {
        margin-right: 16px;
    }

    [dir=rtl] .products-list[data-layout="table"] .product-card .product-card__image {
        margin-left: 16px;
    }

    .products-list[data-layout="table"] .product-card .product-card__info {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        margin: 16px 0;
    }

    .products-list[data-layout="table"] .product-card .product-card__meta {
        font-size: 13px;
    }

    .products-list[data-layout="table"] .product-card .product-card__meta-title {
        display: none;
    }

    .products-list[data-layout="table"] .product-card .product-card__name {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 15px;
        line-height: 18px;
    }

    .products-list[data-layout="table"] .product-card .product-card__rating {
        padding: 0 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 4px;
    }

    .products-list[data-layout="table"] .product-card .product-card__rating-label {
        margin-top: 3px;
    }

    .products-list[data-layout="table"] .product-card .product-card__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 16px 0;
    }

    [dir=ltr] .products-list[data-layout="table"] .product-card .product-card__footer {
        border-left: 1px solid #ebebeb;
        padding-left: 16px;
    }

    [dir=rtl] .products-list[data-layout="table"] .product-card .product-card__footer {
        border-right: 1px solid #ebebeb;
        padding-right: 16px;
    }

    .products-list[data-layout="table"] .product-card .product-card__prices {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        width: 120px;
        font-size: 15px;
    }

    [dir=ltr] .products-list[data-layout="table"] .product-card .product-card__prices {
        border-right: 1px solid #ebebeb;
        padding-right: 16px;
    }

    [dir=rtl] .products-list[data-layout="table"] .product-card .product-card__prices {
        border-left: 1px solid #ebebeb;
        padding-left: 16px;
    }

    .products-list[data-layout="table"] .product-card .product-card__price--old {
        font-size: 14px;
    }

    [dir=ltr] .products-list[data-layout="table"] .product-card .product-card__price--old {
        margin-left: 6px;
    }

    [dir=rtl] .products-list[data-layout="table"] .product-card .product-card__price--old {
        margin-right: 6px;
    }

    .products-list[data-layout="table"] .product-card .product-card__price--old {
        margin-top: 4px;
    }

    [dir=ltr] .products-list[data-layout="table"] .product-card .product-card__price--old {
        margin-left: 0;
    }

    [dir=rtl] .products-list[data-layout="table"] .product-card .product-card__price--old {
        margin-right: 0;
    }

    .products-list[data-layout="table"] .product-card .product-card__addtocart-icon {
        margin: 0 16px;
    }

    .products-list[data-layout="table"] .product-card .product-card__actions-list {
        padding: 0;
        display: none;
    }
}

@media (min-width: 1200px) {
    .products-list[data-layout="table"] .product-card .product-card__name {
        padding: 0 18px;
    }

    [dir=ltr] .products-list[data-layout="table"] .product-card .product-card__name {
        border-left: 1px solid #ebebeb;
    }

    [dir=rtl] .products-list[data-layout="table"] .product-card .product-card__name {
        border-right: 1px solid #ebebeb;
    }

    .products-list[data-layout="table"] .product-card .product-card__rating {
        width: 140px;
        padding-top: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    [dir=ltr] .products-list[data-layout="table"] .product-card .product-card__rating {
        border-left: 1px solid #ebebeb;
    }

    [dir=rtl] .products-list[data-layout="table"] .product-card .product-card__rating {
        border-right: 1px solid #ebebeb;
    }

    .products-list[data-layout="table"] .product-card .product-card__meta {
        width: 140px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    [dir=ltr] .products-list[data-layout="table"] .product-card .product-card__meta {
        border-left: 1px solid #ebebeb;
    }

    [dir=rtl] .products-list[data-layout="table"] .product-card .product-card__meta {
        border-right: 1px solid #ebebeb;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .products-list[data-layout="table"] .product-card .product-card__image {
        width: 60px;
    }

    [dir=ltr] .products-list[data-layout="table"] .product-card .product-card__image {
        margin-right: 16px;
    }

    [dir=rtl] .products-list[data-layout="table"] .product-card .product-card__image {
        margin-left: 16px;
    }
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .products-list[data-layout="table"] .product-card .product-card__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 16px;
    }

    [dir=ltr] .products-list[data-layout="table"] .product-card .product-card__info {
        border-left: 1px solid #ebebeb;
    }

    [dir=rtl] .products-list[data-layout="table"] .product-card .product-card__info {
        border-right: 1px solid #ebebeb;
    }

    .products-list[data-layout="table"] .product-card .product-card__name {
        padding: 0;
    }

    .products-list[data-layout="table"] .product-card .product-card__rating {
        margin: -3px 0 -2px 0;
        padding: 5px 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .products-list[data-layout="table"] .product-card .product-card__rating-stars,
    .products-list[data-layout="table"] .product-card .product-card__rating-label {
        margin: 3px 0 2px 0;
    }

    [dir=ltr] .products-list[data-layout="table"] .product-card .product-card__rating-stars {
        margin-right: 7px;
    }

    [dir=rtl] .products-list[data-layout="table"] .product-card .product-card__rating-stars {
        margin-left: 7px;
    }

    .products-list[data-layout="table"] .product-card .product-card__rating-label {
        line-height: 1;
    }

    .products-list[data-layout="table"] .product-card .product-card__meta {
        padding: 0 0 5px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .products-list[data-layout="table"] .product-card .product-card__image {
        width: 60px;
    }

    [dir=ltr] .products-list[data-layout="table"] .product-card .product-card__image {
        margin-right: 16px;
    }

    [dir=rtl] .products-list[data-layout="table"] .product-card .product-card__image {
        margin-left: 16px;
    }

    .products-list[data-layout="table"] .product-card .product-card__prices {
        width: 90px;
    }
}

@media (max-width: 575.98px) {
    .products-list[data-layout="table"] .product-card {
        background-color: #fff;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding-top: 0;
        padding-bottom: 0;
    }

    [dir=ltr] .products-list[data-layout="table"] .product-card {
        padding-left: 0;
        padding-right: 0;
    }

    [dir=rtl] .products-list[data-layout="table"] .product-card {
        padding-right: 0;
        padding-left: 0;
    }

    .products-list[data-layout="table"] .product-card .product-card__image {
        padding: 4px;
        margin: 0 8px;
        width: 60px;
    }

    .products-list[data-layout="table"] .product-card .product-card__info {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 100%;
        margin: 0;
        padding: 14px;
        border-top: 1px solid #ebebeb;
    }

    [dir=ltr] .products-list[data-layout="table"] .product-card .product-card__info {
        border-left: none;
    }

    [dir=rtl] .products-list[data-layout="table"] .product-card .product-card__info {
        border-right: none;
    }

    .products-list[data-layout="table"] .product-card .product-card__name {
        line-height: 20px;
        margin-top: 6px;
    }

    .products-list[data-layout="table"] .product-card .product-card__rating {
        margin: -3px 0 -2px 0;
        padding-top: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .products-list[data-layout="table"] .product-card .product-card__rating-stars,
    .products-list[data-layout="table"] .product-card .product-card__rating-label {
        margin: 3px 0 2px 0;
    }

    [dir=ltr] .products-list[data-layout="table"] .product-card .product-card__rating-stars {
        margin-right: 7px;
    }

    [dir=rtl] .products-list[data-layout="table"] .product-card .product-card__rating-stars {
        margin-left: 7px;
    }

    .products-list[data-layout="table"] .product-card .product-card__rating-label {
        line-height: 1;
    }

    .products-list[data-layout="table"] .product-card .product-card__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .products-list[data-layout="table"] .product-card .product-card__prices {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 12px 14px;
        height: 100%;
    }

    [dir=ltr] .products-list[data-layout="table"] .product-card .product-card__prices {
        border-left: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb;
    }

    [dir=rtl] .products-list[data-layout="table"] .product-card .product-card__prices {
        border-right: 1px solid #ebebeb;
        border-left: 1px solid #ebebeb;
    }

    .products-list[data-layout="table"] .product-card .product-card__price--old {
        font-size: 14px;
        margin-top: 4px;
    }

    .products-list[data-layout="table"] .product-card .product-card__addtocart-icon {
        margin: 10px 18px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-item-align: center;
        align-self: center;
    }
}

@media (max-width: 1399.98px) {
    .products-list[data-layout="table"] .products-list__column--image {
        width: 60px;
    }
}

@media (max-width: 1199.98px) {
    .products-list[data-layout="table"] .products-list__column--image {
        width: 90px;
    }

    .products-list[data-layout="table"] .products-list__column--meta,
    .products-list[data-layout="table"] .products-list__column--rating {
        display: none;
    }
}

@media (min-width: 576px) {
    .products-list[data-layout="table"] {
        background-color: #fff;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    }

    .products-list[data-layout="table"] .products-list__item + .products-list__item {
        border-top: 1px solid #ebebeb;
    }
}

@media (max-width: 575.98px) {
    .products-list[data-layout="table"] .products-list__content {
        margin: -8px;
    }

    .products-list[data-layout="table"] .products-list__item {
        margin: 8px;
        width: calc((100% - 16px) / 1);
    }

    .products-list[data-layout="table"] .products-list__head {
        display: none;
    }
}

/*
// .products-view
*/
.products-view__options {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    margin-bottom: 50px;
}

.products-view__pagination {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
    padding: .75rem 1rem;
}

.products-view__pagination-legend {
    font-size: .9375rem;
    padding: 0 .375rem;
}

@media (max-width: 767.98px) {
    .products-view__pagination {
        padding-top: 1rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .products-view__pagination-legend {
        padding-top: 9px;
    }
}

/*
// .quickview
*/
.quickview {
    max-width: 800px;
}

.quickview__body {
    padding: 32px 32px 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.quickview__close {
    z-index: 2;
    position: absolute;
    padding: 16px;
    border: none;
    top: 0;
    border-radius: 0 2.5px 0 2.5px;
    background: transparent;
    fill: currentColor;
    -webkit-transition: background .2s,
    color .2s;
    transition: background .2s,
    color .2s;
    background-color: #fff;
    color: #ccc;
}

.quickview__close:hover {
    background-color: #f2f2f2;
    color: #4d4d4d;
}

.quickview__close:active {
    background-color: #ebebeb;
    color: #4d4d4d;
}

[dir=ltr] .quickview__close {
    right: 0;
}

[dir=rtl] .quickview__close {
    left: 0;
}

.quickview__close svg {
    display: block;
}

.quickview__close:active {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.quickview__close:focus {
    outline: none;
}

.quickview__gallery {
    width: 320px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

[dir=ltr] .quickview__gallery {
    margin-right: 28px;
}

[dir=rtl] .quickview__gallery {
    margin-left: 28px;
}

.quickview__product {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.quickview__product-name {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    margin-top: -2px;
}

.quickview__product-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 6px;
}

.quickview__product-rating-title {
    font-size: 13px;
    line-height: 1;
    color: #6c757d;
}

[dir=ltr] .quickview__product-rating-title {
    margin-left: 8px;
}

[dir=rtl] .quickview__product-rating-title {
    margin-right: 8px;
}

.quickview__product-description {
    margin-top: 10px;
    font-size: 15px;
    line-height: 22px;
}

.quickview__product-meta {
    margin: 12px 0 0;
}

.quickview__product-meta table {
    display: block;
    margin: -3px;
}

.quickview__product-meta tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.quickview__product-meta tr,
.quickview__product-meta th,
.quickview__product-meta td {
    display: block;
}

.quickview__product-meta tr {
    background: #f2f2f2;
    border-radius: 1.5px;
    margin: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
}

[dir=ltr] .quickview__product-meta tr {
    padding-left: 7px;
    padding-right: 14px;
}

[dir=rtl] .quickview__product-meta tr {
    padding-right: 7px;
    padding-left: 14px;
}

.quickview__product-meta th {
    font-size: 11px;
    font-weight: 400;
    color: #808080;
    line-height: 1;
}

.quickview__product-meta td {
    font-size: 13px;
    line-height: 1;
    font-weight: 500;
}

.quickview__product-meta a {
    color: inherit;
}

.quickview__product-prices-stock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 12px 0 16px;
}

.quickview__product-price {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.04em;
}

.quickview__product-stock {
    margin-bottom: 2px;
}

[dir=ltr] .quickview__product-stock {
    margin-left: 12px;
}

[dir=rtl] .quickview__product-stock {
    margin-right: 12px;
}

.quickview__product-form {
    margin-bottom: 16px;
}

.quickview__product-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -4px;
}

.quickview__product-actions-item {
    margin: 4px;
}

.quickview__product-actions-item--quantity {
    width: 100px;
}

.quickview__see-details {
    border-radius: 0 0 2.5px 2.5px;
    border-top: 1px solid #ebebeb;
    display: block;
    text-align: center;
    color: #6c757d;
    font-size: 15px;
    height: 52px;
    line-height: 50px;
    -webkit-transition: background .15s,
    border-color .15s;
    transition: background .15s,
    border-color .15s;
}

.quickview__see-details:hover {
    color: #6c757d;
    background: #f7f7f7;
}

.quickview__see-details:active {
    background: #f0f0f0;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

@media (max-width: 991.98px) {
    .quickview {
        max-width: 520px;
    }

    .quickview__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .quickview__gallery {
        width: 100%;
        margin-bottom: 28px;
    }

    [dir=ltr] .quickview__gallery {
        margin-right: 0;
    }

    [dir=rtl] .quickview__gallery {
        margin-left: 0;
    }
}

@media (max-width: 575.98px) {
    .quickview {
        max-width: 100%;
    }
}

@media (max-width: 474px) {
    .quickview__body {
        padding: 20px 20px 24px;
    }
}

/*
// .review
*/
.review__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.review__content {
    width: 100%;
    font-size: 15px;
    line-height: 1.5;
    margin-top: 12px;
}

.review__avatar {
    overflow: hidden;
    border-radius: 1.5px;
}

[dir=ltr] .review__avatar {
    margin-right: 12px;
}

[dir=rtl] .review__avatar {
    margin-left: 12px;
}

.review__meta {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

[dir=ltr] .review__meta {
    margin-right: 20px;
}

[dir=rtl] .review__meta {
    margin-left: 20px;
}

.review__author {
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    margin-top: 2px;
}

.review__date {
    font-size: 13px;
    color: #999;
}

@media (max-width: 474px) {
    .review__rating {
        width: 100%;
        margin-top: 12px;
        margin-bottom: -3px;
    }
}

/*
// .reviews-list
*/
.reviews-list__content {
    list-style: none;
    margin: 0;
    padding: 0;
}

.reviews-list__item + .reviews-list__item {
    margin-top: 18px;
    padding-top: 24px;
    border-top: 1px solid #ebebeb;
}

.reviews-list__pagination {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #ebebeb;
}

/*
// .reviews-view
*/
.reviews-view__form {
    margin-top: 48px;
}

.reviews-view__header {
    margin-bottom: 24px;
    font-size: 28px;
    font-weight: 500;
}

/*
// .spec
*/
.spec {
    font-size: 14px;
    line-height: 18px;
}

.spec__header {
    margin-bottom: 50px;
}

.spec__section + .spec__section {
    margin-top: 40px;
}

.spec__section-title {
    font-weight: 500;
    font-size: 17px;
    letter-spacing: -.03em;
    line-height: 20px;
    margin: 0 0 12px;
}

.spec__row {
    padding: 8px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #ebebeb;
}

.spec__row:first-of-type {
    border-top: 1px solid #ebebeb;
}

.spec__name {
    width: 230px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #6c757d;
}

[dir=ltr] .spec__name {
    padding-right: 30px;
}

[dir=rtl] .spec__name {
    padding-left: 30px;
}

.spec__disclaimer {
    margin-top: 40px;
    font-size: 13px;
    line-height: 20px;
    color: #6c757d;
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .spec__name {
        width: 170px;
    }
}

@media (max-width: 575.98px) {
    .spec__header {
        margin-bottom: 30px;
    }

    .spec__section + .spec__section {
        margin-top: 24px;
    }

    .spec__row {
        display: block;
        padding: 8px 0;
    }

    .spec__name {
        width: auto;
        margin-bottom: 2px;
        text-transform: uppercase;
        font-size: 11px;
        line-height: 15px;
    }

    .spec__disclaimer {
        margin-top: 28px;
    }
}

/*
// .vehicle-picker-modal
*/
.vehicle-picker-modal__panel {
    padding: 32px 32px 36px;
    display: none;
}

.vehicle-picker-modal__panel--active {
    display: block;
}

.vehicle-picker-modal__close {
    z-index: 2;
    position: absolute;
    padding: 16px;
    border: none;
    top: 0;
    border-radius: 0 2.5px 0 2.5px;
    background: transparent;
    fill: currentColor;
    -webkit-transition: background .2s,
    color .2s;
    transition: background .2s,
    color .2s;
    background-color: #fff;
    color: #ccc;
}

.vehicle-picker-modal__close:hover {
    background-color: #f2f2f2;
    color: #4d4d4d;
}

.vehicle-picker-modal__close:active {
    background-color: #ebebeb;
    color: #4d4d4d;
}

[dir=ltr] .vehicle-picker-modal__close {
    right: 0;
}

[dir=rtl] .vehicle-picker-modal__close {
    left: 0;
}

.vehicle-picker-modal__close svg {
    display: block;
}

.vehicle-picker-modal__close:active {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.vehicle-picker-modal__close:focus {
    outline: none;
}

.vehicle-picker-modal__text {
    font-size: 15px;
    color: #6c757d;
    margin-bottom: 10px;
    margin-top: -10px;
}

.vehicle-picker-modal__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 40px;
}

[dir=ltr] .vehicle-picker-modal__actions > *:not(:last-child) {
    margin-right: 12px;
}

[dir=rtl] .vehicle-picker-modal__actions > *:not(:last-child) {
    margin-left: 12px;
}

@media (max-width: 479px) {
    .vehicle-picker-modal__panel {
        padding: 24px 24px 28px;
    }

    .vehicle-picker-modal__actions {
        margin-top: 32px;
    }
}

@media (max-width: 399px) {
    .vehicle-picker-modal__panel {
        padding: 20px 20px 24px;
    }

    .vehicle-picker-modal__actions {
        margin-top: 28px;
    }
}

/*
// .wishlist
*/
.wishlist__table {
    width: 100%;
    border-spacing: 0;
}

.wishlist__column--head {
    font-size: 13px;
    text-transform: uppercase;
}

.wishlist__product-name {
    line-height: 20px;
}

.wishlist__product-name a {
    color: inherit;
    -webkit-transition: color .15s;
    transition: color .15s;
}

.wishlist__product-name a:hover {
    color: #F7943D;
}

.wishlist__product-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 6px;
}

.wishlist__product-rating-title {
    font-size: 13px;
    line-height: 1;
    color: #6c757d;
}

[dir=ltr] .wishlist__product-rating-title {
    margin-left: 8px;
}

[dir=rtl] .wishlist__product-rating-title {
    margin-right: 8px;
}

@media (min-width: 768px) {
    .wishlist {
        background-color: #fff;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    }

    .wishlist__column {
        padding: 14px 16px;
    }

    [dir=ltr] .wishlist__column:first-child {
        padding-left: 28px;
    }

    [dir=rtl] .wishlist__column:first-child {
        padding-right: 28px;
    }

    [dir=ltr] .wishlist__column:last-child {
        padding-right: 28px;
    }

    [dir=rtl] .wishlist__column:last-child {
        padding-left: 28px;
    }

    .wishlist__column--image {
        text-align: center;
        width: 1px;
    }

    .wishlist__column--image .image {
        width: 80px;
    }

    .wishlist__column--body {
        border-top: 1px solid #b1afaf;
    }

    .wishlist__column--stock {
        text-align: center;
        width: 1px;
        white-space: nowrap;
    }

    .wishlist__column--price {
        white-space: nowrap;
        width: 140px;
    }

    [dir=ltr] .wishlist__column--price {
        text-align: center;
    }

    [dir=rtl] .wishlist__column--price {
        text-align: left;
    }

    .wishlist__column--button {
        white-space: nowrap;
        width: 200px;
    }

    [dir=ltr] .wishlist__column--button {
        text-align: right;
    }

    [dir=rtl] .wishlist__column--button {
        text-align: left;
    }

    .wishlist__column--remove {
        width: 1px;
        white-space: nowrap;
    }

    [dir=ltr] .wishlist__column--remove {
        padding-left: 0;
    }

    [dir=rtl] .wishlist__column--remove {
        padding-right: 0;
    }

    [dir=ltr] .wishlist__remove {
        margin-right: -12px;
    }

    [dir=rtl] .wishlist__remove {
        margin-left: -12px;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .wishlist__column--button {
        width: 1px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    [dir=ltr] .wishlist__column:first-child {
        padding-left: 16px;
    }

    [dir=rtl] .wishlist__column:first-child {
        padding-right: 16px;
    }

    [dir=ltr] .wishlist__column:last-child {
        padding-right: 16px;
    }

    [dir=rtl] .wishlist__column:last-child {
        padding-left: 16px;
    }

    [dir=ltr] .wishlist__column--product,
    [dir=ltr] .wishlist__column--stock,
    [dir=ltr] .wishlist__column--price,
    [dir=ltr] .wishlist__column--button {
        padding-left: 0;
    }

    [dir=rtl] .wishlist__column--product,
    [dir=rtl] .wishlist__column--stock,
    [dir=rtl] .wishlist__column--price,
    [dir=rtl] .wishlist__column--button {
        padding-right: 0;
    }

    .wishlist__column--price {
        width: 1px;
    }

    .wishlist__remove {
        margin-top: 0;
        margin-bottom: 0;
    }

    [dir=ltr] .wishlist__remove {
        margin-left: -8px;
        margin-right: -8px;
    }

    [dir=rtl] .wishlist__remove {
        margin-right: -8px;
        margin-left: -8px;
    }
}

@media (max-width: 767.98px) {
    .wishlist__table {
        display: block;
    }

    .wishlist__head {
        display: none;
    }

    .wishlist__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -8px;
        padding: 15px;
    }

    .wishlist__row,
    .wishlist__column {
        display: block;
    }

    .wishlist__column {
        padding: 0;
    }

    .wishlist__row {
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        position: relative;
        margin: 8px;
        width: calc(50% - 16px);
        text-align: center;
        border-radius: 5px;
        margin-bottom: 10px;
        border: 1px solid #e3e3e3 !important;
    }

    .wishlist__product-rating {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .wishlist__column--stock {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .wishlist__column--image {
        padding-bottom: 12px;
    }

    .wishlist__column--image .image {
        max-width: 220px;
        margin: 0 auto;
    }

    .wishlist__column--stock {
        margin-top: 16px;
        display: none;
    }

    .wishlist__column--price {
        margin-top: 8px;
        font-weight: 500;
    }

    .wishlist__column--button {
        padding: 20px 0 12px;
    }

    .wishlist__remove {
        position: absolute;
        top: 0;
    }

    [dir=ltr] .wishlist__remove {
        right: 0;
    }

    [dir=rtl] .wishlist__remove {
        left: 0;
    }
}

@media (max-width: 474px) {
    .wishlist__row {
        width: calc(100% - 16px);
    }
}

/* ----------------------------------------
// Blog
// ---------------------------------------- */
/*
// .blog-view
*/
.blog-view__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.blog-view__item-posts {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.blog-view__item-sidebar {
    width: 332px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

[dir=ltr] .blog-view__item + .blog-view__item {
    margin-left: 48px;
}

[dir=rtl] .blog-view__item + .blog-view__item {
    margin-right: 48px;
}

.blog-view--layout--classic .blog-view__item-posts {
    max-width: 730px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .blog-view__item-sidebar {
        width: 290px;
    }

    [dir=ltr] .blog-view__item + .blog-view__item {
        margin-left: 36px;
    }

    [dir=rtl] .blog-view__item + .blog-view__item {
        margin-right: 36px;
    }
}

@media (max-width: 991.98px) {
    .blog-view__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .blog-view__item-sidebar {
        width: 100%;
        margin-top: 48px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    [dir=ltr] .blog-view__item + .blog-view__item {
        margin-left: 0;
    }

    [dir=rtl] .blog-view__item + .blog-view__item {
        margin-right: 0;
    }
}

/*
// .comment
*/
.comment__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.comment__content {
    width: 100%;
    background: #f5f5f5;
    padding: 12px 17px;
    border-radius: 5px;
    margin-top: 12px;
    font-size: 15px;
    position: relative;
}

.comment__content:before {
    position: absolute;
    content: '';
    display: block;
    left: 14px;
    top: -10px;
    border: 5px solid transparent;
    border-bottom-color: #f5f5f5;
    pointer-events: none;
}

.comment__avatar {
    overflow: hidden;
    border-radius: 50%;
    width: 38px;
}

[dir=ltr] .comment__avatar {
    margin-right: 14px;
}

[dir=rtl] .comment__avatar {
    margin-left: 14px;
}

.comment__meta {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

[dir=ltr] .comment__meta {
    margin-right: 12px;
}

[dir=rtl] .comment__meta {
    margin-left: 12px;
}

.comment__author {
    font-size: 15px;
    line-height: 17px;
    font-weight: 500;
    margin-top: 3px;
}

.comment__date {
    font-size: 13px;
    color: #999;
    margin-top: -1px;
}

@media (max-width: 419px) {
    .comment__content {
        font-size: 14px;
    }

    .comment__avatar {
        display: none;
    }
}

/*
// .comments-list
*/
.comments-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.comments-list__item + .comments-list__item {
    margin-top: 28px;
}

.comments-list__children {
    margin-top: 14px;
    padding-top: 18px;
    margin-bottom: -12px;
    padding-bottom: 15px;
}

[dir=ltr] .comments-list__children {
    border-left: 1px solid #ebebeb;
    padding-left: 31px;
    margin-left: 18px;
}

[dir=rtl] .comments-list__children {
    border-right: 1px solid #ebebeb;
    padding-right: 31px;
    margin-right: 18px;
}

.comments-list__item:last-child > .comments-list__children {
    padding-bottom: 0;
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .comments-list__item + .comments-list__item {
        margin-top: 24px;
    }

    .comments-list__children {
        padding-top: 14px;
        margin-bottom: -8px;
    }

    .comments-list__item:last-child > .comments-list__children {
        padding-bottom: 0;
    }
}

@media (max-width: 419px) {
    .comments-list__item + .comments-list__item {
        margin-top: 20px;
    }

    .comments-list__children {
        padding-top: 12px;
    }

    [dir=ltr] .comments-list__children {
        padding-left: 20px;
        margin-left: 12px;
    }

    [dir=rtl] .comments-list__children {
        padding-right: 20px;
        margin-right: 12px;
    }
}

/*
// .comments-view
*/
.comments-view__pagination {
    margin-top: 36px;
}

@media (max-width: 991.98px) {
    .comments-view__pagination {
        margin-top: 32px;
    }
}

@media (max-width: 575.98px) {
    .comments-view__pagination {
        margin-top: 24px;
    }
}

/*
// .post
*/
.post__body {
    padding: 48px;
}

.post__pagination {
    border-top: 1px solid #ebebeb;
    margin: -28px 48px 0;
    padding-top: 20px;
    padding-bottom: 48px;
}

.post__pagination-title {
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.post__pagination-list {
    font-size: 15px;
}

.post__pagination-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    margin: -3px;
}

.post__pagination-list li {
    margin: 3px;
}

.post__pagination-link {
    padding: 2px 8px;
    display: block;
    border-radius: 1.5px;
    -webkit-transition: background .2s;
    transition: background .2s;
    background-color: #f0f0f0;
    color: #262626;
}

.post__pagination-link:hover {
    background-color: #e5e5e5;
    color: #262626;
}

.post__pagination-link:active {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background-color: #e0e0e0;
    color: #262626;
}

.post__pagination-link--current {
    cursor: default;
}

.post__pagination-link--current,
.post__pagination-link--current:hover,
.post__pagination-link--current:active {
    background-color: #F7943D;
    color: #fff;
}

.post__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 48px 48px;
    margin-top: -24px;
}

[dir=ltr] .post__tags {
    margin-right: 32px;
}

[dir=rtl] .post__tags {
    margin-left: 32px;
}

.post__share-links {
    padding-bottom: 1px;
}

.post__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -24px 48px 0;
    padding: 24px 0 48px;
    border-top: 1px solid #ebebeb;
}

.post__author img {
    display: block;
}

.post__author-avatar {
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 2px;
}

[dir=ltr] .post__author-avatar {
    margin-right: 20px;
}

[dir=rtl] .post__author-avatar {
    margin-left: 20px;
}

.post__author-name {
    font-weight: 500;
}

.post__author-about {
    font-size: 15px;
    margin-top: 4px;
}

@media (max-width: 767.98px) {
    .post__body {
        padding: 32px;
    }

    .post__pagination {
        margin: 0 32px 0;
    }

    .post__pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .post__footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 32px 24px;
    }

    [dir=ltr] .post__tags {
        margin-right: 0;
    }

    [dir=rtl] .post__tags {
        margin-left: 0;
    }

    .post__tags .tags__list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .post__share-links {
        margin-top: 20px;
        padding-bottom: 0;
    }

    .post__author {
        margin: 0 32px 0;
        padding: 32px 0 32px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .post__author-avatar {
        border-radius: 50%;
    }

    [dir=ltr] .post__author-avatar {
        margin-right: 0;
    }

    [dir=rtl] .post__author-avatar {
        margin-left: 0;
    }

    .post__author-info {
        text-align: center;
        margin-top: 16px;
    }

    .post__author-about {
        margin-top: 6px;
    }
}

@media (max-width: 575.98px) {
    .post__body {
        padding: 24px;
    }

    .post__pagination {
        margin: 0 24px 0;
    }

    .post__author {
        margin: 0 24px 0;
        padding: 24px 0 24px;
    }
}

/*
// .post-card
*/
.post-card--layout--grid {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.post-card--layout--grid .post-card__image img {
    max-width: 100%;
    height: auto;
}

.post-card--layout--grid .post-card__content {
    position: relative;
}

.post-card--layout--grid .post-card__title h2 {
    margin: 0;
}

.post-card--layout--grid .post-card__title a {
    color: inherit;
}

.post-card--layout--grid .post-card__title a:hover {
    text-decoration: underline;
}

.post-card--layout--grid .post-card__category {
    position: absolute;
    bottom: calc(100% - 1px);
    font-weight: 500;
    z-index: 0;
    font-size: 14px;
}

[dir=ltr] .post-card--layout--grid .post-card__category {
    left: 0;
}

[dir=rtl] .post-card--layout--grid .post-card__category {
    right: 0;
}

.post-card--layout--grid .post-card__category a {
    color: #F7943D;
    display: block;
}

.post-card--layout--grid .post-card__category a:hover {
    text-decoration: underline;
}

.post-card--layout--grid .post-card__category:before,
.post-card--layout--grid .post-card__category:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    background: #fff;
    z-index: -1;
    height: 100%;
}

.post-card--layout--grid .post-card__category:before {
    width: 100%;
}

[dir=ltr] .post-card--layout--grid .post-card__category:before {
    left: 0;
    border-top-right-radius: 2px;
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

[dir=rtl] .post-card--layout--grid .post-card__category:before {
    right: 0;
    border-top-left-radius: 2px;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

.post-card--layout--grid .post-card__category:after {
    width: 50px;
}

[dir=ltr] .post-card--layout--grid .post-card__category:after {
    left: 0;
}

[dir=rtl] .post-card--layout--grid .post-card__category:after {
    right: 0;
}

.post-card--layout--grid .post-card__date {
    font-size: 14px;
    color: #999;
}

.post-card--layout--grid .post-card__date a {
    color: inherit;
}

.post-card--layout--grid .post-card__date a:hover {
    color: #F7943D;
}

.post-card--layout--grid .post-card__date:before {
    display: block;
    content: '';
    height: 1px;
    background: currentColor;
    opacity: .6;
}

.post-card--layout--grid .post-card__excerpt {
    overflow: hidden;
}

@media (min-width: 768px) {
    .post-card--layout--grid .post-card__content {
        padding: 1.875rem 2.1875rem 2.1875rem;
    }

    .post-card--layout--grid .post-card__title h2 {
        font-size: 26px;
        font-weight: 500;
        line-height: 34px;
    }

    .post-card--layout--grid .post-card__category {
        height: 26px;
        padding: 1.125rem 2.1875rem 0;
    }

    .post-card--layout--grid .post-card__date {
        margin-top: 11px;
        margin-bottom: 15px;
    }

    .post-card--layout--grid .post-card__date:before {
        position: relative;
        top: -1px;
        display: inline-block;
        vertical-align: middle;
        width: 32px;
    }

    [dir=ltr] .post-card--layout--grid .post-card__date:before {
        margin-right: 4px;
    }

    [dir=rtl] .post-card--layout--grid .post-card__date:before {
        margin-left: 4px;
    }

    .post-card--layout--grid .post-card__more {
        margin-top: 18px;
    }
}

@media (max-width: 767.98px) and (min-width: 475px) {
    .post-card--layout--grid .post-card__content {
        padding: 1.675rem 1.675rem 1.75rem;
    }

    .post-card--layout--grid .post-card__title h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .post-card--layout--grid .post-card__category {
        height: 26px;
        padding: 1.125rem 1.675rem 0;
    }

    .post-card--layout--grid .post-card__date {
        margin-top: 10px;
        margin-bottom: 12px;
    }

    .post-card--layout--grid .post-card__date:before {
        position: relative;
        top: -1px;
        display: inline-block;
        vertical-align: middle;
        width: 32px;
    }

    [dir=ltr] .post-card--layout--grid .post-card__date:before {
        margin-right: 4px;
    }

    [dir=rtl] .post-card--layout--grid .post-card__date:before {
        margin-left: 4px;
    }

    .post-card--layout--grid .post-card__more {
        margin-top: 18px;
    }
}

@media (max-width: 474px) {
    .post-card--layout--grid .post-card__category {
        font-size: 13px;
    }

    .post-card--layout--grid .post-card__title {
        margin-bottom: 10px;
    }

    .post-card--layout--grid .post-card__title h2 {
        font-size: 18px;
        line-height: 24px;
    }

    .post-card--layout--grid .post-card__excerpt {
        font-size: 15px;
        max-height: 96px;
    }

    .post-card--layout--grid .post-card__excerpt .typography {
        line-height: 24px;
    }

    .post-card--layout--grid .post-card__category {
        height: 22px;
        padding: 0.875rem 1.25rem 0;
    }

    .post-card--layout--grid .post-card__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.5rem 1.25rem 1.125rem;
    }

    .post-card--layout--grid .post-card__date {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 12px;
    }

    .post-card--layout--grid .post-card__date:before {
        display: block;
        width: 32px;
        margin-bottom: 8px;
    }

    .post-card--layout--grid .post-card__more {
        display: none;
    }
}

@media (min-width: 768px) {
    .post-card--layout--list {
        background-color: #fff;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .post-card--layout--list .post-card__image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .post-card--layout--list .post-card__image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .post-card--layout--list .post-card__content {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .post-card--layout--list .post-card__title h2 {
        margin-bottom: 0;
    }

    .post-card--layout--list .post-card__title a {
        color: inherit;
    }

    .post-card--layout--list .post-card__title a:hover {
        text-decoration: underline;
    }

    .post-card--layout--list .post-card__category {
        font-size: 14px;
        font-weight: 500;
    }

    .post-card--layout--list .post-card__category a {
        color: #F7943D;
    }

    .post-card--layout--list .post-card__category a:hover {
        text-decoration: underline;
    }

    .post-card--layout--list .post-card__excerpt {
        overflow: hidden;
        margin-bottom: auto;
    }

    .post-card--layout--list .post-card__date {
        font-size: 14px;
        color: #999;
    }

    .post-card--layout--list .post-card__date a {
        color: inherit;
    }

    .post-card--layout--list .post-card__date a:hover {
        color: #F7943D;
    }

    .post-card--layout--list .post-card__date:before {
        content: '';
        height: 1px;
        background: currentColor;
        opacity: .6;
    }
}

@media (min-width: 1400px) {
    .post-card--layout--list .post-card__image {
        width: 400px;
        min-height: 300px;
    }

    .post-card--layout--list .post-card__content {
        padding: 30px 32px 32px;
    }

    .post-card--layout--list .post-card__title {
        margin-bottom: 10px;
    }

    .post-card--layout--list .post-card__title h2 {
        font-size: 22px;
        line-height: 30px;
    }

    .post-card--layout--list .post-card__date {
        position: absolute;
        bottom: 36px;
    }

    [dir=ltr] .post-card--layout--list .post-card__date {
        right: 32px;
    }

    [dir=rtl] .post-card--layout--list .post-card__date {
        left: 32px;
    }

    .post-card--layout--list .post-card__date:before {
        display: inline-block;
        vertical-align: middle;
        width: 32px;
    }

    [dir=ltr] .post-card--layout--list .post-card__date:before {
        margin-right: 4px;
    }

    [dir=rtl] .post-card--layout--list .post-card__date:before {
        margin-left: 4px;
    }

    .post-card--layout--list .post-card__category {
        margin-bottom: 10px;
        margin-top: -4px;
    }

    .post-card--layout--list .post-card__excerpt {
        max-height: 104px;
        margin-bottom: 48px;
    }

    .post-card--layout--list .post-card__more {
        position: absolute;
        bottom: 32px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .post-card--layout--list .post-card__image {
        width: 320px;
        min-height: 260px;
    }

    .post-card--layout--list .post-card__content {
        padding: 26px 28px 24px;
    }

    .post-card--layout--list .post-card__category {
        margin-top: -2px;
        margin-bottom: 10px;
    }

    .post-card--layout--list .post-card__title {
        margin-bottom: 10px;
    }

    .post-card--layout--list .post-card__title h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .post-card--layout--list .post-card__excerpt {
        max-height: 78px;
    }

    .post-card--layout--list .post-card__date {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .post-card--layout--list .post-card__date:before {
        display: block;
        width: 36px;
        margin-top: 14px;
        margin-bottom: 10px;
    }

    .post-card--layout--list .post-card__more {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .post-card--layout--list .post-card__image {
        width: 280px;
        min-height: 220px;
    }

    .post-card--layout--list .post-card__content {
        padding: 20px 26px 22px;
    }

    .post-card--layout--list .post-card__category {
        margin-bottom: 6px;
    }

    .post-card--layout--list .post-card__title {
        margin-bottom: 8px;
    }

    .post-card--layout--list .post-card__title h2 {
        font-size: 17px;
        line-height: 24px;
    }

    .post-card--layout--list .post-card__excerpt {
        font-size: 15px;
        max-height: 66px;
    }

    .post-card--layout--list .post-card__excerpt .typography {
        line-height: 22px;
    }

    .post-card--layout--list .post-card__date {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .post-card--layout--list .post-card__date:before {
        display: block;
        width: 32px;
        margin-top: 16px;
        margin-bottom: 8px;
    }

    .post-card--layout--list .post-card__more {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .post-card--layout--list .post-card__image {
        width: 320px;
        min-height: 260px;
    }

    .post-card--layout--list .post-card__content {
        padding: 26px 28px 24px;
    }

    .post-card--layout--list .post-card__category {
        margin-top: -2px;
        margin-bottom: 10px;
    }

    .post-card--layout--list .post-card__title {
        margin-bottom: 10px;
    }

    .post-card--layout--list .post-card__title h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .post-card--layout--list .post-card__excerpt {
        max-height: 78px;
    }

    .post-card--layout--list .post-card__date {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .post-card--layout--list .post-card__date:before {
        display: block;
        width: 36px;
        margin-top: 14px;
        margin-bottom: 10px;
    }

    .post-card--layout--list .post-card__more {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .post-card--layout--list {
        background-color: #fff;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    }

    .post-card--layout--list .post-card__image img {
        max-width: 100%;
        height: auto;
    }

    .post-card--layout--list .post-card__content {
        position: relative;
    }

    .post-card--layout--list .post-card__title h2 {
        margin: 0;
    }

    .post-card--layout--list .post-card__title a {
        color: inherit;
    }

    .post-card--layout--list .post-card__title a:hover {
        text-decoration: underline;
    }

    .post-card--layout--list .post-card__category {
        position: absolute;
        bottom: calc(100% - 1px);
        font-weight: 500;
        z-index: 0;
        font-size: 14px;
    }

    [dir=ltr] .post-card--layout--list .post-card__category {
        left: 0;
    }

    [dir=rtl] .post-card--layout--list .post-card__category {
        right: 0;
    }

    .post-card--layout--list .post-card__category a {
        color: #F7943D;
        display: block;
    }

    .post-card--layout--list .post-card__category a:hover {
        text-decoration: underline;
    }

    .post-card--layout--list .post-card__category:before,
    .post-card--layout--list .post-card__category:after {
        position: absolute;
        display: block;
        content: '';
        top: 0;
        background: #fff;
        z-index: -1;
        height: 100%;
    }

    .post-card--layout--list .post-card__category:before {
        width: 100%;
    }

    [dir=ltr] .post-card--layout--list .post-card__category:before {
        left: 0;
        border-top-right-radius: 2px;
        -webkit-transform: skewX(30deg);
        transform: skewX(30deg);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }

    [dir=rtl] .post-card--layout--list .post-card__category:before {
        right: 0;
        border-top-left-radius: 2px;
        -webkit-transform: skewX(-30deg);
        transform: skewX(-30deg);
        -webkit-transform-origin: right top;
        transform-origin: right top;
    }

    .post-card--layout--list .post-card__category:after {
        width: 50px;
    }

    [dir=ltr] .post-card--layout--list .post-card__category:after {
        left: 0;
    }

    [dir=rtl] .post-card--layout--list .post-card__category:after {
        right: 0;
    }

    .post-card--layout--list .post-card__date {
        font-size: 14px;
        color: #999;
    }

    .post-card--layout--list .post-card__date a {
        color: inherit;
    }

    .post-card--layout--list .post-card__date a:hover {
        color: #F7943D;
    }

    .post-card--layout--list .post-card__date:before {
        display: block;
        content: '';
        height: 1px;
        background: currentColor;
        opacity: .6;
    }

    .post-card--layout--list .post-card__excerpt {
        overflow: hidden;
    }
}

@media (max-width: 767.98px) and (min-width: 475px) {
    .post-card--layout--list .post-card__content {
        padding: 1.675rem 1.675rem 1.75rem;
    }

    .post-card--layout--list .post-card__title h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .post-card--layout--list .post-card__category {
        height: 26px;
        padding: 1.125rem 1.675rem 0;
    }

    .post-card--layout--list .post-card__date {
        margin-top: 10px;
        margin-bottom: 12px;
    }

    .post-card--layout--list .post-card__date:before {
        position: relative;
        top: -1px;
        display: inline-block;
        vertical-align: middle;
        width: 32px;
    }

    [dir=ltr] .post-card--layout--list .post-card__date:before {
        margin-right: 4px;
    }

    [dir=rtl] .post-card--layout--list .post-card__date:before {
        margin-left: 4px;
    }

    .post-card--layout--list .post-card__more {
        margin-top: 18px;
    }
}

@media (max-width: 474px) {
    .post-card--layout--list .post-card__category {
        font-size: 13px;
    }

    .post-card--layout--list .post-card__title {
        margin-bottom: 10px;
    }

    .post-card--layout--list .post-card__title h2 {
        font-size: 18px;
        line-height: 24px;
    }

    .post-card--layout--list .post-card__excerpt {
        font-size: 15px;
        max-height: 96px;
    }

    .post-card--layout--list .post-card__excerpt .typography {
        line-height: 24px;
    }

    .post-card--layout--list .post-card__category {
        height: 22px;
        padding: 0.875rem 1.25rem 0;
    }

    .post-card--layout--list .post-card__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.5rem 1.25rem 1.125rem;
    }

    .post-card--layout--list .post-card__date {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 12px;
    }

    .post-card--layout--list .post-card__date:before {
        display: block;
        width: 32px;
        margin-bottom: 8px;
    }

    .post-card--layout--list .post-card__more {
        display: none;
    }
}

.post-card--layout--grid-sm {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.post-card--layout--grid-sm .post-card__image img {
    max-width: 100%;
    height: auto;
}

.post-card--layout--grid-sm .post-card__content {
    position: relative;
}

.post-card--layout--grid-sm .post-card__title h2 {
    margin: 0;
}

.post-card--layout--grid-sm .post-card__title a {
    color: inherit;
}

.post-card--layout--grid-sm .post-card__title a:hover {
    text-decoration: underline;
}

.post-card--layout--grid-sm .post-card__category {
    position: absolute;
    bottom: calc(100% - 1px);
    font-weight: 500;
    z-index: 0;
    font-size: 14px;
}

[dir=ltr] .post-card--layout--grid-sm .post-card__category {
    left: 0;
}

[dir=rtl] .post-card--layout--grid-sm .post-card__category {
    right: 0;
}

.post-card--layout--grid-sm .post-card__category a {
    color: #F7943D;
    display: block;
}

.post-card--layout--grid-sm .post-card__category a:hover {
    text-decoration: underline;
}

.post-card--layout--grid-sm .post-card__category:before,
.post-card--layout--grid-sm .post-card__category:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    background: #fff;
    z-index: -1;
    height: 100%;
}

.post-card--layout--grid-sm .post-card__category:before {
    width: 100%;
}

[dir=ltr] .post-card--layout--grid-sm .post-card__category:before {
    left: 0;
    border-top-right-radius: 2px;
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

[dir=rtl] .post-card--layout--grid-sm .post-card__category:before {
    right: 0;
    border-top-left-radius: 2px;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

.post-card--layout--grid-sm .post-card__category:after {
    width: 50px;
}

[dir=ltr] .post-card--layout--grid-sm .post-card__category:after {
    left: 0;
}

[dir=rtl] .post-card--layout--grid-sm .post-card__category:after {
    right: 0;
}

.post-card--layout--grid-sm .post-card__date {
    font-size: 14px;
    color: #999;
}

.post-card--layout--grid-sm .post-card__date a {
    color: inherit;
}

.post-card--layout--grid-sm .post-card__date a:hover {
    color: #F7943D;
}

.post-card--layout--grid-sm .post-card__date:before {
    display: block;
    content: '';
    height: 1px;
    background: currentColor;
    opacity: .6;
}

.post-card--layout--grid-sm .post-card__excerpt {
    overflow: hidden;
}

@media (min-width: 1400px) {
    .post-card--layout--grid-sm .post-card__content {
        padding: 1.675rem 1.675rem 1.75rem;
    }

    .post-card--layout--grid-sm .post-card__title h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .post-card--layout--grid-sm .post-card__category {
        height: 26px;
        padding: 1.125rem 1.675rem 0;
    }

    .post-card--layout--grid-sm .post-card__date {
        margin-top: 10px;
        margin-bottom: 12px;
    }

    .post-card--layout--grid-sm .post-card__date:before {
        position: relative;
        top: -1px;
        display: inline-block;
        vertical-align: middle;
        width: 32px;
    }

    [dir=ltr] .post-card--layout--grid-sm .post-card__date:before {
        margin-right: 4px;
    }

    [dir=rtl] .post-card--layout--grid-sm .post-card__date:before {
        margin-left: 4px;
    }

    .post-card--layout--grid-sm .post-card__more {
        margin-top: 18px;
    }
}

@media (min-width: 768px) and (max-width: 1399.98px) {
    .post-card--layout--grid-sm .post-card__category {
        font-size: 13px;
    }

    .post-card--layout--grid-sm .post-card__title {
        margin-bottom: 10px;
    }

    .post-card--layout--grid-sm .post-card__title h2 {
        font-size: 18px;
        line-height: 24px;
    }

    .post-card--layout--grid-sm .post-card__excerpt {
        font-size: 15px;
        max-height: 96px;
    }

    .post-card--layout--grid-sm .post-card__excerpt .typography {
        line-height: 24px;
    }

    .post-card--layout--grid-sm .post-card__category {
        height: 22px;
        padding: 0.875rem 1.25rem 0;
    }

    .post-card--layout--grid-sm .post-card__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.5rem 1.25rem 1.125rem;
    }

    .post-card--layout--grid-sm .post-card__date {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 12px;
    }

    .post-card--layout--grid-sm .post-card__date:before {
        display: block;
        width: 32px;
        margin-bottom: 8px;
    }

    .post-card--layout--grid-sm .post-card__more {
        display: none;
    }
}

@media (max-width: 767.98px) and (min-width: 475px) {
    .post-card--layout--grid-sm .post-card__content {
        padding: 1.675rem 1.675rem 1.75rem;
    }

    .post-card--layout--grid-sm .post-card__title h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .post-card--layout--grid-sm .post-card__category {
        height: 26px;
        padding: 1.125rem 1.675rem 0;
    }

    .post-card--layout--grid-sm .post-card__date {
        margin-top: 10px;
        margin-bottom: 12px;
    }

    .post-card--layout--grid-sm .post-card__date:before {
        position: relative;
        top: -1px;
        display: inline-block;
        vertical-align: middle;
        width: 32px;
    }

    [dir=ltr] .post-card--layout--grid-sm .post-card__date:before {
        margin-right: 4px;
    }

    [dir=rtl] .post-card--layout--grid-sm .post-card__date:before {
        margin-left: 4px;
    }

    .post-card--layout--grid-sm .post-card__more {
        margin-top: 18px;
    }
}

@media (max-width: 474px) {
    .post-card--layout--grid-sm .post-card__category {
        font-size: 13px;
    }

    .post-card--layout--grid-sm .post-card__title {
        margin-bottom: 10px;
    }

    .post-card--layout--grid-sm .post-card__title h2 {
        font-size: 18px;
        line-height: 24px;
    }

    .post-card--layout--grid-sm .post-card__excerpt {
        font-size: 15px;
        max-height: 96px;
    }

    .post-card--layout--grid-sm .post-card__excerpt .typography {
        line-height: 24px;
    }

    .post-card--layout--grid-sm .post-card__category {
        height: 22px;
        padding: 0.875rem 1.25rem 0;
    }

    .post-card--layout--grid-sm .post-card__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.5rem 1.25rem 1.125rem;
    }

    .post-card--layout--grid-sm .post-card__date {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 12px;
    }

    .post-card--layout--grid-sm .post-card__date:before {
        display: block;
        width: 32px;
        margin-bottom: 8px;
    }

    .post-card--layout--grid-sm .post-card__more {
        display: none;
    }
}

/*
// .post-header
*/
.post-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 0;
    overflow: hidden;
}

.post-header__decor {
    position: absolute;
    bottom: -1px;
}

.post-header__decor .decor__start,
.post-header__decor .decor__end,
.post-header__decor .decor__center {
    background: #fafafa;
}

.post-header__decor .decor__start,
.post-header__decor .decor__end {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.post-header__image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    z-index: -1;
    opacity: .22;
}

.post-header__body {
    max-width: 620px;
    margin: 0 auto;
    text-align: center;
    padding: 52px 30px;
}

.post-header__title {
    margin: 0;
    font-size: 36px;
    font-weight: 700;
}

.post-header__categories {
    margin-bottom: 28px;
}

.post-header__categories-list {
    list-style: none;
    margin: -3px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.post-header__categories-item {
    margin: 3px;
}

.post-header__categories-link {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    background: #F7943D;
    padding: 3px 9px;
    border-radius: 1.5px;
    font-weight: 500;
}

@media (-webkit-max-device-pixel-ratio: 1),
(max-resolution: 1dppx) {
    .post-header__categories-link {
        font-weight: 400;
    }
}

.post-header__categories-link,
.post-header__categories-link:hover {
    color: #fff;
}

.post-header__meta {
    font-size: 14px;
    margin-top: 24px;
    color: #999;
}

.post-header__meta-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.post-header__meta-item + .post-header__meta-item {
    position: relative;
}

[dir=ltr] .post-header__meta-item + .post-header__meta-item {
    margin-left: 24px;
}

[dir=rtl] .post-header__meta-item + .post-header__meta-item {
    margin-right: 24px;
}

.post-header__meta-item + .post-header__meta-item:before {
    display: block;
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: currentColor;
    top: 9px;
}

[dir=ltr] .post-header__meta-item + .post-header__meta-item:before {
    left: -14px;
}

[dir=rtl] .post-header__meta-item + .post-header__meta-item:before {
    right: -14px;
}

.post-header__meta-link {
    color: inherit;
    -webkit-transition: color .1s;
    transition: color .1s;
}

.post-header__meta-link:hover {
    color: #F7943D;
}

.post-header--has-image {
    background: #262626;
    margin-bottom: -150px;
    padding-bottom: 150px;
}

.post-header--has-image .post-header__body {
    color: #fff;
    padding: 60px 30px;
}

.post-header--has-image .post-header__title,
.post-header--has-image .post-header__meta {
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.post-header--has-image .post-header__meta {
    color: inherit;
}

.post-header--has-image .post-header__meta-link:hover {
    color: #ffdf40;
}

@media (max-width: 1199.98px) {
    .post-header {
        padding-top: 0;
    }
}

@media (max-width: 575.98px) {
    .post-header__body {
        padding: 36px 30px;
    }

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

    .post-header__title {
        font-size: 28px;
    }

    .post-header__meta {
        margin-top: 16px;
    }

    .post-header--has-image .post-header__body {
        padding: 48px 30px;
    }
}

@media (max-width: 419px) {
    .post-header--has-image {
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

/*
// .post-navigation
*/
.post-navigation__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.post-navigation__item {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    color: inherit;
    -webkit-transition: background .12s;
    transition: background .12s;
}

.post-navigation__item:hover {
    background: #f2f2f2;
    color: inherit;
}

.post-navigation__item-image {
    overflow: hidden;
    border-radius: 2px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.post-navigation__item-title {
    font-size: 15px;
    line-height: 22px;
    margin-top: 3px;
}

.post-navigation__direction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 21px;
    color: #999;
}

.post-navigation__direction-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    fill: currentColor;
    padding-bottom: 1px;
    opacity: .8;
}

.post-navigation__direction-arrow svg {
    display: block;
}

[dir=ltr] .post-navigation__direction-arrow svg {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

[dir=rtl] .post-navigation__direction-arrow svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

[dir=ltr] .post-navigation__item--prev {
    text-align: left;
}

[dir=rtl] .post-navigation__item--prev {
    text-align: right;
}

[dir=ltr] .post-navigation__item--prev .post-navigation__item-image {
    margin-right: 18px;
}

[dir=rtl] .post-navigation__item--prev .post-navigation__item-image {
    margin-left: 18px;
}

.post-navigation__item--prev .post-navigation__direction {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

[dir=ltr] .post-navigation__item--prev .post-navigation__direction-arrow {
    margin-right: 8px;
}

[dir=rtl] .post-navigation__item--prev .post-navigation__direction-arrow {
    margin-left: 8px;
}

[dir=ltr] .post-navigation__item--next {
    text-align: right;
}

[dir=rtl] .post-navigation__item--next {
    text-align: left;
}

[dir=ltr] .post-navigation__item--next .post-navigation__item-image {
    margin-left: 18px;
}

[dir=rtl] .post-navigation__item--next .post-navigation__item-image {
    margin-right: 18px;
}

.post-navigation__item--next .post-navigation__direction {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

[dir=ltr] .post-navigation__item--next .post-navigation__direction-arrow {
    margin-left: 8px;
}

[dir=rtl] .post-navigation__item--next .post-navigation__direction-arrow {
    margin-right: 8px;
}

@media (max-width: 767.98px) {
    .post-navigation__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .post-navigation__item {
        width: 100%;
    }

    .post-navigation__item--next {
        border-top: 1px solid #ebebeb;
    }
}

/*
// .post-view
*/
.post-view__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.post-view__item-post {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 760px;
}

.post-view__item-sidebar {
    width: 332px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

[dir=ltr] .post-view__item + .post-view__item {
    margin-left: 48px;
}

[dir=rtl] .post-view__item + .post-view__item {
    margin-right: 48px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .post-view__item-sidebar {
        width: 290px;
    }

    [dir=ltr] .post-view__item + .post-view__item {
        margin-left: 36px;
    }

    [dir=rtl] .post-view__item + .post-view__item {
        margin-right: 36px;
    }
}

@media (max-width: 991.98px) {
    .post-view__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .post-view__item-sidebar {
        width: 100%;
        margin-top: 20px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    [dir=ltr] .post-view__item + .post-view__item {
        margin-left: 0;
    }

    [dir=rtl] .post-view__item + .post-view__item {
        margin-right: 0;
    }
}

.post-view__card {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    position: relative;
}

.post-view__card + .post-view__card {
    margin-top: 24px;
}

.post-view__card-title {
    padding: 44px 0 8px;
    margin: 0 48px 40px;
    font-size: 28px;
    font-weight: 700;
    border-bottom: 1px solid #ebebeb;
}

.post-view__card-body {
    padding: 0 48px 48px;
}

@media (max-width: 767.98px) {
    .post-view__card-title {
        padding: 28px 0 8px;
        margin: 0 32px 28px;
    }

    .post-view__card-body {
        padding: 0 32px 32px;
    }
}

@media (max-width: 575.98px) {
    .post-view__card-title {
        padding: 22px 0 4px;
        margin: 0 24px 24px;
        font-size: 24px;
    }

    .post-view__card-body {
        padding: 0 24px 24px;
    }
}

@media (max-width: 419px) {
    .post-view__card {
        margin-left: -15px;
        margin-right: -15px;
    }
}

/*
// .posts-list
*/
.posts-list__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

.posts-list--layout--classic .posts-list__body {
    margin: -20px;
}

.posts-list--layout--classic .posts-list__item {
    margin: 20px;
    width: calc(100% - 40px);
}

.posts-list--layout--grid-2 .posts-list__body {
    margin: -14px;
}

.posts-list--layout--grid-2 .posts-list__item {
    margin: 14px;
    width: calc(50% - 28px);
}

@media (max-width: 1399.98px) {
    .posts-list--layout--grid-2 .posts-list__body {
        margin: -10px;
    }

    .posts-list--layout--grid-2 .posts-list__item {
        margin: 10px;
        width: calc(50% - 20px);
    }
}

@media (max-width: 767.98px) {
    .posts-list--layout--grid-2 .posts-list__body {
        margin: -16px;
    }

    .posts-list--layout--grid-2 .posts-list__item {
        margin: 16px;
        width: calc(100% - 32px);
    }
}

.posts-list--layout--list .posts-list__body {
    margin: -14px;
}

.posts-list--layout--list .posts-list__item {
    margin: 14px;
    width: calc(100% - 28px);
}

/*
// .posts-view
*/
.posts-view__pagination {
    margin-top: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* ----------------------------------------
// Account
// ---------------------------------------- */
/*
// .account-nav
*/
.account-nav {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.account-nav__title {
    padding: 1.375rem 1.5rem;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
}

.account-nav__list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 15px;
    line-height: 20px;
}

.account-nav__item a {
    cursor: pointer;
    display: block;
    color: #6c757d;
    padding: 7px 1.5rem;
}

.account-nav__item:hover a {
    background: #f2f2f2;
}

.account-nav__item--active a {
    color: inherit;
    font-weight: 500;
}

.account-nav__divider {
    height: 1px;
    background: #ebebeb;
    margin: 10px 0;
}

@media (min-width: 992px) {
    .account-nav__list {
        padding-bottom: 1.375rem;
    }

    [dir=ltr] .account-nav__item--active a {
        -webkit-box-shadow: 3px 0 #F7943D inset;
        box-shadow: 3px 0 #F7943D inset;
    }

    [dir=rtl] .account-nav__item--active a {
        -webkit-box-shadow: -3px 0 #F7943D inset;
        box-shadow: -3px 0 #F7943D inset;
    }
}

@media (max-width: 991.98px) {
    .account-nav {
        overflow-x: auto;
        max-width: 100%;
    }

    .account-nav__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        white-space: nowrap;
        padding: 0 8px;
    }

    .account-nav__title {
        display: none;
    }

    .account-nav__item a {
        padding: 14px 20px;
    }

    .account-nav__item--active a {
        -webkit-box-shadow: 0 -3px #F7943D inset;
        box-shadow: 0 -3px #F7943D inset;
    }
}

/*
// .address-card
*/
.address-card {
    position: relative;
}

.address-card__badge {
    position: absolute;
    top: 12px;
}

[dir=ltr] .address-card__badge {
    right: 12px;
}

[dir=rtl] .address-card__badge {
    left: 12px;
}

.address-card__body {
    padding: 1.5rem;
    font-size: 15px;
    line-height: 18px;
}

.address-card__name {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 1.125rem;
}

.address-card__row + .address-card__row {
    margin-top: .75rem;
}

.address-card__row-title {
    font-size: 13px;
    color: #6c757d;
}

.address-card__footer {
    margin-top: 1.625rem;
}

.address-card__footer a:hover {
    text-decoration: underline;
}

.address-card--featured .address-card__body {
    padding: 2rem;
}

.address-card--featured .address-card__name {
    font-weight: 700;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .address-card--featured .address-card__body {
        padding: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .address-card--featured .address-card__body {
        padding: 1.375rem;
    }
}

/*
// .addresses-list
*/
.addresses-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.addresses-list__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.addresses-list__item--new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2rem;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
}

.addresses-list__divider:last-child {
    display: none;
}

.addresses-list__plus {
    width: 60px;
    height: 60px;
    position: relative;
    border-radius: 30px;
    margin-bottom: 24px;
    color: #e0e0e0;
    border: 2px solid currentColor;
    -webkit-transition: color .2s;
    transition: color .2s;
}

.addresses-list__plus:before,
.addresses-list__plus:after {
    content: '';
    position: absolute;
    width: 32px;
    height: 4px;
    background: currentColor;
    border-radius: 1.5px;
    top: calc(50% - 2px);
}

[dir=ltr] .addresses-list__plus:before,
[dir=ltr] .addresses-list__plus:after {
    left: calc(50% - 16px);
}

[dir=rtl] .addresses-list__plus:before,
[dir=rtl] .addresses-list__plus:after {
    right: calc(50% - 16px);
}

.addresses-list__plus:after {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.addresses-list__item--new:hover .addresses-list__plus {
    color: #ccc;
}

@media (min-width: 768px) {
    .addresses-list__item {
        width: calc((100% - 32px - 1px) / 3);
    }

    .addresses-list__divider:nth-child(2n) {
        width: 16px;
    }

    .addresses-list__divider:nth-child(6n) {
        width: 100%;
        height: 16px;
    }
}

@media (min-width: 480px) and (max-width: 767.98px) {
    .addresses-list__item {
        width: calc((100% - 16px - 1px) / 2);
    }

    .addresses-list__divider:nth-child(2n) {
        width: 16px;
    }

    .addresses-list__divider:nth-child(4n) {
        width: 100%;
        height: 16px;
    }
}

@media (max-width: 479px) {
    .addresses-list__item {
        width: calc((100% - 0px - 1px) / 1);
    }

    .addresses-list__divider:nth-child(2n) {
        width: 16px;
    }

    .addresses-list__divider:nth-child(2n) {
        width: 100%;
        height: 16px;
    }
}

/*
// .dashboard
*/
.dashboard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.dashboard__orders {
    margin-top: 24px;
    width: 100%;
}

@media (min-width: 768px) {

    .dashboard__profile,
    .dashboard__address {
        width: calc(50% - 12px);
    }
}

@media (max-width: 767.98px) {

    .dashboard__profile,
    .dashboard__address {
        width: 100%;
    }

    .dashboard__address {
        margin-top: 24px;
    }
}

/*
// .profile-card
*/
.profile-card__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.profile-card__avatar {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-bottom: 16px;
}

.profile-card__avatar img {
    border-radius: 50%;
    max-width: 100%;
}

.profile-card__name {
    font-weight: 500;
    line-height: 20px;
}

.profile-card__email {
    font-size: 15px;
    margin-bottom: 24px;
}