/* Syne Regular */
@font-face {
    font-family: 'Syne';
    src: url('/assets/fonts/syne/Syne-Regular.woff2') format('woff2'), url('/assets/fonts/syne/Syne-Regular.woff') format('woff'), url('/assets/fonts/syne/Syne-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Syne Medium */
@font-face {
    font-family: 'Syne';
    src: url('/assets/fonts/syne/Syne-Medium.woff2') format('woff2'), url('/assets/fonts/syne/Syne-Medium.woff') format('woff'), url('/assets/fonts/syne/Syne-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Syne SemiBold */
@font-face {
    font-family: 'Syne';
    src: url('/assets/fonts/syne/Syne-SemiBold.woff2') format('woff2'), url('/assets/fonts/syne/Syne-SemiBold.woff') format('woff'), url('/assets/fonts/syne/Syne-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Syne Bold */
@font-face {
    font-family: 'Syne';
    src: url('/assets/fonts/syne/Syne-Bold.woff2') format('woff2'), url('/assets/fonts/syne/Syne-Bold.woff') format('woff'), url('/assets/fonts/syne/Syne-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Syne ExtraBold */
@font-face {
    font-family: 'Syne';
    src: url('/assets/fonts/syne/Syne-ExtraBold.woff2') format('woff2'), url('/assets/fonts/syne/Syne-ExtraBold.woff') format('woff'), url('/assets/fonts/syne/Syne-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'mindseed';
    src: url('/assets/fonts/mindseed/mindseed.eot?eg0xgo');
    src: url('/assets/fonts/mindseed/mindseed.eot?eg0xgo#iefix') format('embedded-opentype'), url('/assets/fonts/mindseed/mindseed.ttf?eg0xgo') format('truetype'), url('/assets/fonts/mindseed/mindseed.woff?eg0xgo') format('woff'), url('/assets/fonts/mindseed/mindseed.svg?eg0xgo#mindseed') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
/*************general***************/

body {
    font-size: 18px;
    font-weight: 400;
    color: var(--black);
    margin: 0;
    overflow-anchor: none;
}

body * {
    font-family: 'Syne', sans-serif;
    line-height: 1.5;
    box-sizing: border-box;
    font-weight: 400;
}

body div {
    line-height: 1;
}

:root {
    --themegold: #D0B08D;
    --light-brandcolor: #F1EFEC;
    --greybg: #454545;
    --beige-bg: #eaddd4;
    --lightgreybg: #f0efeb;
    --themecolor: #BA6754;
    --txt-light-grey: #919191;
    --txt-dark-grey: #666666;
    --dark-grey: #b3b3b3;
    --greyborder: #e9e9e9;
    --green: #078B5C;
    --red: #da2e40;
    --white: #fff;
    --black: #232323;
    --container-padding: 270px;
    --main-padding: 50px;
    --inner-container: 1140px;
    --side-size: 250px;
    --main-gap: 40px;
    --products-slider-container: 1280px;
    --radiusfull: 60px;
    --arrowsize: 40px;
    scroll-behavior: smooth;

    /*custom pattern color variations mapping*/
    
    /*WARDROBE & KITCHEN INTERIOR */
    --DPKC-081-Fabric-Lino-Canvas: url("/assets/img/vpalette/DPKC081-Fabric-Lino-Canvas.jpg");
    --DPDC-082-Basic-White: #eee;
    --DPDC-083-Light-Grey: #bcb7b4;
    --DPDC-084-Anthracite: #474648;
    --DPDC-085-Cream-Vanilla: #ebe3d8;
    --DPDC-086-Cashmere: #c8c1b6;
    --monocolor: #fffef3;
    --DPDC-087-Light-Oak: url("/assets/img/vpalette/DPDC087-Light-Oak.jpg");
    --DPDC-088-Walnut: url("/assets/img/vpalette/DPDC088-Walnut.jpg");
    
    /*CATEGORY 1 — Standard Unit*/
    --DPAC-012-Light-Grey: #cac8c2;
    --DPKC-033-Snow-White: #f3f3f0;
    --DPKC-044-Cream-Vanilla: #ddd0b0;
    --DPKC-034-Cobalt-Grey: #5a4d48;
    --DPKC-035-Cashmere: #c3b4a8;
    --DPKC-036-Satin: #e8d5c8;
    --DPKC-037-Latte: #8e6e5c;
    --DPKC-038-Cool-Grey: #d0d8d4;
    --DPKC-039-Clay-Grey: #b0a090;
    
    /*CATEGORY 1 — Wood*/
    --DPKC-041-Fireside-Select-Walnut: url("/assets/img/vpalette/DPKC041-Fireside-Select-Walnut.jpg");
    --DPKC-042-Dark-Select-Walnut: url("/assets/img/vpalette/DPKC042-Dark-Select-Walnut.jpg");
    --DPKC-040-Grey-Craft-Oak: url("/assets/img/vpalette/DPKC040-Grey-Craft-Oak.jpg");
    --DPKC-043-Gold-Craft-Oak: url("/assets/img/vpalette/DPKC043-Gold-Craft-Oak.jpg");
    
    /*CATEGORY 2 — Standard Unit*/
    --DPAC-001-Bright-White: #f4f4f0;
    --DPAC-002-Graphite: #484840;
    --DPAC-003-Dust-Grey: #90987e;
    --DPAC-004-Treron: #7a8070;
    --DPAC-005-Beige: #d8d0bc;
    --DPAC-006-Beige-Grey: #b8b0a0;
    --DPAC-007-Dusty-Beige: #c8bca8;
    --DPAC-071-Ivory-Grey: #d8d4c6;
    --DPAC-074-Sage-Green: #7c8870;
    --DPAC-075-Urban-Grey: #a09898;
    --DPAC-076-Dark-Charcoal: #585450;
    --DPEC-023-White-Grey: #e8e6e0;
    --DPEC-024-Silk-Grey: #dbdad3;
    --DPEC-025-Diamond-Grey: #1c1c1a;
    --DPEC-026-Stone-Grey: #a89890;
    --DPEC-027-Soft-Black: #242420;
    --DPEC-028-Pebble-Grey: #c0b8aa;
    --DPEC-029-Alpine-White: #f0ece4;
    --DPEC-030-Taupe-Grey: #b0a08e;
    --DPEC-031-Cubanit-Grey: #8c7e78;
    --DPEC-032-Cashmere-Grey: #b5aca0;
    
    /*CATEGORY 2 — Wood*/
    --DPAC-008-Dark-Brown-Oak: url("/assets/img/vpalette/DPAC008-Dark-Brown-Oak.jpg");
    --DPAC-009-Graphite-Wood: url("/assets/img/vpalette/DPAC009-Graphite-Wood.jpg");
    --DPAC-010-White-Wood: url("/assets/img/vpalette/DPAC010-White-Wood.jpg");
    --DPAC-014-Fineline-Cream: url("/assets/img/vpalette/DPAC014-Fineline-Cream.jpg");
    --DPAC-015-Light-Beige-Wood: url("/assets/img/vpalette/DPAC015-Light-Beige-Wood.jpg");
    --DPAC-016-Natural-Oak: url("/assets/img/vpalette/DPAC016-Natural-Oak.jpg");
    --DPEC-018-Brown-Kansas-Oak: url("/assets/img/vpalette/DPEC018-Brown-Kansas-Oak.jpg");
    --DPEC-019-Cognac-Kendal-Oak: url("/assets/img/vpalette/DPEC019-Cognac-Kendal-Oak.jpg");
    --DPEC-020-Natural-Nebraska-Oak: url("/assets/img/vpalette/DPEC020-Natural-Nebraska-Oak.jpg");
    --DPEC-021-Natural-Davos-Oak: url("/assets/img/vpalette/DPEC021-Natural-Davos-Oak.jpg");
    --DPEC-022-Truffle-Brown-Denver-Oak: url("/assets/img/vpalette/DPEC022-Truffle-Brown-Denver-Oak.jpg");
    --DPEC-061-Natural-Wild-Oak: url("/assets/img/vpalette/DPEC061-Natural-Wild-Oak.jpg");
    --DPEC-062-Grey-Corbridge-Oak: url("/assets/img/vpalette/DPEC062-Grey-Corbridge-Oak.jpg");
    --DPEC-063-Truffle-Brown-Davos-Oak: url("/assets/img/vpalette/DPEC063-Truffle-Brown-Davos-Oak.jpg");
    --DPEC-064-Tobacco-Pacific-Walnut: url("/assets/img/vpalette/DPEC064-Tobacco-Pacific-Walnut.jpg");
    
    /*CATEGORY 2 — Marble-effect*/
    --DPEC-017-Black-Pietra-Grigia: url("/assets/img/vpalette/DPEC017-Black-Pietra-Grigia.jpg");
    
    /*CATEGORY 2 — Fabric*/
    --DPAC-013-Fabric-Lino-Canvas: url("/assets/img/vpalette/DPAC013-Fabric-Lino-Canvas.jpg");
    --DPAC-070-Dark-Fabric-Lino: url("/assets/img/vpalette/DPAC070-Dark-Fabric-Lino.jpg");
    
    /*CATEGORY 2 — Concrete*/
    --DPAC-011-Concrete-Light-Grey: url("/assets/img/vpalette/DPAC011-Concrete-Light-Grey.jpg");
    
    /*CATEGORY 3 — High-Gloss*/
    --DPVC-045-HG-White: #eceae4;
    --DPVC-046-HG-Blanco: #f0ece4;
    --DPVC-047-HG-Sand-Beige: #c8b890;
    --DPVC-048-HG-Grey: #787060;
    --DPVC-049-HG-Fume: #2c2c28;
    --DPVC-050-HG-Black: #0c0c0a;
    
    /*CATEGORY 3 — Super Mat*/
    --DPVC-051-Mat-White: #f0ede8;
    --DPVC-052-Mat-Light-Grey: #c0c0bc;
    --DPVC-053-Mat-Sand-Beige: #b0a888;
    --DPVC-054-Mat-Spanish-Beige: #c8bca8;
    --DPVC-055-Mat-Cool-Grey: #ccccca;
    --DPVC-056-Mat-Fume: #2a2a24;
    --DPVC-057-Mat-Black: #0c0c0a;
    --DPVC-058-Mat-Pastel-Orange: #b86858;
    --DPVC-059-Mat-Nile-Green: #3a6870;
    --DPVC-065-Grey: #888480;
    --DPVC-066-Chrome-Grey: #909090;
    --DPVC-067-Powder-Beige: #d4c8b4;
    --DPVC-068-Tropic-Green: #2a5050;
    
    /*CATEGORY 4 — Panel Doors*/
    --Cat4-T08-Sage-Green: url("/assets/img/vpalette/Cat4-T08-Sage-Green.jpg");
    --Cat4-T09-Light-Oak: url("/assets/img/vpalette/Cat4-T09-Light-Oak.jpg");
    --Cat4-T10-Grey-Craft-Oak: url("/assets/img/vpalette/Cat4-T10-Grey-Craft-Oak.jpg");
    --Cat4-T11-Distressed-White: url("/assets/img/vpalette/Cat4-T11-Distressed-White.jpg");
    --Cat4-T12-Reclaimed-Wood: url("/assets/img/vpalette/Cat4-T12-Reclaimed-Wood.jpg");
    --Cat4-T13-Olive-Green: url("/assets/img/vpalette/Cat4-T13-Olive-Green.jpg");
    --Cat4-T14-White-Grey-Wood: url("/assets/img/vpalette/Cat4-T14-White-Grey-Wood.jpg");
    --Cat4-T15-Dark-Walnut: url("/assets/img/vpalette/Cat4-T15-Dark-Walnut.jpg");
    --Cat4-T16-Steel-Grey: url("/assets/img/vpalette/Cat4-T16-Steel-Grey.jpg");
    --Cat4-T17-Navy-Blue: url("/assets/img/vpalette/Cat4-T17-Navy-Blue.jpg");
    --Cat4-T18-Greige-Wood: url("/assets/img/vpalette/Cat4-T18-Greige-Wood.jpg");
    --Cat4-T19-Taupe-Grey-Wood: url("/assets/img/vpalette/Cat4-T19-Taupe-Grey-Wood.jpg");
    
    /*GLASS — Category 1 (Mirror)*/
    --GCat1-Mirror-White: url("/assets/img/vpalette/GCat1-Mirror-White.jpg");
    --GCat1-Mirror-Bronze: url("/assets/img/vpalette/GCat1-Mirror-Bronze.jpg");
    --GCat1-Mirror-Smoked: url("/assets/img/vpalette/GCat1-Mirror-Smoked.jpg");

    /*GLASS — Category 2 (RAL Lacobel)*/
    --GCat2-RAL-1015: #ded3b6;
    --GCat2-RAL-1236: #97816a;
    --GCat2-RAL-7000: #7b858d;
    --GCat2-RAL-7035: #c2c6c3;
    --GCat2-RAL-8017: #42332e;
    --GCat2-RAL-8715: #8ba08d;
    --GCat2-RAL-9003: #ebece7;
    --GCat2-RAL-9005: #0e0e10;
    --GCat2-RAL-9010: #f2f8f4;
    --GCat2-RAL-9015: url("/assets/img/vpalette/GCat2-RAL-9015.jpg");

    /*GLASS — Category 3 (Satin Mirror)*/
    --GCat3-Mirror-Bronze-Satin: url("/assets/img/vpalette/GCat3-Mirror-Bronze-Satin.jpg");
    --GCat3-Mirror-White-Satin: url("/assets/img/vpalette/GCat3-Mirror-White-Satin.jpg");
    --GCat3-RAL-9006: url("/assets/img/vpalette/GCat3-RAL-9006.jpg");
    
    /*GLASS — Category 4 (Special Glass)*/
    --GCat4-Mirror-Antique: url("/assets/img/vpalette/GCat4-Mirror-Antique.jpg");
    --GCat4-Bronze-Glass: url("/assets/img/vpalette/GCat4-Bronze-Glass.jpg");
    --GCat4-Smoked-Glass: url("/assets/img/vpalette/GCat4-Smoked-Glass.jpg");
    --GCat4-Stop-Sol-Smoked: url("/assets/img/vpalette/GCat4-Stop-Sol-Smoked.jpg");
    --GCat4-Frosted: url("/assets/img/vpalette/GCat4-Frosted.jpg");
    
    /*GLASS — Category 5 (Striped)*/
    --GCat5-Stripe-Fine: url("/assets/img/vpalette/GCat5-Stripe-Fine.jpg");
    --GCat5-Stripe-Wide: url("/assets/img/vpalette/GCat5-Stripe-Wide.jpg");
    /**/
}


[class^="icon-"], [class*=" icon-"] {

    font-family: 'mindseed' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-diners-dark .path1:before {
    content: "\e91c";
    color: rgb(57, 57, 57);
}

.icon-diners-dark .path2:before {
    content: "\e91d";
    margin-left: -2.046875em;
    color: rgb(255, 255, 255);
}

.icon-diners-dark .path3:before {
    content: "\e91e";
    margin-left: -2.046875em;
    color: rgb(255, 255, 255);
}

.icon-diners-light .path1:before {
    content: "\e91f";
    color: rgb(57, 57, 57);
}

.icon-diners-light .path2:before {
    content: "\e920";
    margin-left: -2.0625em;
    color: rgb(255, 255, 255);
}

.icon-diners-light .path3:before {
    content: "\e921";
    margin-left: -2.0625em;
    color: rgb(57, 57, 57);
}

.icon-diners-protectbuy-dark .path1:before {
    content: "\e922";
    color: rgb(249, 249, 249);
}

.icon-diners-protectbuy-dark .path2:before {
    content: "\e923";
    margin-left: -1.625em;
    color: rgb(255, 255, 255);
}

.icon-diners-protectbuy-dark .path3:before {
    content: "\e924";
    margin-left: -1.625em;
    color: rgb(247, 247, 247);
}

.icon-diners-protectbuy-dark .path4:before {
    content: "\e927";
    margin-left: -1.625em;
    color: rgb(255, 255, 255);
}

.icon-diners-protectbuy-dark .path5:before {
    content: "\e928";
    margin-left: -1.625em;
    color: rgb(255, 255, 255);
}

.icon-diners-protectbuy-light .path1:before {
    content: "\e929";
    color: rgb(57, 57, 57);
}

.icon-diners-protectbuy-light .path2:before {
    content: "\e92a";
    margin-left: -1.625em;
    color: rgb(57, 57, 57);
}

.icon-diners-protectbuy-light .path3:before {
    content: "\e92b";
    margin-left: -1.625em;
    color: rgb(89, 89, 89);
}

.icon-diners-protectbuy-light .path4:before {
    content: "\e92c";
    margin-left: -1.625em;
    color: rgb(57, 57, 57);
}

.icon-diners-protectbuy-light .path5:before {
    content: "\e92d";
    margin-left: -1.625em;
    color: rgb(57, 57, 57);
}

.icon-discover-light:before {
    content: "\e92e";
}

.icon-disvocer-dark:before {
    content: "\e92f";
    color: #fff;
}

.icon-epay-dark .path1:before {
    content: "\e930";
    color: rgb(204, 204, 204);
}

.icon-epay-dark .path2:before {
    content: "\e931";
    margin-left: -1.625em;
    color: rgb(0, 0, 0);
}

.icon-epay-dark .path3:before {
    content: "\e932";
    margin-left: -1.625em;
    color: rgb(0, 0, 0);
}

.icon-epay-dark .path4:before {
    content: "\e933";
    margin-left: -1.625em;
    color: rgb(0, 0, 0);
}

.icon-epay-dark .path5:before {
    content: "\e934";
    margin-left: -1.625em;
    color: rgb(239, 239, 239);
}

.icon-epay-dark .path6:before {
    content: "\e935";
    margin-left: -1.625em;
    color: rgb(239, 239, 239);
}

.icon-epay-dark .path7:before {
    content: "\e936";
    margin-left: -1.625em;
    color: rgb(239, 239, 239);
}

.icon-epay-dark .path8:before {
    content: "\e937";
    margin-left: -1.625em;
    color: rgb(204, 204, 204);
}

.icon-epay-dark .path9:before {
    content: "\e938";
    margin-left: -1.625em;
    color: rgb(204, 204, 204);
}

.icon-epay-dark .path10:before {
    content: "\e939";
    margin-left: -1.625em;
    color: rgb(255, 255, 255);
}

.icon-epay-dark .path11:before {
    content: "\e93a";
    margin-left: -1.625em;
    color: rgb(255, 255, 255);
}

.icon-epay-dark .path12:before {
    content: "\e93b";
    margin-left: -1.625em;
    color: rgb(255, 255, 255);
}

.icon-epay-dark .path13:before {
    content: "\e93c";
    margin-left: -1.625em;
    color: rgb(255, 255, 255);
}

.icon-epay-light .path1:before {
    content: "\e93d";
    color: rgb(57, 57, 57);
}

.icon-epay-light .path2:before {
    content: "\e93e";
    margin-left: -1.625em;
    color: rgb(0, 0, 0);
}

.icon-epay-light .path3:before {
    content: "\e93f";
    margin-left: -1.625em;
    color: rgb(0, 0, 0);
}

.icon-epay-light .path4:before {
    content: "\e940";
    margin-left: -1.625em;
    color: rgb(0, 0, 0);
}

.icon-epay-light .path5:before {
    content: "\e941";
    margin-left: -1.625em;
    color: rgb(89, 89, 89);
}

.icon-epay-light .path6:before {
    content: "\e942";
    margin-left: -1.625em;
    color: rgb(89, 89, 89);
}

.icon-epay-light .path7:before {
    content: "\e943";
    margin-left: -1.625em;
    color: rgb(89, 89, 89);
}

.icon-epay-light .path8:before {
    content: "\e944";
    margin-left: -1.625em;
    color: rgb(57, 57, 57);
}

.icon-epay-light .path9:before {
    content: "\e945";
    margin-left: -1.625em;
    color: rgb(57, 57, 57);
}

.icon-epay-light .path10:before {
    content: "\e946";
    margin-left: -1.625em;
    color: rgb(57, 57, 57);
}

.icon-epay-light .path11:before {
    content: "\e947";
    margin-left: -1.625em;
    color: rgb(57, 57, 57);
}

.icon-epay-light .path12:before {
    content: "\e948";
    margin-left: -1.625em;
    color: rgb(57, 57, 57);
}

.icon-epay-light .path13:before {
    content: "\e949";
    margin-left: -1.625em;
    color: rgb(57, 57, 57);
}

.icon-maestro-dark .path1:before {
    content: "\e94a";
    color: rgb(255, 255, 255);
}

.icon-maestro-dark .path2:before {
    content: "\e94b";
    margin-left: -1.287109375em;
    color: rgb(222, 222, 222);
}

.icon-maestro-dark .path3:before {
    content: "\e94c";
    margin-left: -1.287109375em;
    color: rgb(204, 204, 204);
}

.icon-maestro-dark .path4:before {
    content: "\e94d";
    margin-left: -1.287109375em;
    color: rgb(239, 239, 239);
}

.icon-maestro-dark .path5:before {
    content: "\e94e";
    margin-left: -1.287109375em;
    color: rgb(255, 255, 255);
}

.icon-maestro-dark .path6:before {
    content: "\e94f";
    margin-left: -1.287109375em;
    color: rgb(255, 255, 255);
}

.icon-maestro-light .path1:before {
    content: "\e950";
    color: rgb(57, 57, 57);
}

.icon-maestro-light .path2:before {
    content: "\e951";
    margin-left: -1.287109375em;
    color: rgb(73, 73, 73);
}

.icon-maestro-light .path3:before {
    content: "\e952";
    margin-left: -1.287109375em;
    color: rgb(57, 57, 57);
}

.icon-maestro-light .path4:before {
    content: "\e953";
    margin-left: -1.287109375em;
    color: rgb(89, 89, 89);
}

.icon-maestro-light .path5:before {
    content: "\e954";
    margin-left: -1.287109375em;
    color: rgb(57, 57, 57);
}

.icon-maestro-light .path6:before {
    content: "\e955";
    margin-left: -1.287109375em;
    color: rgb(57, 57, 57);
}

.icon-mastercard-dark .path1:before {
    content: "\e956";
    color: rgb(204, 204, 204);
}

.icon-mastercard-dark .path2:before {
    content: "\e957";
    margin-left: -1.2880859375em;
    color: rgb(239, 239, 239);
}

.icon-mastercard-dark .path3:before {
    content: "\e958";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-dark .path4:before {
    content: "\e959";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-dark .path5:before {
    content: "\e95a";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-dark .path6:before {
    content: "\e95b";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-dark .path7:before {
    content: "\e95c";
    margin-left: -1.2880859375em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-dark .path8:before {
    content: "\e95d";
    margin-left: -1.2880859375em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-dark .path9:before {
    content: "\e95e";
    margin-left: -1.2880859375em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-dark .path10:before {
    content: "\e95f";
    margin-left: -1.2880859375em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-dark .path11:before {
    content: "\e960";
    margin-left: -1.2880859375em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-dark .path12:before {
    content: "\e961";
    margin-left: -1.2880859375em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-dark .path13:before {
    content: "\e962";
    margin-left: -1.2880859375em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-dark .path14:before {
    content: "\e963";
    margin-left: -1.2880859375em;
    color: rgb(236, 28, 51);
}

.icon-mastercard-dark .path15:before {
    content: "\e964";
    margin-left: -1.2880859375em;
    color: rgb(236, 22, 47);
}

.icon-mastercard-dark .path16:before {
    content: "\e965";
    margin-left: -1.2880859375em;
    color: rgb(50, 50, 50);
}

.icon-mastercard-dark .path17:before {
    content: "\e966";
    margin-left: -1.2880859375em;
    color: rgb(236, 20, 45);
}

.icon-mastercard-dark .path18:before {
    content: "\e967";
    margin-left: -1.2880859375em;
    color: rgb(248, 180, 80);
}

.icon-mastercard-dark .path19:before {
    content: "\e968";
    margin-left: -1.2880859375em;
    color: rgb(236, 31, 54);
}

.icon-mastercard-dark .path20:before {
    content: "\e969";
    margin-left: -1.2880859375em;
    color: rgb(249, 196, 117);
}

.icon-mastercard-dark .path21:before {
    content: "\e96a";
    margin-left: -1.2880859375em;
    color: rgb(44, 44, 44);
}

.icon-mastercard-dark .path22:before {
    content: "\e96b";
    margin-left: -1.2880859375em;
    color: rgb(244, 122, 136);
}

.icon-mastercard-dark .path23:before {
    content: "\e96c";
    margin-left: -1.2880859375em;
    color: rgb(248, 179, 77);
}

.icon-mastercard-dark .path24:before {
    content: "\e96d";
    margin-left: -1.2880859375em;
    color: rgb(247, 172, 61);
}

.icon-mastercard-dark .path25:before {
    content: "\e96e";
    margin-left: -1.2880859375em;
    color: rgb(244, 132, 145);
}

.icon-mastercard-dark .path26:before {
    content: "\e984";
    margin-left: -1.2880859375em;
    color: rgb(247, 170, 57);
}

.icon-mastercard-dark .path27:before {
    content: "\e988";
    margin-left: -1.2880859375em;
    color: rgb(250, 206, 140);
}

.icon-mastercard-dark .path28:before {
    content: "\e990";
    margin-left: -1.2880859375em;
    color: rgb(33, 33, 33);
}

.icon-mastercard-dark .path29:before {
    content: "\e991";
    margin-left: -1.2880859375em;
    color: rgb(241, 85, 103);
}

.icon-mastercard-dark .path30:before {
    content: "\e992";
    margin-left: -1.2880859375em;
    color: rgb(25, 25, 25);
}

.icon-mastercard-dark .path31:before {
    content: "\e993";
    margin-left: -1.2880859375em;
    color: rgb(245, 131, 144);
}

.icon-mastercard-dark .path32:before {
    content: "\e994";
    margin-left: -1.2880859375em;
    color: rgb(245, 131, 144);
}

.icon-mastercard-dark .path33:before {
    content: "\e995";
    margin-left: -1.2880859375em;
    color: rgb(222, 222, 222);
}

.icon-mastercard-dark .path34:before {
    content: "\e996";
    margin-left: -1.2880859375em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-dark .path35:before {
    content: "\e997";
    margin-left: -1.2880859375em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-dark .path36:before {
    content: "\e998";
    margin-left: -1.2880859375em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-dark .path37:before {
    content: "\e999";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-dark .path38:before {
    content: "\e99a";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-dark .path39:before {
    content: "\e99b";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-dark .path40:before {
    content: "\e99c";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-idcheck-dark .path1:before {
    content: "\e99e";
    color: rgb(222, 222, 222);
}

.icon-mastercard-idcheck-dark .path2:before {
    content: "\e99f";
    margin-left: -3.5009765625em;
    color: rgb(204, 204, 204);
}

.icon-mastercard-idcheck-dark .path3:before {
    content: "\e9a0";
    margin-left: -3.5009765625em;
    color: rgb(239, 239, 239);
}

.icon-mastercard-idcheck-dark .path4:before {
    content: "\e9ab";
    margin-left: -3.5009765625em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-idcheck-dark .path5:before {
    content: "\e9ac";
    margin-left: -3.5009765625em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-idcheck-dark .path6:before {
    content: "\e9ad";
    margin-left: -3.5009765625em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-idcheck-dark .path7:before {
    content: "\e9ae";
    margin-left: -3.5009765625em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-idcheck-dark .path8:before {
    content: "\e9af";
    margin-left: -3.5009765625em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-idcheck-dark .path9:before {
    content: "\e9b0";
    margin-left: -3.5009765625em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-idcheck-dark .path10:before {
    content: "\e9b1";
    margin-left: -3.5009765625em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-idcheck-dark .path11:before {
    content: "\e9b2";
    margin-left: -3.5009765625em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-idcheck-dark .path12:before {
    content: "\e9b3";
    margin-left: -3.5009765625em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-idcheck-dark .path13:before {
    content: "\e9b4";
    margin-left: -3.5009765625em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-idcheck-dark .path14:before {
    content: "\e9b5";
    margin-left: -3.5009765625em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-idcheck-light .path1:before {
    content: "\e9b6";
    color: rgb(73, 73, 73);
}

.icon-mastercard-idcheck-light .path2:before {
    content: "\e9b7";
    margin-left: -3.5009765625em;
    color: rgb(57, 57, 57);
}

.icon-mastercard-idcheck-light .path3:before {
    content: "\e9b8";
    margin-left: -3.5009765625em;
    color: rgb(89, 89, 89);
}

.icon-mastercard-idcheck-light .path4:before {
    content: "\e9b9";
    margin-left: -3.5009765625em;
    color: rgb(0, 0, 0);
}

.icon-mastercard-idcheck-light .path5:before {
    content: "\e9ba";
    margin-left: -3.5009765625em;
    color: rgb(29, 29, 27);
}

.icon-mastercard-idcheck-light .path6:before {
    content: "\e9bb";
    margin-left: -3.5009765625em;
    color: rgb(29, 29, 27);
}

.icon-mastercard-idcheck-light .path7:before {
    content: "\e9bc";
    margin-left: -3.5009765625em;
    color: rgb(29, 29, 27);
}

.icon-mastercard-idcheck-light .path8:before {
    content: "\e9bd";
    margin-left: -3.5009765625em;
    color: rgb(29, 29, 27);
}

.icon-mastercard-idcheck-light .path9:before {
    content: "\e9be";
    margin-left: -3.5009765625em;
    color: rgb(29, 29, 27);
}

.icon-mastercard-idcheck-light .path10:before {
    content: "\e9bf";
    margin-left: -3.5009765625em;
    color: rgb(29, 29, 27);
}

.icon-mastercard-idcheck-light .path11:before {
    content: "\e9c0";
    margin-left: -3.5009765625em;
    color: rgb(29, 29, 27);
}

.icon-mastercard-idcheck-light .path12:before {
    content: "\e9c1";
    margin-left: -3.5009765625em;
    color: rgb(29, 29, 27);
}

.icon-mastercard-idcheck-light .path13:before {
    content: "\e9c2";
    margin-left: -3.5009765625em;
    color: rgb(29, 29, 27);
}

.icon-mastercard-idcheck-light .path14:before {
    content: "\e9c3";
    margin-left: -3.5009765625em;
    color: rgb(29, 29, 27);
}

.icon-mastercard-light .path1:before {
    content: "\e9c4";
    color: rgb(57, 57, 57);
}

.icon-mastercard-light .path2:before {
    content: "\e9c5";
    margin-left: -1.2880859375em;
    color: rgb(89, 89, 89);
}

.icon-mastercard-light .path3:before {
    content: "\e9c6";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-light .path4:before {
    content: "\e9c7";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-light .path5:before {
    content: "\e9c8";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-light .path6:before {
    content: "\e9c9";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-light .path7:before {
    content: "\e9ca";
    margin-left: -1.2880859375em;
    color: rgb(0, 0, 0);
}

.icon-mastercard-light .path8:before {
    content: "\e9cb";
    margin-left: -1.2880859375em;
    color: rgb(0, 0, 0);
}

.icon-mastercard-light .path9:before {
    content: "\e9cc";
    margin-left: -1.2880859375em;
    color: rgb(0, 0, 0);
}

.icon-mastercard-light .path10:before {
    content: "\e9cd";
    margin-left: -1.2880859375em;
    color: rgb(0, 0, 0);
}

.icon-mastercard-light .path11:before {
    content: "\e9ce";
    margin-left: -1.2880859375em;
    color: rgb(0, 0, 0);
}

.icon-mastercard-light .path12:before {
    content: "\e9cf";
    margin-left: -1.2880859375em;
    color: rgb(0, 0, 0);
}

.icon-mastercard-light .path13:before {
    content: "\e9d0";
    margin-left: -1.2880859375em;
    color: rgb(0, 0, 0);
}

.icon-mastercard-light .path14:before {
    content: "\e9d1";
    margin-left: -1.2880859375em;
    color: rgb(236, 28, 51);
}

.icon-mastercard-light .path15:before {
    content: "\e9d2";
    margin-left: -1.2880859375em;
    color: rgb(236, 22, 47);
}

.icon-mastercard-light .path16:before {
    content: "\e9d3";
    margin-left: -1.2880859375em;
    color: rgb(50, 50, 50);
}

.icon-mastercard-light .path17:before {
    content: "\e9d4";
    margin-left: -1.2880859375em;
    color: rgb(236, 20, 45);
}

.icon-mastercard-light .path18:before {
    content: "\e9d5";
    margin-left: -1.2880859375em;
    color: rgb(248, 180, 80);
}

.icon-mastercard-light .path19:before {
    content: "\e9d6";
    margin-left: -1.2880859375em;
    color: rgb(236, 31, 54);
}

.icon-mastercard-light .path20:before {
    content: "\e9d7";
    margin-left: -1.2880859375em;
    color: rgb(249, 196, 117);
}

.icon-mastercard-light .path21:before {
    content: "\e9d8";
    margin-left: -1.2880859375em;
    color: rgb(44, 44, 44);
}

.icon-mastercard-light .path22:before {
    content: "\e9d9";
    margin-left: -1.2880859375em;
    color: rgb(244, 122, 136);
}

.icon-mastercard-light .path23:before {
    content: "\e9da";
    margin-left: -1.2880859375em;
    color: rgb(248, 179, 77);
}

.icon-mastercard-light .path24:before {
    content: "\e9db";
    margin-left: -1.2880859375em;
    color: rgb(247, 172, 61);
}

.icon-mastercard-light .path25:before {
    content: "\e9dc";
    margin-left: -1.2880859375em;
    color: rgb(244, 132, 145);
}

.icon-mastercard-light .path26:before {
    content: "\e9dd";
    margin-left: -1.2880859375em;
    color: rgb(247, 170, 57);
}

.icon-mastercard-light .path27:before {
    content: "\e9de";
    margin-left: -1.2880859375em;
    color: rgb(250, 206, 140);
}

.icon-mastercard-light .path28:before {
    content: "\e9df";
    margin-left: -1.2880859375em;
    color: rgb(33, 33, 33);
}

.icon-mastercard-light .path29:before {
    content: "\e9e0";
    margin-left: -1.2880859375em;
    color: rgb(241, 85, 103);
}

.icon-mastercard-light .path30:before {
    content: "\e9e1";
    margin-left: -1.2880859375em;
    color: rgb(25, 25, 25);
}

.icon-mastercard-light .path31:before {
    content: "\e9e2";
    margin-left: -1.2880859375em;
    color: rgb(245, 131, 144);
}

.icon-mastercard-light .path32:before {
    content: "\e9e3";
    margin-left: -1.2880859375em;
    color: rgb(245, 131, 144);
}

.icon-mastercard-light .path33:before {
    content: "\e9e4";
    margin-left: -1.2880859375em;
    color: rgb(73, 73, 73);
}

.icon-mastercard-light .path34:before {
    content: "\e9e5";
    margin-left: -1.2880859375em;
    color: rgb(57, 57, 57);
}

.icon-mastercard-light .path35:before {
    content: "\e9e6";
    margin-left: -1.2880859375em;
    color: rgb(0, 0, 0);
}

.icon-mastercard-light .path36:before {
    content: "\e9e7";
    margin-left: -1.2880859375em;
    color: rgb(0, 0, 0);
}

.icon-mastercard-light .path37:before {
    content: "\e9e8";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-light .path38:before {
    content: "\e9e9";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-light .path39:before {
    content: "\e9ea";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-light .path40:before {
    content: "\e9eb";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-nexi-dark:before {
    content: "\e9ec";
}

.icon-nexi-light:before {
    content: "\e9ed";
    color: #fff;
}

.icon-paypal-dark .path1:before {
    content: "\e9ee";
    color: rgb(255, 255, 255);
}

.icon-paypal-dark .path2:before {
    content: "\e9ef";
    margin-left: -1.78125em;
    color: rgb(255, 255, 255);
}

.icon-paypal-dark .path3:before {
    content: "\e9f0";
    margin-left: -1.78125em;
    color: rgb(255, 255, 255);
}

.icon-paypal-dark .path4:before {
    content: "\e9f1";
    margin-left: -1.78125em;
    color: rgb(239, 239, 239);
}

.icon-paypal-dark .path5:before {
    content: "\e9f2";
    margin-left: -1.78125em;
    color: rgb(239, 239, 239);
}

.icon-paypal-dark .path6:before {
    content: "\e9f3";
    margin-left: -1.78125em;
    color: rgb(239, 239, 239);
}

.icon-paypal-dark .path7:before {
    content: "\e9f4";
    margin-left: -1.78125em;
    color: rgb(37, 59, 128);
}

.icon-paypal-dark .path8:before {
    content: "\e9f5";
    margin-left: -1.78125em;
    color: rgb(239, 239, 239);
}

.icon-paypal-dark .path9:before {
    content: "\e9f6";
    margin-left: -1.78125em;
    color: rgb(222, 222, 222);
}

.icon-paypal-dark .path10:before {
    content: "\e9f7";
    margin-left: -1.78125em;
    color: rgb(204, 204, 204);
}

.icon-paypal-light .path1:before {
    content: "\e9f8";
    color: rgb(57, 57, 57);
}

.icon-paypal-light .path2:before {
    content: "\e9f9";
    margin-left: -1.796875em;
    color: rgb(57, 57, 57);
}

.icon-paypal-light .path3:before {
    content: "\e9fa";
    margin-left: -1.796875em;
    color: rgb(57, 57, 57);
}

.icon-paypal-light .path4:before {
    content: "\e9fb";
    margin-left: -1.796875em;
    color: rgb(89, 89, 89);
}

.icon-paypal-light .path5:before {
    content: "\e9fc";
    margin-left: -1.796875em;
    color: rgb(89, 89, 89);
}

.icon-paypal-light .path6:before {
    content: "\e9fd";
    margin-left: -1.796875em;
    color: rgb(89, 89, 89);
}

.icon-paypal-light .path7:before {
    content: "\e9fe";
    margin-left: -1.796875em;
    color: rgb(37, 59, 128);
}

.icon-paypal-light .path8:before {
    content: "\e9ff";
    margin-left: -1.796875em;
    color: rgb(89, 89, 89);
}

.icon-paypal-light .path9:before {
    content: "\ea00";
    margin-left: -1.796875em;
    color: rgb(73, 73, 73);
}

.icon-paypal-light .path10:before {
    content: "\ea01";
    margin-left: -1.796875em;
    color: rgb(57, 57, 57);
}

.icon-sectigo-dark .path1:before {
    content: "\ea02";
    color: rgb(255, 255, 255);
}

.icon-sectigo-dark .path2:before {
    content: "\ea03";
    margin-left: -1.78125em;
    color: rgb(247, 247, 247);
}

.icon-sectigo-dark .path3:before {
    content: "\ea04";
    margin-left: -1.78125em;
    color: rgb(247, 247, 247);
}

.icon-sectigo-dark .path4:before {
    content: "\ea05";
    margin-left: -1.78125em;
    color: rgb(255, 255, 255);
}

.icon-sectigo-dark .path5:before {
    content: "\ea06";
    margin-left: -1.78125em;
    color: rgb(255, 255, 255);
}

.icon-sectigo-dark .path6:before {
    content: "\ea07";
    margin-left: -1.78125em;
    color: rgb(255, 255, 255);
}

.icon-sectigo-dark .path7:before {
    content: "\ea08";
    margin-left: -1.78125em;
    color: rgb(255, 255, 255);
}

.icon-sectigo-dark .path8:before {
    content: "\ea09";
    margin-left: -1.78125em;
    color: rgb(255, 255, 255);
}

.icon-sectigo-dark .path9:before {
    content: "\ea0a";
    margin-left: -1.78125em;
    color: rgb(255, 255, 255);
}

.icon-sectigo-light .path1:before {
    content: "\ea0b";
    color: rgb(57, 57, 57);
}

.icon-sectigo-light .path2:before {
    content: "\ea0c";
    margin-left: -1.78125em;
    color: rgb(105, 105, 105);
}

.icon-sectigo-light .path3:before {
    content: "\ea0d";
    margin-left: -1.78125em;
    color: rgb(105, 105, 105);
}

.icon-sectigo-light .path4:before {
    content: "\ea0e";
    margin-left: -1.78125em;
    color: rgb(57, 57, 57);
}

.icon-sectigo-light .path5:before {
    content: "\ea0f";
    margin-left: -1.78125em;
    color: rgb(57, 57, 57);
}

.icon-sectigo-light .path6:before {
    content: "\ea10";
    margin-left: -1.78125em;
    color: rgb(57, 57, 57);
}

.icon-sectigo-light .path7:before {
    content: "\ea11";
    margin-left: -1.78125em;
    color: rgb(57, 57, 57);
}

.icon-sectigo-light .path8:before {
    content: "\ea12";
    margin-left: -1.78125em;
    color: rgb(57, 57, 57);
}

.icon-sectigo-light .path9:before {
    content: "\ea13";
    margin-left: -1.78125em;
    color: rgb(57, 57, 57);
}

.icon-visa-dark:before {
    content: "\ea14";
    color: #fff;
}

.icon-visa-light:before {
    content: "\ea15";
}

.icon-visasecure-dark .path1:before {
    content: "\ea16";
    color: rgb(255, 255, 255);
}

.icon-visasecure-dark .path2:before {
    content: "\ea17";
    margin-left: -1em;
    color: rgb(57, 57, 57);
}

.icon-visasecure-dark .path3:before {
    content: "\ea18";
    margin-left: -1em;
    color: rgb(57, 57, 57);
}

.icon-visasecure-dark .path4:before {
    content: "\ea19";
    margin-left: -1em;
    color: rgb(57, 57, 57);
}

.icon-visasecure-dark .path5:before {
    content: "\ea1a";
    margin-left: -1em;
    color: rgb(57, 57, 57);
}

.icon-visasecure-dark .path6:before {
    content: "\ea1b";
    margin-left: -1em;
    color: rgb(57, 57, 57);
}

.icon-visasecure-dark .path7:before {
    content: "\ea1c";
    margin-left: -1em;
    color: rgb(57, 57, 57);
}

.icon-visasecure-dark .path8:before {
    content: "\ea1d";
    margin-left: -1em;
    color: rgb(57, 57, 57);
}

.icon-visasecure-light .path1:before {
    content: "\ea1e";
    color: rgb(57, 57, 57);
}

.icon-visasecure-light .path2:before {
    content: "\ea1f";
    margin-left: -1.1572265625em;
    color: rgb(57, 57, 57);
}

.icon-visasecure-light .path3:before {
    content: "\ea20";
    margin-left: -1.1572265625em;
    color: rgb(255, 255, 255);
}

.icon-visasecure-light .path4:before {
    content: "\ea21";
    margin-left: -1.1572265625em;
    color: rgb(255, 255, 255);
}

.icon-visasecure-light .path5:before {
    content: "\ea22";
    margin-left: -1.1572265625em;
    color: rgb(255, 255, 255);
}

.icon-visasecure-light .path6:before {
    content: "\ea23";
    margin-left: -1.1572265625em;
    color: rgb(255, 255, 255);
}

.icon-visasecure-light .path7:before {
    content: "\ea24";
    margin-left: -1.1572265625em;
    color: rgb(255, 255, 255);
}

.icon-visasecure-light .path8:before {
    content: "\ea25";
    margin-left: -1.1572265625em;
    color: rgb(255, 255, 255);
}

.icon-worldline-dark:before {
    content: "\ea26";
    color: #fff;
}

.icon-worldline-light:before {
    content: "\ea27";
}

.icon-filters:before {
    content: "\e914";
}

.icon-bullet:before {
    content: "\e917";
}

.icon-chevron-circle-left:before {
    content: "\e918";
}

.icon-chevron-circle-right:before {
    content: "\e919";
}

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

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

.icon-logi-icon:before {
    content: "\e925";
}

.icon-m-icon:before {
    content: "\e926";
}

.icon-menu:before {
    content: "\e983";
}

.icon-x:before {
    content: "\e904";
}

.icon-search:before {
    content: "\e982";
}

.icon-phone:before {
    content: "\e970";
}

.icon-email:before {
    content: "\e909";
}

.icon-pin:before {
    content: "\e905";
}

.icon-logout:before {
    content: "\e974";
}

.icon-addressbook:before {
    content: "\e971";
}

.icon-details:before {
    content: "\e972";
}

.icon-orders:before {
    content: "\e973";
}

.icon-add-to-cart:before {
    content: "\e96f";
}

.icon-bin:before {
    content: "\e9aa";
}

.icon-reload:before {
    content: "\e906";
}

.icon-check:before {
    content: "\e98f";
}

.icon-left:before {
    content: "\e98c";
}

.icon-right:before {
    content: "\e98d";
}

.icon-b-down:before {
    content: "\e989";
}

.icon-down:before {
    content: "\e98b";
}

.icon-down-cs:before {
    content: "\e98b";
}

.mstm-div-active .icon-down {
    transform: rotate(180deg);
}

.mstm-div-active .icon-down-cs {
    transform: rotate(180deg);
}

.mstm-active.mstm-attribute_name::after {
    transform: rotate(180deg);
}

.icon-down-triangle:before {
    content: "\e97c";
}

.icon-up-triangle:before {
    content: "\e97d";
}

.icon-up-line:before {
    content: "\e901";
}

.icon-b-right-line:before {
    content: "\e902";
}

.icon-shipping:before {
    content: "\e9a2";
}

.icon-store:before {
    content: "\e987";
}

.icon-checkout-bankwire:before {
    content: "\e9a3";
}

.icon-coupon:before {
    content: "\e9a4";
}

.icon-order-success:before {
    content: "\e9a5";
}

.icon-checkout-card:before {
    content: "\e9a6";
}

.icon-lock:before {
    content: "\e9a7";
}

.icon-checkout-cash:before {
    content: "\e9a8";
}

.icon-checkout-cash-on-delivery:before {
    content: "\e9a9";
}

.icon-newspaper:before {
    content: "\e99d";
}

.icon-store-delivery:before {
    content: "\e9a1";
}

.icon-edit:before {
    content: "\e97e";
}

.icon-category:before {
    content: "\e97f";
}

.icon-happy:before {
    content: "\e98a";
}

.icon-in-love:before {
    content: "\e986";
}

.icon-shocked:before {
    content: "\e98e";
}

.icon-sad:before {
    content: "\e981";
}

.icon-angry:before {
    content: "\e980";
}

.icon-comment:before {
    content: "\e977";
}

.icon-star:before {
    content: "\e978";
}

.icon-settings:before {
    content: "\e97b";
}

.icon-minus:before {
    content: "\e979";
}

.icon-b-minus:before {
    content: "\e97a";
}

.icon-plus:before {
    content: "\e975";
}

.icon-b-plus:before {
    content: "\e976";
}

.icon-user:before {
    content: "\e90d";
}

.icon-wishlist:before {
    content: "\e907";
}

.icon-wishlist-full:before {
    content: "\e908";
}

.icon-wishlist-full-2 .path1:before {
    content: "\e90e";
    color: rgb(255, 255, 255);
}

.icon-wishlist-full-2 .path2:before {
    content: "\e90f";
    margin-left: -1.126953125em;
    color: rgb(0, 0, 0);
}

.icon-empty-cart:before {
    content: "\e90a";
}

.icon-full-cart:before {
    content: "\e90b";
}

.icon-facebook:before {
    content: "\e900";
}

.icon-instagram:before {
    content: "\e903";
}

.icon-twitter:before {
    content: "\e90c";
}

.icon-youtube:before {
    content: "\e910";
}

.icon-pinterest:before {
    content: "\e985";
}

.icon-mastercard:before {
    content: "\e911";
}

.icon-maestro:before {
    content: "\e912";
}

.icon-verified-visa:before {
    content: "\e915";
}

.icon-visa:before {
    content: "\e916";
}

.icon-mc-id-check:before {
    content: "\e913";
}


/****libraries****/
.clearfix::after {
    content: "";
    display: table-cell;
    clear: both;
}


i {
    display: inline-block;
}

.msicon-before-relative {
    line-height: 0;
}

.msicon-before-relative::before {
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'mindseed' !important;
    position: relative;
    line-height: 1;
}

.msicon-before::before {
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'mindseed' !important;
    position: absolute;
    line-height: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.msicon-path, .msicon-path * {
    font-family: 'mindseed' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.msicon-before-inline {
    display: inline-block;
    font-family: 'mindseed' !important;
    line-height: 1;
    font-style: normal;
}

.ellipsis {
    display: -webkit-box !important;
    -webkit-line-clamp: var(--numberoflines) !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.msicon-path {
    display: inline-flex;
}


.msicon-path span[class^="path"] {
    font-family: 'mindseed' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: table-cell;
}

/*font*/

.msicon-path.icon-mastercard-idcheck-dark {
    display: block;
    margin-right: -10px;
}

/**/
.icon-diners-dark .path1:before {
    content: "\e91c";
    color: rgb(57, 57, 57);
}

.icon-diners-dark .path2:before {
    content: "\e91d";
    margin-left: -2.046875em;
    color: rgb(255, 255, 255);
}

.icon-diners-dark .path3:before {
    content: "\e91e";
    margin-left: -2.046875em;
    color: rgb(255, 255, 255);
}

.icon-diners-light .path1:before {
    content: "\e91f";
    color: rgb(57, 57, 57);
}

.icon-diners-light .path2:before {
    content: "\e920";
    margin-left: -2.0625em;
    color: rgb(255, 255, 255);
}

.icon-diners-light .path3:before {
    content: "\e921";
    margin-left: -2.0625em;
    color: rgb(57, 57, 57);
}

.icon-diners-protectbuy-dark .path1:before {
    content: "\e922";
    color: rgb(249, 249, 249);
}

.icon-diners-protectbuy-dark .path2:before {
    content: "\e923";
    margin-left: -1.625em;
    color: rgb(255, 255, 255);
}

.icon-diners-protectbuy-dark .path3:before {
    content: "\e924";
    margin-left: -1.625em;
    color: rgb(247, 247, 247);
}

.icon-diners-protectbuy-dark .path4:before {
    content: "\e927";
    margin-left: -1.625em;
    color: rgb(255, 255, 255);
}

.icon-diners-protectbuy-dark .path5:before {
    content: "\e928";
    margin-left: -1.625em;
    color: rgb(255, 255, 255);
}

.icon-diners-protectbuy-light .path1:before {
    content: "\e929";
    color: rgb(57, 57, 57);
}

.icon-diners-protectbuy-light .path2:before {
    content: "\e92a";
    margin-left: -1.625em;
    color: rgb(57, 57, 57);
}

.icon-diners-protectbuy-light .path3:before {
    content: "\e92b";
    margin-left: -1.625em;
    color: rgb(89, 89, 89);
}

.icon-diners-protectbuy-light .path4:before {
    content: "\e92c";
    margin-left: -1.625em;
    color: rgb(57, 57, 57);
}

.icon-diners-protectbuy-light .path5:before {
    content: "\e92d";
    margin-left: -1.625em;
    color: rgb(57, 57, 57);
}

.icon-discover-light:before {
    content: "\e92e";
}

.icon-disvocer-dark:before {
    content: "\e92f";
    color: var(--white);
}

.icon-epay-dark .path1:before {
    content: "\e930";
    color: rgb(204, 204, 204);
}

.icon-epay-dark .path2:before {
    content: "\e931";
    margin-left: -1.625em;
    color: rgb(0, 0, 0);
}

.icon-epay-dark .path3:before {
    content: "\e932";
    margin-left: -1.625em;
    color: rgb(0, 0, 0);
}

.icon-epay-dark .path4:before {
    content: "\e933";
    margin-left: -1.625em;
    color: rgb(0, 0, 0);
}

.icon-epay-dark .path5:before {
    content: "\e934";
    margin-left: -1.625em;
    color: rgb(239, 239, 239);
}

.icon-epay-dark .path6:before {
    content: "\e935";
    margin-left: -1.625em;
    color: rgb(239, 239, 239);
}

.icon-epay-dark .path7:before {
    content: "\e936";
    margin-left: -1.625em;
    color: rgb(239, 239, 239);
}

.icon-epay-dark .path8:before {
    content: "\e937";
    margin-left: -1.625em;
    color: rgb(204, 204, 204);
}

.icon-epay-dark .path9:before {
    content: "\e938";
    margin-left: -1.625em;
    color: rgb(204, 204, 204);
}

.icon-epay-dark .path10:before {
    content: "\e939";
    margin-left: -1.625em;
    color: rgb(255, 255, 255);
}

.icon-epay-dark .path11:before {
    content: "\e93a";
    margin-left: -1.625em;
    color: rgb(255, 255, 255);
}

.icon-epay-dark .path12:before {
    content: "\e93b";
    margin-left: -1.625em;
    color: rgb(255, 255, 255);
}

.icon-epay-dark .path13:before {
    content: "\e93c";
    margin-left: -1.625em;
    color: rgb(255, 255, 255);
}

.icon-epay-light .path1:before {
    content: "\e93d";
    color: rgb(57, 57, 57);
}

.icon-epay-light .path2:before {
    content: "\e93e";
    margin-left: -1.625em;
    color: rgb(0, 0, 0);
}

.icon-epay-light .path3:before {
    content: "\e93f";
    margin-left: -1.625em;
    color: rgb(0, 0, 0);
}

.icon-epay-light .path4:before {
    content: "\e940";
    margin-left: -1.625em;
    color: rgb(0, 0, 0);
}

.icon-epay-light .path5:before {
    content: "\e941";
    margin-left: -1.625em;
    color: rgb(89, 89, 89);
}

.icon-epay-light .path6:before {
    content: "\e942";
    margin-left: -1.625em;
    color: rgb(89, 89, 89);
}

.icon-epay-light .path7:before {
    content: "\e943";
    margin-left: -1.625em;
    color: rgb(89, 89, 89);
}

.icon-epay-light .path8:before {
    content: "\e944";
    margin-left: -1.625em;
    color: rgb(57, 57, 57);
}

.icon-epay-light .path9:before {
    content: "\e945";
    margin-left: -1.625em;
    color: rgb(57, 57, 57);
}

.icon-epay-light .path10:before {
    content: "\e946";
    margin-left: -1.625em;
    color: rgb(57, 57, 57);
}

.icon-epay-light .path11:before {
    content: "\e947";
    margin-left: -1.625em;
    color: rgb(57, 57, 57);
}

.icon-epay-light .path12:before {
    content: "\e948";
    margin-left: -1.625em;
    color: rgb(57, 57, 57);
}

.icon-epay-light .path13:before {
    content: "\e949";
    margin-left: -1.625em;
    color: rgb(57, 57, 57);
}

.icon-maestro-dark .path1:before {
    content: "\e94a";
    color: rgb(255, 255, 255);
}

.icon-maestro-dark .path2:before {
    content: "\e94b";
    margin-left: -1.287109375em;
    color: rgb(222, 222, 222);
}

.icon-maestro-dark .path3:before {
    content: "\e94c";
    margin-left: -1.287109375em;
    color: rgb(204, 204, 204);
}

.icon-maestro-dark .path4:before {
    content: "\e94d";
    margin-left: -1.287109375em;
    color: rgb(239, 239, 239);
}

.icon-maestro-dark .path5:before {
    content: "\e94e";
    margin-left: -1.287109375em;
    color: rgb(255, 255, 255);
}

.icon-maestro-dark .path6:before {
    content: "\e94f";
    margin-left: -1.287109375em;
    color: rgb(255, 255, 255);
}

.icon-maestro-light .path1:before {
    content: "\e950";
    color: rgb(57, 57, 57);
}

.icon-maestro-light .path2:before {
    content: "\e951";
    margin-left: -1.287109375em;
    color: rgb(73, 73, 73);
}

.icon-maestro-light .path3:before {
    content: "\e952";
    margin-left: -1.287109375em;
    color: rgb(57, 57, 57);
}

.icon-maestro-light .path4:before {
    content: "\e953";
    margin-left: -1.287109375em;
    color: rgb(89, 89, 89);
}

.icon-maestro-light .path5:before {
    content: "\e954";
    margin-left: -1.287109375em;
    color: rgb(57, 57, 57);
}

.icon-maestro-light .path6:before {
    content: "\e955";
    margin-left: -1.287109375em;
    color: rgb(57, 57, 57);
}

.icon-mastercard-dark .path1:before {
    content: "\e956";
    color: rgb(204, 204, 204);
}

.icon-mastercard-dark .path2:before {
    content: "\e957";
    margin-left: -1.2880859375em;
    color: rgb(239, 239, 239);
}

.icon-mastercard-dark .path3:before {
    content: "\e958";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-dark .path4:before {
    content: "\e959";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-dark .path5:before {
    content: "\e95a";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-dark .path6:before {
    content: "\e95b";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-dark .path7:before {
    content: "\e95c";
    margin-left: -1.2880859375em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-dark .path8:before {
    content: "\e95d";
    margin-left: -1.2880859375em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-dark .path9:before {
    content: "\e95e";
    margin-left: -1.2880859375em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-dark .path10:before {
    content: "\e95f";
    margin-left: -1.2880859375em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-dark .path11:before {
    content: "\e960";
    margin-left: -1.2880859375em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-dark .path12:before {
    content: "\e961";
    margin-left: -1.2880859375em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-dark .path13:before {
    content: "\e962";
    margin-left: -1.2880859375em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-dark .path14:before {
    content: "\e963";
    margin-left: -1.2880859375em;
    color: rgb(236, 28, 51);
}

.icon-mastercard-dark .path15:before {
    content: "\e964";
    margin-left: -1.2880859375em;
    color: rgb(236, 22, 47);
}

.icon-mastercard-dark .path16:before {
    content: "\e965";
    margin-left: -1.2880859375em;
    color: rgb(50, 50, 50);
}

.icon-mastercard-dark .path17:before {
    content: "\e966";
    margin-left: -1.2880859375em;
    color: rgb(236, 20, 45);
}

.icon-mastercard-dark .path18:before {
    content: "\e967";
    margin-left: -1.2880859375em;
    color: rgb(248, 180, 80);
}

.icon-mastercard-dark .path19:before {
    content: "\e968";
    margin-left: -1.2880859375em;
    color: rgb(236, 31, 54);
}

.icon-mastercard-dark .path20:before {
    content: "\e969";
    margin-left: -1.2880859375em;
    color: rgb(249, 196, 117);
}

.icon-mastercard-dark .path21:before {
    content: "\e96a";
    margin-left: -1.2880859375em;
    color: rgb(44, 44, 44);
}

.icon-mastercard-dark .path22:before {
    content: "\e96b";
    margin-left: -1.2880859375em;
    color: rgb(244, 122, 136);
}

.icon-mastercard-dark .path23:before {
    content: "\e96c";
    margin-left: -1.2880859375em;
    color: rgb(248, 179, 77);
}

.icon-mastercard-dark .path24:before {
    content: "\e96d";
    margin-left: -1.2880859375em;
    color: rgb(247, 172, 61);
}

.icon-mastercard-dark .path25:before {
    content: "\e96e";
    margin-left: -1.2880859375em;
    color: rgb(244, 132, 145);
}

.icon-mastercard-dark .path26:before {
    content: "\e984";
    margin-left: -1.2880859375em;
    color: rgb(247, 170, 57);
}

.icon-mastercard-dark .path27:before {
    content: "\e988";
    margin-left: -1.2880859375em;
    color: rgb(250, 206, 140);
}

.icon-mastercard-dark .path28:before {
    content: "\e990";
    margin-left: -1.2880859375em;
    color: rgb(33, 33, 33);
}

.icon-mastercard-dark .path29:before {
    content: "\e991";
    margin-left: -1.2880859375em;
    color: rgb(241, 85, 103);
}

.icon-mastercard-dark .path30:before {
    content: "\e992";
    margin-left: -1.2880859375em;
    color: rgb(25, 25, 25);
}

.icon-mastercard-dark .path31:before {
    content: "\e993";
    margin-left: -1.2880859375em;
    color: rgb(245, 131, 144);
}

.icon-mastercard-dark .path32:before {
    content: "\e994";
    margin-left: -1.2880859375em;
    color: rgb(245, 131, 144);
}

.icon-mastercard-dark .path33:before {
    content: "\e995";
    margin-left: -1.2880859375em;
    color: rgb(222, 222, 222);
}

.icon-mastercard-dark .path34:before {
    content: "\e996";
    margin-left: -1.2880859375em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-dark .path35:before {
    content: "\e997";
    margin-left: -1.2880859375em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-dark .path36:before {
    content: "\e998";
    margin-left: -1.2880859375em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-dark .path37:before {
    content: "\e999";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-dark .path38:before {
    content: "\e99a";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-dark .path39:before {
    content: "\e99b";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-dark .path40:before {
    content: "\e99c";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-idcheck-dark .path1:before {
    content: "\e99e";
    color: rgb(222, 222, 222);
}

.icon-mastercard-idcheck-dark .path2:before {
    content: "\e99f";
    margin-left: -3.5009765625em;
    color: rgb(204, 204, 204);
}

.icon-mastercard-idcheck-dark .path3:before {
    content: "\e9a0";
    margin-left: -3.5009765625em;
    color: rgb(239, 239, 239);
}

.icon-mastercard-idcheck-dark .path4:before {
    content: "\e9ab";
    margin-left: -3.5009765625em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-idcheck-dark .path5:before {
    content: "\e9ac";
    margin-left: -3.5009765625em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-idcheck-dark .path6:before {
    content: "\e9ad";
    margin-left: -3.5009765625em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-idcheck-dark .path7:before {
    content: "\e9ae";
    margin-left: -3.5009765625em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-idcheck-dark .path8:before {
    content: "\e9af";
    margin-left: -3.5009765625em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-idcheck-dark .path9:before {
    content: "\e9b0";
    margin-left: -3.5009765625em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-idcheck-dark .path10:before {
    content: "\e9b1";
    margin-left: -3.5009765625em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-idcheck-dark .path11:before {
    content: "\e9b2";
    margin-left: -3.5009765625em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-idcheck-dark .path12:before {
    content: "\e9b3";
    margin-left: -3.5009765625em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-idcheck-dark .path13:before {
    content: "\e9b4";
    margin-left: -3.5009765625em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-idcheck-dark .path14:before {
    content: "\e9b5";
    margin-left: -3.5009765625em;
    color: rgb(255, 255, 255);
}

.icon-mastercard-idcheck-light .path1:before {
    content: "\e9b6";
    color: rgb(73, 73, 73);
}

.icon-mastercard-idcheck-light .path2:before {
    content: "\e9b7";
    margin-left: -3.5009765625em;
    color: rgb(57, 57, 57);
}

.icon-mastercard-idcheck-light .path3:before {
    content: "\e9b8";
    margin-left: -3.5009765625em;
    color: rgb(89, 89, 89);
}

.icon-mastercard-idcheck-light .path4:before {
    content: "\e9b9";
    margin-left: -3.5009765625em;
    color: rgb(0, 0, 0);
}

.icon-mastercard-idcheck-light .path5:before {
    content: "\e9ba";
    margin-left: -3.5009765625em;
    color: rgb(29, 29, 27);
}

.icon-mastercard-idcheck-light .path6:before {
    content: "\e9bb";
    margin-left: -3.5009765625em;
    color: rgb(29, 29, 27);
}

.icon-mastercard-idcheck-light .path7:before {
    content: "\e9bc";
    margin-left: -3.5009765625em;
    color: rgb(29, 29, 27);
}

.icon-mastercard-idcheck-light .path8:before {
    content: "\e9bd";
    margin-left: -3.5009765625em;
    color: rgb(29, 29, 27);
}

.icon-mastercard-idcheck-light .path9:before {
    content: "\e9be";
    margin-left: -3.5009765625em;
    color: rgb(29, 29, 27);
}

.icon-mastercard-idcheck-light .path10:before {
    content: "\e9bf";
    margin-left: -3.5009765625em;
    color: rgb(29, 29, 27);
}

.icon-mastercard-idcheck-light .path11:before {
    content: "\e9c0";
    margin-left: -3.5009765625em;
    color: rgb(29, 29, 27);
}

.icon-mastercard-idcheck-light .path12:before {
    content: "\e9c1";
    margin-left: -3.5009765625em;
    color: rgb(29, 29, 27);
}

.icon-mastercard-idcheck-light .path13:before {
    content: "\e9c2";
    margin-left: -3.5009765625em;
    color: rgb(29, 29, 27);
}

.icon-mastercard-idcheck-light .path14:before {
    content: "\e9c3";
    margin-left: -3.5009765625em;
    color: rgb(29, 29, 27);
}

.icon-mastercard-light .path1:before {
    content: "\e9c4";
    color: rgb(57, 57, 57);
}

.icon-mastercard-light .path2:before {
    content: "\e9c5";
    margin-left: -1.2880859375em;
    color: rgb(89, 89, 89);
}

.icon-mastercard-light .path3:before {
    content: "\e9c6";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-light .path4:before {
    content: "\e9c7";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-light .path5:before {
    content: "\e9c8";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-light .path6:before {
    content: "\e9c9";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-light .path7:before {
    content: "\e9ca";
    margin-left: -1.2880859375em;
    color: rgb(0, 0, 0);
}

.icon-mastercard-light .path8:before {
    content: "\e9cb";
    margin-left: -1.2880859375em;
    color: rgb(0, 0, 0);
}

.icon-mastercard-light .path9:before {
    content: "\e9cc";
    margin-left: -1.2880859375em;
    color: rgb(0, 0, 0);
}

.icon-mastercard-light .path10:before {
    content: "\e9cd";
    margin-left: -1.2880859375em;
    color: rgb(0, 0, 0);
}

.icon-mastercard-light .path11:before {
    content: "\e9ce";
    margin-left: -1.2880859375em;
    color: rgb(0, 0, 0);
}

.icon-mastercard-light .path12:before {
    content: "\e9cf";
    margin-left: -1.2880859375em;
    color: rgb(0, 0, 0);
}

.icon-mastercard-light .path13:before {
    content: "\e9d0";
    margin-left: -1.2880859375em;
    color: rgb(0, 0, 0);
}

.icon-mastercard-light .path14:before {
    content: "\e9d1";
    margin-left: -1.2880859375em;
    color: rgb(236, 28, 51);
}

.icon-mastercard-light .path15:before {
    content: "\e9d2";
    margin-left: -1.2880859375em;
    color: rgb(236, 22, 47);
}

.icon-mastercard-light .path16:before {
    content: "\e9d3";
    margin-left: -1.2880859375em;
    color: rgb(50, 50, 50);
}

.icon-mastercard-light .path17:before {
    content: "\e9d4";
    margin-left: -1.2880859375em;
    color: rgb(236, 20, 45);
}

.icon-mastercard-light .path18:before {
    content: "\e9d5";
    margin-left: -1.2880859375em;
    color: rgb(248, 180, 80);
}

.icon-mastercard-light .path19:before {
    content: "\e9d6";
    margin-left: -1.2880859375em;
    color: rgb(236, 31, 54);
}

.icon-mastercard-light .path20:before {
    content: "\e9d7";
    margin-left: -1.2880859375em;
    color: rgb(249, 196, 117);
}

.icon-mastercard-light .path21:before {
    content: "\e9d8";
    margin-left: -1.2880859375em;
    color: rgb(44, 44, 44);
}

.icon-mastercard-light .path22:before {
    content: "\e9d9";
    margin-left: -1.2880859375em;
    color: rgb(244, 122, 136);
}

.icon-mastercard-light .path23:before {
    content: "\e9da";
    margin-left: -1.2880859375em;
    color: rgb(248, 179, 77);
}

.icon-mastercard-light .path24:before {
    content: "\e9db";
    margin-left: -1.2880859375em;
    color: rgb(247, 172, 61);
}

.icon-mastercard-light .path25:before {
    content: "\e9dc";
    margin-left: -1.2880859375em;
    color: rgb(244, 132, 145);
}

.icon-mastercard-light .path26:before {
    content: "\e9dd";
    margin-left: -1.2880859375em;
    color: rgb(247, 170, 57);
}

.icon-mastercard-light .path27:before {
    content: "\e9de";
    margin-left: -1.2880859375em;
    color: rgb(250, 206, 140);
}

.icon-mastercard-light .path28:before {
    content: "\e9df";
    margin-left: -1.2880859375em;
    color: rgb(33, 33, 33);
}

.icon-mastercard-light .path29:before {
    content: "\e9e0";
    margin-left: -1.2880859375em;
    color: rgb(241, 85, 103);
}

.icon-mastercard-light .path30:before {
    content: "\e9e1";
    margin-left: -1.2880859375em;
    color: rgb(25, 25, 25);
}

.icon-mastercard-light .path31:before {
    content: "\e9e2";
    margin-left: -1.2880859375em;
    color: rgb(245, 131, 144);
}

.icon-mastercard-light .path32:before {
    content: "\e9e3";
    margin-left: -1.2880859375em;
    color: rgb(245, 131, 144);
}

.icon-mastercard-light .path33:before {
    content: "\e9e4";
    margin-left: -1.2880859375em;
    color: rgb(73, 73, 73);
}

.icon-mastercard-light .path34:before {
    content: "\e9e5";
    margin-left: -1.2880859375em;
    color: rgb(57, 57, 57);
}

.icon-mastercard-light .path35:before {
    content: "\e9e6";
    margin-left: -1.2880859375em;
    color: rgb(0, 0, 0);
}

.icon-mastercard-light .path36:before {
    content: "\e9e7";
    margin-left: -1.2880859375em;
    color: rgb(0, 0, 0);
}

.icon-mastercard-light .path37:before {
    content: "\e9e8";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-light .path38:before {
    content: "\e9e9";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-light .path39:before {
    content: "\e9ea";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-mastercard-light .path40:before {
    content: "\e9eb";
    margin-left: -1.2880859375em;
    color: rgb(254, 254, 254);
}

.icon-nexi-dark:before {
    content: "\e9ec";
}

.icon-nexi-light:before {
    content: "\e9ed";
    color: var(--white);
}
/*paypal dark*/
.icon-paypal-dark .path1:before {
    content: "\e9ee";
    color: rgb(255, 255, 255);
}

.icon-paypal-dark .path2:before {
    content: "\e9ef";
    margin-left: -1.78125em;
    color: rgb(255, 255, 255);
}

.icon-paypal-dark .path3:before {
    content: "\e9f0";
    margin-left: -1.78125em;
    color: rgb(255, 255, 255);
}

.icon-paypal-dark .path4:before {
    content: "\e9f1";
    margin-left: -1.78125em;
    color: rgb(239, 239, 239);
}

.icon-paypal-dark .path5:before {
    content: "\e9f2";
    margin-left: -1.78125em;
    color: rgb(239, 239, 239);
}

.icon-paypal-dark .path6:before {
    content: "\e9f3";
    margin-left: -1.78125em;
    color: rgb(239, 239, 239);
}

.icon-paypal-dark .path7:before {
    content: "\e9f4";
    margin-left: -1.78125em;
    color: rgb(37, 59, 128);
}

.icon-paypal-dark .path8:before {
    content: "\e9f5";
    margin-left: -1.78125em;
    color: rgb(239, 239, 239);
}

.icon-paypal-dark .path9:before {
    content: "\e9f6";
    margin-left: -1.78125em;
    color: rgb(222, 222, 222);
}

.icon-paypal-dark .path10:before {
    content: "\e9f7";
    margin-left: -1.78125em;
    color: rgb(204, 204, 204);
}
/*paypal light*/
.icon-paypal-light .path1:before {
    content: "\e9f8";
    color: rgb(57, 57, 57);
}

.icon-paypal-light .path2:before {
    content: "\e9f9";
    margin-left: -1.796875em;
    color: rgb(57, 57, 57);
}

.icon-paypal-light .path3:before {
    content: "\e9fa";
    margin-left: -1.796875em;
    color: rgb(57, 57, 57);
}

.icon-paypal-light .path4:before {
    content: "\e9fb";
    margin-left: -1.796875em;
    color: rgb(89, 89, 89);
}

.icon-paypal-light .path5:before {
    content: "\e9fc";
    margin-left: -1.796875em;
    color: rgb(89, 89, 89);
}

.icon-paypal-light .path6:before {
    content: "\e9fd";
    margin-left: -1.796875em;
    color: rgb(89, 89, 89);
}

.icon-paypal-light .path7:before {
    content: "\e9fe";
    margin-left: -1.796875em;
    color: rgb(37, 59, 128);
}

.icon-paypal-light .path8:before {
    content: "\e9ff";
    margin-left: -1.796875em;
    color: rgb(89, 89, 89);
}

.icon-paypal-light .path9:before {
    content: "\ea00";
    margin-left: -1.796875em;
    color: rgb(73, 73, 73);
}

.icon-paypal-light .path10:before {
    content: "\ea01";
    margin-left: -1.796875em;
    color: rgb(57, 57, 57);
}
/*sestigo dark*/
.icon-sectigo-dark .path1:before {
    content: "\ea02";
    color: rgb(255, 255, 255);
}

.icon-sectigo-dark .path2:before {
    content: "\ea03";
    margin-left: -1.78125em;
    color: rgb(247, 247, 247);
}

.icon-sectigo-dark .path3:before {
    content: "\ea04";
    margin-left: -1.78125em;
    color: rgb(247, 247, 247);
}

.icon-sectigo-dark .path4:before {
    content: "\ea05";
    margin-left: -1.78125em;
    color: rgb(255, 255, 255);
}

.icon-sectigo-dark .path5:before {
    content: "\ea06";
    margin-left: -1.78125em;
    color: rgb(255, 255, 255);
}

.icon-sectigo-dark .path6:before {
    content: "\ea07";
    margin-left: -1.78125em;
    color: rgb(255, 255, 255);
}

.icon-sectigo-dark .path7:before {
    content: "\ea08";
    margin-left: -1.78125em;
    color: rgb(255, 255, 255);
}

.icon-sectigo-dark .path8:before {
    content: "\ea09";
    margin-left: -1.78125em;
    color: rgb(255, 255, 255);
}

.icon-sectigo-dark .path9:before {
    content: "\ea0a";
    margin-left: -1.78125em;
    color: rgb(255, 255, 255);
}
/*sestigo light*/
.icon-sectigo-light .path1:before {
    content: "\ea0b";
    color: rgb(57, 57, 57);
}

.icon-sectigo-light .path2:before {
    content: "\ea0c";
    margin-left: -1.78125em;
    color: rgb(105, 105, 105);
}

.icon-sectigo-light .path3:before {
    content: "\ea0d";
    margin-left: -1.78125em;
    color: rgb(105, 105, 105);
}

.icon-sectigo-light .path4:before {
    content: "\ea0e";
    margin-left: -1.78125em;
    color: rgb(57, 57, 57);
}

.icon-sectigo-light .path5:before {
    content: "\ea0f";
    margin-left: -1.78125em;
    color: rgb(57, 57, 57);
}

.icon-sectigo-light .path6:before {
    content: "\ea10";
    margin-left: -1.78125em;
    color: rgb(57, 57, 57);
}

.icon-sectigo-light .path7:before {
    content: "\ea11";
    margin-left: -1.78125em;
    color: rgb(57, 57, 57);
}

.icon-sectigo-light .path8:before {
    content: "\ea12";
    margin-left: -1.78125em;
    color: rgb(57, 57, 57);
}

.icon-sectigo-light .path9:before {
    content: "\ea13";
    margin-left: -1.78125em;
    color: rgb(57, 57, 57);
}
/**/
.icon-visa-dark:before {
    content: "\ea14";
    color: var(--white);
}

.icon-visa-light:before {
    content: "\ea15";
}

/*visa secure light*/
.icon-visasecure-dark .path1:before {
    content: "\ea16";
    color: rgb(255, 255, 255);
}

.icon-visasecure-dark .path2:before {
    content: "\ea17";
    margin-left: -1em;
    color: rgb(57, 57, 57);
    color: var(--white);
}

.icon-visasecure-dark .path3:before {
    content: "\ea18";
    margin-left: -1em;
    color: rgb(57, 57, 57);
}

.icon-visasecure-dark .path4:before {
    content: "\ea19";
    margin-left: -1em;
    color: rgb(57, 57, 57);
}

.icon-visasecure-dark .path5:before {
    content: "\ea1a";
    margin-left: -1em;
    color: rgb(57, 57, 57);
}

.icon-visasecure-dark .path6:before {
    content: "\ea1b";
    margin-left: -1em;
    color: rgb(57, 57, 57);
}

.icon-visasecure-dark .path7:before {
    content: "\ea1c";
    margin-left: -1em;
    color: rgb(57, 57, 57);
}

.icon-visasecure-dark .path8:before {
    content: "\ea1d";
    margin-left: -1em;
    color: rgb(57, 57, 57);
}

/*visa secure light*/
.icon-visasecure-light .path1:before {
    content: "\ea1e";
    color: rgb(57, 57, 57);
}

.icon-visasecure-light .path2:before {
    content: "\ea1f";
    margin-left: -1.1572265625em;
    color: rgb(57, 57, 57);
}

.icon-visasecure-light .path3:before {
    content: "\ea20";
    margin-left: -1.1572265625em;
    color: rgb(255, 255, 255);
}

.icon-visasecure-light .path4:before {
    content: "\ea21";
    margin-left: -1.1572265625em;
    color: rgb(255, 255, 255);
}

.icon-visasecure-light .path5:before {
    content: "\ea22";
    margin-left: -1.1572265625em;
    color: rgb(255, 255, 255);
}

.icon-visasecure-light .path6:before {
    content: "\ea23";
    margin-left: -1.1572265625em;
    color: rgb(255, 255, 255);
}

.icon-visasecure-light .path7:before {
    content: "\ea24";
    margin-left: -1.1572265625em;
    color: rgb(255, 255, 255);
}

.icon-visasecure-light .path8:before {
    content: "\ea25";
    margin-left: -1.1572265625em;
    color: rgb(255, 255, 255);
}
/*--*/
.icon-worldline-dark:before {
    content: "\ea26";
    color: var(--white);
}

.icon-worldline-light:before {
    content: "\ea27";
}

/*old*/
.icon-mastercard:before {
    content: "\e911";
}

.icon-maestro:before {
    content: "\e912";
}

.icon-verified-visa:before {
    content: "\e915";
}

.icon-visa:before {
    content: "\e916";
}

.icon-mc-id-check:before {
    content: "\e913";
}



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

.container {
    width: 100%;
    display: block;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
}
.static-page-content .page-row {
    padding-left: var(--main-padding);
    padding-right: var(--main-padding);
}


.inner-container {
    max-width: var(--inner-container);
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    /*padding-left: var(--main-padding);
    padding-right: var(--main-padding);*/
}


body.overlay {
    overflow-y: hidden;
    height: calc( var(--vhHeight));
}

button[disabled], html input[disabled] {
    opacity: 0.6;
    cursor: not-allowed !important;
}

button:focus, input:focus, select:focus {
    outline: none !important;
}

*, :before, :after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font: inherit;
}

strong, b {
    font-weight: bold;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

h1,h2,h3,h4,h5,
h1 *, h2 *, h3 *, h4 *, h5 *{
    line-height:1.2;
}


.static-content ul, .static-content ul li {
    list-style-position: inside;
    list-style: disc;
}

    .static-content ul li {
        padding-left: 10px;
    }


i {
    line-height: 1;
}

button {
    -webkit-appearance: none !important;
    user-select: none !important;
    border: none;
    background: none;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

*:focus {
    outline: none !important;
}

button:focus, input:focus, select:focus {
    outline: none !important;
}

a, a:hover, a:active, a:focus, a:active, a:visited {
    text-decoration: none;
    outline: unset;
    transition: all .3s ease-in-out;
    outline: none !important;
    color: inherit;
}

textarea {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    resize: none;
}

a{
    cursor:pointer;
}

    a:hover {
        color: var(--themecolor);
    }

.stp-href[href=""] {
    pointer-events: none;
}

.slider-image-caption a {
    color: inherit;
}


input[type=button] {
    cursor: pointer;
}

#ifhome .mstm-breadcrumb, #statictitle {
    display: none;
}

.mstm-breadcrumb {
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

    .mstm-breadcrumb.container {
        display: block;
    }

.mstm-breadcrumb, .mstm-breadcrumb-st, .mstm-breadcrumb-dyn, .mstm-breadcrumb-rep, .mstm-breadcrumb-rep .breadcrumb-item {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
}

    .mstm-breadcrumb-rep > li::before {
        content: "-";
        position: relative;
        left: 0;
        padding: 0 5px;
    }

    .mstm-breadcrumb-rep li:last-of-type {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 300px;
    }

        .mstm-breadcrumb-rep li:last-of-type a,
        .mstm-breadcrumb-rep li:last-of-type span,
        .breadcrumb-item.active span {
            color: var(--themecolor);
        }

.form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    box-sizing: border-box;
    margin-bottom: 29px;
    text-align: left;
    border: 1px solid var(--greyborder);
    padding-left: 20px;
}

/****/
::-webkit-input-placeholder { /* Edge */
    opacity: 1;
    color: #c3c3c3;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    opacity: 1;
    color: #c3c3c3;
}

::placeholder {
    opacity: 1;
    color: #c3c3c3;
}


.outline-error {
    position: relative;
}

    .outline-error.empty {
        margin-bottom: 29px;
    }
.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 10px 20px;
    margin-bottom: 30px;
    color: #721c24;
}
.alert.alert-success {
    background-color: #d4edda;
    padding: 10px;
    font-size: 14px;
    color: #155724;
}
.alert.alert-danger.inline {
    color: #da2e40;
}

.alert.alert-success.inline {
    background-color: #d4edda;
    padding: 5px 10px;
    color: #155724;
}

.pill-content {
    display: none;
}

.alert.inline {
    background-color: transparent;
    margin: 0px;
    width: 100%;
    top: 100%;
    font-size: 10px;
    padding: 5px 0px 0px;
    letter-spacing: 0.5px;
    position: absolute;
}

.mstm-contact-form.form-fields .alert {
    color: red;
    font-size: 11px;
    top: -22px;
    position: relative;
    display: inline;
    margin-left: 5px;
}

.pill {
    cursor: pointer;
}

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

.slick-initialized {
    position: relative;
}

.slick-prev, .slick-next {
    top: 50% !important;
    height: auto !important;
    z-index: 1;
    width: 40px !important;
    height: 40px !important;
    transform: rotate(-90deg);
}

.slick-prev {
    transform: rotate(90deg);
}

/*==slick==*/

/*arrows*/

.slick-prev::before, .slick-next::before {
    content: "\e989" !important;
    font-size: 24px;
    font-family: mindseed;
    opacity: 1;
    transition:0.3s ease-in-out;
    color:var(--black);
}



html body .home-hero-slider .slick-prev::before,
html body .mstm-products .slick-prev::before,
html body .testimonials-slider .slick-prev::before,
html body .material-slider .slick-prev::before {
    content: "\e918" !important;
    font-size: 40px;
}


html body .home-hero-slider .slick-next::before,
html body .mstm-products .slick-next::before,
html body .testimonials-slider .slick-next::before,
html body .material-slider .slick-next::before {
    content: "\e919" !important;
    font-size: 40px;
}

/******************** TO ADMIN **********************/
/**************************************************/
.slick-next:focus::before, .slick-next:hover::before, .slick-prev:focus::before, .slick-prev:hover::before {
    color: var(--themegold);
}

.slick-arrow.slick-disabled {
    border-color: #b6b6b6;
}

/*dots*/

.slick-dots li button {
    text-indent: -99999px;
    width: auto !important;
    height: auto !important;
    padding: 0px !important;
}

.slick-dots li {
    width: auto !important;
    height: auto !important;
    margin: 0 8px !important;
}

.slick-dots li button::before {
    opacity: .75 !important;
    background: white !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    position: relative !important;
    display: block;
    border: 1px solid #000;
}

.slick-dots li.slick-active button::before {
    position: relative !important;
    background: #000 !important;
}


body.overlay-search, body.overlay-filter, body.overlay-menu {
    overflow-y: hidden;
    max-height: calc( var(--vhHeight) - var(--headerHeight) );
}

.area1 {
    grid-area: area1;
}

.area2 {
    grid-area: area2;
}

.area3 {
    grid-area: area3;
}

.area4 {
    grid-area: area4
}

.area5 {
    grid-area: area5
}

.area6 {
    grid-area: area6
}

.opc-05 {
    opacity: 0.5;
}

.mstm-checkbox {
    display: inline-block;
    position: relative;
    padding-left: 24px !important;
    cursor: pointer;
    --fontsize: 20px;
    font-size:var(--fontsize);
}

    .mstm-checkbox input {
        position: absolute;
        opacity: 0 !important;
        cursor: pointer;
        width: 100%;
        left: 0px;
        height: 100%;
        top: 0px;
    }

    .mstm-checkbox .checkmark {
        position: absolute;
        /* top: 50%; */
        transform: translateY(-50%);
        /* top: calc(7px + (var(--fontsize) * 1.354)/2 );*/
        top: calc( (var(--fontsize) * 1.354)/2 );
        left: 0px;
        height: 16px;
        width: 16px;
        background-color: white;
        border: 1px solid #000;
        cursor: pointer;
    }

        .mstm-checkbox .checkmark.checked, .mstm-checkbox input:checked ~ .checkmark {
            background: #000;
        }

        .mstm-checkbox .checkmark.checked::before, 
        .mstm-checkbox input:checked ~ .checkmark::before {
            content: "\e98f";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            font-family: mindseed;
            font-style: normal;
            color: var(--white);
            font-size: 8px;
        }

.mstm-checkbox label a {
    position: relative;
    z-index: 2;
    text-decoration: underline;
}

.underline {
    text-decoration: underline;
}

*::selection {
    background: var(--themecolor);
    color: white;
}

.overlay-search #overlay-smoke, .overlay-filter #overlay-smoke, .overlay-menu #overlay-smoke {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0px;
    background: rgba(0,0,0,0.50);
    z-index: 4;
}

#header-overlay-smoke{
    position:absolute;
    display:none;
    opacity:0;
}

.overlay-cart #header-overlay-smoke {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0px;
    background: #000;
    opacity:0.5;
    z-index: 4;
    display:unset;
}


.aspect-image-outer {
    width: 100%;
    --aspect-ratio: 1;
    position: relative;
}

.aspect-image-outer::before {
    content: "";
    display: block;
    width: 1px;
    height: 0;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
    position: relative;
}

.aspect-image-outer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0px;
    object-position: center;
    left: 0px;
}

/*--*/
#googleMap iframe {
    pointer-events: none;
}

    #googleMap iframe.clicked {
        pointer-events: auto;
    }

 /*--texts--*/
p + p{
    margin-top:15px;
}

.primary-txt {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 40px;
    line-height: 1.3;
}

/*==titles==*/
.primary-title {
    font-size: 36px;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 20px;
}

.secondary-title {
    font-size: 28px;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 20px;
}

.uppercase-title,
.single-product-page .info-list .label {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 200;
}

.s-uppercase-title,
.checkout-section-title {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 200;
    margin-bottom: 10px;
    margin-top: 20px;
    display: inline-block;
}

.checkout-section-subtitle {
    /*text-transform: uppercase;*/
    font-size: 18px;
    font-weight: 200;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 20px;
    display:inline-block;
}
/*--buttons--*/
.btn {
    text-align: center;
    cursor:pointer;
}

.btn input {
    background: none;
    border: none;
    color: inherit;
}

/**/
.btn.btn-primary, .btn.btn-dark, .btn.btn-light {
    display: inline-block;
    background: var(--themecolor);
    color: var(--white);
    padding: 15px 25px;
    border-radius: var(--radiusfull);
    border: 1px solid transparent;
    font-weight: 700;
    font-size: 16px;
    transition: background-color 0.25s cubic-bezier(.4, 0, .2, 1);
    cursor: pointer;
    text-transform: uppercase;
 }

.btn.btn-dark {
    background: var(--black);
}

.btn.btn-dark:hover {
    background: var(--themecolor) !important;
}

.btn.btn-primary:hover {
    background: var(--black);
}

.btn.btn-light {
    background: var(--white);
    color: var(--black);
}

.btn.btn-light:hover {
    background: var(--black);
    color: var(--white);
}


.btn.btn-secondary {
    display: inline-block;
    background: #000;
    color: var(--white);
    padding: 10px 25px;
    border-radius: 0px;
    border: 1px solid #000;
    font-size: 16px;
    font-weight: 500;
}

.btn.btn-secondary.large{
    padding: 15px 25px;
    font-size:20px;
}

.btn.btn-secondary:hover {
    background: var(--themecolor);
    border-color:var(--themecolor);
}

.btn.btn-secondary-light {
    display: inline-block;
    background: #fff;
    color: #000;
    padding: 10px 25px;
    border-radius: 0px;
    border: 1px solid;
    font-size: 16px;
    font-weight: 500;
}

.btn.btn-secondary-light:hover {
    color:var(--themecolor);
}

.btn.btn-grey-txt {
    padding: 10px 25px;
    color: var(--dark-grey);
    font-size: inherit;
    font-size: 18px;
}

.btn.btn-grey-txt:hover {
    color: #000;
}

.btn.btn-light.small{
    padding: 10px 30px;
    font-size: 20px;
}

.btn.btn-light:hover {
    background: var(--themecolor);
    color: var(--white);
}

.page-column.home-blog-more .btn {
    position: relative;
    z-index: 1;
}

.btn.btn-plus {
    font-size: 23px;
    letter-spacing: 0.8px;
}

.btn.btn-plus::after {
    content: "+";
    margin-left: 7px;
    vertical-align: baseline;
}

/**/
.btn.btn-underline {
    font-size: 23px;
    font-weight: 500;
    padding: 2px;
    display: inline-block;
    border-bottom: 1px solid;
}
.btn.btn-underline:hover {
    color:var(--themecolor);
}

/**/

.btn .msicon-before-relative.arrow::before {
    content: "\e902";
    font-size: 12px;
    margin-left: 10px;
}

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

/*--icons--*/
.msicon-before-relative.facebook::before {
    content: "\e900";
}

.msicon-before-relative.twitter::before {
    content: "\e90c";
}

.msicon-before-relative.instagram::before {
    content: "\e903";
}

.msicon-before-relative.youtube::before {
    content: "\e910";
}

.msicon-before-relative.phone::before {
    content: "\e970";
}

.msicon-before-relative.email::before {
    content: "\e909";
}

.msicon-before-relative.address::before {
    content: "\e905";
}

.msicon-before-relative.paw::before {
    content: "\e92c";
}

.msicon-before-relative.tiktok::before {
    content: "\e92f";
}

.msicon-before-relative.close::before {
    content: "\e904";
}

/*home*/
.icon-info-item .msicon-before-relative::before {
    content: "\e97c";
}


/*====header====*/
    .mstm-header-area.mstm-fixed {
        position: sticky;
        top: 0px;
        width: 100%;
        z-index: 6;
    }

    .mstm-header-area.mstm-fixed.shrink {
        top: calc( -1 * var(--headerHeight));
        animation-name: closepop;
        animation-duration: 0.3s;
        animation-timing-function: ease-in-out;
    }

    .mstm-header-area.mstm-fixed.pop {
        top: 0px;
        animation-name: pop;
        animation-duration: 0.3s;
        animation-timing-function: ease-in-out;
    }

/*top bar*/
.mstm-top-bar-inner.container {
    background: var(--themecolor);
    color: var(--white);
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
}


/*-------*/
.mstm-header-area .mstm-header-main {
    border-bottom: 1px solid var(--dark-grey);
    background: #fff;
    height: 100px;
}
.mstm-header-inner {
    align-items: center;
    column-gap: 0px;
    display: grid;
    grid-template-columns: repeat(2, var(--side-size)) 1fr auto var(--side-size);
    height: 100%;
}

.mstm-logo {
    width: 100%;
    max-width: 208px;
    justify-self: center;
}

.mstm-logo a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.mstm-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center left;
}

.main-menu-logo img {
    max-width: 208px;
    filter: invert(1);
}

.mstm-header-elements {
    /*display: flex;*/
    justify-content: space-between;
    width: 100%;
    align-items: center;
    height: 100%;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 30px;
    padding-right: var(--main-padding);
}

.burger-menu-btn {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 190px;
    justify-content: center;
    padding: 20px;
    cursor:pointer;
}

/*--------menu---------*/
.mstm-main-menu.desktop > nav > ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));
    justify-content: space-between;
    list-style: none;
    padding: 0;
    align-items: center;
}

.mstm-main-menu.desktop .megamenu .first-level-item a {
    position: relative;
    display: inline-block;
    color: var(--themecolor);
    padding: 10px 15px;
    font-size: 21px;
    width: 100%;
}

    .mstm-main-menu.desktop .megamenu .first-level-item a:hover {
        background: #fff;
    }

/*----header right----*/
.mstm-header-right {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: calc(var(--side-size) * 2);
    justify-content: space-between;
    justify-self: end;
}

.mstm-header-component.mstm-header-components-search {
    display: flex;
    align-items: center;
}

.mstm-burger-icon.msicon-before-relative::before {
    content: "\e983";
}

.mstm-header-component .hc-txt {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.8px;
}

.mstm-header-component .hc-item {
    display:flex;
    align-items: center;
    gap:10px;
}

    .mstm-header-component .hc-item.msicon-before-relative {
        font-size: 22px;
    }



.mstm-header-area .search-wrapper {
    position: absolute;
    width: 100%;
    background: var(--themecolor);
    top: 100%;
    left: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: 0.3s ease-in-out;
}

    .mstm-header-area .search-wrapper.opened {
        visibility: visible;
        height: auto;
    }

.mstm-header-component.mstm-header-components-account {
    position: relative;
}

.mstm-header-component.mstm-header-components-account .mstm-account-checked {
    position: absolute;
    top: calc(100% - 9px);
    left: 0;
    background-color: var(--green);
    color: var(--white);
    border-radius: var(--radiusfull);
    width: 16px;
    height: 16px;
    font-size: 12px;
}

.mstm-header-component.mstm-header-components-account .mstm-account-checked:before {
    font-size: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}


/*--cart--*/
.mstm-header-component.mstm-header-components-cart.cart-wrapper .hc-item.msicon-before-relative.mobile {
    display: none;
}

.mstm-header-component.mstm-header-components-cart.cart-wrapper .hc-item {
    position: relative;
}

.cart-qty-amount {
    background: var(--green);
    border-radius: 50%;
    width: 16px;
    height: 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: var(--white);
    position: absolute;
    top: calc(100% - 4px);
    left: 6px;
    transform: translate(-50%, -50%);
    text-align: center;
}

.cart-content {
    transition: all 0.3s ease 0s;
    z-index: 5;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    max-width: 510px;
    width: 100%;
    position: fixed;
    top: 0;
    bottom:0;
    right: 0;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);

}

/*cart top*/
    .cart-content .cart-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 40px;
        padding:30px var(--main-padding);
    }

#close_cart {
    cursor: pointer;
}

/*empty cart*/
.components-h-content {
    min-height: 150px;
    display: grid;
    align-items: center;
    padding: 0 var(--main-padding);
}

.components-h-content-inner {
    height: 100%;
    width: 100%;
    display: grid;
    align-items: center;
    font-size: 18px;
}

/*.components-h-content {
    text-align: center;
}*/

.components-h-content .msicon-before-relative {
    font-size: 30px;
    color: var(--themegold);
}

.components-h-content .text {
    color: var(--themecolor);
    font-size: 20px;
}


/*cart bottom*/

.cart-bottom {
    padding: 50px var(--main-padding);
    border-top: 1px solid var(--greyborder);
}

    .cart-bottom-inner{
        max-width:390px;
        width:100%;
        margin-left:auto;
        margin-right:auto;
    }

.cart-bottom .cart-actions {
    text-align: center;
}

.cart-bottom .cart-actions .btn {
    font-size: 18px;
}

.cart-bottom .cart-actions .btn+.btn {
    margin-top:10px;
}

.btn.btn-secondary.full.mstm-go-to-checkout-button {
    padding-top: 18px;
    padding-bottom: 18px;
}

.cart-content-inner {
    position: relative;
    bottom: 0;
    display: flex;
    flex-flow: column;
    height: 100%;
}


/**/
.mstm-cart-items-outer {
    max-height: 100%;
    overflow: auto;
    flex-grow: 1;
    /*flex: 1 1 auto;*/
    font-size:16px;
}

.mstm_cart-items {
    scrollbar-width: thin;
}

/* width */
    .mstm_cart-items::-webkit-scrollbar,
    .mstm_cart-items ::-webkit-scrollbar {
        width: 10px;
    }

/* Track */
    .mstm_cart-items::-webkit-scrollbar-track,
    .mstm_cart-items ::-webkit-scrollbar-track {
        background: #ccc;
    }


.mstm_cart-items .single-cart-item {
    display: grid;
    grid-template-columns: 95px auto 20px;
    align-items: center;
    grid-column-gap: 12px;
    padding: 10px 0;
    margin-left: auto;
    margin-right: auto;
}

.cart-content .mstm_cart-items .single-cart-item {
    padding: 30px var(--main-padding);
}

.mstm_cart-items .single-cart-item + .single-cart-item {
    border-top: 1px solid #e6e6e6;
}

.remove-from-cart {
    justify-self: center;
    line-height: 1;
}

.msicon-before-relative.cart-product-remove::before {
    content: "\e9aa";
    font-size: 13px;
}

.remove-from-cart button {
    color: var(--dark-grey);
}

.remove-from-cart button:hover {
    color: #000;
}

.cart-img.aspect-image-outer img {
    background: var(--light-brandcolor);
}

#mstm-global-banner-TopFullWidth * {
    font-size:15px;
}

#mstm-global-banner-TopFullWidth *:hover {
    color: var(--greybg);
}

#mstm-global-banner-Cart p {
    font-size: 14px;
    line-height: 1.1;
}

.cart-price-total-amount {
    display: grid;
    grid-template-columns: auto auto;
    font-size: 17px;
    font-weight: bold;
    justify-content: space-between;
    text-transform: uppercase;
    font-weight: 200;
    margin-bottom: 25px;
}

.cart-price-total-amount .cart-total-amount {
    font-weight: normal;
}

.msicon-before-relative.cart::before {
    content: "\e90a";
}

.mstm_cart-items {
    height: 100%;
    overflow: auto;
}

#mstm-global-banner-Cart {
    text-align: center;
    margin-bottom: 20px;
    margin-top: -20px;
}

.single-cart-item .cart-text {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.single-cart-item .cart-product-info {
    flex-grow: 1;
}

.single-cart-item .cart-product-title {
    font-weight: 500;
    font-size: 18px;
    --numberoflines:1;
}

.single-cart-item .cart-qty-amount {
    background: var(--primarydark);
    color: white;
    text-align: center;
    border-radius: 50%;
    z-index: 1;
    position: absolute;
    right: -5px;
    bottom: -5px;
    width: 16px;
    height: 16px;
    font-size: 11px;
    padding: 2px;
    line-height: 1.2;
}

.mstm-available {
    font-size: 18px;
    margin: 30px 0;
}


.mstm-unavailable-product-stock {
    padding: 5px 0px;
    color: #da2e40;
    margin-bottom: 5px;
}

.mstm-in-stock {
    color: var(--green);
}

.mstm-out-of-stock {
    color: var(--red);
}

    .cart-qty .pro-price .old-price {
        font-size: 13px;
    }

/*account*/
.account-content-inside {
    background: white;
    overflow: hidden;
}

.account-content-header {
    display: grid;
    grid-template-columns: repeat(2,minmax(0px,50%));
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
    color: #555555;
}

    .account-content-header p {
        padding: 22px 0px;
        position: relative;
        margin-top: 0;
        border-bottom: 2px solid;
        opacity: 0.45;
        font-size: 27px;
        font-weight: 500;
        color: #000;
    }

    .account-content-header .tab-header.pill.active {
        /*border-bottom: 2px solid;
        border-color: #000;*/
        opacity:1;
    }

.account-content-inner {
    padding: 20px;
    padding-top: 0;
}
.mstm-form-change-password {
    text-align: center;
    font-size: 18px;
}
.mstm-agree-gdpr-outer, .required-fields-text.popup, .lost_password {
    text-align: center;
    color: #aaaaaa;
}

    .mstm-form-change-password .form-control {
        text-align: center;
        margin: 20px auto;
        width: 100%;
        max-width: 500px;
    }


.mstm-agree-gdpr {
    margin-left: 10px;
}

.mstm-agree-gdpr-outer {
    margin-bottom: 20px;
}

.account-content .mstm-agree-gdpr {
    color: var(--themecolor);
}

    .mstm-agree-gdpr-outer .mstm-agree-gdpr {
        margin-left: 0px;
    }


.msicon-before-relative.next-arrow::before {
    content: "\e902";
}

#backtohome .msicon-before-relative.next-arrow::before {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    line-height: 2;
}

.required-fields-text {
    margin-top: 15px;
    text-align: center;

}

.login-customer .msicon-before-relative.next-arrow,
.mstm-go-to-checkout-button .msicon-before-relative.next-arrow {
    font-size: 10px;
    margin-left: 4px;
}


.form-bottom {
    text-align: center;
}

/*search*/
.search-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    --height: 40px;
}

.icon-close {
    display: none;
}

#search-btn.close-search .icon-search {
    display: none;
}

#search-btn.close-search .icon-close {
    display: inline;
    width: 22px;
    height: 22px;
}

.search-btn-toggle {
    cursor: pointer;
}

.morphsearch-input-wrapper {
    display: inline-block;
    display: block;
    width:100%;
    color: var(--white);
}

.morphsearch-input {
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    text-align: center;
    line-height: calc(var(--height) - 4px);
    width: 100%;
    color:var(--color);
}

.search-btn-wrapper > span {
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--height);
    width: var(--height);
    text-align: center;
    background: var(--primarydark);
    color: var(--themegold);
}

.morphsearch-input-wrapper ::-webkit-input-placeholder {
    opacity: 1;
    color: var(--color);
}

.morphsearch-input-wrapper :-ms-input-placeholder { 
    opacity: 1;
    color: var(--color);
}

.morphsearch-input-wrapper ::placeholder {
    opacity: 1;
    color: var(--color);
}

.search-outer {
    position: relative;
}

    #search-close:hover {
        opacity: 0.5;
    }

    #search-close::before {
        content: "\e904";
    }

    #search-close.mobile-search {
        display: none;
    }

.morphsearch-content .mstm-row-filters-pad {
    margin-bottom: 30px;
}

/*mobile search*/
#mobile-search,.mobile-search {
    display: none;
}

.mstm-header-search.mobile-search .search-wrapper {
    --bgcolor: var(--white);
    width: 100%;
    display: block;
    background: var(--bgcolor);
    padding: 20px 0px;
    position: absolute;
     transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
    border-bottom: 1px solid #f6f6f6;
}

.mstm-header-search.mobile-search {
    overflow: hidden;
}

    .mstm-header-search.mobile-search .search-wrapper.opened {
        transform: translateX(0%);
    }

/****search******/
.morphsearch {
    --top: 0px;
}

.morphsearch-content {
    overflow-x: scroll;
    height: calc( var(--vhHeight) - var(--headerHeight) - var(--top));
    background: #fff;
    overscroll-behavior: none;
}

.morphsearch.open {
    position: fixed;
    width: 100%;
    top: calc(var(--headerHeight) + var(--top));
    z-index: 4;
}

.mstm-prodlist-container.mstm-searchfor {
    padding-top: 30px;
}

#morphsearch-no-result .morphsearch-content {
    padding-top: 100px;
}

/*___general___*/
.footer-menu-list, 
.footer-newsletter h2 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
}

/*====footer====*/
/*----footer main----*/

.footer-area {
    background: var(--black);
    color: var(--white);
    padding: 80px var(--side-size) 40px var(--side-size);
    border-top: 1px solid var(--dark-grey);
}

/* ── TOP SECTION ── */
.footer-top {
    display: grid;
    grid-template-columns: var(--side-size) minmax(0, 1fr);
    gap: var(--main-gap);
    padding: 0;
}

.footer-logo img {
    width: 160px;
}

/* ── MAIN FLEX ROW ── */
.footer-main {
    display: flex;
    gap: 60px;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
}

/* ── NAV COLUMNS ── */

.footer-nav {
    display: flex;
    gap: 60px;
    flex-shrink: 0;
}

.footer-nav-col {
    display: flex;
    flex-direction: column;
}

.footer-nav-heading, .footer-nav-heading > a {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 24px;
    color: var(--white);
}

.footer-nav-heading > a:hover {
    color: var(--themegold);
}

.footer-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu-list li + li {
    margin-top: 16px;
}

.footer-menu-list li a {
    font-size: 16px;
    font-weight: 300;
    color: var(--white);
    text-decoration: none;
}

.footer-menu-list li a:hover {
    color: var(--themegold);
}

.footer-copyright-text img {
    filter: invert(1);
}

/* ── CONTACT COLUMN ── */

.footer-contact {
    flex-shrink: 0;
}

.footer-contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer-contact-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 18px;
    font-weight: 300;
    color: var(--white);
}

.footer-contact-list li i {
    margin-top: 2px;
    font-size: 18px;
    flex-shrink: 0;
    color: var(--themegold);
}

.footer-contact-list li a {
    color: var(--white);
    text-decoration: none;
    transition: color 0.2s;
}

.footer-contact-list li a:hover {
    color: var(--themegold);
}

.footer-contact-list li small {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    color: var(--white);
}

/* ── NEWSLETTER ── */
.footer-newsletter-inner {
    width: 100%;
    max-width: 320px;
}

.footer-newsletter h2 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 12px;
    color: var(--white);
}

.footer-newsletter p {
    font-size: 14px;
    color: var(--white);
    margin-bottom: 20px;
    line-height: 1.5;
}

.footer-newsletter-form {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--dark-grey);
    margin-bottom: 24px;
}

.newsletter-input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: var(--white);
    font-size: 14px;
    padding: 8px 0;
    font-family: inherit;
}

    .newsletter-input::placeholder {
        color: var(--dark-grey);
    }

.newsletter-submit {
    background: transparent;
    border: none;
    color: var(--dark-grey);
    cursor: pointer;
    padding: 4px 0 4px 12px;
    font-size: 18px;
    transition: color 0.2s;
    display: flex;
    align-items: center;
}

.newsletter-submit svg {
    width: 40px;
    height: 40px;
}

.newsletter-submit:hover {
    color: var(--themegold);
}

/* ── SOCIAL ICONS ── */
.footer-social-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
}

.social-icon-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: transparent;
    color: var(--white);
    font-size: 16px;
    text-decoration: none;
    transition: background 0.2s;
    border: 1px solid var(--white);
}

.social-icon-btn:hover {
    border: 1px solid var(--themegold);
    background-color: var(--themegold);
}

/* ── BOTTOM SECTION ── */
.footer-bottom {
    margin-top: 60px;
    border-top: 1px solid rgba(255,255,255,0.08);
    padding-top: 28px;
}

.footer-bottom-inner {
    grid-column: 2 / 3;
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 0;
    max-width: unset;
    justify-content: space-between;
}

.footer-copyright-text {
    font-size: 14px;;
    color: var(--dark-grey);
    text-transform: none;
    white-space: nowrap;
}

/* ── BANK ICONS ── */
.bank-icons-inner {
    display: flex;
    align-items: center;
    column-gap: 10px;
    row-gap: 4px;
    font-size: 32px;
    flex-wrap: wrap;
    justify-content: center;
}

.bank-icons .msicon-before-relative {
    vertical-align: middle;
}

.bank-icons .icon-diners-protectbuy-dark {
    font-size: 22px;
}

/* ── LEGAL LINKS ── */
.footer-legal-links {
    display: flex;
    gap: 24px;
    flex-shrink: 0;
}

.footer-legal-links a {
    font-size: 14px;
    color: var(--white);
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s;
}

.footer-legal-links a:hover {
    color: var(--white);
}


/*____scroll up____*/
#scrollUp {
    border: 2px solid #000;
    bottom: 25px;
    color: var(--white)fff;
    height: 46px;
    margin: 0;
    overflow: hidden;
    position: fixed;
    right: 30px;
    transition: all 0.3s ease-in-out 0s;
    width: 46px;
    z-index: 1;
    display: none;
    border-radius: 100%;
    background: white;
}

    #scrollUp:hover {
        background: var(--themecolor);
    }

        #scrollUp:hover::before {
            color: white;
        }

    #scrollUp::before {
        font-family: 'mindseed';
        position: absolute;
        color: #000;
        font-size: 28px;
        line-height: 1;
        content: "\e901";
        vertical-align: middle;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        transition: all 0.3s ease-in-out 0s;
    }



.sib-form {
    background: transparent !important;
}


.entry__choice {
    text-align: center;
}

.mstm-page-title {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 45px;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 20px;
}

.mstm-cover {
    position: relative;
}

.mstm-cover::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1;
}

    .mstm-cover .slider-image-caption {
        text-transform: uppercase;
        font-weight: 500;
        font-size: 45px;
        color: var(--white);
        z-index: 1;
    }

    .mstm-cover .stp-href {
        pointer-events: none;
    }

    .mstm-cover .slider-image-outer img {
        width: unset;
        min-width: 100%;
        max-height: 465px;
        object-fit: cover;
    }

    .mstm-cover .slider-image-caption {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        text-align: center;
        padding: 0 25px;
        height: unset;
        display: grid;
        justify-content: center;
        align-items: center;
    }

.static-content {
    max-width: calc(var(--vWidth) - var(--side-size)*2);
    margin: 0 auto;
    font-size: 18px;
    padding: 130px 30px;
    border-right: 1px solid var(--dark-grey);
    border-left: 1px solid var(--dark-grey);
    width: 100%;
}

.static-content, .post-body {
    font-size: 20px;
    font-weight: 300;
}

    .static-content > div {
        max-width: 1265px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .static-content p + h1,
    .static-content p + h2,
    .static-content p + h3,
    .post-body p + h1,
    .post-body p + h2,
    .post-body p + h3 {
        margin-top: 50px;
    }

    .static-content h1 + h2,
    .static-content h2 + h3,
    .static-content h3 + h4,
    .post-body h1 + h2,
    .post-body h2 + h3,
    .post-body h3 + h4 {
        margin-top: 20px;
    }

    .static-content h1,
    .static-content h2,
    .static-content h3,
    .static-content h4,
    .static-content h5,
    .static-content h6,
    .post-body h1,
    .post-body h2,
    .post-body h3,
    .post-body h4,
    .post-body h5,
    .post-body h6 {
        margin-bottom: 20px;
    }

    .static-content h1, .post-body h1, .mstm-category-title, .main-title {
        font-size: 56px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .main-title{
        margin-bottom:20px;
    }


    .static-content h2,
    .post-body h2 {
        font-size: 28px;
        font-weight: 400;
    }


    .static-content h3,
    .post-body h3 {
        font-size: 24px;
        font-weight: 500;
    }


    .static-content h4,
    .post-body h4 {
        font-size: 20px;
        font-weight: bold;
        font-weight: 500;
    }


    .static-content h5,
    .post-body h5 {
        font-size: 18px;
        font-weight: 500;
    }


    .static-content h6,
    .post-body h6 {
        font-size: 16px;
        font-weight: 500;
    }

    .static-content p {
        margin-bottom: 20px;
    }


.post-body ul, .post-body ol {
    margin-top:20px;
}


    .static-content a,
    .post-body a {
        color: var(--themecolor);
    }

        .static-content a:not(.tab-header):hover {
            text-decoration: underline;
        }

    .static-content ul, .static-content ul li,
    .post-body ul, .post-body ul li {
        list-style: disc;
        list-style-position: inside;
    }

.static-content ol li {
    list-style-position: inside;
}


.static-content ol.list-header-inline li h3 {
    display: inline-block;
}

    .static-content ul, .static-content ol,
    .post-body ul, .post-body ol {
        margin-bottom: 20px;
    }

        .static-content p + p,
        .static-conten ul + p,
        .static-conten ol + p,
        .post-body p + p,
        .post-body ul + p,
        .post-body ol + p {
            margin-top: 15px
        }

.static-content li + li,
.post-body li + li {
    margin-top: 10px;
}

 


/************blog list************/

.mstm-blog-filter-search {
    display: grid;
    margin-bottom: 60px;
    grid-template-columns: 1fr 280px;
    grid-row-gap: 20px;
    align-items: center;
    justify-content: space-between;
    grid-column-gap: 40px;
}

.mstm-blog-list .mstm-blog-filters-outer {
    position: relative;
    font-weight: 400;
    width: 100%;
    max-width: 140px;
    font-size: 16px;
}


.mstm-blog-list .mstm-blog-filters-title {
    text-align: center;
    position: relative;
    cursor: pointer;
    padding: 10px;
    border: 1px solid var(--dark-grey);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: center;
}

.mstm-blog-list .mstm-blog-filters-title.active {
    border-bottom: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.mstm-blog-list .mstm-blog-filters-title.active i {
    transform: rotate(180deg);
} 

.mstm-blog-list .mstm-blog-filters-title i {
    font-size: 13px;
    margin-left: 4px;
}


/*blog banners*/


.mstm-blog-list .mstm-blog-filters-title span{
   pointer-events:none;
}

.mstm-blog-filter-search .mstm-blog-filters {
    display: none;
    position: absolute;
    z-index: 3;
    background-color: white;
    top: 90%;
    left: 50%;
    margin: 0px;
    overscroll-behavior: none;
    max-height: 0px;
    overflow-y: hidden;
    text-align: left;
    min-width: 140px;
    width: 100%;
    transform: translateX(-50%);
    text-align: left;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 1px solid var(--dark-grey);
}

.mstm-blog-filters-outer ul {
    padding: 15px;
}

.mstm-blog-filter-search .mstm-blog-filters.expanded {
    display:block;
    max-height: max-content;
    border-top: 0;
    padding-top: 5px;
}


.mstm-blog-filters {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 10px;
    justify-content: center;
    text-align: center;
}

.mstm-blog-filter {    
    font-weight: normal;
}

.mstm-blog-filters .mstm-blog-filter a {
    padding: 0;
    display: block;
    width: 100%;
    margin: 10px;
}

.blog-search {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    display: grid;
    grid-template-columns: 1fr auto;
    border: 1px solid var(--dark-grey);
    border-radius: 20px;
    height: 100%;
}


.blog-search-input-wrapper{
    position:relative;
}

    .blog-search-input-wrapper::before {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        z-index: -1;
        top: 0;
        left: 0;
    }

.blog-search input::placeholder {
    color: var(--black);
}

.blog-search input {
    background: none;
    padding: 8px 10px;
    border: none;
    width: 100%;
    font-size: 16px;
    color: var(--black);
}

.mstm-clean-search-text {
    font-size: 20px;
}

.mstm-clean-search-text {
    display: block;
    height: 100%;
}

    .mstm-clean-search-text button {
        line-height: 1;
        width: 45px;
        height: 100%;
        position: relative;
        transition:0.3s ease-in-out
    }

    .mstm-clean-search-text button:hover
    {
        color: var(--themecolor);
    }

      

    .mstm-clean-search-text button {
        line-height: 1;
    }

.mstm-blog-list .mstm-blog-post {
    justify-self: center;
    width: 100%;
    position: relative;
    border: 1px solid var(--greyborder);
    border-radius: 20px;
    overflow: hidden;
}

    .mstm-blog-list .mstm-blog-post .post-featured-image.aspect-image-outer {
        --aspect-ratio: 1.65;
    }

    .mstm-blog-list  .mstm-blog-post .post-header {
        padding: 20px;
        position: relative;
        text-align: center;
    }

    .mstm-blog-list .mstm-blog-post .post-category {
        display: inline-block;
        background: var(--themecolor);
        color: var(--white);
        font-weight: bold;
        padding: 6px 25px 6px 25px;
        border-radius: 100px;
        text-transform: uppercase;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,-50%);
    }

.post-category a:hover {
    color: inherit;
}

    .mstm-blog-list .mstm-blog-post .post-title {
        margin-top: 30px;
        font-weight: bold;
        font-size: 20px;
        --numberoflines: 2;
    }

    .mstm-blog-list .mstm-blog-post .post-body p {
        --numberoflines: 3;
        font-size: 15px;
        margin-top: 20px;
    }

    .mstm-blog-list .mstm-blog-post .post-title a,
    .mstm-blog-list .mstm-blog-post .post-body p {
        line-height: 1.45;
    }
/*-----------*/



.mstm-blog-list-repeater {
    display: grid;
    grid-template-columns: repeat(3,minmax(0px,32%));
    grid-column-gap: 2%;
    grid-row-gap: 50px;
}

    .post-featured-image > a {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
    }


    .post-featured-image img {
        position: relative !important;
        transition: 0.7s ease-in-out;
        object-fit: cover !important;
    }

    .post-featured-image:hover img {
        transform: scale(1.05);
    }

/*---suggestion posts---*/
.mstm-suggestion-posts.slick-initialized.slick-slider {
    padding-left: 30px;
    padding-right: 30px;
}
.mstm-suggestion-posts .slick-slide > div {
    text-align: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.mstm-suggestion-posts .mstm-blog-post {
    padding: 10px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

    .mstm-suggestion-posts .mstm-blog-post .mstm-blog-post-inner {
        border-radius: 15px;
        overflow: hidden;
        background: #fff;
        transition: 0.3s ease-in-out;
    }

    .mstm-suggestion-posts .mstm-blog-post:hover .mstm-blog-post-inner {
        -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    }

    .mstm-suggestion-posts .mstm-blog-post .post-header {
        text-align: center;
        margin-bottom: 20px;
    }

    .mstm-suggestion-posts .mstm-blog-post .post-meta {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 15px;
    }

.mstm-suggestion-posts .mstm-blog-post .post-category {
    font-size: 18px;
    padding-right: 20px;
    position: relative;
}

    .mstm-suggestion-posts .mstm-blog-post .post-category::after {
        content: "";
        display: inline-block;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--themecolor);
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
    }


.mstm-suggestion-posts .mstm-blog-post .post-title {
    font-size: 20px;
     padding-right: 15px;
    font-weight: bold;
    max-width: 460px;
    margin: 0 auto;
    margin-top: 10px;
    padding: 0 20px;
}

.mstm-suggestion-posts .mstm-blog-post .post-title {
    font-size: 18px;
}



.blog-paggination {
    margin-top: 20px;
}

.blog-list-read_more {
    text-align: center;
    display: block;
    margin-top: 14px;
    font-weight: bold;
    font-size: 16px;
}


/**************single-blog**************/
.mstm-blog-container.container {
    margin-bottom: 80px;
}



.mstm-single-post .post-body img {
    max-width: 100%;
    height: auto !important;
}

.mstm-single-post .post-body p {
    line-height: 1.2;
    margin: 20px auto;
    font-size: 18px;
}


.mstm-single-post .post-body a {
    color: var(--themecolor);
}

    .mstm-single-post .post-body a:hover {
        text-decoration: underline;
    }

.mstm-single-post .post-body ul {
    list-style: disc;
    font-size: 18px;
}

.mstm-social-share-text {
    font-size: 22px;
    text-align: center;
    margin-bottom: 10px;
}

.mstm-blog-filters .mstm-blog-filter a:hover,
.mstm-blog-filters .mstm-selected-filter.active {
    color: var(--themecolor);
}

.mstm-single-post .post-title {
    font-size: 36px;
}

.mstm-single-post-image {
    max-width: 1270px;
    margin: 0 auto;
    margin-bottom: 30px;
    margin-top: -250px;
    width: 100%;
    padding: 0px 50px;
    --aspect-ratio: 2.43 !important;
}

    .mstm-single-post-image img {
        padding: 0 50px;
    }

.mstm-single-post {
    text-align: center;
    max-width: 1060px;
    margin: 0 auto;
    padding: 0px 50px;
}

    .mstm-single-post .post-category {
        display: inline-block;
        font-size: 16px;
        color: var(--themecolor);
    }


/*-----*/
.single-post-top .aspect-image-outer {
    --aspect-ratio: 2.8;
}

    .single-post-top img {
        object-fit: cover;
    }

.post-main-inner img {
    width: 100%;
}
.single-post h1 {
    font-weight: bold;
    font-size: 35px;
    margin-top: 50px;
    margin-bottom: 70px;
}

.single-post-bottom > div {
    display: grid;
    grid-template-columns: repeat(2,minmax(0px, auto));
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: center;
    margin-bottom: 100px;
}

.single-post .post-meta-outer,
.single-post .post-body-outer {
    max-width: 660px;
}

.single-post .post-body {
    font-size: 18px;
}

.single-post .post-meta {
    display: flex;
    column-gap: 40px;
    row-gap: 15px;
    flex-wrap: wrap;
}

.post-share-outer-mobile {
    display: none;
}

.post-share-outer {
    order: -1;
    grid-row: 1/3;
    margin-top: 60px;
}

.single-post .post-share {
    width: auto;
    height: auto;
    text-align: center;
    display: grid;
}

.post-share-outer .post-share {
    top: 100px;
    left: 0;
    position: sticky;
    display: grid;
}

.share-title {
    font-weight: bold;
    display: block;
}

.post-share-outer .share-title {
    margin-bottom: 20px;
}

.single-post #facebook-share,
.single-post #instagram-share,
.single-post #twitter-share,
.single-post #pinterest-share {
    display: block;
    transition: .3s all ease-in-out;
    color: #cacaca;
    padding: 10px;
}

    .single-post #facebook-share:hover {
        color: #4267b2;
    }

    .single-post #instagram-share:hover {
        color: #e1306c;
    }

    .single-post #twitter-share:hover {
        color: #1da1f2;
    }

    .single-post #pinterest-share:hover {
        color: #e60023;
    }

.fb-ico::before, 
.ig-ico::before,
.tw-ico::before, 
.pn-ico::before {
    font-family: mindseed;
    font-size: 25px;
    display: inline-block;
    transition: .4s all ease-in-out;
}

.fb-ico::before{
    content: "\e900";
}

.ig-ico::before {
    content: "\e903";
}

.tw-ico::before {
    content: "\e90c";
}
.pn-ico::before {
    content: "\e985";
}

.share-title,
.post-meta-item p {
    font-size: 18px;
}

.single-post .post-body > div > p:first-of-type {
    font-size: 22px;
}

/*---*/


/*==product list==*/

/*--category cover--*/
.categorypage-cover .categorypage-cover-inner-items {
    z-index: 1;
    position: relative;
}

/*.categorypage-cover h1*/
.mstm-category-title-outer {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

.mstm-category-title h1{
    font-weight: bold;
    font-size: 45px;
}

.mstm-category-title {
    text-align: center;
    /*max-width: 800px;
    margin-left: auto;
    margin-right: auto;*/
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.sidebar-widget.mstm-vars-filter i {
    font-size: 13px;
}

.mstm-filters-button .msicon-before-inline {
    font-style: normal;
    top: 2px;
    position: relative;
}

.categorypage-cover .category-description {
    width: 100%;
    max-width: 665px;
    font-size: 17px;
    margin: 0 auto;
    text-align: center;
}

.categorypage-cover .mstm-breadcrumb-container {
    text-align: center;
}

.mstm-category-title .mstm-theme-icon.msicon-before-relative::before {
    content: "\e973";
}

/*hasimage*/
/*.categorypage-cover.hasimage*/
.categorypage-cover {
    position: relative;
    margin-bottom: 20px;
    line-height: 0;
}
    /*.categorypage-cover.hasimage .category-cover-inner*/
    .categorypage-cover .category-cover-inner {
        position: relative;
        line-height: 0;
        min-height: 460px;
        color: var(--white);
        display: grid;
        justify-content: center;
        align-items: center;
        background: var(--themecolor);
    }

    /*.categorypage-cover.hasimage.no-margin*/
    .categorypage-cover.no-margin {
        margin-bottom: 0px;
    }

    .categorypage-cover .mstm-blog-list-cover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

img.categorypage-cover-image {
    width: 100%;
    min-height: 220px;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    /*z-index: -1;*/
    height: 100%;
}


.categorypage-cover.hasimage .mstm-cover-text-outer {
    padding-top: 50px;
    padding-bottom: 50px;
}

/*noimage*/
.categorypage-cover.noimage .mstm-cover-text-outer {
    padding-top: 70px;
    padding-bottom: 50px;
}

.categorypage-cover.noimage .mstm-breadcrumb-container {
    color: var(--text-secondary);
}

/**/

/*--category filters--*/
.mstm-row-filters-taxinomisi {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--dark-grey);
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .mstm-row-filters-taxinomisi .display-section {
        display: flex;
        align-items: center;
        column-gap: var(--main-gap);
    }

    .mstm-filters-button  {
        font-weight: 400;
        font-size: 18px;
        cursor: pointer;
        background-color: var(--black);
        border-radius: var(--radiusfull);
        color: var(--white);
        padding: 12px 36px;
    }

.toolbox-layout {
    display: flex;
    gap: 15px;
    align-items: center;
}

    .toolbox-layout button {
        line-height: 0;
    }


.display-section .mstm-filters-content.sidebar-widget-list {
    padding: 0;
}

.display-section .mstm-filters-content.sidebar-widget-list .mstm-checkbox {
    padding: 0 !important;
}

.display-section .mstm-taksinomish .mstm-filters-content-option, .display-section .mstm-nbr-limits .mstm-filters-content-option {
    padding: 0;
}

.display-section .mstm-filters-content.sidebar-widget-list {
    top: 90%;
    padding: 10px 16px;
    background: var(--white);
    z-index: 2;
    min-width: 132px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 1px solid var(--dark-grey);
    left: -1px;
    border-top: none;
    padding-top: 0;
}

.display-section .mstm-filters-content.sidebar-widget-list > div {
    margin-bottom: 10px;
}

.display-section .mstm-filters-content.sidebar-widget-list > div:first-of-type {
    margin-top: 10px;
}

.back-to-filters {
    display: none;
}

.mstm-row-filters-mobile {
    display: none;
}

.mstm-remove-filters.mobile {
    display: none;
}

.sidebar-widget.mstm-vars-filter.mstm-taksinomish.mstm-sort-btn {
    cursor: pointer;
}

/*--mobile category filters--*/
.mstm-row-filters {
    display: none;
}

.mstm-filters-content {
    border-radius: 0;
}

.mstm-attribute_name.mstm-active {
    border-radius: 0;
    color: var(--text-secondary);
}

.mstm-row-filters .mstm-attribute_name::after {
    content: "\e98b";    
    font-family: mindseed;
    display: inline-block;
    font-size: 12px;
    margin-left: 6px;
    vertical-align: baseline;
}

.mstm-row-filters .mstm-attribute_name::before {
    display: none;
}

.mstm-filters-button .msicon-before-inline {
    font-style: normal;
}

.mstm-row-filters-pad .mstm-filters-content.sidebar-widget-list::before,
.mstm-row-filters-pad .mstm-filters-content.sidebar-widget-list::after {
    content: unset;
}

.mstm-row-filters .mstm-taksinomish {
    display: none;
}

.sidebar-widget.mstm-vars-filter {
    position: relative;
}

.mstm-taksinomish .mstm-filters-content-option,
.mstm-nbr-limits .mstm-filters-content-option {
    padding: 0px 10px;
}



.mstm-row-filters {
    display: none;
}

/*filters pad*/
.mstm-row-filters-pad {
    padding: 0px;
    left: 0px;
    margin-bottom: 0px;
    background: none;
    transform: unset;
    position: unset;
}

.mstm-row-filters.poped {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0px;
    z-index: 6;
    width: 100%;
    height: 100%;
    max-width: 460px;
    max-height: calc( var(--vhHeight));
    display: grid;
    grid-template-columns: unset;
    justify-content: stretch;
    overflow-y: auto;
    overflow-x: hidden;
    row-gap: 0px;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
}

.morphsearch .mstm-row-filters.poped {
    max-height: calc( var(--vhHeight) - var(--headerHeight) - var(--top));
    top: unset;
    bottom: 0;
}


.sidebar-widget.mstm-vars-filter + .sidebar-widget.mstm-vars-filter {
    border-top: 1px solid var(--greyborder);
}

.mstm-row-filters-pad .mstm-attribute_name {
    font-size: 16px;
    width: 100%;
    transition: 0.3s ease-in-out;
    height: unset;
    display: block;
    padding: 13px 25px;
    font-weight: 400;
    cursor: pointer;
}

.mstm-row-filters-pad .back-to-filters .mstm-attribute_name {
    border: none;
}

.mstm-row-filters-pad .mstm-attribute_name:hover {
    color: var(--text-primary);
}

.mstm-row-filters-pad .mstm-filters-content.sidebar-widget-list {
    border: none;
}

.mstm-remove-filters .selected_filters {
    row-gap: 10px;
    column-gap: 10px;
}

/*back to filters*/
.back-to-filters {
    position: sticky;
    top: 0px;
    display: block;
    width: 100%;
    background: white;
    z-index: 4;
    grid-row-end: 1;
}



    .back-to-filters .mstm-attribute_name {
        width: auto;
        padding: 12px 30px;
        vertical-align: unset;
        width: 100%;
        display: inline-block;
        background: var(--greybg);
        color: var(--text-secondary);
        font-size: 16px;
    }

        .back-to-filters .mstm-attribute_name::after {
            content: "\e98c";
            font-family: mindseed;
            position: absolute;
            left: 0px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 12px;
            margin: 0px 10px;
        }



.back-to-filters.buttons {
    bottom: 0px;
    padding: 20px;
    text-align: center;
    grid-row-start: 5000;
    grid-row-end: unset;
    font-size: 15px;
    border-top: 1px solid var(--dark-grey);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.apply-close-x.btn.btn-arrow {
    background: var(--black);
    color: var(--white);
    padding: 20px 25px;
    width: 220px;
    position: relative;
    font-size: 18px;
    border-radius: var(--radiusfull);
}

.apply-close-x.btn.btn-arrow::after {
    content: "\e91b";
    font-family: mindseed;
    margin-left: 8px;
    font-size: 20px;
    line-height: 18px;
    vertical-align: middle;
}


/*taksinomisi emfanisi*/
.sidebar-widget-filters-wrapper {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
    grid-column-gap: 10px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}

.mstm-taksinomish, .mstm-nbr-limits {
    position: relative;
}

.sidebar-widget-filters-wrapper .mstm-nbr-limits .mstm-attribute_name,
.sidebar-widget-filters-wrapper .mstm-taksinomish .mstm-attribute_name,
.mobile-filters .mstm-taksinomish .mstm-attribute_name {
    padding: 4px 15px;
    font-size: 16px;
    color: var(--text-primary);
    text-transform: uppercase;
    font-weight: bold;
    min-width: 170px;
    border:1px solid;
    text-align: center;
}

.filters-top {
    background: var(--lightgreybg);
    padding: 14px 25px;
}

.sidebar-widget.mstm-vars-filter.opened .mstm-checkbox .checkmark {
    left: -24px;

}


.filters-close-top {
    text-align: right;
    font-size: 18px;
}

.filters-title-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    margin: 10px 0;
}

.filters-title-row h3 {
    font-size: 18px;
}

/*mobile filters*/
.mstm-row-filters-mobile.container {
    margin-top: 40px;
}
.mobile-filters .mstm-attribute_name {
    display: flex;
    justify-content: center;
    align-items: center;
}
/**/

        .mstm-nbr-limits .mstm-attribute_name::before, .mstm-taksinomish .mstm-attribute_name::before {
            right: 14px;
            font-size: 10px;
        }

    .mstm-nbr-limits .mstm-filters-content.sidebar-widget-list.mstm-ul-active {
        min-width: unset !important;
        width: 100%;
    }

    .mstm-taksinomish .mstm-filters-content.sidebar-widget-list.mstm-ul-active {
        width: 100%;
    }

.sidebar-widget-filters-wrapper .mstm-attribute_name::after {
    color: var(--themecolor);
}
/**/

.mstm-product-list {
    margin-bottom: 70px;
    margin-top: 70px;
}

.mstm-products {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(310px,1fr));
    grid-column-gap: 10px;
    grid-row-gap: 60px;
    margin-bottom: 20px;
    width: 100%;
    position: relative;
    justify-content: center;
}

.mstm-product-list[grid-cols="4"] .mstm-products {
    grid-template-columns: repeat(4,minmax(0,1fr));
}

.mstm-product-list[grid-cols="3"] .mstm-products {
    grid-template-columns: repeat(3,minmax(0,1fr));
}

.mstm-product-list[grid-cols="2"] .mstm-products {
    grid-template-columns: repeat(2,minmax(0,1fr));
}

/*--------------*/

/*filter*/
.mstm-filters-content.sidebar-widget-list .mstm-filter-search {
    position:relative;
}
.mstm-filters-content.sidebar-widget-list .mstm-filter-search::after {
    content: "\e982";
    font-family:mindseed;
    position:absolute;
    right:5px;
    top:50%;
    transform:translateY(-50%);
    color:var(--text-secondary);
}
    .mstm-filters-content.sidebar-widget-list .mstm-filter-search{
        margin-bottom:10px;
    }

    .mstm-filters-content.sidebar-widget-list .mstm-filter-search .form-control.mstm-filter-search-input {
        margin-bottom: 0px;
        border: none;
        border-bottom: 1px solid var(--text-secondary);
        padding: 3px;
        font-size: 14px;
        height: auto;
    }
/**/
.mstm-filters-content-option {
    position: relative;
    align-items: center;
    display: grid;
    width: 100%;
    transition: 0.3s ease-in-out;
}

.mstm-filters-content-option:hover, .mstm-filters-content-option.attrselected {
    background-color: unset;
    color: var(--themecolor);
}

.sidebar-widget-option {
    padding: 7px 0px;
    cursor: pointer;
}

.sidebar-widget-option.mstm-checkbox {
    --fontsize: 15px;
}

.sidebar-widget-option small {
    background: var(--greyborder);
    color: var(--black);
    padding: 2px 6px 2px 6px;
    border-radius: 4px;
    min-width: 15px;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    line-height: 1.2;
    position: relative;
    top: -2px;
    left: 3px;
}

.sidebar-widget.mstm-vars-filter {
    position: relative;
    text-align: left;
    font-size: 16px !important;
}

.display-section .sidebar-widget.mstm-vars-filter.opened {
    border-bottom: 0px;
        border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.display-section .sidebar-widget.mstm-vars-filter {
    position: relative;
    min-width: 110px;
    text-align: left;
    border: 1px solid var(--dark-grey);
    border-radius: 20px;
    padding: 10px 16px;
    font-size: 16px !important;
}

.sidebar-widget-option.mstm-checkbox label {
    position: relative;
}


/*filter content*/
.mstm-filters-content.sidebar-widget-list {
    display: none;
    position: absolute;
    background-color: white;
    /*top: calc(100% + 1px);*/
    margin: 0px;
    overscroll-behavior: none;
    max-height: 0px;
    overflow-y: hidden;
    padding: 5px 25px 25px;
}

.mstm-filters-content.sidebar-widget-list.mstm-ul-active {
    display: grid !important;
    align-items: start;
    height: auto;
    max-height: 335px;
    width: 100%;
    background: var(--white);
    z-index: 1;
}

.display-section .mstm-filters-content.sidebar-widget-list.mstm-ul-active {
    display: grid !important;
    align-items: start;
    height: auto;
    max-height: 335px;
    width: 100%;
    z-index: 2;
}

.mstm-price-slider .mstm-filters-content.sidebar-widget-list.mstm-ul-active{
    min-width:220px;
}

ul.categorysubmenu.mstm-filters-content.sidebar-widget-list.mstm-ul-active {
    width: 100%;
    min-width: unset;
}

/*price slider*/
.mstm-price-slider-text {
    font-size: 16px;
    display: grid;
    grid-template-columns: repeat( 2, minmax(0px, auto));
    justify-content: space-between;
    position: relative;
    margin: 10px auto 15px auto;
    width: 80%;
    left: 6px;
    font-weight: bold;
}

.mstm-price-slider .mstm-filters-content.sidebar-widget-list::before,
.mstm-price-slider .mstm-filters-content.sidebar-widget-list::after {
    height: 10px;
}

.noUi-horizontal {
    border: 0 none;
    position: relative;
    width: 80%;
    margin: 0 auto;
    height: auto;
    background: transparent;
    min-height: 6px;
    margin-bottom: 15px;
}

.noUi-connects {
    background: var(--dark-grey);
}

.noUi-connect {
    background: var(--black);
    border: 0 none;
    border-radius: 0;
    height: 4px;
    position: relative;
    width: 100%;
    left: 0px;
}

.noUi-origin {
    top: 2px;
}

.noUi-handle.noUi-handle-lower, .noUi-handle.noUi-handle-upper {
    background: #000 repeat scroll 0 0;
    border: 0 none;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    top: 50%;
    position: absolute;
    z-index: 2;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    transform: translate(0px, -50%);
    right: -10px;
    box-shadow: unset;
}

.noUi-handle::after, .noUi-handle::before {
    display: none !important;
}

/*remove filters*/
.mstm-remove-filters > .container > div > span {
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 20px 5px 0px;
    font-weight: bold;
}

.mstm-remove-filters .selected_filters {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 10px;
    margin-bottom: 0;
    align-items: center;
}

.mstm-remove-filters .selected_filters li {
    display: inline-block;
}

.mstm-remove-filters>div {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 20px;
    align-items: baseline;
}

.mstm-remove-attribute {
    font-size: 14px;
    color: #000;
    background: transparent;
    border-radius: 50px;
    padding: 5px 15px 8px 15px;
    border: 1px solid var(--dark-grey);
}

.mstm-remove-attribute i {
    line-height: 0;
    margin-right: 3px;
}


.mstm-remove-attribute .msicon-before-relative::before{
    content: "\e904";
    margin-right: 2px;
    display: inline-block;
    padding: 3px;
    font-weight: normal;
    font-size: 9px;
    vertical-align: baseline;
}

.remove-all-filters {
    color: var(--black);
    font-weight: 400;
    font-size: 15px;
}

/**/
.mstm-paggination {
    text-align: center;
    margin-bottom: 40px;
}


.mstm-load-more button {
    font-size: 20px;
    margin: 12px auto;
}

/*****/
.no-products-category {
    padding-top: 40px;
    padding-bottom: 80px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 0px;
    font-size: 20px;
    border-top: 1px solid var(--dark-grey);
    border-bottom: 1px solid var(--dark-grey);
}



/**/
.subcategories-thumbs-outer.container {
    padding-bottom: 80px;
    margin-bottom: 60px;
    max-width: calc(1600px + var(--main-padding)*2);
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}


.category-item {
    background: #fff;
    padding: 0 7.5px;
    border-radius: 35px;
    width: 275px;
    height: 275px;
    display: inline-block;
    text-align: center;
    position: relative;
    display: grid;
    align-items: center;
}

    .category-item a {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        background: var(--beige-bg);

    }

    .category-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
    }
        .category-item img::before {
            display: none;
        }

    .category-item .category-name {
        display: inline-block;
        border-radius: 50px;
        background: #fff;
        padding: 7px 15px;
        font-weight: 600;
        font-size: 20px;
        z-index: 1;
        position: absolute;
        width: max-content;
        max-width: calc(100% - 40px);
        left: 20px;
        bottom: 20px;
    }

    .category-item .ellipsis {
        --numberoflines: 1;
    }

.subcategories-thumbs.slick-slider .slick-arrow {
    top: calc(100% + var(--arrowsize)/2 + 15px) !important;
}

.subcategories-thumbs .slick-next {
    right: calc(50% - var(--arrowsize) - 5px) !important;
}

.subcategories-thumbs .slick-prev {
    left: calc(50% - var(--arrowsize) - 5px) !important;
}


.category-bottom {
    background: #f1f1f1;
    border-radius: 60px;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 510px) minmax(50%,1fr);
    margin-top: 60px;
    margin-bottom: 60px;
}

    .category-bottom .categorypage-info {
        position: relative;
        --sidepadding: 50px;
        line-height: 0;
    }

    .category-bottom .categorypage-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

        .category-bottom .categorypage-info .mstm-category-title {
            background: #fff;
            display: inline-block;
            font-size: 25px;
            padding: 12px 35px 7px 35px;
            border-radius: 12px;
            position: absolute;
            top: 50px;
            left: var(--sidepadding);
            font-weight: bold;
        }

    .category-bottom .category-description {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.5);
        color: var(--white);
        padding: var(--sidepadding);
    }

    .category-bottom .products-outer {
        padding: 50px;
    }

    .category-bottom .products-outer h2.bstitle {
        text-align: center;
        font-size: 25px;
        font-weight: bold;
    }


    .category-bottom .mstm-products {
        grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
        margin-bottom: 0;
        margin-top: 30px;
    }



.subcats-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, 33.33%));
    align-items: center;
    justify-content: center;
    gap: 40px;
    margin: 40px 0;
}

.subcats-grid .subcat-item {
    position: relative;
}

.subcats-grid .subcat-item > a {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
}

.subcats-grid .subcat-item > img {
    width: 100%;
}

.subcats-grid .subcat-item > a span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.morphsearch-form .mstm-product-list {
    margin: 0;
}

.morphsearch-form .mstm-prodlist-container.mstm-searchfor {
    padding: 0;
}

.morphsearch-form .secondary-title {
    text-align: center;
}

/*single product*/
.mstm-product-details-outer-relative {
    border-top: 1px solid var(--beige-bg);
}

    .mstm-attr-outer.msicon-before-relative.icon-down-cs select {
        -webkit-appearance: none;
    }

    .mstm-attr-outer.msicon-before-relative.icon-down,
    .mstm-attr-outer.msicon-before-relative.icon-down-cs {
        position: relative;
        margin-bottom: 10px;
    }

    .mstm-attr-outer.msicon-before-relative.icon-down:before,
    .mstm-attr-outer.msicon-before-relative.icon-down-cs:before {
        bottom: 23px;
        position: absolute;
        right: 10px;
        font-size: 12px;
        width: 12px;
        height: 12px;
        color: var(--dark-grey);
        pointer-events: none;
    }

.color-var-item {
    display: flex;
    justify-items: flex-start;
    align-items: center;
    width: 80px;
    height: 80px;
    position: relative;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 2px;
    margin: 6px 0px 20px 0;
}

    .color-var-item.var_active {
        border-color: var(--black);
    }

.color-var-property {
    position: absolute;
    width: 95%;
    height: 95%;
    left: 50%;
    top: 50%;
    border-radius: 8px;
    transform: translate(-50%,-50%);
    background-size: contain !important;
}


.mstm-variations .mstm-attr-outer span {
    display: block;
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 16px;
    color: var(--greybg);
}

.mstm-variations .mstm-attributes-inner .mstm-attr-outer select {
    width: 100%;
    padding: 5px 10px;
    border: 1px solid var(--greyborder);
    margin-bottom: 10px;
}

.mstm-product-configuration input, .mstm-product-configuration select {
    width: 100%;
    padding: 5px 10px;
    border: 1px solid var(--greyborder);
    margin-bottom: 10px;
}

.mstm-product-configuration input {
    position: relative;
} 

.single-product-details-area {
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 50%));
    margin: 70px 0;
    column-gap: 70px;
}

.single-product-details-area .aspect-image-outer {
    max-width: 690px;
}

.mstm-product-info {
    max-width: 640px;
    background-color: #f0efeb5c;
    padding: 60px;
}

h1.mstm-product-title.primary-title small {
    font-size: 16px;
    display: block;
    margin-top: 0px;
}

.mstm-product-info .primary-title {
    margin-bottom: 10px;
}

h1.mstm-product-title.primary-title {
    margin-top: 0;
}

.mstm-product-info .item span {
    font-size: 16px;
    display: inline-block;
}

.mstm-product-info .item .sku {
    margin-bottom: 10px;
}

.mstm-product-configuration {
    margin: 30px 0;
}

.mstm-product-quantity {
    margin: 30px 0;
}

.complementary-product-outer {
    margin: 20px 0;
    border: 1px solid var(--dark-grey);
    border-radius: 10px;
    padding: 20px;
    padding-bottom: 0;
}

.complementary-product-inner {
    margin: 20px 0;
}

.product-attributes-wrapper .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--greyborder);
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.mstm-product-page-image {
    padding-left: var(--side-size);
}

.product-imgs {
    margin: 70px 0;
}

.product-imgs .single-product-thumbnail img {
    width: 120px;
    height: 120px;
}

.single-product-image.product-image-slider .slick-prev {
    left: 0;
}

.single-product-image.product-image-slider .slick-next {
    right: 0;
}

.mstm-product-prices .price {
    font-size: 32px;
    margin-top: 30px;
    display: block;
    font-weight: bold;
}

.single-product-item {
    position: relative;
    width: 100%;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
}

.single-product-item .mstm-add-to-wishlist {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
}

.mstm-product-quantity-to-add {
    display: flex;
    width: 174px;
    padding: 10px;
    flex-direction: row;
    justify-items: center;
    justify-content: space-between;
    border: 1px solid var(--dark-grey);
    margin-top: 10px;
    border-radius: 8px;
}

.mstm-product-quantity-to-add button {
    width: 38px;
    height: 38px;
    background-color: var(--black);
    color: var(--white);
    border-radius: 8px;
}

.mstm-product-quantity-to-add button:before {
    font-size: 12px;
}

.quantity-num {
    font-size: 24px;
}

.mstm-variations ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 20px;
    max-height: 320px;
    overflow: auto;
}

.mstm-variations {
    border-top: 1px solid var(--be);
    padding-top: 30px;
}

.mstm-variations .uppercase-title {
    font-size: 16px;
    margin-top: 20px;
    display: block;
}

    .single-product-item .border {
        overflow: hidden;
        transition: 0.3s ease-in-out;
    }


.product-image {
    overflow: hidden;
    /* margin-bottom: 8px; */
    background: #f6f5f1;
}

    .product-image.aspect-image-outer {
        --aspect-ratio: 9/10;
    }

/*actions*/
.mstm-product-actions {
    position: absolute;
    transition: all 0.3s ease-in-out;
    bottom: 0px;
    left: 0;
    font-size: 21px;
    z-index: 2;
    width: 100%;
    padding: 20px;
}

.msicon-before-relative.cart::before {
    content: "\e90a";
}

.mstm-add-to-wishlist .mstm-btn-wishlist {
    color: var(--black);
    padding: 10px;
    cursor: pointer;
}

.mstm-btn-wishlist .msicon-before-relative::before,
.mstm-btn-wishlist.added:hover .msicon-before-relative::before {
    content: "\e907";
    display: block;
    transition: 0.3s ease-in-out;
}

    .mstm-btn-wishlist.added .msicon-before-relative::before,
    .mstm-btn-wishlist:hover .msicon-before-relative::before {
        content: "\e90e";
    }

/*flags*/
.product-flags {
    top: 0;
    position: absolute;
    left: 0;
    display: grid;
    grid-row-gap: 5px;
    pointer-events: none;
    z-index: 2;
    width: 100%;
    padding: 20px;
}

.product-list .product-flags .flag-item:last-of-type {
  justify-self: end;
  position: absolute;
  right: 20px;
  top: 30px;
}

.flag2.square.custom-flag {
    background: var(--themecolor);
    --aspect-ratio: 0.5;
    height: 50px;
    --size: 60px;
    color: white;
    right: 0;
}

.flag2.square.custom-flag span {
  font-size: 14px;
}
/***/

.mstm-product-delivery-status > span {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-bottom: 5px;
}

    .mstm-product-delivery-status > span.mstm-in-stock {
        background: var(--instock);
    }

    .mstm-product-delivery-status > span.mstm-in-stock-warning {
        background: var(--order);
    }

    .mstm-product-delivery-status > span.mstm-out-of-stock {
        background: var(--outofstock);
    }

.flag-new-outer, .mstm-discount-outer {
    font-size: 14px;
    padding: 6px 10px;
    text-align: center;
    display: inline-block;
    min-width: 70px;
    color: var(--white);
    text-transform: uppercase;
    font-weight: 700;
}

.mstm-discount-outer {
    background: var(--themecolor);
}

.flag-new-outer {
    background: var(--themecolor);
}

/*custom flag*/
.custom-flag, 
.flag-item .default:not(.custom-flag) {
    --size: 50px;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    display: grid;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);
    color: #FFDCB6;
    line-height: 1;
    position: relative;
}
    .custom-flag span.text, 
    .flag-item .default:not(.custom-flag) span {
        line-height: 1.25;
        padding: 10px 2px;
        font-size: 8px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        font-size: calc(var(--size)*0.16);
        font-weight: 900;
    }

    .custom-flag .msicon-before-relative.flag {
        position: absolute;
        font-size: calc(var(--size) + 4px);
        z-index: -1;
        line-height: 1;
        color: var(--orange);
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        line-height: 0;
    }

        .custom-flag .msicon-before-relative.flag::before {
            content: "\e92d";
        }

        .flag2 .msicon-before-relative.flag::before {
            content: " ";
            background-color: var(--themecolor);
        }



    .flag-item .default:not(.custom-flag)::before {
        content: "\e92d";
        font-family:mindseed;
        position: absolute;
        font-size: calc(var(--size) + 4px);
        z-index: -1;
        line-height: 1;
        color: var(--orange);
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

    .flag-item .default:not(.custom-flag) span {
        color: #FFDCB6 !important;
    }

/*--product text--*/
.single-product-item .product-text {
    padding: 10px;
}

.single-product-item .manf-text {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 7px;
}

.single-product-item .product-text h2 {
    font-size: 16px;
    font-weight: 500;
}

.single-product-item .product-text h2 a:hover {
    color: var(--themecolor);
}

.product-text .price-actions {
    font-size: 16px;
    font-weight: 400;
    color: var(--dark-grey);
}


.product-text .pro-price {
    font-size: 19px;
    color: var(--txt-dark-grey);
    font-weight: 300;
}

    .product-text .pro-price .old-price {
        font-size: 13px;
    }

/*add to cart*/
.single-product-item .mstm-add-to-cart {
    text-align: center;
    opacity: 0;
    transition: opacity 0.25s cubic-bezier(.4, 0, .2, 1);
    position: absolute;
    left: 50%;
    top: calc(50% - 30px);
    transform: translate(-50%, -50%);
    width: 266px;
}

.single-product-item .mstm-add-to-cart button {
    color: var(--white);
    background-color: var(--black);
}

.single-product-item .mstm-add-to-cart button:hover {
    color: var(--white);
    background-color: var(--themecolor);
}

.single-product-item .mstm-add-to-cart button svg {
    width: 18px;
    height: 18px;
    filter: invert(1);
}

.single-product-item .mstm-add-to-cart span {
    font-size: 14px;
}

.single-product-item:hover .mstm-add-to-cart {
    opacity: 1;
}

.single-product-item .stp-add-to-cart {
    background: #fff;
    color: #000;
    padding: 10px 15px 10px 10px;
    font-size: 18px;
    border-radius: 40px;
    /* width: 100%; */
    /* max-width: 175px; */
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    font-weight: 600;
    box-shadow: 0 0 5px rgba(234, 221, 212,0.7);
    display: flex;
    align-items: center;
    column-gap: 9px;
}

/*    .single-product-item .stp-add-to-cart::before {
        content: "\e96f";
        font-family: mindseed;
        font-size: 16px;
        margin-right: 8px;
        vertical-align: baseline;
    }*/


.page-cover-full {
    margin-bottom: 0;
    padding: 0;
    max-height: 775px;
    min-height: 200px;
    overflow: hidden;
}

.page-cover-full img {
    width: 100%;
    height: 100%;
    max-height: 500px;
    object-fit: contain;
}


.single-product-details-area-inner {
    border-left: 1px solid var(--greyborder);
}

.single-product-page .single-product-details-area .top-section {
    padding: 70px 0;
}

.single-product-page .top-section.details-area-section > div {
    display: grid;
    grid-template-columns: minmax(0,940px) auto;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.single-product-page .single-product-details-area .details-area-section-inner,
.single-product-page .support-section .support-section-inner,
.single-product-page .contact-section .contact-section-inner {
    padding-left: var(--main-padding);
    padding-right: var(--main-padding);
    max-width: 1570px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.single-product-page .single-product-details-area .details-area-section.slide-section .details-area-section-inner {
    padding-right: 0;
    padding-left: calc((var(--vWidth) - var(--side-size) - 1570px)/2 + var(--main-padding));
    max-width: 100%;
    margin: 0;
}

/**/
.info-section.details-area-section {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--greyborder);
    padding: 30px 0;
}

.single-product-page .info-list {
    display: inline-flex;
    gap: 60px;
    min-width: 500px;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
}

    .single-product-page .info-list .label {
        margin-bottom: 20px;
    }
/**/
.single-product-page .variations-section.details-area-section.slide-section {
    padding-top: 40px;
    padding-bottom: 80px;
}

.single-product-page .variation-item, .secondary-side-title-outer {
    display: grid;
    grid-template-columns: 270px minmax(0,1fr);
    gap: 30px;
}

    .single-product-page .variation-item + .variation-item {
        margin-top: 40px;
    }

.variation-item .var-item {
    padding-right: 8px;
}

    .variation-item .var-item .variation-box{
        display:none;
    }

.var-item .var-text {
    padding: 5px 30px 5px 0;
    display: block;
}

/*color variation*/
.variation-item.variation6 .var-item .variation-box {
    display: block;
    position: relative;
    width: 280px;
}

.var-item .variation-box::before {
    content: "";
    padding-top: calc(100% / (var(--aspect-ratio)));
    --aspect-ratio: 0.79;
    display: block;
}
/**/


/*gallery*/
.gallery-section.details-area-section.slide-section {
    padding-bottom: 140px;
}

.gallery-section .slick-slide>div {
    padding-right: 50px;
}
.gallery-section .aspect-image-outer {
    --aspect-ratio: 1.3333;
    /*width: 880px !important;*/
    width: 46vw !important;
}
.gallery-section .aspect-image-outer img{
    object-fit:contain;
}
/**/

.single-product-page .support-section,
.single-product-page .contact-section {
    padding-left: var(--side-size);
}
/*support*/
.single-product-page .support-section {
    background: var(--light-brandcolor);
    padding-top: 100px;
    padding-bottom: 100px;
}

.support-section .primary-txt,
.contact-section .primary-txt {
    font-size: 28px;
    font-weight: 500;
}

.support-section .primary-txt {
    padding-right: 70px;
}

/*contact*/
.single-product-page .contact-section {
    padding-top: 70px;
    padding-bottom: 70px;
}
    .single-product-page .contact-section .contact-section-inner {
        display: flex;
        gap: 40px;
        align-items: center;
        justify-content: space-between;
        width: 100%;

    }

    .single-product-page .contact-section .primary-txt {
        max-width: 800px;
    }

.single-product-page .contact-section-button .btn {
    min-width: 280px;
}


.mstm-product-cart-actions .mstm-btn-wishlist.msicon-before-relative::before {
    content: "\e907";
}

    .mstm-product-cart-actions .mstm-btn-wishlist.msicon-before-relative:hover::before,
    .mstm-product-cart-actions .mstm-btn-wishlist.msicon-before-relative.added::before {
        content: "\e908";
    }

.wishlist-wrapper .mstm-add-to-wishlist .mstm-btn-wishlist::before {
    content: "\e907";
    color: var(--black);
    font-size: 16px;
}

.wishlist-wrapper .mstm-add-to-wishlist .mstm-btn-wishlist:hover::before {
    color: var(--black);
    content: "\e90e";
    font-size: 16px;
}

.wishlist-wrapper .mstm-add-to-wishlist .mstm-btn-wishlist {
    border: none;
    width: 40px;
    height: 40px;
    background-color: transparent;
}

.wishlist-wrapper {
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    z-index: 2;
    background: white;
}

.single-product-details-area .mstm-product-description {
    margin-bottom: 70px;
}

.single-product-image-inner .product-flags {
    padding-left: var(--side-size);
}

/*aditional info*/

.additional-info {
    border-bottom: 1px solid;
    color: var(--text-secondary);
    padding: 20px 0px;
    border-color: var(--beige-bg);
}

.additional-info p {
    margin: 15px 0;
   font-size: 16px;
}
   
    .additional-info .delivery-info::before {
        content: "\e9a2";
        font-family: mindseed;
        margin-right: 8px;
    }

    .additional-info .payment-info::before {
        content: "\e9a6";
        font-family: mindseed;
        margin-right: 8px;
    }

/*anchor*/
.description-anchor {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
}

.description-anchor .msicon-before-relative.down-arrow::before {
    content: "\e919";
    font-size: 21px;
    vertical-align: middle;
}

/*------------*/

#prdocut-tabs-headers {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(0px,auto));
    justify-content: left;
    grid-column-gap: 40px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
}

/* Hide scrollbar*/
#prdocut-tabs-headers::-webkit-scrollbar {
    display: none;
}

#prdocut-tabs-headers {
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}

    #prdocut-tabs-headers .tab-header {
        position: relative;
        font-size: 19px;
        margin-top: 0;
    }

            #prdocut-tabs-headers .tab-header.active::before {
                width: 100%;
                content: "";
                position: absolute;
                height: 1px;
                top: 100%;
                left: 0px;
                background-color: var(--text-primary);
            }

#prdocut-tabs-contetnt {
    margin-bottom: 90px;
    font-size: 19px;
}


/*--------cross related--------*/
.mstm-products.carousel {
    display: flex;
    padding: 0px 30px;
    visibility: hidden;
}

    .mstm-products.carousel.slick-initialized {
        visibility: visible;
        justify-content: center;
    }

        .mstm-products.carousel.slick-initialized::before {
            visibility: hidden;
        }

    .mstm-products.carousel::before {
        content: url(/assets/fonts/mindseed/loader.svg);
        position: absolute;
        background: rgba(255,255,255,0.5);
        top: 0px;
        left: 0px;
        z-index: 10;
        width: 100%;
        display: grid;
        justify-content: center;
        align-content: center;
        height: 100%;
        visibility: visible;
    }

    .mstm-products.carousel .single-product-item, .carousel .mstm-products .single-product-item {
        padding: 10px;
    }

/*******/

.mstm-related-products .slick-prev.msicon-before-relative::before,
.mstm-related-products .slick-next.msicon-before-relative::before {
    font-size: 20px !important;
    font-weight: bold !important;
}

.mstm-related-products .slick-prev.msicon-before-relative:hover::before,
.mstm-related-products .slick-next.msicon-before-relative:hover::before {
    color: var(--themecolor) !important;
}

.mstm-product-prices.squareprices {
    display: block;
    font-size: 34px;
}

    .mstm-product-prices.squareprices > span {
        line-height: 1;
    }


.calculate-square-info {
    margin-top: 16px;
    color: #a5a5a5;
}

.mstm-product-prices.squareprices + .mstm-product-prices {
    display: flex;
    align-items: baseline;
}


.calculate-square-form input {
    margin-bottom: 0px;
    border: 1px solid #a5a5a5 !important;
    max-width: 52px;
    text-align: center;
    justify-self: center;
}

.calculate-square-header {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #a5a5a56e;
    padding-bottom: 4px;
    margin-bottom: 15px;
}

.calculate-square {
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 440px;
}

.calculate-square-form {
    display: grid;
    grid-template-columns: auto minmax(0px,161px) minmax(0px,300px);
    justify-content: left;
    border-bottom: 1px solid #a5a5a56e;
    padding-bottom: 12px;
    grid-column-gap: 14px;
    align-items: center;
}

.calculate-square-need-text {
    font-size: 13px;
    color: #a5a5a5;
}

.calculate-square-form .btn {
    color: #a5a5a5;
    border-color: #a5a5a5;
    padding: 7px 30px;
    max-width: 150px;
    justify-self: right;
}

    .calculate-square-form .btn:hover {
        color: white;
        border-color: #a5a5a5;
        background-color: #a5a5a5;
    }

.calculate-square-results {
    display: grid;
    grid-template-columns: repeat(2,minmax(0px,auto));
    justify-content: space-between;
    max-width: 440px;
    background-color: #f1f1f1;
    padding: 10px 10px;
    margin: 20px 0px 20px;
}

.calculate-square-price-bold {
    font-weight: bold;
    font-size: 18px;
}

.wastagetext {
    font-size: 14px;
    margin-bottom: 20px;
    display: block;
    border-bottom: 1px solid #a5a5a56e;
    padding-bottom: 10px;
    max-width: 440px;
}

.calculate-square-results > span:nth-of-type(2n) {
    justify-self: flex-end;
}

.mstm-product-page-attributes {
    display: grid;
    grid-template-columns: repeat(2,minmax(0px,auto));
    justify-content: space-between;
    row-gap: 50px;
    column-gap: 30px;
    max-width: 370px;
}

.product-attr-descr-title {
    font-weight: bold;
    margin-bottom: 15px;
}

/*arxeia*/
#product-attached-files {
    display: grid;
    row-gap: 10px;
}

.product-attached-file {
    display: flex;
    column-gap: 5px;
    align-items: baseline;
    font-size: 16px;
}
.product-attached-file img{
    max-width:25px;
    max-height:25px;
}

/**/
.zoom-image-slider {
    padding: 0px 30px;
}

.product-thumbnail-slider .slick-prev, .product-thumbnail-slider .slick-next {
    position: relative;
    left: unset !important;
    right: unset !important;
    top: unset !important;
    margin: 0px auto;
    transform: unset !important;
    padding: 0px 0px 2px 0px;
    bottom: unset !important;
    width: auto;
}


/*modal*/
#lightbox-gal {
    position: fixed;
    z-index: 999999;
    background: rgba(0,0,0,0.6);
    height: 100%;
}

.modal-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: opacity 200ms;
    visibility: hidden;
    opacity: 0;
}

.modal .close {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 20px;
    right: 20px;
    opacity: 0.8;
    transition: all 200ms;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    color: #555555;
    z-index: 9999999;
}

.modal-overlay .cancel {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: default;
}

.modal {
    margin: 0px auto;
    padding: 30px var(--main-padding);
    background: #ffffff;
    border: 1px solid #dddddd;
    width: 60%;
    z-index: 9;
    max-height: 95%;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal-overlay:target {
    visibility: visible;
    opacity: 1;
}

.modal-title {
    font-weight: bold;
    margin-bottom: 10px;
}

/*gallery modal*/
#galbox {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}


.imagemodal-arrows {
    display: none;
}

    .imagemodal-arrows .slick-prev, .imagemodal-arrows .slick-next {
        height: 30px !important;
        width: 30px !important;
    }

        .imagemodal-arrows .slick-prev::before, .imagemodal-arrows .slick-next::before {
            color: var(--themecolor);
            opacity: 1;
            font-family: "mindseed";
            font-size: 30px;
        }

        .imagemodal-arrows .slick-prev:hover::before, .imagemodal-arrows .slick-next:hover::before {
            color: var(--themegold);
        }


        .imagemodal-arrows .slick-prev::before {
            content: "\e914"
        }

        .imagemodal-arrows .slick-next::before {
            content: "\e917"
        }

    .imagemodal-arrows .slick-next {
        right: 0px !important;
    }

    .imagemodal-arrows .slick-prev {
        left: 0px !important;
    }

#imagemodal .modal {
    width: 90%;
    max-width: 700px;
    min-width: 200px;
    min-height: 200px;
}

    #imagemodal .modal .content {
        margin: auto;
        line-height: 0px;
        font-size: 0;
    }

#imagemodal .imagemodal-img {
    object-fit: contain;
    width: 100%;
    height: auto;
}

#imagemodal .close::before {
    content: "\e904";
    font-family: mindseed;
}

#imagemodal .msicon-before-relative.close {
    width: 40px;
    height: 40px;
    opacity: 1;
    top: 40px;
    right: 20px;
    padding: 5px;
    border: 1px solid;
}

#imagemodal .modal .close {
    opacity: 1;
    font-size: 24px;
    text-decoration: none;
    color: var(--text-primary);
    transition: 0.3s ease-in-out;
    z-index: 1;
}

    #imagemodal .modal .close:hover {
        color: var(--themecolor);
    }

#imagemodal .modal {
    border: 4px solid #000;
    padding: 0;
}

#imagemodal .modal {
    scrollbar-color: var(--themecolor);
    scrollbar-width: thin;
}

    /* width */
    #imagemodal .modal::-webkit-scrollbar,
    #imagemodal .modal ::-webkit-scrollbar {
        width: 10px;
    }

    /* Track */
    #imagemodal .modal::-webkit-scrollbar-track,
    #imagemodal .modal ::-webkit-scrollbar-track {
        background: #ccc;
    }

    /* Handle */
    #imagemodal .modal::-webkit-scrollbar-thumb,
    #imagemodal .modal ::-webkit-scrollbar-thumb {
        background: var(--themecolor);
    }

#imagemodal.modal-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10000;
}

.colorbox-wrap.gallery {
    height: 0;
}


/*cross products*/
.mstm-cross-products {
    background: var(--greybg);
    padding-top: 10px;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.mstm-cross-products-inner {
    display: grid;
    grid-template-columns: auto minmax(200px,400px);
    justify-content: center;
}

.mstm-cross-repeater.mstm-products {
    margin-bottom: 0;
}



/*--*/
.mstm-cross-repeater.mstm-products {
    width: 100%;
    position: relative;
    display: flex;
    overflow-x: auto;
    padding: 0 20px;
    padding-bottom: 10px;
    column-gap: 0;
}

/* Hide scrollbar*/
.mstm-cross-repeater.mstm-products::-webkit-scrollbar {
    display: none;
}

.mstm-cross-repeater.mstm-products {
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}

    .mstm-cross-repeater.mstm-products .single-product-item {
        text-align: left;
        min-width: 150px;
        flex: 1 1 0px;
        margin-left: 0;
        max-width: 300px;
        min-width: 200px;
    }

.single-product-item.cross-product .mstm-product-actions {
    position: relative;
    margin-top: 15px;
}

.single-product-item.cross-product .mstm-checkbox {
    --fontsize: 18px;
    padding-left: 30px !important;
}

    .single-product-item.cross-product .mstm-checkbox .checkmark {
        height: 22px;
        width: 22px;
        border: 2px solid #979797;
        border-radius: 3px;
    }

        .single-product-item.cross-product .mstm-checkbox .checkmark.checked,
        .single-product-item.cross-product .mstm-checkbox input:checked ~ .checkmark {
            background:var(--themecolor);
        }

        .single-product-item.cross-product .mstm-checkbox .checkmark.checked::before, 
        .single-product-item.cross-product .mstm-checkbox input:checked ~ .checkmark::before {
            color: var(--white);
            font-size: calc(var(--fontsize) - 6px );
            font-weight: bold;
        }

/*cross total*/
.cross-total-outer {
    padding: 10px;
}
.cross-total {
    display: grid;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 50px;
    border-radius: 16px;
    text-align: center;
    font-size: 23px;
    row-gap: 8px;
    max-width: 400px;
    margin-right: auto;
    width: 100%;
    height: 100%;
}

.cross-total-price-title, .cross-total-price {
    display: block;
    margin-bottom: 10px;
}

.cross-total-price {
    font-weight: bold;
}

.cross-add-cart.btn.btn-secondary {
    font-size: 20px;
    margin-top: 10px;
}


.checkout-coupon .alert.inline {
    position: relative;
    margin-top: -28px;
}



/*****cart********/
.pro-price .old-price {
    color: #33333382;
    text-decoration: line-through 1px;
    -webkit-text-decoration-line: line-through;
    padding-left: 2px;
}

.mstm-empty-cart {
    margin-bottom:70px;
}

.mstm-empty-cart-inner {
    max-width: 600px;
    margin: 0 auto;
    padding: 50px 40px;
    background: var(--lightgreybg);
    text-align: center;
}
.mstm-empty-cart-icon .msicon-before-relative.cart::before {
    font-size: 40px;
}

.mstm-empty-cart-icon {
    margin-bottom: 8px;
}

.mstm-empty-cart-hd {
    font-size: 26px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
}

.mstm-empty-cart-text {
    font-size: 18px;
    margin-bottom: 30px;
}
/*****checkout********/
.mstm-tropoi-pliromis .mstm-bankwire {
    margin-top: 12px;
    background: #f9f9f9;
    padding: 10px;
}

.checkout-area {
    display: grid;
    grid-template-columns: minmax(0px,65%) minmax(0px, 35%);
    grid-column-gap: 60px;
    justify-content: center;
    margin-bottom: 60px;
    padding: 0 40px;
}

.mstm-checkout-col {
    display: grid;
    grid-template-columns: repeat(2,minmax(0px,50%));
    grid-column-gap: 32px;
    width: 100%;
}

.checkout-section {
    margin-bottom: 20px;
}

#checkout-scroll-cart.fixed {
    position: fixed;
    top: 0px;
    width: calc(var(--fixedWidth));
}

#checkout-scroll-cart.absolute {
    position: absolute;
    bottom: 0px;
    width: calc(var(--fixedWidth));
}

.mstm-checkout-order-summary {
    position: relative;
}

.mstm-checkout-order-summary-inner {
    padding: 30px 20px;
    background: var(--lightgreybg);
    font-size: 16px;
}
.checkout-coupon .form-control {
    height: unset;
    font-size: inherit;
    padding: 10px 15px;
}


.order-subtotal,
.order-total {
    display: grid;
    grid-template-columns: repeat(2,minmax(0px,auto));
    justify-content: space-between;
}

.mstm-checkout-order-summary .mstm_cart-items {
    max-height: 324px;
    margin-bottom: 20px;
}

.mstm-custom-zip-outer .typeahead.dropdown-menu {
    display: grid;
    align-items: flex-start;
    max-height: 334px;
    overflow-y: auto;
    top: 100%;
    z-index: 3;
    height: auto;
    min-width: 275px;
    text-align: left;
    box-shadow: 0 5px 13px -2px rgba(0,0,0,.3);
    padding: 5px 0;
    font-size: 16px;
    background: white;
    position: absolute;
}

    .mstm-custom-zip-outer .typeahead.dropdown-menu li.active, .mstm-custom-zip-outer .typeahead.dropdown-menu li:hover {
        background: var(--themecolor);
        color: var(--white)fff;
        transition: unset;
    }

    .mstm-custom-zip-outer .typeahead.dropdown-menu li {
        padding: 5px 5px;
        transition: unset;
    }

.checkout-coupon {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column-gap: 10px;
    align-items: flex-start;
}

.checkout-area-outer .mstm-checkbox {
    margin-right: 20px;
    margin-bottom: 10px;
}

/*.mstm-checkout-order-summary-text {
    font-size: 17px;
    border-bottom: 1px dashed #d7d7d7;
    padding-bottom: 12px;
    margin-bottom: 14px;
    font-weight: bold;
}*/

.order-button-payment {
    margin-top: 24px;
}

    .order-button-payment .btn {
        width: 100%;
    }

.checkout-title {
    margin: 40px auto;
    text-align:center;
}

.order-notes #checkout-mess::placeholder {
    opacity: 0.4;
}

/*==404==change password==order complete/failed==*/
.mstm-general-outer {
    padding-top: 40px;
    padding-bottom: 50px;
}

.mstm-general {
    text-align: center;
}


#backtohome {
    text-align: center;
    margin-top: 30px;
}


.mstm-general .mstm-category-title {
    margin-bottom: 5px;
}

/***********404*********/
.mstm-404-outer {
    background: url(/assets/img/elements/newsletter-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .mstm-404-outer .container.bordered-container {
        min-height: calc(100vh - var(--headerHeight) - 50px);
        display: grid;
        align-items: center;
    }

   /* .mstm-404-outer .mstm-general-outer {
        padding-top: 40px;
        padding-bottom: 50px;
        min-height: calc(100vh - 110px);
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .mstm-404-outer .mstm-general {
        max-width: 820px;
        width:100%;
        margin: 0 auto;
        background: rgba(0,0,0,0.7);
        border-radius: 60px;
        padding: 70px 40px;
        color: var(--white);
    }*/

.mstm-404-inner {
    /*max-width: 550px;*/
    margin: 0 auto;
    text-align: center;
    color: var(--white);
}

    .mstm-404-outer .big-p {
        font-weight: bold;
        font-size: 52px;
    }

.mstm-404-outer .mstm-404-item {
    font-weight: bold;
    font-size: 150px;
    color: var(--themegold);
    line-height: 1;
    margin-bottom: 10px;
}

.mstm-404-outer p {
    font-size: 24px;
}

.mstm-404-outer.newsletterconf-outer {
    background: none;
}

.newsletterconf-outer .mstm-category-title {
    font-size: 28px;
    margin-bottom: 40px;
}

.newsletterconf-outer div p {
    font-size: 16px;
}




/***********login*********/
.mstm-login-and-register-page-wrapper {
    max-width: calc(var(--vWidth) - var(--side-size)*2);
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid var(--dark-grey);
    border-right: 1px solid var(--dark-grey);
}

.customer-log-title.tab-header.mobile {
    display: none;
}

.mstm-login-and-register-page .pill-content {
    display: block;
    order: 2;
}

    .mstm-login-and-register-page .pill-content.active {
        order: 1;
    }

.mstm-login-and-register-page .logreg-form {
    max-width: 740px;
    margin: 0 auto;
    background-color: white;
}

/*.tab-contents-outer {
    padding: 30px 50px;
    padding-top: 0;
}*/

.mstm-login-and-register-page {
    padding: 70px 0px 100px;
}

    .mstm-login-and-register-page .tab-contents {
        display: grid;
        grid-template-columns: 100% 100% 100%;
        overflow: hidden;
    }

.logreg-form .tab-headers {
    font-size: 22px;
    grid-template-columns: repeat(auto-fit,minmax(0px,1fr));
}

#guest-user {
    text-align: center;
}

.guest-user i:before {
    vertical-align: middle;
}

.gdpron {
    z-index: 1;
    position: relative;
}

.gdpr-text {
    color: rgba(51, 51, 51,0.4);
    margin-top: 40px;
    column-count: 2;
    column-gap: 40px;
    font-size: 14px;
}

.lost_password {
    margin-top: 20px;
}

.mstm-login-and-register-page form {
    display: grid;
    grid-template-rows: 1fr auto;
    height: 100%;
    align-items: center;
}

#register-user {
    display: grid;
}

.btn.btn-secondary.full.login-register-btn {
    font-size: 22px;
    padding: 20px 30px;
}

/*====b2b====*/
.customer-log-title {
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 25px;
    margin-top: 50px;
}

.mstm-login-and-register-page .b2b-forms .logreg-form {
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,50%));
    gap: 50px;
    align-items: start;
}

.mstm-login-and-register-page .b2b-forms form {
    align-items: start;
}

/*****cart********/
.mstm-cart-table {
    display: grid;
    grid-template-columns: minmax(0px,100px) repeat(4,minmax(0px,25%)) minmax(0px,38px);
    justify-items: center;
    align-items: center;
    grid-column-gap: 20px;
}

.mstm-cart-table-head {
    font-weight: bold;
    margin-top: 15px;
}

.mstm-cart-table-head-mobile {
    display: none;
}

.mstm-cart-inner {
    display: grid;
    /*grid-template-columns: 1fr 340px;*/
    grid-column-gap: 2%;
    font-size: 16px;
    align-items: flex-start;
    grid-template-columns: minmax(0,1fr) 34%;
}

.mstm-cart-outer {
    margin-bottom: 100px;
}

.mstm-cart-table-line {
    width: 100%;
    height: 1px;
    background: #ebebeb;
    grid-column: 1/-1;
    margin: 10px 0px;
}

#mstm-cart-title {
    margin-bottom: 60px;
    font-size: 44px;
}

.mstm-cartpage-product-qty .qty-input {
    border: none;
    width: 20px;
    text-align: center;
    font-size: 18px;
    min-width: 50px;
}

.mstm-cartpage-product-qty {
    padding: 6px 10px;
}

.msicon-before-relative.minus::before {
    content: "\e979";
}

.msicon-before-relative.plus::before {
    content: "\e975";
}

.mstm-cart-table-total-content {
    padding: 40px;
    background-color: var(--lightgreybg);
}

.cart-total-title,
.mstm-checkout-order-summary-text {
    font-weight: 500;
    padding-bottom: 10px;
    font-size: 26px;
}

.cart-total-section {
    margin-top:25px;
    margin-bottom: 40px;
}

#mstm-goto-checkout-outer {
    text-align: center;
}

/*new cart table*/
.mstm-cart-items-list .cart-list-item {
    display: grid;
    grid-template-columns: 220px minmax(0,1fr);
    border: 1px solid var(--light-brandcolor);
}

.cart-list-item .cart-img.aspect-image-outer {
    background: var(--light-brandcolor);
}

.mstm-cart-items-list .cart-list-item + .cart-list-item {
    margin-top:20px;
}

.cart-list-item .cart-list-item-content {
    padding: 35px 40px;
}

.cart-list-item .content-top {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 20px;
}

.cart-list-item .cart-product-title {
    font-weight: 500;
    font-size: 22px;
}

.cart-list-item .mstm-cart-trash-button .remove-from-cart {
    color: var(--dark-grey);
    display:flex;
    gap:8px;
    align-items:baseline;
}

.cart-list-item .msicon-before-relative.cart-product-remove::before {
    font-size: 14px;
}

.cart-list-item .content-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}

.cart-list-item .product-additional-info {
    font-size: 19px;
    max-width: 220px;
    width: 100%;
}

.cart-list-item .color-variation{
    margin-bottom:20px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}


.cart-list-item .color-variation .item {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: var(--themecolor);
    border-radius: 50%;
}

.cart-list-item .price-info-table {
    display: grid;
    grid-template-columns: repeat(3,auto);
}

.cart-list-item .price-info-table {
    display: grid;
    grid-template-columns: repeat(3,auto);
    gap: 30px;
    max-width: 430px;
    width: 100%;
    justify-content: space-between;
}

    .cart-list-item .price-info-table .item {
        display: grid;
        text-align: center;
    }

    .cart-list-item .price-info-table .item > div {
        display: inline-block;
    }

.cart-list-item .price-info-table .label {
    text-transform: uppercase;
    font-weight: 200;
    margin-bottom: 40px;
}

.cart-list-item .mstm-cartpage-product-qty .qty-sub-incr {
    font-size: 20px;
    font-weight: 500;
}

.cart-list-item .price-info-table .item >.content {
    width: max-content;
}

/**/
.mstm-cart-table-total-content-inner {
    max-width: 525px;
    margin-left: auto;
    margin-right: auto;
}
.cart-total-items-list {
    border-bottom: 1px solid var(--dark-grey);
    padding: 25px 0;
}

    .cart-total-items-list .item + .item {
        margin-top: 15px;
    }

    .cart-total-items-list .item .pr-total,
    .cart-total-section p:last-child{
        text-align: right;
    }

    .cart-total-section, .cart-total-items-list .item {
        font-weight: 500;
        font-size: 18px;
        grid-template-columns: minmax(0,1fr) 120px;
        display: grid;
    }

        .cart-total-section p {
            margin: 0;
        }

/*****order-complete********/

.mstm-order-complete h4, .mstm-order-fail h4 {
    font-size: 28px;
    margin-bottom: 40px;
    margin: 15px auto;
}

.mstm-order-complete-icon::before {
    content: "\e9a5";
    font-family: mindseed;
    font-size: 145px;
    color: var(--themecolor);
}

.mstm-order-fail-icon::before {
    content: "\e981";
    font-family: mindseed;
    font-size: 145px;
    color: var(--themecolor);
}


.mstm-thankyou-page-order-id {
    color: var(--themecolor);
}

.mstm-order-complete-details {
    font-size: 18px;
    line-height: 2;
    margin-bottom: 70px;
    margin-top: 20px;
}

.mstm-order-complete .btn.btn-dark {
    margin: 40px auto 80px auto;
    display: inline-block;
    padding: 10px 63px;
}

.mstm-order-complete, .mstm-order-fail {
    text-align: center;
}

#mstm-complete-order .mstm-cartpage-product-qty {
    border: none;
}

/**********account**********/

#logoutmobile {
    margin: 0 auto;
    display: none;
}

.mstm-account-page {
    display: grid;
    grid-template-columns: 300px auto;
    max-width: 1200px;
    margin: 0 auto;
    grid-column-gap: 20px;
}

.mstm-account-container {
    background-color: #f9f9f9;
    font-size:16px;
}

.mstm-account-page {
    display: grid;
    grid-template-columns: 320px minmax(0,1fr);
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

/*tab headers*/
.mstm-account-page .tab-header {
    background: white;
    font-size: 17px;
    position: relative;
    transition: 0.3s ease-in-out;
    border: 2px solid #f9f9f9;
}

.mstm-account-page .tab-header > a {
    display: block;
    vertical-align: middle;
    padding: 20px;
    padding-right: 40px;
    font-weight: bold;
}

.mstm-account-page .tab-header:not(.active):hover {
    color: var(--themecolor);
}


.mstm-account-page .tab-header.active {
    background: var(--themecolor);
    color: var(--white);
}


.mstm-account-page .tab-header.active a:hover {
    color: var(--white);
}

.mstm-account-page  .tab-header::after {
    opacity: 0;
    transition: 0.3s ease-in-out;
}

.mstm-account-page  .tab-header.active::after {
    opacity: 1;
    content: "\e902";
    font-family: mindseed;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.account-tab-header {
    background: white;
    font-size: 23px;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 15px 40px;
    display: flex;
    gap: 15px;
    align-items: center;
}

.mstm-account-page .tab-header i.msicon-before-inline {
    font-size: 18px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    display: none;
}

.account-tab-header p {
    margin-top: 0;
}

/*.account-tab-content*/

.mstm-account-details-invoive-row {
    padding: 25px 40px; /*l-r same as .account-tab-header*/
}

.account-tab-content label{
    font-size: 19px;
}

#account-logout-button {
    display: inline-block;
    background: none;
    cursor: pointer;
    border: none;
    vertical-align: middle;
}

.account-tab-title-icon {
    font-size: 23px;
    line-height: 0;
    background: var(--themecolor);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: inline-grid;
    place-items: center;
    color: var(--white);
}

#mstm-add-new-address, 
.btn-add-info {
    margin-top: 12px;
    font-size: 43px;
    display: block;
    border: 2px solid var(--themecolor);
    padding: 5px 10px;
    line-height: 1;
    color: var(--themecolor);
    transition: 0.3s ease-in-out;
}

    #mstm-add-new-address:hover, 
    .btn-add-info:hover {
        background: var(--themecolor);
        color: var(--white);
    }

.account-page-address-section,
.mstm-new-address-outer {
    background: white;
    padding: 20px 134px 20px 16px;
    margin-bottom: 10px;
    position: relative;
}

.mstm-new-address-outer {
    padding-right: 20px;
}

.mstm-new-address-row {
    display: grid;
    grid-template-columns: repeat(2,minmax(0px,auto));
    grid-column-gap: 50px;
}

    .mstm-new-address-row .alert.inline {
        top: calc(100% - 29px);
    }

.mstm-account-page .full-row {
    grid-column: 1/3;
}

.account-page-address-toolbox {
    position: absolute;
    right: 16px;
    text-align: right;
    top: 50%;
    transform: translateY(-50%);
}

.btns-bottom {
    display: flex;
    align-items: center;
    gap: 10px;
}

.account-page-delete-address::after {
    position: absolute;
    content: "\e904";
    font-family: 'mindseed';
    right: 0px;
}

.account-page-delete-address {
    position: relative;
    padding-right: 28px;
}

.account-page-edit-address {
    margin-bottom: 16px;
}

.isdefaultaddress {
    margin-top: 10px;
    white-space: nowrap;
}

.mstm-account-details-invoive-row {
    background: white;
    display: grid;
    grid-template-columns: repeat(2,minmax(0px,50%));
    grid-column-gap: 50px;
}

.mstm-wishilist-table-item {
    display: grid;
    grid-template-columns: 3fr 1fr 116px 60px;
    justify-items: stretch;
    grid-column-gap: 20px;
    align-items: center;
    padding: 10px 16px;
    background: white;
    margin-bottom: 10px;
}

.mstm-remove-cartwish {
    font-size: 20px;
    justify-self: center;
}

.mstm-orders-table-head {
    display: grid;
    grid-template-columns: repeat(5,minmax(0px,20%));
    background: white;
    padding: 20px 16px;
    font-weight: bold;
    justify-items: center;
    margin-bottom: 10px;
    text-align:center;
    align-items:center;
}

.mstm-orders-table-body-item {
    display: grid;
    grid-template-columns: repeat(5,minmax(0px,20%));
    background: white;
    padding: 20px 16px;
    justify-items: center;
    margin-bottom: 10px;
    align-items: center;
    text-align: center;
}
.mstm-orders-table-body-item p{
    margin:0px !important;
}

.mstm-orders-table-body-item-products {
    grid-column: 1/5;
    justify-self: stretch;
    display: grid;
    margin-top: 20px;
    display: none;
}

.mstm-orders-table-body-item-product-itenm {
    display: grid;
    grid-template-columns: repeat(2,minmax(0px,auto));
    padding: 4px 16px;
    justify-content: center;
    grid-column-gap: 50px;
    align-items: center;
}

.mstm-orders-table-body-item-products:target {
    display: grid;
}

#confirmlogoutpopup .modal-title {
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: 500;
}

#confirmlogoutpopup-buttons {
    margin-top: 20px;
    display: flex;
}

.btn.popaccount_logout {
    margin-right: 10px;
}


/*====newsletter====*/

.newsletter-outer {
    background: url(/assets/img/elements/newsletter-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--white);
}

.bordered-container {
    max-width: calc(100% - var(--side-size)*2);
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: var(--dark-grey);
    min-height: calc(100vh - var(--headerHeight) - 50px);
    display: grid;
    align-items: center;
    position: relative;
    padding: 0;
}

.container.bordered-container .mstm-breadcrumb {
    /* margin-top: -20px; */
    position: absolute;
    top: 0;
    left: var(--main-padding);
    width: calc(100% - var(--main-padding)*2);
}

.newsletter-container {   
    min-height: calc(100vh - var(--headerHeight) - 50px);
    display: grid;
    align-items: center;
}

.newsletter-outer h1 {
    font-weight:bold;
    font-size:35px;
    margin-top:40px;
    margin-bottom:20px;
}
    .newsletter-outer p {
        font-size: 21px;
    }

.newsletter-form-outer {
    /* background: #fff; */
    /* padding: 60px 40px; */
    /* border-radius: 25px; */
    max-width: 750px;
    /* margin-left: auto; */
    /* margin-right: auto; */
    margin-top: 40px;
    width: 100%;
    /* color: var(--text-primary); */
}

    .newsletter-form-outer h2 {
        font-size: 45px;
        margin-bottom: 20px;
    }

    .newsletter-form-outer .entry__choice {
        display: grid;
        /*justify-content: center;*/
        margin-bottom: 30px;
    }

    .newsletter-form-outer .entry__choice label {
        display: flex;
        column-gap: 5px;
        align-items: baseline;
    }

    /*.newsletter-form-outer .entry__choice label p{
        font-size: 14px;
    }*/

    .newsletter-form-outer .entry__choice a{
        color:var(--themecolor);
    }

/*.newsletter-form .form-control {
    text-align: center;
}*/
.newsletter-form .mstm-contact-fullcoll {
    position: relative;
}
.newsletter-form-outer ::-webkit-input-placeholder {
    opacity: 1;
    color: var(--themecolor);
}

    .newsletter-form-outer :-ms-input-placeholder {
        opacity: 1;
        color: var(--themecolor);
    }

    .newsletter-form-outer ::placeholder {
        opacity: 1;
        color: var(--themecolor);
    }
/*========*/

/*contact*/
.contact-info-list {
    margin-top: 50px;
    margin-bottom: 90px;
    font-size: 24px;
}

    .contact-info-list li + li {
        margin-top: 12px;
    }

.contact-info-list li {
    padding-left: 20px;
    position: relative;
}

    .contact-info-list li::before {
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        background: #000;
        position: absolute;
        left: 2px;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        /* transform: rotate(45deg); */
        transform-origin: center;
    }

.page-column.contact-img {
    order: -1;
}

#epikoinonia .page-row.pagerow1 {
    grid-template-columns: 35% 1fr;
    position: relative;
    padding: 100px 0 125px;
    gap: 30px;
}

    #epikoinonia .page-row.pagerow1::before {
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        left: 17.5%;
        border-left: 1px solid var(--dark-grey);
        z-index: -1;
    }

#epikoinonia .page-column.contact-content > div {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}




/*___general___*/
.mstm-theme-icon {
    --size: 45px;
    width: var(--size);
    height: var(--size);
    display: inline-block;
    border:;
    background: var(--themecolor);
    border-radius: 50%;
    color: var(--white);
    font-size: calc(var(--size)*0.5);
    line-height: var(--size);
}

    .mstm-theme-icon::before {
        line-height: var(--size);
    }




/*--main side title section--*/
.side-title {
    width: 100%;
    max-width: var(--side-size);
    padding: 15px 0 15px ;
    text-align: right;
    text-transform: uppercase;
    position:relative;
}

    .side-title::before {
        content: "";
        display:block;
        width: 100%;
        border-top: 5px solid var(--themecolor);
        position:absolute;
        left:0;
        top:0;
        
    }

    .side-title * {
        font-size: 20px;
        /* font-weight: 200; */
        letter-spacing: 1px;
    }
/*--full img section--*/
.page-column.full-width-img-section img {
    width: calc(100% + (var(--main-padding)*2));
    height: 100%;
    max-height: 810px;
    object-fit: cover;
    margin-left: calc(var(--main-padding)*-1);
    margin-right: calc(var(--main-padding)*-1);
}

.page-column.full-width-video-section {
    margin-left: calc(var(--main-padding)*-1);
    margin-right: calc(var(--main-padding)*-1);
}
/*==sliders==*/
/*--top arrows slider--*/
.side-title-content-slider.top-arrows-slider {
    --slider-padding: 11px;
    margin-left: calc(var(--main-padding)*-1);
    margin-right: calc(var(--main-padding)*-1);
}

/*.top-arrows-slider .slider-image-outer {
    width: 415px !important;
    height: 475px;
    overflow: hidden;
}*/

.top-arrows-slider .slider-image-outer img {
    width: 415px;
    height: 475px;
    object-fit: cover;
}



.top-arrows-slider img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.inner-container.top-arrows-slider {
    width: 100%;
    max-width:unset;
    padding-right:0;
}

.side-title-content-slider.top-arrows-slider.material-slider {
    grid-column: 1/4;
}

.side-title-content-slider.top-arrows-slider .slick-track {
    margin-left: calc((var(--vWidth) - var(--inner-container) )/2 + var(--main-gap) - var(--slider-padding));
}

.top-arrows-slider .slick-slider .slick-arrow.slick-prev {
    left: calc((var(--vWidth) - var(--inner-container) )/2 + var(--main-gap)) !important;
}

.top-arrows-slider .slick-slider .slick-arrow.slick-next {
    left: calc((var(--vWidth) - var(--inner-container) )/2 + var(--main-gap) + var(--arrowsize)) !important;
    right: unset !important;
}

.top-arrows-slider .slick-slider .slick-arrow {
    --arrowsize: 50px;
    top: -60px !important;
    transform: translateY(-50%) !important;
}

.side-title-content-slider.top-arrows-slider .slick-slide>div {
    padding:0 var(--slider-padding);
}

/*categories slider*/
.top-arrows-slider.categories-slider .slider-image-outer img {
    width: 570px;
    height: 670px;
}

.top-arrows-slider.categories-slider .slider-image-caption {
    position: relative;
    color: #000;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 19px;
    letter-spacing: 1.3px;
    padding: 20px 0;
}


/*--side image section--*/
.page-column.side-img-section-txt {
    max-width: 780px;
    margin-left: 0;
    margin-right: auto;
    display: grid;
    place-items: center;
    width: 100%;
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: var(--main-padding);
}

.side-img-section-txt p + .btn.btn-primary {
    margin-top: 40px;
}

.page-column.side-img-section-txt>div {
    max-width: 460px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
}
.page-column.side-img-section-img {
    margin-left: calc(var(--main-padding) * -1);
}

    .page-column.side-img-section-img > * {
        width: 100%;
        height: 100%;
    }

    .page-column.side-img-section-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


/*reverse*/
.page-column.side-img-section-txt.reverse-col {
    margin-left: auto;
    margin-right: 0;
    padding-right: var(--main-padding);
    padding-left: 0;
}

    .page-column.side-img-section-img.reverse-col {
        margin-right: calc(var(--main-padding) * -1);
        margin-left: 0;
    }


.product-left-description {
    margin-top: 32px;
    font-size: 15px;
    color: var(--txt-dark-grey);
    line-height: 1.7;
}

.product-left-specs {
    margin-top: 24px;
}

    .product-left-specs .mstm-product-page-attributes {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .product-left-specs .product-specs-inner {
        display: flex;
        align-items: baseline;
        padding: 10px 0;
        border-bottom: 1px solid var(--greyborder);
        font-size: 14px;
        gap: 16px;
    }

    .product-left-specs .product-attr-descr-title {
        min-width: 120px;
        color: var(--txt-light-grey);
        font-weight: 500;
        margin: 0;
        flex-shrink: 0;
    }

    .product-left-specs .card-body p {
        margin: 0;
        color: var(--black);
        font-weight: 400;
    }

.product-attached-files-wrapper {
    margin-top: 24px;
}


.mstm-cross-products-inline {
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid var(--greyborder);
}

.cross-products-inline-title {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--txt-dark-grey);
    margin: 0 0 14px 0;
}

.mstm-cross-repeater-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: flex-start;
}

    .mstm-cross-repeater-inline .single-product-item.cross-product {
        width: 120px;
        flex-shrink: 0;
    }

        .mstm-cross-repeater-inline .single-product-item.cross-product .border {
            border: 1px solid var(--greyborder);
            border-radius: 4px;
            overflow: hidden;
        }

    .mstm-cross-repeater-inline .product-image.aspect-image-outer {
        --aspect-ratio: 1;
    }

    .mstm-cross-repeater-inline .product-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .mstm-cross-repeater-inline .product-text {
        padding: 6px 8px;
    }

    .mstm-cross-repeater-inline .mstm-product-title a {
        font-size: 11px;
        line-height: 1.3;
        color: var(--black);
        text-decoration: none;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .mstm-cross-repeater-inline .pro-price {
        font-size: 12px;
        color: var(--themecolor);
        font-weight: 600;
        margin-top: 4px;
    }

    .mstm-cross-repeater-inline .mstm-product-actions {
        padding: 6px 8px;
    }

    .mstm-cross-repeater-inline .cross-product-include {
        background: none;
        border: none;
        cursor: pointer;
        padding: 0;
        font-size: 11px;
        color: var(--txt-dark-grey);
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .mstm-cross-repeater-inline .cross-total-outer {
        width: 100%;
        margin-top: 10px;
    }

    .mstm-cross-repeater-inline ~ .cross-total-outer {
        margin-top: 10px;
    }

.mstm-cross-products-inline .cross-total-inner {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.mstm-cross-products-inline .cross-total-price-title {
    font-size: 13px;
    color: var(--txt-dark-grey);
}

.mstm-cross-products-inline .cross-total-price {
    font-size: 15px;
    font-weight: 700;
    color: var(--black);
}

/* ── Related products section title override ─────────────────── */

.mstm-related-products {
    margin-top: 60px;
}

.mstm-related-products-title .secondary-title {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 30px;
}

/* ── Responsive: stack left column items on small screens ──────── */
@media (max-width: 768px) {
    .product-left-description,
    .product-left-specs,
    .product-attached-files-wrapper {
        padding: 0 var(--main-padding);
    }

    .mstm-cross-products-inline {
        border-top: none;
        padding-top: 0;
    }
}


/***********************************************************responsive css***************************************************************/
/*general*/
@media (max-width: 1820px) /*1570 + sidesize*/ {
    /*====single product page====*/
    .single-product-page .single-product-details-area .details-area-section.slide-section .details-area-section-inner {
        padding-left: var(--main-padding);
    }
}

@media (max-width: 1780px) {/*inner-container+gap+side size*2*/
    /*====footer====*/
    .footer-top,
    .footer-bottom{
        grid-template-columns: var(--side-size) 1fr;
        padding-right: var(--main-padding);
    }

    /*====*/
    .side-title-content.inner-container,
    .footer-bottom-inner.inner-container {
        margin-left: 0;
    }

    /*top-arrows slider*/
    .side-title-content-slider.top-arrows-slider .slick-track {
        margin-left: calc(var(--side-size) + var(--main-gap) - var(--slider-padding) + var(--main-padding));
    }

    .top-arrows-slider .slick-slider .slick-arrow.slick-prev {
        left: calc(var(--side-size) + var(--main-gap) + var(--main-padding)) !important;
    }

    .top-arrows-slider .slick-slider .slick-arrow.slick-next {
        left: calc(var(--side-size) + var(--main-gap) + var(--main-padding) + var(--arrowsize) + 10px) !important;
        right: unset !important;
    }

   
}


@media (max-width: 1280px) {
    /*new*/
    body {
        font-size: 20px;
    }

    html {
        /*--main-padding: 30px;*/
        --side-size: 200px;
        /*--main-gap: 25px;*/
    }
    .primary-title,
    .primary-txt {
        font-size: 30px;
    }

    .btn.btn-light,
    .btn.btn-primary {
        font-size: 20px;
    }

    
    /*new*/
    .mstm-cart-inner {
        grid-template-columns: repeat(1,minmax(0px,100%));
        grid-row-gap: 50px;
    }

    .mstm-cart-table-total-content {
        justify-self: flex-end;
        width: 100%;
        max-width: 600px;
    }

}

@media (max-width: 1170px) {

   
    /*--texts--*/
    /****/

    /*==static==*/
    .static-content{
        font-size: 17px;
    }

    /*==404==*/
    .mstm-404-outer .mstm-404-item {
        font-size: 140px;
    }


    /****/
    .mstm-product-actions {
        opacity: 1;
        visibility: visible;
    }

    .blog-page-top-background {
        background: url(/assets/img/blog/singleblog_background_tablet.jpg);
    }

}

@media (max-width:1080px){
    .mstm-login-and-register-page-wrapper,
    .static-content,
    .bordered-container {
        max-width: calc(var(--vWidth) - var(--main-padding)*2);
    }

    /*====single product page====*/

    .single-product-details-area,
    .single-product-page .support-section, .single-product-page .contact-section {
        padding-left: var(--main-padding);
    }

    .single-product-page .top-section.details-area-section > div {
        grid-template-columns: 100%;
    }

    .gallery-section .slick-slide > div {
        padding-right: 30px;
    }


   
}


@media (max-width: 1004px){
   
}

@media (max-width: 992px) {
    /*==header==*//*N*/
    .mstm-header-right {
        width: auto;
        max-width: 100%;
    }
    .mstm-header-right .mstm-header-component {
        padding: 10px;
    }
    .mstm-header-right .mstm-header-component .hc-txt {
        display: none;
    }

    .mstm-header-component .hc-item.msicon-before-relative {
        font-size: 16px;
    }

    /*==product list==*/


    .mstm-filters-button .mstm-attribute_name::after {
        content: none;
    }

    .mstm-vars-filter:not(.mstm-taksinomish):not(.mstm-nbr-limits) .mstm-filters-content.sidebar-widget-list:not(.mstm-blog-filters) {
        top: 0px !important;
        left: 100%;
        width: 100%;
        transition: transform 0.3s;
        display: grid;
        max-height: unset !important;
        height: 100% !important;
        position: absolute;
        padding: 0;
        align-items: unset;
        z-index: 5;
        overflow-y: auto;
        animation: unset !important;
    }

    .mstm-vars-filter:not(.mstm-taksinomish):not(.mstm-nbr-limits) .mstm-filters-content.sidebar-widget-list.mstm-ul-active:not(.mstm-blog-filters) {
        transform: translateX(-100%);
    } 


    .mstm-checkbox.sidebar-widget-option {
        width: 100%;
    }

    .mstm-filters-bottom {
        display: none;
    }

    .sidebar-widget.mstm-vars-filter:not(.mstm-taksinomish):not(.mstm-nbr-limits) {
        position: unset;
        text-align: left;
    }

    .mstm-filters-content.sidebar-widget-list .mstm-filter-search {
        padding: 20px;
    }

        .mstm-filters-content.sidebar-widget-list .mstm-filter-search::after {
            right: 25px;
        }

    /*==account==*/

    .mstm-account-page {
        grid-template-columns: repeat(1,minmax(0px,100%));
        grid-row-gap: 40px;
    }

    #logoutmobile {
        display: block;
        margin: 0 0 0 auto;
        padding: 8px 20px;
        order: -1;
    }  

        .mstm-account-page .tab-headers {
            padding: 0px 50px;
        }

    #mstm-logout-tab {
        display: none;
    }

    .mstm-account-page .tab-header {
        background: none !important;
        font-size: 20px;
        margin-bottom: 0px;
        padding: 10px 20px;
    }

        .mstm-account-page .tab-header.active, .mstm-account-page .slick-current .tab-header {
            color: var(--themecolor);
        }

        .mstm-account-page .tab-header i.msicon-before-inline {
            display: none;
        }

        .mstm-account-page .tab-header > a {
            padding: 0px;
            font-size: inherit;
        }

    .mstm-account-page .tab-header {
        border: unset;
    }

        .mstm-account-page .tab-header.active::after {
            display:none;
        }


    /*category bottom*/
    .category-bottom {
        border-radius: 30px;
        grid-template-columns: auto;
        margin-left: auto;
        margin-right: auto;
    }

        .category-bottom .categorypage-info {
            --sidepadding: 30px;
        }

        .category-bottom .category-description p {
            font-size: 16px;
            line-height: 1.6;
        }

        .category-bottom .categorypage-info .mstm-category-title {
            font-size: 21px;
            padding: 10px 25px 5px 25px;
            top: 25px;
        }

}

@media (max-width: 900px) {
    /*new*/
    /*====footer====*/
    .footer-top, .footer-bottom {
        grid-template-columns: 100%;
        padding-left: var(--main-padding);
        justify-content: center;
        text-align: center;
    }

    .footer-main {
        display: grid;
        justify-content: center;
    }

    .footer-nav {
        display: flex;
        gap: 50px;
        justify-content: space-between;
        display: block;
    }

    .footer-social {
        margin-top: 40px;
    }

    .footer-social .footer-menu-list {
        display: flex;
        align-items: center;
        gap:10px;
        justify-content: center;
    }

    .footer-social .footer-menu-list li{
        margin-top:0;
    }

        .footer-social .footer-menu-list li i {
            display: inline-grid;
            place-items: center;
            width: 35px;
            height: 35px;
            background: #fff;
            color: #000;
            border-radius: 50%;
            transition:0.3s ease-in-out;
        }
        .footer-social .footer-menu-list li a:hover i {
            background: var(--beige-bg);
        }
        .footer-social .footer-menu-list li .text{
            display: none;
        }

    .footer-bottom-inner {
        grid-column: unset;
        display: grid;
        justify-content: center;
    }

    .bank-icons-inner {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    /*__general__*/
    .side-title {
        max-width: 100%;
        padding: 15px 0;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

        .side-title::before {
            transform: translateX(-50%);
            left: 50%;
            width: 80px;
        }

    /*==sliders==*/
    /*--top arrows slider--*/
    .top-arrows-slider .slick-slider .slick-arrow.slick-prev {
        left: calc(var(--main-padding)*2 ) !important;
    }

    .top-arrows-slider .slick-slider .slick-arrow.slick-next {
        left: calc(var(--main-padding)*2 + var(--arrowsize) + 10px) !important;
    }

    .side-title-content-slider.top-arrows-slider .slick-track {
        margin-left: calc(var(--main-padding)*2 - var(--slider-padding));
    }

    /*side-title*/
    .side-title + .side-title-content-slider.top-arrows-slider.material-slider {
        grid-column: unset;
    }
    .side-title+side-title-content-slider.top-arrows-slider {
        padding-top: 90px;
    }

    .side-title + .side-title-content-slider.top-arrows-slider .slick-slider .slick-arrow.slick-prev {
        left: var(--main-padding) !important;
    }

    .side-title + .side-title-content-slider.top-arrows-slider .slick-slider .slick-arrow.slick-next {
        left: calc(var(--main-padding) + var(--arrowsize) + 10px) !important;
    }

    .side-title + .side-title-content-slider.side-title-content-slider.top-arrows-slider .slick-track {
        margin-left: calc(var(--main-padding) - var(--slider-padding));
    }

    /*====cart====*/
    .mstm-cart-items-list .cart-list-item {
        grid-template-columns: 100px minmax(0,1fr);
    }

    .cart-list-item .content-top {
        display: grid;
        width: 100%;
        grid-template-columns: 100%;
    }

    .mstm-cart-trash-button {
        order: -1;
        text-align: right;
        justify-self: end;
    }

    .cart-list-item .content-bottom {
        display: grid;
        gap: 25px;
    }

    .cart-list-item .price-info-table {
        display: flex;
        flex-wrap: wrap;
    }
    .cart-list-item .cart-list-item-content {
        padding: 20px 20px;
    }


    /*====b2b====*/
    .mstm-login-and-register-page .b2b-forms .logreg-form {
        grid-template-columns: 100%;
    }

    .morphsearch-content {
        padding-top: 100px;
    }

    #desktop-search {
        display: none;
    }

    #search-btn-mobile {
        display: block;
    }
    #mobile-search, .mobile-search {
       display:block;
    }

        #mobile-search .morphsearch-input-wrapper {
            display: flex;
            --color:var(--themecolor);
        }

            #mobile-search  .morphsearch-input-wrapper button {
                display: block;
                width: 40px;
                background: var(--themecolor);
                color: var(--themegold);
                background: var(--themegold);
                color: var(--themecolor);
            }

    .mobile-search .search-outer {
        max-width: 700px;
    }

    .morphsearch .mstm-row-filters.poped {
        --top:80px;
    }
    /*---------*/
/*
    .mstm-header-right-inner {
        justify-content: end;
        gap: 10px;
    }

    .mstm-header-right div[class^="mstm-header-components-"] > a {
        width: 30px;
        height: 30px;
        border: none;
        font-size: 28px;
    }

    .mstm-burger-icon,
    .bm .search-btn-toggle {
        display: inline-block;
        position: relative;
        font-size: 24px;
        line-height: 1;
        width: 30px;
        height: 30px;
        text-align: center;
        color: var(--themegold);
        transition:0.3s ease-in-out;
    }

    .mstm-logo {
        margin-left: auto;
        margin-right:auto;
    }

    .mstm-logo img {
        width: 100%;
        height: 50px;
    }

    .mstm-burger-icon {
        display: block;
        cursor:pointer;
    }*/

    /*checkout*/
    .checkout-area {
        grid-template-columns: repeat(1, minmax(0px,100%));
        grid-row-gap: 50px;
    }

    .mstm-checkout-order-summary-inner {
        position: relative !important;
        top: 0px !important;
    }


    .mstm-cart-table {
        grid-template-columns: repeat(2,minmax(0px,auto)) !important;
        grid-row-gap: 10px;
        padding: 10px 0px;
        min-width: unset !important;
        text-align: center;
    }

    .mstm-cart-table-head {
        display: none;
    }

    .mstm-cart-table .mstm-cart-table-line.first-line {
        grid-row-start: -2;
        grid-row-end: -2;
    }

    .mstm-cart-table .cart-img {
        grid-row-start: calc( ( var(--rowline) * 6) + 1);
        grid-row-end: calc( ( var(--rowline) * 6) + 6);
        min-width: 100px;
        grid-column-start: 1;
        grid-column-end: 1;
    }

    .mstm-cart-table .mstm-cartpage-product-title {
        grid-row-start: calc( ( var(--rowline) * 6) + 1);
        grid-row-end: calc( ( var(--rowline) * 6) + 1);
    }

    .mstm-cart-table .mstm-cartpage-product-price {
        grid-row-start: calc( ( var(--rowline) * 6) + 2);
        grid-row-end: calc( ( var(--rowline) * 6) + 2);
    }

    .mstm-cart-table .mstm-cartpage-product-qty {
        grid-row-start: calc( ( var(--rowline) * 6) + 3);
        grid-row-end: calc( ( var(--rowline) * 6) + 3);
    }

    .mstm-cart-table .mstm-cartpage-product-price.sub-final {
        grid-row-start: calc( ( var(--rowline) * 6) + 4);
        grid-row-end: calc( ( var(--rowline) * 6) + 4);
    }

    .mstm-cart-table .mstm-cart-trash-button {
        grid-row-start: calc( ( var(--rowline) * 6) + 5);
        grid-row-end: calc( ( var(--rowline) * 6) + 5);
    }

    .mstm-cart-table .mstm-cart-table-line {
        grid-row-start: calc( (  var(--rowline) * 6) + 6);
        grid-row-end: calc( (  var(--rowline) * 6) + 6);
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .mstm-cart-table .cart-img img {
        max-width: 150px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        max-height: 150px;
    }

    .mstm-cart-table-head-mobile {
        font-weight: bold;
        margin-bottom: 3px;
        display: block;
    }

    .mstm-cart-table-total-content {
        justify-self: center;
        max-width: 600px;
    }

    /*====blog list====*/
    .mstm-blog-list-repeater {
        grid-template-columns: repeat(2,minmax(0,50%));
    }

    .mstm-footer-bank-icons-outer {
        text-align: right;
    }

}

@media (max-width: 767px) {
    /*new*/
    /*==header==*/ /*N*/
    .mstm-header-area .mstm-header-main {
        height: auto;
    }

    .mstm-header-main .mstm-logo {
        justify-self: center;
    }

    .mstm-header-elements {
        width: auto;
        border-top: 1px solid var(--dark-grey);
    }

    .mstm-header-inner {
        grid-template-columns: 100%;
    }

    /*cart*/
    .mstm-header-component.mstm-header-components-cart.cart-wrapper .hc-item.msicon-before-relative.mobile{
        display:flex;
    }
    .mstm-header-component.mstm-header-components-cart.cart-wrapper .hc-item.msicon-before-relative.desktop{
        display:none;
    }

    /*__general__*/
    .inner-container {
        text-align: center;
    }

    .page-column.side-img-section-img,
    .page-column.side-img-section-img.reverse-col {
        margin-right: 0;
        margin-left: 0;
        order: -1;
    }

    .page-column.side-img-section-txt,
    .page-column.side-img-section-txt.reverse-col {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    /*====single product page====*/
    .single-product-page .variation-item, .secondary-side-title-outer {
        grid-template-columns: 100%;
    }

    .gallery-section .aspect-image-outer {
        width: 68vw !important;
    }

    .single-product-page .contact-section .contact-section-inner {
        display: grid;
    }

   
    /*new*/
    /*==header==*/
    /*--top bar--*/
   /* .top-bar-item.phone, .top-bar-item.menu {
        display: none;
    }

    .top-bar-item.top-bar-banner-outer {
        width: 100%;
        display: block;
        text-align: center;
    }*/

    /*==footer==*/
    /*newsletter*/
    /*footer info area*/
    .footer-info-area .container {
        display: grid;
        grid-template-columns: repeat(2,auto);
        justify-content: space-around;
    }

    /*footer inner*/
    .footer-inner {
        grid-template-columns: repeat(1,minmax(0px,auto));
        grid-gap: 20px;
        justify-items: center;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
        justify-content: center;
    }

    .footer-list {
        max-height: 0px;
        overflow: hidden;
    }

        .footer-list.expanded {
            max-height: 500px;
            overflow: hidden;
            animation-name: open;
            animation-duration: 1s;
            animation-timing-function: ease-in-out;
        }

        .footer-list.shrink {
            animation-name: close;
            animation-duration: 0.2s;
            animation-timing-function: ease-in-out;
        }



    .footer-title::after {
        position: absolute;
        content: "\e98b";
        font-family: 'mindseed';
        font-size: 12px;
        display: block;
        top: 50%;
        right: -18px;
        transform: translateY(-50%);
    }

    .footer-title.active::after {
        transform: translateY(-50%) rotate(180deg);
    }

    .footer-title {
        cursor: pointer;
        font-size: 22px;
        transition:0.3s ease-in-out;
    }

    .footer-title span {
        vertical-align: middle;
        display: inline-block;
        position: relative;
        cursor: pointer;
    }

    footer .letter-list li {
        justify-content: center;
    }

    .footer-area-inner > .container::before {
        display:none;
    }

    /*====cart====*/
    .cart-list-item .cart-product-title {
        font-size: 20px;
    }

    .cart-list-item .product-additional-info {
        font-size: 16px;
    }

    .price-info-table {
        font-size: 14px;
    }

    .cart-list-item .price-info-table .label {
        margin-bottom: 20px;
    }

    #mstm-goto-checkout-outer .btn {
        font-size: 16px;
    }


    /********/
    .mstm-orders-table-head li:last-of-type {
        display: none;
    }

    .mstm-orders-table-head, .mstm-orders-table-body-item {
        grid-template-columns: repeat(4,minmax(0px,25%));
    }

    li.mstm-orders-table-body-item > p:last-of-type {
        grid-column: 1/5;
        margin-top: 10px;
        text-decoration: underline;
        color: var(--themecolor);
    }

    .mstm-orders-table-body-item-products {
        grid-column: 1/5;
    }
    /********/

    .mstm-breadcrumb {
        font-size: 0px;
        visibility: hidden;
        opacity: 0;
        margin: 0;
        height: 0;
        position: absolute;
    }

    /*product list*/
    .mstm-products {
        grid-template-columns: repeat(2, minmax(0, 50%));
    }

    .mstm-load-more button {
        font-size: 18px;
    }

    .sidebar-widget-filters-wrapper {
        justify-content: center;
    }

    /*----top level----*/
    .subcategories-thumbs-inner.categories {
        justify-content: center;
        gap: 30px;
        grid-template-columns: repeat(2, 1fr);
    }

    .category-item {
        padding: 0;
        width: 100%;
        height: 0;
        padding-top: 100%;
    }

    .category-item a {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        padding: 20px;
    }

    .category-item p {
        font-size: 16px;
    }


    .mstm-footer-bank-icons-outer {
        text-align: center;
    }

    .category-bottom .mstm-products {
        grid-template-columns: repeat(auto-fit,minmax(0,100%));
    }

    #mstm-cart-title {
        margin-top: 30px;
    }
}

@media (max-width: 690px) {
    .top-arrows-slider.categories-slider .slider-image-outer img,
    .top-arrows-slider .slider-image-outer img {
        width: 60vw;
        height: 70vw;
    }
}

@media (max-width: 600px) {
    html {
        --main-padding: 20px;
    }

    body {
        font-size: 16px;
    }
    /*___general___*/
    .side-title * {
        font-size: 16px;
    }

    .primary-title, .primary-txt {
        font-size: 22px;
        line-height: 1.3;
    }

    .btn.btn-light, .btn.btn-primary {
        font-size: 16px;
    }

        .btn.btn-light.small {
            font-size: 16px;
        }

    /*====footer====*/
    .footer-newsletter-inner p {
        font-size: 16px;
    }

    .footer-copyright-text {
        font-size: 14px;
    }

    .footer-menu-list, .footer-newsletter h2 {
        font-size: 18px;
    }

    /*==sliders==*/
    /*--top arrows slider--*/
    .top-arrows-slider .slick-slider .slick-arrow {
        --arrowsize: 30px;
        top: -50px !important;
    }

        .top-arrows-slider .slick-slider .slick-arrow.slick-next {
            left: unset !important;
            right: calc(var(--main-padding)*2) !important;
        }

    /*side-title*/
    .side-title + .side-title-content-slider.top-arrows-slider .slick-slider .slick-arrow.slick-next {
        left: unset !important;
        right: var(--main-padding) !important;
    }

    /*categories slider*/
    .top-arrows-slider.categories-slider .slider-image-caption {
        position: relative;
        color: #000;
        text-transform: uppercase;
        font-weight: 800;
        font-size: 16px;
        letter-spacing: 1.3px;
        padding: 20px 0;
    }


    /*==header==*/ /*N*/
    .mstm-header-component .hc-txt {
        font-size: 16px;
    }

    .mstm-header-component.burger-menu-btn .msicon-before-relative {
        font-size: 15px;
    }

    .burger-menu-btn {
        width: auto;
        padding: 15px 25px 15px 30px;
    }

    .mstm-header-right {
        gap: 5px;
    }

    .mstm-header-component.mstm-header-components-account {
        display: none;
    }

    /*====cart====*/
    .mstm-cart-items-list .cart-list-item {
        grid-template-columns: 100%;
    }

    .cart-img.aspect-image-outer {
        max-height: 150px;
    }

    /*====404====*/
    .mstm-404-outer .mstm-404-item {
        font-size: 90px;
    }

    .mstm-404-outer .big-p {
        font-weight: bold;
        font-size: 35px;
    }

    .mstm-404-outer p {
        font-size: 16px;
    }

    /*====account====*/
    .mstm-account-page .tab-header{
        font-size: 19px;
        padding:10px;
    }

    .mstm-account-page .tab-headers {
        padding: 0px 30px;
    }

    .mstm-account-page .tab-headers.slick-slider .slick-arrow {
        --arrowsize: 30px;
    }
    /*...*/
    /***/

    /*==*/
    /*.container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .mstm-category-title {
        font-size: 45px;
    }*/

    .modal {
        width: 85%;
    }

        .modal .content {
            font-size: 19px;
        }

    /*==buttons==*/
    .minimal-arrow-btn {
        font-size: 20px;
    }

    /*====header====*/
    .mstm-header-components-wishlist {
        display: none;
    }

    /*menu*/
    .burger-bottom-items-outer {
        margin-bottom: 50px;
    }

    /*====footer====*/
    /*footer info area*/
    .footer-info-item {
        column-gap: 13px;
    }

        .footer-info-item p {
            font-size: 15px;
        }
    /*=========*/

    /*--texts--*/
    .highlighted-p {
        font-size: 22px;
    }

    /*==static==*/
    .static-content {
        font-size: 19px;
    }

    /**/

    /*==account==*/
    .mstm-new-address-outer {
        text-align: center;
    }

    .mstm-wishilist-table-item {
        grid-template-columns: repeat(2,minmax(0px,auto));
        grid-row-gap: 14px;
        justify-content: space-between;
    }

    .mstm-account-details-invoive-row, .mstm-new-address-row {
        grid-template-columns: repeat(1,minmax(0px,100%));
        grid-row-gap: 70px;
        text-align: center;
    }

    .mstm-new-address-row {
        grid-row-gap: 10px;
    }

    .mstm-account-container .form-control {
        text-align: center;
    }

    .btns-bottom {
        justify-content: center;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .account-tab-header {
        padding: 10px 20px;
    }

    .mstm-account-details-invoive-row {
        padding: 25px 20px;
    }

    /**/
    .logreg-form-inner#register-user .gdpr-text {
        column-count: 1;
    }

    .logreg-form-inner#register-user {
        text-align: center;
    }

    #register-actions-mobile {
        display: grid;
        justify-content: center;
        justify-items: center;
        grid-row-gap: 11px;
    }


    /*==header==*/

    /*search*/
    #desktop-search {
        display: none;
    }

    #mobile-search {
        display: block;
    }

    /*#search-btn {
        display: none;
    }*/

    #search-close.mobile-search {
        display: block;
        right: 20px;
        transform: translateY(-50%);
        line-height: 1;
        position: relative;
        top: 0px;
        text-align: right;
    }

    .search-wrapper #search-close {
        display: none;
    }
    /**/
    .mstm-header-right {
        height: 100%;
        padding-left: 0px;
    }

    .burger-mobile-search {
        grid-template-columns: repeat(2,minmax(0px,auto));
        justify-content: left;
    }

    .mstm-cross-products-inner {
        grid-template-columns: repeat(1,minmax(0px,100%));
        grid-row-gap: 40px;
    }

    .mstm-cross-products .add-cart-product {
        font-size: 20px;
    }

    .categorypage-cover.hasimage .categorypage-cover-inner-items {
        grid-template-columns: auto;
        width: 100%;
    }

    /*==account==*/
    .mstm-account-page .full-row {
        grid-column: unset;
    }

    /*==single product==*/
    .single-product-item .product-text h2, .single-product-item .manf-text {
        font-size: 18px;
    }

    /*====product list====*/
    /*----top level----*/
    .subcategories-thumbs-inner.categories {
        gap: 15px;
    }

    .category-item a {
        padding: 10px;
    }

    .category-item p {
        font-size: 16px;
    }

    /*==single product page==*/
    #prdocut-tabs-headers .tab-header {
        text-align: center;
    }

    .mstm-product-page-attributes {
        grid-template-columns: auto;
    }

    .product-s-container-outer {
        padding: 0px;
    }

    #prdocut-tabs-headers {
        padding-left: 20px;
        padding-right: 20px;
    }

    .mstm-related-products-title {
        padding: 0;
    }

        .mstm-related-products-title::before {
            width: 100%;
        }

    .mstm-related-products .main-title {
        padding-right: 20px;
        font-size: 30px;
    }

    /*==blog list==*/
    .mstm-blog-list-repeater {
        grid-template-columns: repeat(1,minmax(0px,100%));
        grid-row-gap: 60px;
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
    }

    /*==single blog==*/
    .single-post-top .aspect-image-outer {
        --aspect-ratio: 1;
    }

    .single-post-bottom > div {
        grid-template-columns: auto;
    }

    .single-post h1 {
        font-size: 22px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .post-meta-item p {
        display: grid;
    }

    .share-title, .post-meta-item p {
        font-size: 16px;
    }

    .single-post .post-body > div > p:first-of-type {
        font-size: 18px;
    }

    .single-post .post-body {
        font-size: 16px;
    }

    .post-share-outer {
        display: none;
    }

    .post-share-outer-mobile {
        display: block;
    }

        .post-share-outer-mobile .post-share {
            text-align: center;
            display: grid;
            display: flex;
            align-items: center;
            margin-top: 50px;
        }

    .blog-feed-title {
        font-size: 26px;
    }

    .mstm-product-quantity {
        width: 140px;
    }

    .popup-desktop {
        display: none;
    }

    .popup-mobile {
        display: block;
    }

    #newsletter-modal .modal {
        max-width: 360px;
    }

    #newsletter-modal .close-modal {
        right: 5px;
        top: 5px;
    }
}
@media (max-width: 540px) {
    .mstm-account-page .tab-header > a {
        text-align: center;
    }
}

@media (max-width: 500px) {

    .mstm-orders-table-head, .mstm-orders-table-body-item {
        font-size: 14px;
    }

    .mstm-orders-table-head, .mstm-orders-table-body-item {
        padding: 10px 16px;
    }
    li.mstm-orders-table-body-item > p {
        text-align: center;
    }

    .customer-log-title.tab-header.mobile {
        display: block;
        font-size: 24px;
        text-align: center;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-weight: bold;
    }


    #scrollUp {
        bottom: 48px;
    }


    /*==login==*/

    .logreg-form .tab-headers {
        display: none;
    }

    .mstm-login-and-register-page .tab-contents {
        grid-template-columns: repeat(1,minmax(0px,auto));
        grid-row-gap: 20px;
    }

    .mstm-login-and-register-page .logreg-form {
        padding: 0px;
        background: none;
        border: none;
    }

    .mstm-login-and-register-page .pill-content {
        padding: 30px 30px;
        background: white;
    }
    .mstm-login-and-register-page form {
        display:block;
    }

    .logreg-form .tab-contents-outer {
        padding: 0;
    }

    .mstm-login-and-register-page .logreg-form {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .mstm-login-and-register-page .tab-contents {
        overflow: visible;
    }

        .mstm-login-and-register-page .logreg-form .tab-contents>div {
            -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
            box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
        }
}

@media (max-width: 470px) {
   
    .mstm-products {
        grid-template-columns: repeat(1, minmax(0, 100%));
    }

    .mstm-checkout-col {
        grid-template-columns: repeat(1,minmax(0px,100%));
    }

    #coupont-input {
        font-size: 13px;
    }

    .subcategories-thumbs-inner.categories {
        row-gap: 80px;
    }

    .category-bottom .category-description p {
        font-size: 13px;
    }

    .product-page.product-details-area .mstm-price-info {
        margin: 15px 0 0;
    }
}

@media (max-width: 420px) {
    /*new*/
    /*====account====*/
    .mstm-account-page .tab-header {
        font-size: 15px;
        padding: 10px 5px;
    }
    /*new*/

    .mstm-orders-table-head, .mstm-orders-table-body-item {
        font-size: 12px;
    }

  
    .calculate-square-form .btn {
        padding: 2px 16px;
    }

    .logreg-form-inner#register-user .mstm-agree-gdpr {
        font-size: 14px;
    }

    label.mstm-agree-terms-contactm {
        font-size: 14px;
    }

    /*====product list====*/
    /*----top level----*/

    .category-item p {
        font-size: 15px;
    }


    .category-bottom .category-description p {
        line-height: 1.4;
    }

    .category-bottom .category-description {
        padding: 10px;
    }
}

@keyframes open {
    from {
        max-height: 0px;
    }

    to {
        max-height: 500px;
    }
}



@keyframes close {
    from {
        max-height: 500px;
    }

    to {
        max-height: 0px;
    }
}

@keyframes pop {
    from {
        top: calc( -1 * var(--headerHeight));
    }

    to {
        top: 0px;
    }
}

@keyframes closepop {
    from {
        top: 0px;
    }

    to {
        top: calc( -1 * var(--headerHeight));
    }
}



@keyframes menufromleft {
    from {
        left: 100%;
    }

    to {
        left: 0%;
    }
}

@keyframes menutoleft {
    from {
        left: 0%;
    }

    to {
        left: 100%;
    }
}



@keyframes filtersopen {
    0% {
        max-height: 0px;
        overflow-y: hidden;
    }

    99% {
        overflow-y: hidden;
    }

    100% {
        max-height: 334px;
        overflow-y: auto;
    }
}

@keyframes filtersclose {
    0% {
        max-height: 334px;
        overflow-y: hidden;
    }

    100% {
        max-height: 0px;
    }
}


@keyframes openmore {
    from {
        max-height: 0px;
    }

    to {
        max-height: 500px;
    }
}



@keyframes closemore {
    0% {
        max-height: 500px;
    }

    99% {
        max-height: 0px;
    }

    100% {
        overflow: auto;
    }
}