@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&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-family: 'Manrope', sans-serif;
    line-height: 1.5;
    box-sizing: border-box;
}

body div {
    line-height: 1;
}

html {
    --brandcolor: #D0B08D;
    --light-brandcolor: #F1EFEC;
    --black: #232323;
    --greybg: #454545;
    --blue: #4197c8;
    --beige-bg: #eaddd4;
    --theme-orange: #eeba81;
    --lightgreybg: #f0efeb;
    /**/
    --themecolor: #d1b08f;
    --txt-light-grey: #919191;
    --txt-dark-grey: #666666;
    --darkbg: #232323;
    --dark-grey: #b3b3b3; /*border*/
    --greyborder: #e0e0e0;
    /*--primary: #a3509e;
    --primarydark: #632d61;
    --secondary: #ffc40c;
    --secondarypastel: #fbae5c;
    --orange: #f37d00;
    --greyborder: #efefef;
    --text-primary: #141414;
    --text-secondary: #999999;
    --instock: #96ed40;
    --order: #f57e00;
    --outofstock: #dd4141;
    --greybg:#f1f1f1;*/
    --main-padding: 30px;
    --inner-container: 1140px;
    --side-size: 250px;
    --main-gap: 40px;
    scroll-behavior: smooth;
}

body {
    font-size: 22px;
    color: #000;
    margin: 0;
    overflow-anchor: none;
}


/****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;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    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;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    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;
    /* Better Font Rendering =========== */
    -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: #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;
}
/*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: #fff;
}

.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: #fff;
}

.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: #fff;
}

.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 {
    /*max-width: 1640px;
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;*/
    width: 100%;
    display: block;
    padding-left: var(--main-padding);
    padding-right: var(--main-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(--blue);
    }

.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(--blue);
        }

.form-control {
    display: block;
    width: 100%;
    height: 70px;
    padding: 0;
    font-size: 20px;
    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;
    transform: translateY(-50%) !important;
    height: auto !important;
    z-index: 1;
    width: 30px !important;
    height: 30px !important;
}

.slick-prev {
    left: 0px !important;
}

.slick-next {
    right: 0px !important;
}

.slick-prev.msicon-before-relative::before {
    content: '\e98c';
}

.slick-next.msicon-before-relative::before {
    content: '\e98d' !important;
}

.slick-prev.msicon-before-relative::before, .slick-next.msicon-before-relative::before {
    font-size: 28px;
    color: var(--black);
    font-size: calc(var(--arrowsize) * 0.45);
}

.slick-next::before, .slick-prev::before {
    opacity: 1;
    transition:0.3s ease-in-out;
}

.slick-next:focus::before, .slick-next:hover::before, .slick-prev:focus::before, .slick-prev:hover::before {
    color:var(--brandcolor);
}

.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: #fff;
            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: contain;
        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: 37px;
    font-weight: 600;
    margin-bottom: 40px;
}

/*==titles==*/
.primary-title {
    font-size: 37px;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 20px;
}
/*.main-title {
    text-align: center;
    text-transform: uppercase;*/
/* font-weight: bold; */
/*font-size: 40px;
    margin-top: 40px;
    margin-bottom: 20px;
}

    .main-title.left, 
    .secondary-title.left, 
    .alt-title.left {
        text-align: unset;
    }*/

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

/*.alt-title {
    font-size: 28px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight:600;
}*/


.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-main {
        text-transform: uppercase;
        font-size: 22px;
        font-weight: 100;
        padding: 15px 30px;
        display: inline-block;
        border: 1px solid;
        border-radius: 50px;
        min-width: 180px;
    }*/

    /**/
    .btn.btn-primary {
        display:inline-block;
        background: #fff;
        color: #000;
        padding: 15px 25px;
        border-radius: 50px;
        border: 1px solid;
        font-weight: 700;
        font-size: 24px;
    }


    .btn.btn-primary:hover {
        color: var(--blue);
    }

       /* .btn.btn-primary.full {
            display: block;
            width: 100%;
            font-weight: 600;
            font-size: 28px;
            height: 90px;
        }*/

    .btn.btn-dark {
        display: inline-block;
        padding: 15px 25px;
        border-radius: 50px;
        font-weight: 500;
        font-size: 24px;
        background: var(--black);
        color: #fff;
    }

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



    .btn.btn-secondary {
        display: inline-block;
        background: #000;
        color: #fff;
        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(--blue);
        border-color:var(--blue);
    }

    .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(--blue);
    }

    .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 {
        display: inline-block;
        background: #fff;
        color: var(--black);
        border-radius: 50px;
        border: 1px solid #fff;
        font-weight: 700;
        font-size: 24px;
        padding: 15px 25px;
    }
    .btn.btn-light.small{
        padding: 10px 30px;
        font-size: 20px;
    }

        .btn.btn-light:hover {
            background: var(--blue);
            color: #fff;
        }

.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(--blue);
}

/**/

.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";
}
.home-blog-section .mstm-blog-feed .mstm-blog-post:first-child .post-more-btn::before {
    content: "\e91b";
}



/*====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(--blue);
    color: #fff;
    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 {
    /*display: flex;*/
    align-items: center;
    /* justify-content: space-between; */
    column-gap: 0px;
    display: grid;
    /*grid-template-columns: 230px 1fr;*/
    grid-template-columns: var(--side-size) 1fr;
    height: 100%;
}

.mstm-logo {
    /* min-width: 300px; */
    width: 100%;
    max-width: 144px;
    justify-self: center;
}

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

.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;
    background: var(--black);
    color: #fff;
    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(--blue);
    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: 380px;
    justify-content: space-between;
    justify-self: end;
}

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

.mstm-header-component .hc-txt {
    text-transform: uppercase;
    font-size: 20px;
    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: 17px;
    }

.mstm-header-components-search .hc-item.msicon-before-relative::before {
    content: "\e982";
}

.mstm-header-components-account .hc-item.msicon-before-relative::before {
    content: "\e90d";
}

.mstm-header-components-cart .hc-item.msicon-before-relative::before {
    content: "\e96f";
}

.mstm-header-area .search-wrapper {
    position: absolute;
    width: 100%;
    background: var(--blue);
    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;
    }

/*--header icons--*/
/*.mstm-header-right div[class^="mstm-header-components-"] {
    line-height: 0;
}

.mstm-header-right div[class^="mstm-header-components-"] > a {
    display: inline-block;
    position: relative;
    font-size: 33px;
    line-height: 1;
    width: 40px;
    height: 40px;
    text-align: center;
    color:var(--brandcolor);
}

    .mstm-header-right div[class^="mstm-header-components-"] > a::before,
    .mstm-burger-icon::before,
    .bm .search-btn-toggle::before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }*/

/*--header right--*/
/*.mstm-header-right-inner {
    display: flex;
    align-items: center;
    justify-content: end;
    column-gap: 5px;
    justify-content: space-between;
    max-width: 150px;
    margin-left: auto;
}*/


/*--cart, wishlist, account--*/
/*.cart-content, .account-content, .wishlist-content {
    position: absolute;
    transition: all 0.3s ease 0s;
    z-index: 5;
    right: 0px;
    width: 320px;
    visibility: hidden;
    opacity: 0;
    margin-top: 40px;
    color: var(--text-primary);
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    background: #fff;
    top: 100%;
    margin-top: 0px;
}


.mstm-header-right div[class^="mstm-header-components-"] > a:hover,
.bm .search-btn-toggle:hover, .mstm-burger-icon:hover {
    color: var(--blue);
    background: var(--brandcolor);
}*/

/*wishlist*/
/*.mstm-header-components-wishlist .msicon-before-relative::before,
.msicon-before-relative.wishlist::before {
    content: "\e908";
}*/

/*cart*/
/*.cart-content-inner {
    max-height: calc(var(--vhHeight) - var(--headerHeight));
    overflow: hidden;
    display: grid;
    grid-template-rows: 1fr auto;
    position: relative;
}*/

/*--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(--blue);
    border-radius: 50%;
    width: var(--size);
    height: var(--size);
    font-size: calc(var(--size)*0.7);
    font-weight: bold;
    line-height: var(--size);
    --size: 15px;
    color: #fff;
    position: absolute;
    bottom: calc(-10px + var(--size)*0.5);
    left: calc(-11px + var(--size)*0.5);
    text-align: center;
}
/*.cart-content {
    position: absolute;
    transition: all 0.3s ease 0s;
    z-index: 5;
    right: 0px;
    width: 320px;
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    background: #fff;
    top: 100%;
    margin-top: 0px;
}*/

.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;
    /*height: 100vh;*/
    -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(--brandcolor);
}

.components-h-content .text {
    color: var(--blue);
    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 .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;
    }

/* Handle */
    /*.mstm_cart-items::-webkit-scrollbar-thumb,
    .mstm_cart-items ::-webkit-scrollbar-thumb  {
        background: var(--blue);
    }*/

    .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(--brandcolor);
}

    #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-unavailable-product-stock {
    padding: 5px 0px;
    color: #da2e40;
    margin-bottom: 5px;
}

    .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(--blue);
}

    .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;
    /*font-size: 14px;*/
}

.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;
    /*padding: 0 4px;*/
}

/*    .mstm-burger-icon::before {
        content: "\e983";
    }

    .mstm-burger-icon.opened::before {
        content: "\e904";
    }

    .mstm-header-components-account > a::before {
        content: "\e90d";
    }

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

.mstm-header-components-cart > a::before {
    content: "\e90a";
}

.mstm-burger-icon, mstm-close-menu {
    display: none;
}*/

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

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

.morphsearch-input-wrapper {
    border: 2px solid rgba(200,200,200, 0.5);
    display: inline-block;
    display: block;
    max-width: 670px;
    width:100%;
    --color:#fff;
}

.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(--brandcolor);
}

.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: #fff;
    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(--darkbg);
    color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    border-top: 1px solid var(--dark-grey);
}

.footer-top,
.footer-bottom {
    grid-template-columns: var(--side-size) minmax(0,1fr) var(--side-size);
    justify-content: space-between;
    gap: var(--main-gap);
    padding: 0;
    display: grid;
}

.footer-logo {
    padding: 0 var(--main-padding);
    text-align: center;
}

.footer-main {
    display: flex;
    gap: 80px;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.footer-nav {
    display: flex;
    gap: 50px;
    justify-content: space-between;
    max-width: 370px;
}

/*.footer-area-inner {
    max-width: 1700px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.footer-area-inner {
    display: flex;
    justify-content: space-between;
    column-gap:70px;
}

.footer-main {
    flex: 1;
    width: 100%;
    max-width: 550px;
}*/

.footer-nav {
    display: flex;
    gap: 50px;
    justify-content: space-between;
}

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

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

.footer-social .footer-menu-list li i{
    display:none;
}

.footer-bottom {
    margin-top: 80px;
    /*display: block;*/
}

.footer-bottom-inner {
    grid-column: 2/3;
    display: flex;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
    align-items: end;
}

.footer-copyright-text {
    text-transform: uppercase;
    font-size: 19px;
}

.bank-icons-inner {
    display: flex;
    /* flex-wrap: wrap; */
    /*background: rgba(255,255,255,0.2);*/
    /*padding: 5px;*/
    column-gap: 10px;
    row-gap:2px;
    font-size: 35px;
}
.bank-icons .msicon-before-relative {
    vertical-align: middle;
}

/*.bank-icons .icon-nexi-dark {
    font-size: 11px;
}

.bank-icons .icon-mc-id-check {
    font-size: 20px;
}*/

.bank-icons img {
    max-width:;
    max-height: 35px;
    max-width: 50px;
    object-fit: contain;
    width: 100%;
    height: 100%;
}

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

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

.footer-newsletter h2 {
    margin-bottom: 20px;
}

.footer-newsletter p {
    font-size: 20px;
    margin-bottom: 40px;
    font-weight: 200;
}

/*--------*/
/*____scroll up____*/
#scrollUp {
    border: 2px solid #000;
    bottom: 25px;
    color: #ffffff;
    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(--blue);
    }

        #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;
}



/*======home========*/

/*=========*/
/*==static==*/
.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: #fff;
        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 {
        /*font-weight: 500;*/
        margin-bottom: 20px;
    }

    .static-content h1,
    .post-body h1,
    .mstm-category-title,
    .main-title{
        font-size: 39px;
        font-weight: 500;
    }

    .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(--blue);
    }

        .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-list.container {
    max-width: 1220px;
}

.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;
    max-width: 300px;
    font-weight: bold;
    width:100%;
}
    .mstm-blog-list .mstm-blog-filters-outer p {
        transition:0.3s ease-in-out;
    }

            .mstm-blog-list .mstm-blog-filters-outer:hover p {
                color: var(--blue);
                border-color: var(--blue);
            }

    

.mstm-blog-list .mstm-blog-filters-title {
    display: none;
    text-align: center;
    position: relative;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    padding: 8px 30px;
}

    .mstm-blog-list .mstm-blog-filters-title::after {
        content: "\e97c";
        font-family: mindseed;
        margin-left: 2px;
        display: inline-block;
        font-size: 10px;
    }

    .mstm-blog-list .mstm-blog-filters-title.active::after {
        transform: rotate(180deg);
    }

    /**/
/*blog banners*/

.mstm-blog-list .mstm-blog-filters-title {
    display: block;
    border: 1px solid;
    border-radius: 100px;
}

.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: 100%;
    margin: 0px;
    overscroll-behavior: none;
    max-height: 0px;
    overflow-y: hidden;
    animation-name: filtersclose;
    animation-timing-function: ease-in-out;
    animation-duration: 10s;
}

.mstm-blog-filters-outer ul {
    padding: 15px;
}

    .mstm-blog-filter-search .mstm-blog-filters.expanded {
        display:block;
        text-align:center;
        height: auto;
        max-height: 334px;
        min-width: 190px;
        width: 100%;
        top: calc(100% + 1px);
        left: 50%;
        transform: translateX(-50%);
        text-align: left;
        box-shadow: 0px 4px 14px -2px rgba(58,58,58,0.61);
        -webkit-box-shadow: 0px 4px 14px -2px rgba(58,58,58,0.61);
        overflow-y: auto;
        animation-name: filtersopen;
        animation-duration: 0.6s;
        z-index: 3;
    }

    /**/


.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: 10px;
    display: block;
    width: 100%;
}

.blog-search {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    display: grid;
    grid-template-columns: 1fr auto;
    border: 1px solid #bfbfbf;
    border-radius: 100px;
    height: 100%;
    color: var(--text-secondary);
}

.blog-search button{
    color: var(--text-secondary);
}

.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 {
    background: none;
    padding: 8px 10px;
    border: none;
    width: 100%;
}

.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(--blue);
    }

      

    .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(--blue);
        color: #fff;
        font-weight: bold;
        padding: 6px 25px 3px 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(--blue);
        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(--blue);
}

    .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(--blue);
}

.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(--blue);
    }


/*-----*/
.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;
}

.num-of-products {
    color: var(--txt-dark-grey);
    text-align: center;
    margin-top: 15px;
}

.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: #fff;
        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.hasimage .category-cover-inner::before*/ 
    .categorypage-cover .category-cover-inner::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0) 100%);
        z-index: 1;
    }

    /*.categorypage-cover.hasimage .mstm-blog-list-cover*/
    .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-row-filters-taxinomisi .mstm-filters-button, .mstm-sort-btn {
        font-weight: 700;
        font-size: 23px;
        cursor: pointer;
    }

.toolbox-layout {
    display: flex;
    gap: 15px;
    align-items: center;
}

    .toolbox-layout button {
        line-height: 0;
    }
/**/
/*.mstm-row-filters {
    display: grid;
    grid-template-columns: repeat(auto-fit,200px);
    justify-content: center;
    align-items: center;
    position: relative;
    column-gap: 30px;
    row-gap: 5px;
}

.mstm-row-filters-pad {
    background: var(--greybg);
    padding-top: 45px;
    padding-bottom: 50px;
}

.mstm-row-filters-taxinomisi .mstm-row-filters-pad.spt {
    padding-top: 0;
    margin-top: -20px;
}

.mstm-attribute_name {
    font-size: 19px;
    position: relative;
    padding: 10px 10px 6px 10px;
    display: inline-block;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 40px;
    color: var(--text-secondary);
    transition: 0.3s ease-in-out;
}

    .mstm-attribute_name.mstm-active {
        background: #fff;
         border-radius: 5px; 
         border:none;
         color: var(--text-primary);
    }

.mstm-row-filters .mstm-attribute_name::before {
    content: "";
    width: 100%;
    border-bottom: 1px solid var(--text-secondary);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.3s ease-in-out;
}

.sidebar-widget.mstm-vars-filter.mstm-taksinomish .mstm-attribute_name {
    padding-right: 30px;
    color: var(--text-primary);
}

.sidebar-widget.mstm-vars-filter.mstm-taksinomish .mstm-attribute_name::before {
    display:none;
}

    .mstm-attribute_name.mstm-active::before {
        opacity:0;
    }

    .mstm-attribute_name::after {
        content: "\e975";
        font-family: mindseed;
        font-size: 10px;
        display: inline-block;
        vertical-align: middle;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
        line-height: 0;
        position: absolute;
    }

    .mstm-attribute_name.mstm-active::after {
        content: "\e979";
    }

.mstm-filters-content {
    border-radius: 7px;
}
*/
.back-to-filters {
    display: none;
}

.mstm-row-filters-mobile {
    display: none;
}

.mstm-remove-filters.mobile {
    display: none;
}

/*
.mstm-checkbox.sidebar-widget-option {
    padding-left: 0px !important;
}

.sidebar-widget-option .checkmark {
    display: none;
}*/


/*--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: "\e97c";
    font-family: mindseed;
    /* transform: scale(0.6); */
    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;
}

/*remove filters*/
/*.mstm-remove-filters {
    display: none;
}

    .mstm-remove-filters.mobile {
        display: block;
        background: none;
        padding: 10px 0px;
    }

        .mstm-remove-filters.mobile .container {
            display: block;
            padding-left: 0px;
            padding-right: 0px;
            border-bottom: none;
            margin-bottom: 20px;
        }

    .mstm-remove-filters .selected_filters {
        width: 100%;
    }*/
/**/



.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;
    /* padding: 20px 32px 0px 32px; */
    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: 15px;
    width: 100%;
    transition: 0.3s ease-in-out;
    /* border-bottom: 1px solid var(--greyborder); */
    height: unset;
    display: block;
    padding: 13px 25px;
    font-weight: 600;
    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;
        }

/*.mstm-filters-content-option {
    display: block;
    padding: 0px 20px 10px 20px;
}*/

.back-to-filters.buttons {
    bottom: 0px;
    padding: 20px;
    text-align: center;
    grid-row-start: 5000;
    grid-row-end: unset;
    /* display: grid; */
    /* grid-template-columns: repeat(2,minmax(0px,160px)); */
    /* grid-column-gap: 20px; */
    /* justify-content: center; */
    font-size: 15px;
    border-top: 1px solid var(--dark-grey);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

/*.clear-all-close.btn {
    color: var(--text-secondary);
    position: relative;
}

    .clear-all-close.btn:hover {
        color: var(--text-primary);
    }

    .clear-all-close.btn::before {
        content: "\e91e";
        margin-right: 2px;
        display: inline-block;
        padding: 3px;
        font-weight: normal;
        font-size: 15px;
        vertical-align: baseline;
        line-height: 0;
        font-family: mindseed;
    }*/

.apply-close-x.btn.btn-arrow {
    background: #000;
    color: #fff;
    padding: 20px 25px;
    width: 100%;
    position: relative;
    font-size: 18px;
}

    .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;
}

/*new*/
.filters-top {
    background: var(--lightgreybg);
    padding: 25px;
}

.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-bottom: 10px;
}

    .filters-title-row h3 {
        font-size: 18px;
    }

/*new*/

/*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(--blue);
}
/**/

.product-list-page .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-products[grid-cols="4"] {
    grid-template-columns: repeat(4,minmax(0,1fr));
}

.mstm-products[grid-cols="3"] {
    grid-template-columns: repeat(3,minmax(0,1fr));
}

.mstm-products[grid-cols="2"] {
    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(--blue);
    }

.sidebar-widget-option {
    padding: 7px 0px;
    cursor: pointer;
}

/*.mstm-filters-content-option:hover {
    color: var(--blue);
}*/

/*.mstm-filters-content-option.attrselected {
    color: var(--blue);
}*/

/*.sidebar-widget-option label {
    font-size: 16px;
}*/

    .sidebar-widget-option.mstm-checkbox {
        --fontsize: 15px;
    }

.sidebar-widget-option small {
    background: #999999;
    color: #fff;
    padding: 2px 5px 0px 5px;
    border-radius: 4px;
    min-width: 15px;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    line-height: 1.2;
}

.sidebar-widget.mstm-vars-filter {
    position: relative;
    min-width: 110px;
    text-align: left;
}
/*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;
    /*animation-name: filtersclose;
    animation-timing-function: ease-in-out;
    animation-duration: 10s;*/
    padding: 5px 25px 25px;
    /* box-shadow: 0px 4px 14px -2px rgba(58,58,58,0.61); */
    /* -webkit-box-shadow: 0px 4px 14px -2px rgba(58,58,58,0.61); */
   /* animation-name: filtersopen;
    animation-duration: 0.6s;
    z-index: 3;*/
}

    .mstm-filters-content.sidebar-widget-list.mstm-ul-active {
        display: grid !important;
        align-items: start;
        height: auto;
        max-height: 335px;
        /* min-width: 190px; */
        width: 100%;
        /* left: 50%; */
        /* transform: translateX(-50%); */
        /* overflow-y: auto; */
        /* left: 50%; */
        /* transform: translateX(-50%); */
        position: relative;
    }

.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(--greyborder);
}

.noUi-connect {
    background: var(--blue);
    border: 0 none;
    border-radius: 25px;
    height: 6px;
    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: inline-flex;
    flex-wrap: wrap;
    row-gap: 5px;
    column-gap: 7px;
    vertical-align: middle;
    margin-bottom: -5px;
}

        .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, .remove-all-filters {
    padding-top:8px;
    padding-bottom:5px;
}*/
   /* .mstm-remove-attribute:hover {
        color: var(--text-primary);
    }*/

.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(--txt-light-grey);
    font-weight: 300;
    font-size: 16px;
}

/**/
.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);
}

/*----top level----*/
/*.grey-bg {
    background: #f1f1f1;
}*/

/**/
.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%;
}
/*.subcategories-thumbs-inner.categories {
    display: grid;
    grid-template-columns: repeat(auto-fit,275px);
    justify-content: center;
    gap: 50px;
}*/

.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;
}

/*subcategories paggination*/
/*.subcategories-thumbs-outer .mstm-paggination {
    margin-top: 35px;
    margin-bottom: 0;
    display:none;
}

.subcategories-thumbs-outer .minimal-arrow-btn {
    color: #717171;
    font-size: 19px;
}

.minimal-arrow-btn::after {
    font-size: 11px;
}*/

/**/

.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: #fff;
        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;
    }

/**==============================**/
/*--single product--*/

.single-product-item {
    position: relative;
    padding: 10px;
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

    .single-product-item .border {
        border-radius: 15px;
        -webkit-box-shadow: 0;
        box-shadow: 0;
        overflow: hidden;
        transition: 0.3s ease-in-out;
        background: #fff;
    }

    .single-product-item:hover .border {
        -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    }


.product-image {
    overflow: hidden;
    /* margin-bottom: 8px; */
    background: #f6f5f1;
}

    .product-image.aspect-image-outer {
        --aspect-ratio: 0.9;
    }

/*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(--blue);
    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: "\e908";
    }

/*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(--blue);
    --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: #fff;
    text-transform: uppercase;
    font-weight: 700;
}

.mstm-discount-outer {
    background: var(--theme-orange);
}

.flag-new-outer {
    background: var(--blue);
}

/*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(--blue);
        }



    .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: 20px 25px;
    margin-bottom: 10px;
}

.single-product-item .manf-text {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 7px;
}

.single-product-item .product-text h2 {
    font-size: 18px;
    font-weight: 600;
    font-size: 22px;
}

    .single-product-item .product-text h2 a:hover {
        color: var(--blue);
    }

.product-text .price-actions {
    padding-top: 10px;
}


.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: 0.3s ease-in-out
}

.single-product-item:hover .mstm-add-to-cart {
    opacity: 1;
}

.single-product-item .stp-add-to-cart {
    background: #fff;
    color: #000;
    padding: 10px 20px;
    font-size: 19px;
    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);
}

    .single-product-item .stp-add-to-cart::before {
        content: "\e96f";
        font-family: mindseed;
        font-size: 16px;
        margin-right: 8px;
        vertical-align: baseline;
    }

/****/



/*==single product-page==*/

/*new*/
.page-cover-full {
    margin-bottom: 0;
    padding: 0;
    max-height: 775px;
    min-height: 200px;
    overflow: hidden;
}

.page-cover-full img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-product-details-area {
    padding-left: var(--side-size);
}

.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;
}

.mstm-product-title.primary-title {
    margin-bottom: 60px;
}
/**/
.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: 140px;
    padding-bottom: 190px;
}

.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: 190px;
    }

.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:cover;
}
/**/

.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: 140px;
    padding-bottom: 140px;
}
    .single-product-page .contact-section .contact-section-inner {
        display: flex;
        gap: 40px;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        /*max-width: 1450px;
    margin-left: auto;
    margin-right: auto;*/
    }

    .single-product-page .contact-section .primary-txt {
        max-width: 800px;
    }

.single-product-page .contact-section-button .btn {
    min-width: 280px;
}


/*new*/



/*.product-page.product-details-area {
    display: grid;
    grid-column-gap: 7px;
    margin-bottom: 35px;
    grid-template-columns: minmax(80px,130px) minmax(350px,765px) minmax(400px,1fr);
}

.product-s-container-outer {
    display: grid;
    grid-column-gap: 7px;
    margin-bottom: 35px;
    grid-template-columns: minmax(80px,130px) minmax(350px,765px) minmax(400px,1fr);
}

.product-s-container {
    grid-column: 1/3;
}



.p-thumb .msicon-before-relative.youtube {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 33px;
    color: var(--blue);
}

.p-thumb.aspect-image-outer {
    border: 1px solid var(--greyborder);
    transition: 0.3s ease-in-out;
    cursor: pointer;
}*/

/*--image--*/
/*.mstm-product-page-image  .product-flags {
    width: unset;
    height: unset;
    top: 15px;
    left: 15px;
    pointer-events: none;
    display: grid;
    gap:15px;
}
.mstm-product-page-image .flag-new-outer {
    position: relative;
    bottom: unset;
    right: unset;
}

.mstm-product-page-image .mstm-discount-outer {
    position: relative;
    top: unset;
    right: unset;
}

.single-product-image-inner .product-custom-flag {
    position: absolute;
    top: 15px;
    right: 15px;
}*/

/*video*/
/*.mstm-product-page-image .product-page-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/

/*****/

/*.mstm-product-page-image {   
    margin-right: 30px;
}

.single-product-image-inner {
    border: 1px solid var(--greyborder);
    position:relative;
}

    .single-product-image-inner .msicon-before-relative.expand-icon {
        opacity: 0;
        position: absolute;
        bottom: 0;
        right: 0;
        pointer-events: none;
        padding: 10px;
        font-size: 20px;
        color: var(--text-secondary);
        transition: 0.3s ease-in-out;
    }

    .single-product-image-inner:hover .msicon-before-relative.expand-icon {
        opacity: 1;
    }

.msicon-before-relative.expand-icon::before {
    content: "\e91c";
}


span.mstm-product-delivery-status-label {
    vertical-align: middle;
    font-size: 13px;
}*/

/*--text--*/
/*.product-details-text .mstm-product-title {
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 15px;
    font-weight: bold;
}

.mstm-product-title small {
    font-weight: normal;
    font-size: 23px;
}*/

/*product info*/
/*.product-info {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}*/

/*availability*/
/*.product-details-text .mstm-available {
    margin-bottom: 15px;
}

.product-details-text .mstm-product-delivery-status .mstm-in-stock .mstm-product-delivery-status-label::before {
    content: "";
    width: 10px;
    height: 10px;
    background: var(--instock);
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%;
}
.product-details-text .mstm-product-delivery-status .mstm-out-of-stock .mstm-product-delivery-status-label::before {
    content: "";
    width: 10px;
    height: 10px;
    background: var(--outofstock);
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%;
}

.product-details-text .mstm-product-delivery-status .mstm-in-stock-warning .mstm-product-delivery-status-label::before {
    content: "";
    width: 10px;
    height: 10px;
    background: var(--order);
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%;
}*/

/*short description*/
/*.mstm-product-short-descr-outer {
    display: grid;
    align-items: end;
}

.mstm-product-short-description {
    margin-top: 25px;
    line-height: 1.5;
    font-size: 18px;
}*/

/*price info*/
/*.mstm-price-info {
    margin-top: 35px;
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    column-gap: 25px;
}*/
/*prices*/
/*.mstm-product-prices-disc {
    display:inline-block;
    vertical-align:central;
}

.mstm-product-prices {
    font-size: 30px;
    display: inline-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    font-weight: bold;
}

    .mstm-product-prices .old-price {
        font-size: 20px;
        color: #c1c1c1;
        text-decoration: line-through 1px;
    }*/

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

.mstm-product-cart-actions {
    column-gap: 15px;
    justify-content: left;
    align-items: center;
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
}

    .mstm-product-cart-actions .actions-inner {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        height: 100%;
        gap: 15px;
        width: 100%;
        max-width: 400px;
    }

.mstm-product-quantity-to-add {
    display: inline-block;
    width: 100%;
    padding: 2px 30px;
    text-align: center;
    position: relative;
    font-size: 20px;
}

    .mstm-product-quantity-to-add * {
        z-index: 1;
        position: relative;
    }


.mstm-product-quantity .mstm-subtract-quantity,
.mstm-product-quantity .mstm-add-quantity {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0px 10px;
    font-size: 10px;
    color: #959796;
}

.mstm-product-quantity .mstm-subtract-quantity {
    left: 0px;
}

.mstm-product-quantity .mstm-add-quantity {
    right: 0px;
}

.mstm-product-quantity .mstm-subtract-quantity::before {
    content: "\e979";
}

.mstm-product-quantity .mstm-add-quantity::before {
    content: "\e975";
}

.quantity-num {
    position: relative;
    line-height: 50px;
}

.mstm-product-quantity{
    position:relative;
}

.mstm-product-quantity::before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid #9d9d9d;
    border-radius: 4px;
}*/

/**/
/*.add-cart-product.btn.btn-secondary {
    width: 100%;
    font-size: 20px;
    height: 100%;
    min-height:50px;
}*/

/*wishlist=*/
/*.mstm-product-cart-actions .mstm-btn-wishlist {
    color: var(--text-secondary);
    border: 1px solid;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 20px;
}

    .mstm-product-cart-actions .mstm-btn-wishlist:hover {
        color: var(--blue);
    }*/

.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";
    }

/**/
/*.mstm-variations .mstm-attributes-inner ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 5px;
}*/



/*aditional info*/
.additional-info {
    border-bottom: 1px solid;
    border-top: 1px solid;
    color: var(--text-secondary);
    padding: 20px 0px;
    border-color: #ececec;
}

.additional-info p + p {
    margin-top: 3px;
}

    .additional-info p {
        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(--blue) !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;
}

    .product-thumbnail-slider .slick-prev::before, .product-thumbnail-slider .slick-next::before {
        content: "\e98b" !important;
        line-height: 0.6;
        font-size: 24px;
    }

    .product-thumbnail-slider .slick-prev::before {
        transform: rotate(180deg);
        display: inline-block;
    }

.product-thumbnail-slider .slick-next {
    padding-top: 2px
}

/*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(--blue);
            opacity: 1;
            font-family: "mindseed";
            font-size: 30px;
        }

        .imagemodal-arrows .slick-prev:hover::before, .imagemodal-arrows .slick-next:hover::before {
            color: var(--brandcolor);
        }


        .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(--blue);
    }

#imagemodal .modal {
    border: 4px solid #000;
    padding: 0;
}

#imagemodal .modal {
    scrollbar-color: var(--blue);
    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(--blue);
    }

#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(--blue);
        }

        .single-product-item.cross-product .mstm-checkbox .checkmark.checked::before, 
        .single-product-item.cross-product .mstm-checkbox input:checked ~ .checkmark::before {
            color: #fff;
            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,640px) 400px;
    grid-column-gap: 60px;
    justify-content: center;
    margin-bottom: 60px;
}

.mstm-checkout-col {
    display: grid;
    grid-template-columns: repeat(2,minmax(0px,50%));
    grid-column-gap: 32px;
    width: 100%;
}

/*.checkout-section-title, .checkout-section-subtitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}*/

.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(--blue);
        color: #ffffff;
        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: #fff;
    }*/

.mstm-404-inner {
    /*max-width: 550px;*/
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

    .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(--brandcolor);
    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;
}

#continue-as-guest {
    margin-top: 50px;
}

.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: 30px;
}


.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: 55px 25px;
    background-color: var(--lightgreybg);
}

.cart-total-title,
.mstm-checkout-order-summary-text {
    font-weight: 500;
    padding-bottom: 10px;
    font-size: 26px;
}

#mstm-goto-checkout-outer .btn {
    width: 100%;
    text-align: center;
    font-size: 20px;
    padding: 15px;
}

.cart-total-section {
    margin-top:25px;
    margin-bottom: 40px;
}

/*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(--blue);
}

.mstm-order-fail-icon::before {
    content: "\e981";
    font-family: mindseed;
    font-size: 145px;
    color: var(--blue);
}


.mstm-thankyou-page-order-id {
    color: var(--blue);
}

.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(--blue);
        }


        .mstm-account-page .tab-header.active {
            background: var(--blue);
            color: #fff;
        }

        /*.mstm-account-page .tab-header.active a{
            color: var(--brandcolor);
        }*/

            .mstm-account-page .tab-header.active a:hover {
                color: #fff;
            }

        .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(--blue);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: inline-grid;
    place-items: center;
    color: #fff;
}

#mstm-add-new-address, 
.btn-add-info {
    margin-top: 12px;
    font-size: 43px;
    display: block;
    border: 2px solid var(--blue);
    padding: 5px 10px;
    line-height: 1;
    color: var(--blue);
    transition: 0.3s ease-in-out;
}

    #mstm-add-new-address:hover, 
    .btn-add-info:hover {
        background: var(--blue);
        color: #fff;
    }

.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-mage.jpg);*/
    background: url(/assets/img/elements/newsletter-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}
.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);
    padding-top: 80px;
    padding-bottom: 80px;
    min-height: calc(100vh - var(--headerHeight) - 50px);
    display: grid;
    align-items: center;
    position:relative;
}

.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(--blue);
    }

/*.newsletter-form .form-control {
    text-align: center;
}*/
.newsletter-form .mstm-contact-fullcoll {
    position: relative;
}
.newsletter-form-outer ::-webkit-input-placeholder {
    opacity: 1;
    color: var(--blue);
}

    .newsletter-form-outer :-ms-input-placeholder {
        opacity: 1;
        color: var(--blue);
    }

    .newsletter-form-outer ::placeholder {
        opacity: 1;
        color: var(--blue);
    }
/*========*/

/*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(--theme-orange);
    border-radius: 50%;
    color: #fff;
    font-size: calc(var(--size)*0.5);
    line-height: var(--size);
}

    .mstm-theme-icon::before {
        line-height: var(--size);
    }

/*==slick==*/
.slick-slider .slick-arrow {
    --arrowsize: 50px;
    width: var(--arrowsize) !important;
    height: var(--arrowsize) !important;
    background: transparent;
    border-radius: 50%;
    color: var(--black);
    transform: translateY(-50%) !important;
    border: 1px solid;
}

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

.slick-prev.msicon-before-relative::before {
    content: '\e98c';
}

.slick-next.msicon-before-relative::before {
    content: '\e98d' !important;
}

/*.slick-prev.msicon-before-relative::before,
.slick-next.msicon-before-relative::before {
    font-size: 28px;
    color: var(--black);
}*/
/*==*/
/*--main side title section--*/
.side-title {
    width: 100%;
    max-width: var(--side-size);
   /* border-top: 5px solid var(--blue);*/
    padding: 15px 0 15px var(--main-padding);
    text-align: right;
    text-transform: uppercase;
    /*margin-left: calc(var(--main-padding)*-1);*/
    position:relative;
}

    .side-title::before {
        content: "";
        display:block;
        width: 100%;
        border-top: 5px solid var(--blue);
        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) + 10px) !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;
    }


/*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);
    }

    /*----single product----*/

    /*.add-cart-product {
        padding: 5px 38px;
        font-size: 22px;
    }

    .mstm-product-cart-actions {
        grid-template-columns: 100px minmax(0px,300px);
    }

    .mstm-product-quantity .mstm-subtract-quantity {
        left: 0px;
    }

    .mstm-product-quantity .mstm-add-quantity {
        right: 0px;
    }

    .single-product-item .product-text h2, .single-product-item .manf-text {
        font-size: 16px;
    }

    .mstm-product-page-image {
        margin-right: 30px;
    }*/  

    /*-------------*/
    /*.mstm-single-post .post-title {
        font-size: 32px;
    }

    .morphsearch-input {
        font-size: 20px;
    }

    #search-close::before {
        font-size: 24px;
    }

    .mstm-cross-products .add-cart-product {
        font-size: 19px;
        padding: 8px 25px;
    }

    .mstm-cross-products .add-cart-product {
        font-size: 20px;
        padding: 8px 28px;
    }*/

    /*==blog list==*/
   /* .mstm-blog-list.container {
        margin-top: 0px;
    }

    .mstm-blog-filter-search {
        grid-row-gap: 20px;
        justify-content: center;
        grid-column-gap: 40px;
        grid-template-columns: auto;
        grid-template-areas: unset;
    }
    .mstm-blog-list .mstm-blog-filters-outer, .blog-search {
        grid-area: unset;
    }

    .blog-search {
        order:-1;
    }*/

    /*==single blog==*/
    /*.post-main-inner h1 {
        font-size: 27px;
        margin-top: 40px;
        margin-bottom: 60px;
    }

    .single-post .post-body > div > p:first-of-type {
        font-size: 20px;
    }

    .category-bottom {
        grid-template-columns: minmax(0, 40%) minmax(60%,1fr);
    }

    .category-bottom .products-outer {
      padding: 15px;
    }

    .category-bottom .mstm-products {
        grid-column-gap: 0;
    }*/
}

@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;
    }


    /*====product page====*/
    /*--product page vertical--*/
   /* .product-thumbnail-slider .slick-prev::before, .product-thumbnail-slider .slick-next::before {
        content: "\e98d" !important;
        font-size: 18px;
    }

    .product-page.product-details-area {
        grid-template-columns: repeat(1,minmax(0px,700px));
        grid-row-gap: 14px;
        justify-content: center;
        margin-bottom: 80px;
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .product-page.product-details-area .product-imgs {
        order: 2;
     }

    .product-s-container-outer {
        grid-template-columns: repeat(1,minmax(0px,700px));
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .product-s-container {
        grid-column: unset;
    }

    .mstm-product-page-image {
        margin-right: 0px;
        margin-bottom: 0;
        order: 0;
    }

    .single-product-image-inner {
        margin-bottom: 0px;
    }

    .single-product-thumbnail.product-thumbnail-slider {
        order: 1;
    }

    .mstm-product-details-outer-relative {
        order: 2;
    }

    .single-product-thumbnail.product-thumbnail-slider img {
        padding: 10px 10px;
    }

    .single-product-thumbnail.product-thumbnail-slider {
        order: 2;
        margin-bottom: 20px;
        justify-self: start;
    }

    .product-thumbnail-slider .slick-prev, .product-thumbnail-slider .slick-next {
        position: absolute;
        left: unset !important;
        top: 50% !important;
        margin: 0px;
        transform: translateY(-50%) !important;
        padding: 10px 0px;
    }

    .product-thumbnail-slider .slick-prev {
        left: 0px !important;
    }

    .product-thumbnail-slider .slick-next {
        right: 0px !important;
    }

    .mstm-product-details-outer {
        order: 3;
    }

    .mstm-product-cart-actions {
        grid-template-columns: 100px minmax(0,1fr);
    }

    .product-s-container {
        margin-top: 0px;
    }

    .product-s-container-outer {
        grid-template-columns: minmax(0px,850px) minmax(335px,1fr);
        display: grid;
        display: block;
    }*/

    /*cross*/
   /* .mstm-cross-repeater.mstm-products .single-product-item {
        min-width: 190px;
    }
    .mstm-cross-products-inner {
        grid-template-columns: auto;
        row-gap: 40px;
    }

    .cross-total {
        margin-left: auto;
        margin-right: auto;
    }*/
    /**/

    /*#prdocut-tabs-headers {
        width: 100vw;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        padding-left: 80px;
        padding-right: 80px;
        max-width: 710px;
    }

    .mstm-related-products .main-title {
        padding-right: 20px;
        font-size: 35px;
    }

    .mstm-product-short-descr-outer {
        min-height: unset;
    }

    .footer-area-inner > .container::before {
        bottom: -15px;
    }

    .mstm-product-quantity .mstm-subtract-quantity,
    .mstm-product-quantity .mstm-add-quantity {
        font-size: 16px;
        color: #000;
    }*/
   
}


@media (max-width: 1004px){
    /*====product list====*/
    /*----top level----*/
    /*subcategories paggination*/
    /*.subcategories-thumbs-outer .mstm-paggination.show {
        display: block;
    }

    .subcategories-thumbs-inner.categories .category-item {
        display: none;
    }

    .subcategories-thumbs-inner.categories .category-item:nth-child(-n+6),
    .subcategories-thumbs-inner.categories .category-item.showmore {
        display: block;
    }*/
}

@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: 20px;
    }

    /*==product list==*/
  /*  .categorypage-cover.hasimage.no-margin {
        margin-bottom: 30px;
    }*/ 

    /**/

    .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(--blue);
        }

        .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%;
    }
   
    /*new*/

    /*====header====*/
/*    .mstm-header-main-inner {
        display: flex;
    }

    .mstm-header-left.bm {
        display: flex;
        gap: 10px;
        flex-grow: 1;
        flex-basis: 0;
    }

    .mstm-header-right {
        height: 100%;
        padding-left: 0px;
        flex-grow: 1;
        flex-basis: 0;
    }*/

    /*----search----*/
   /* .burger-mobile-search {
        display:grid;
    }*/
    .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(--blue);
        }

            #mobile-search  .morphsearch-input-wrapper button {
                display: block;
                width: 40px;
                background: var(--blue);
                color: var(--brandcolor);
                background: var(--brandcolor);
                color: var(--blue);
            }

    .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(--brandcolor);
        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(--blue);
    }

    .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;
    }
}