/* Minification failed. Returning unminified contents.
(3892,17): run-time error CSS1036: Expected expression, found ';'
 */
.fa,
.fas,
.far,
.fal,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url("/content/tools/font-awesome-5.8.1/webfonts/fa-brands-400.eot");
    src: url("/content/tools/font-awesome-5.8.1/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/content/tools/font-awesome-5.8.1/webfonts/fa-brands-400.woff2") format("woff2"), url("/content/tools/font-awesome-5.8.1/webfonts/fa-brands-400.woff") format("woff"), url("/content/tools/font-awesome-5.8.1/webfonts/fa-brands-400.ttf") format("truetype"), url("/content/tools/font-awesome-5.8.1/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
    font-family: 'Font Awesome 5 Brands';
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/content/tools/font-awesome-5.8.1/webfonts/fa-regular-400.eot");
    src: url("/content/tools/font-awesome-5.8.1/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/content/tools/font-awesome-5.8.1/webfonts/fa-regular-400.woff2") format("woff2"), url("/content/tools/font-awesome-5.8.1/webfonts/fa-regular-400.woff") format("woff"), url("/content/tools/font-awesome-5.8.1/webfonts/fa-regular-400.ttf") format("truetype"), url("/content/tools/font-awesome-5.8.1/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("/content/tools/font-awesome-5.8.1/webfonts/fa-solid-900.eot");
    src: url("/content/tools/font-awesome-5.8.1/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/content/tools/font-awesome-5.8.1/webfonts/fa-solid-900.woff2") format("woff2"), url("/content/tools/font-awesome-5.8.1/webfonts/fa-solid-900.woff") format("woff"), url("/content/tools/font-awesome-5.8.1/webfonts/fa-solid-900.ttf") format("truetype"), url("/content/tools/font-awesome-5.8.1/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}


/*@font-face {
    font-family: YekanWeb;
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src: url('/content/font/yekanweb/eot/iranyekanwebbold.eot');
    src: url('/content/font/yekanweb/eot/iranyekanwebbold.eot?#iefix') format('embedded-opentype'),*/ /* IE6-8 */
    /*url('/content/font/yekanweb/woff/iranyekanwebbold.woff') format('woff'),*/ /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    /*url('/content/font/yekanweb/woff2/iranyekanwebbold.woff2') format('woff2'),*/ /* FF39+,Chrome36+, Opera24+*/
    /*url('/content/font/yekanweb/ttf/iranyekanwebbold.ttf') format('truetype');
}

@font-face {
    font-family: YekanWeb;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/content/font/yekanweb/eot/iranyekanwebmedium.eot');
    src: url('/content/font/yekanweb/eot/iranyekanwebmedium.eot?#iefix') format('embedded-opentype'),*/ /* IE6-8 */
    /*url('/content/font/yekanweb/woff/iranyekanwebmedium.woff') format('woff'),*/ /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    /*url('/content/font/yekanweb/woff2/iranyekanwebmedium.woff2') format('woff2'),*/ /* FF39+,Chrome36+, Opera24+*/
    /*url('/content/font/yekanweb/ttf/iranyekanwebmedium.ttf') format('truetype');
}

@font-face {
    font-family: YekanWebFa;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/content/font/yekanweb/fa-num/IRANSans-FaNum_Medium.ttf');
    src: url('/content/font/yekanweb/fa-num/IRANSans-FaNum_Medium.ttf') format('truetype');
}*/




/*@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: normal;
    src: url('/content/font/YekanBakh/woff/YekanBakh-Regular.woff') format('woff'), url('/content/font/YekanBakh/woff2/YekanBakh-Regular.woff2') format('woff2');
}

@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: bold;
    src: url('/content/font/YekanBakh/woff/YekanBakh-Bold.woff') format('woff'), url('/content/font/YekanBakh/woff2/YekanBakh-Bold.woff2') format('woff2');
}*/

/*@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: 950;
    src: url('fonts/woff/Yekan Bakh-ExtraBlack.woff') format('woff'), url('fonts/woff2/Yekan Bakh-ExtraBlack.woff2') format('woff2');
}*/

    /* 000000000000000000000000000000000000000000000000 
@font-face {
    font-family: YekanWeb;
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url('/content/font/IRANYekanXPro/woff/IRANYekanX-Regular.woff') format('woff'), url('/content/font/IRANYekanXPro/woff2/IRANYekanX-Regular.woff2') format('woff2');
}

@font-face {
    font-family: YekanWeb;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('/content/font/IRANYekanXPro/woff/IRANYekanX-Light.woff') format('woff'), url('/content/font/IRANYekanXPro/woff2/IRANYekanX-Light.woff2') format('woff2');
}

@font-face {
    font-family: YekanWeb;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/content/font/IRANYekanXPro/woff/IRANYekanX-Medium.woff') format('woff'), url('/content/font/IRANYekanXPro/woff2/IRANYekanX-Medium.woff2') format('woff2');
}

@font-face {
    font-family: YekanWeb;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/content/font/IRANYekanXPro/woff/IRANYekanX-DemiBold.woff') format('woff'), url('/content/font/IRANYekanXPro/woff2/IRANYekanX-DemiBold.woff2') format('woff2');
}

@font-face {
    font-family: YekanWeb;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('/content/font/IRANYekanXPro/woff/IRANYekanX-ExtraBold.woff') format('woff'), url('/content/font/IRANYekanXPro/woff2/IRANYekanX-ExtraBold.woff2') format('woff2');
}
        */

.fa-phone:before {
    content: "\f095";
}
.fa-search:before {
    content: "\f002";
}
.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}
.fa-chevron-down:before {
    content: "\f078";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-star:before {
    content: "\f005";
}
.fa-instagram:before {
    content: "\f16d";
}
.fa-telegram:before {
    content: "\f2c6";
}
.fa-whatsapp:before {
    content: "\f232";
}

.fa-sign-out-alt:before {
    content: "\f2f5";
}
.fa-passport:before {
    content: "\f5ab";
}
.fa-headset:before {
    content: "\f590";
}
.fa-heart:before {
    content: "\f004";
}
.fa-user-cog:before {
    content: "\f4fe";
}
.fa-shopping-cart:before {
    content: "\f07a";
}
.fa-map-marker-alt:before {
    content: "\f3c5";
}
.fa-circle:before {
    content: "\f111";
}
*, ::after, ::before {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

body {
    text-align: right;
    direction: rtl;
    font-family: IRANYekanXVF;
    background-color: #fff;
    overflow-x: hidden;
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
}

.TheRed {
    color: #dc0700;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #5b02a8;
    text-decoration: none;
    background-color: transparent;
}

    a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none;
    }

.esrever {
    cursor: pointer;
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

    ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0;
    }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

body > header {
    background-color: #fff;
    position: relative;
}

.menu-topside {
    position: relative;
    z-index: 11;
    background: #fff;
    width: 100%;
}
/*body > header.has-shadow {
        box-shadow: 0 2px 5px rgba(0,0,0,.1);
    }*/

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
    box-shadow: 0 0 5px #00000012;
}

.container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto
}

a {
    color: #5b02a8;
    text-decoration: none;
    background-color: transparent;
}

img {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
    font-size: 11px !important;
}

[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

[type="button"], [type="reset"], [type="submit"], button {
    -webkit-appearance: button;
}

input {
    font-family: IRANYekanXVF;
}

@media (min-width:576px) {
    .container {
        max-width: 100%
    }
}

@media (min-width:768px) {
    .container {
        max-width: 100%
    }
}


@media (min-width: 992px) {
    .container {
        max-width: 980px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1160px;
    }
}

@media (min-width: 1360px) {
    .container {
        max-width: 1320px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1380px;
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1420px;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1560px;
    }
}



.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .4rem 1rem;
}

.navbar-expand {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.navbar-light {
    background-color: #fff;
}

.fnav {
    display: block !important;
    text-align: center;
    flex-direction: row;
    padding: 7px 0;
    margin: 0;
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
}

.collapse:not(.show) {
    display: none;
}

.navbar-expand .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-left: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    position: relative;
}

.fnav .navbar-brand {
    margin-left: 1rem;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
}

.navbar-brand .logo {
    max-width: 240px;
    height: 45px;
}

    .navbar-brand .logo.logo-mobile {
        width: 153px;
        height: 32px;
    }

.norooz {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 8px;
    left: 13px;
    background: #fff;
}

.mobile-only-top {
    background-color: #fff;
    padding-bottom: 0;
}

    .mobile-only-top a {
        color: #313132;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 32px;
        height: 32px;
    }

    .mobile-only-top .basket-menu .count {
        bottom: 0;
        left: -8px;
        opacity: .6;
        font-size: 10px;
    }

    .mobile-only-top .logo {
        color: #313132;
        max-height: 40px;
        height: 40px;
    }

    .mobile-only-top .navbar-toggler-icon {
        background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M26.667 8.333H5.334c-.547 0-1-.453-1-1s.453-1 1-1h21.333c.547 0 1 .453 1 1s-.453 1-1 1zm0 8.667H5.334c-.547 0-1-.453-1-1s.453-1 1-1h21.333c.547 0 1 .453 1 1s-.453 1-1 1zM5.334 25.667h21.333c.547 0 1-.453 1-1s-.453-1-1-1H5.334c-.547 0-1 .453-1 1s.453 1 1 1z' fill='%235b02a8' stroke='%235b02a8' stroke-width='1'/%3E%3C/svg%3E");
        background-repeat: no-repeat no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .mobile-only-top .fa-phone {
        font-size: 20px;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

    .mobile-only-top .navbar-brand {
        margin: auto;
    }

.night-mode {
    border: none;
    background: none;
    font-size: 21px;
    margin-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-btn.nighty {
    display: none;
}

    .login-btn.nighty .night-mode {
        margin-left: 0px;
    }

.mobile-only-top .night-mode {
    display: inline;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.mobile-only-top .navbar-toggler {
    padding: 0;
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}



.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-block {
    display: block !important;
}

.d-none {
    display: none !important;
}

.m-auto {
    margin: auto !important;
}

.ml-auto, .mx-auto {
    margin-right: auto !important;
}

.mr-auto, .mx-auto {
    margin-left: auto !important;
}

.pl-1, .px-1 {
    padding-right: .25rem !important
}



.form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    .form-control::-webkit-input-placeholder {
        color: #6c757d;
        opacity: 1
    }

    .form-control::-moz-placeholder {
        color: #6c757d;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #6c757d;
        opacity: 1
    }

    .form-control::-ms-input-placeholder {
        color: #6c757d;
        opacity: 1
    }

    .form-control::placeholder {
        color: #6c757d;
        opacity: 1
    }


.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.input-group > .form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

    .input-group > .form-control:not(:last-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.input-group-append {
    margin-right: -1px;
}

.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}

.main-search {
    margin: 5px 0 5px 10px;
    width: 100%;
    min-width: 30%;
}

.main-search-form {
    height: 45px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
}

    .main-search-form .form-control {
        height: 43px;
        line-height: 43px;
        background-color: #fff;
        font-weight: 200;
        font-size: 14px;
        padding: 0 !important;
        position: relative;
        border: none;
        border-top-right-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

        .main-search-form .form-control input {
            width: 100%;
            height: 43px;
            display: block;
            border: none;
            padding: .375rem .75rem;
            background-color: #fff;
            border-top-right-radius: 15px !important;
            border-bottom-right-radius: 15px !important;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            font-size: 18px;
            font-weight: initial;
            line-height: 43px;
        }

            .main-search-form .form-control input:focus {
                outline: none;
            }

            .main-search-form .form-control input::placeholder {
                color: #bbbbbb;
                font-size: 15px;
            }

    .main-search-form .input-group-append button {
        border-top-left-radius: 10px !important;
        border-bottom-left-radius: 10px !important;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border: none;
        background: none;
        background: #f5f5f5;
        text-align: center;
        min-width: 55px;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .main-search-form .input-group-append button:hover {
            background-color: #dfcd00;
            border-color: #dfcd00;
            color: #fff;
        }

        .main-search-form .input-group-append button i {
            width: 25px;
            height: 25px;
            display: block;
        }

    .main-search-form .form-control #search-overlay {
        width: 35px;
        height: 35px;
        position: absolute;
        top: 5px;
        left: 5px;
        display: none;
    }

.dropdown, .dropleft, .dropright, .dropup {
    position: relative;
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 0;
    margin-bottom: 0;
    list-style: none;
}

    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

.navbar-expand .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
}

.more-pad {
    justify-content: center !important;
}

#nav-main-menu .more-pad {
    flex-direction: row-reverse;
    padding: 2px 0;
}

.more-pad li {
    text-align: center;
}

li.slipt {
    content: ' ';
    background: #e0e0e0;
    width: 1.5px;
    height: 29px;
    margin-top: 15px;
    flex-shrink: 0;
    display: none;
    opacity: 0.5;
}

    li.slipt.mx1 {
        margin-right: 1px;
        margin-left: 1px;
    }

/*.more-pad .nav-item {
    padding-right: 8px;
}*/

.icon-search {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icon-search' viewBox='0 0 32 32'%3E%3Cpath d='M15.333 29C7.8 29 1.666 22.867 1.666 15.333S7.799 1.666 15.333 1.666C22.866 1.666 29 7.799 29 15.333S22.867 29 15.333 29zm0-25.333c-6.44 0-11.667 5.24-11.667 11.667s5.227 11.667 11.667 11.667c6.44 0 11.667-5.24 11.667-11.667S21.773 3.667 15.333 3.667zM29.334 30.333a.99.99 0 0 1-.707-.293l-2.667-2.667c-.387-.387-.387-1.027 0-1.413s1.027-.387 1.413 0l2.667 2.667a1.005 1.005 0 0 1 0 1.413c-.2.2-.453.293-.707.293z' fill='%235b02a8' stroke='%235b02a8' stroke-width='1'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}

.basket-menu .nav-link {
    padding: 0 !important;
    height: 55px;
    width: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    background-color: #fff;
    border: none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #383838;
}

.basket-menu .top-basket-menu {
    display: block;
    width: 32px;
    height: 32px;
}

.basket-menu .icon, .icon-empty, .icon-basket {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.88 111.85'%3E%3Cpath fill='%235b02a8' d='M4.06,8.22A4.15,4.15,0,0,1,0,4.06,4.13,4.13,0,0,1,4.06,0h6A19.12,19.12,0,0,1,20,2.6c5.44,3.45,6.41,8.38,7.8,13.94h91a4.07,4.07,0,0,1,4.06,4.06,5,5,0,0,1-.21,1.25L112.06,64.61a4,4,0,0,1-4,3.13H41.51c1.46,5.41,2.92,8.32,4.89,9.67C48.8,79,53,79.08,59.93,79h47.13a4.06,4.06,0,0,1,0,8.12H60c-8.63.1-13.94-.11-18.2-2.91s-6.66-7.91-8.95-17h0L18.94,14.46c0-.1,0-.1-.11-.21a7.26,7.26,0,0,0-3.12-4.68A10.65,10.65,0,0,0,10,8.22H4.06Zm80.32,25a2.89,2.89,0,0,1,5.66,0V48.93a2.89,2.89,0,0,1-5.66,0V33.24Zm-16.95,0a2.89,2.89,0,0,1,5.67,0V48.93a2.89,2.89,0,0,1-5.67,0V33.24Zm-16.94,0a2.89,2.89,0,0,1,5.66,0V48.93a2.89,2.89,0,0,1-5.66,0V33.24Zm41.72-8.58H30.07l9.26,34.86H105l8.64-34.86Zm2.68,67.21a10,10,0,1,1-10,10,10,10,0,0,1,10-10Zm-43.8,0a10,10,0,1,1-10,10,10,10,0,0,1,10-10Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 30px;
    width: 32px;
    height: 32px;
    display: inline-block;
    margin: auto auto auto 0;
}

.icon-empty {
    width: 70px;
    height: 70px;
    background-size: 100%;
    filter: grayscale(1);
    opacity: 0.3;
    margin-bottom: 15px;
}

.basket-menu .count {
    position: absolute;
    bottom: 1px;
    width: 100%;
    text-align: center;
    left: -9px;
    opacity: 0.6;
}

    .basket-menu .count .t-basket-count {
        margin: auto;
        background-color: #5b02a8;
        border-radius: 50%;
        color: #fff;
        white-space: nowrap;
        display: inline-block;
        min-width: 20px;
        min-height: 20px;
        font-size: 13px;
        line-height: 20px;
    }

.basket-menu .dropdown-menu {
    min-width: 20rem;
}

.basket-cart-scroll {
    overflow-y: auto;
    overflow-x: hidden;
    flex-grow: 1;
}

.basket-menu .dropdown-item {
    padding: 0;
    border-bottom: none;
}


.basket-item {
    text-align: right;
    font-size: 13px;
    white-space: initial;
    width: 100%;
    clear: both;
    overflow: hidden;
    display: block;
    position: relative;
    padding: 0 0.5rem;
}

    .basket-item .kadr {
        border-bottom: 1px solid #eee;
        padding: 15px 0;
        margin: 0 8px;
    }

    .basket-item .info {
        width: 100%;
        min-height: 60px;
        padding-right: 60px;
        display: block;
        position: relative;
    }

        .basket-item .info .title {
            color: #333;
            text-overflow: ellipsis;
            height: 45px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            font-size: 12.5px;
            line-height: 23px;
        }

        .basket-item .info .TheTrash {
            background-repeat: no-repeat;
            background-position: center;
            display: block;
            width: 36px;
            height: 36px;
            border: 1px solid #eee;
            border-radius: 8px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            background-color: #f9f9f9;
            color: #aaa
        }

            .basket-item .info .TheTrash.fa-spinner {
                background-image: none;
                background: #fff;
            }

    .basket-item .thumb {
        width: 50px;
        height: 50px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: none;
        float: right;
        position: absolute;
        top: 20px;
        right: 15px;
    }

    .basket-item .info-op {
        margin: 5px 0 5px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }


    .basket-item .info-more {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        margin-top: 5px;
        color: #aaa;
        font-size: 11px;
    }


    .basket-item .price {
        color: #383838;
        font-size: 12px;
    }




.basket-side {
    position: fixed;
    top: 0;
    border-radius: 0;
    height: 100%;
    width: 360px;
    max-width: 95%;
    left: -380px;
    border: none;
    z-index: 101;
    visibility: hidden;
    background: #fff;
    box-shadow: 0 0 5px #00000057;
    transition: all ease-in-out 0.2s;
}

    .basket-side.active {
        visibility: visible;
        left: 0;
    }

    .basket-side + #basket-shadow {
        content: ' ';
        background-color: #0000003c;
        position: fixed;
        width: 100vw;
        height: 100vh;
        z-index: 100;
        left: 0;
        top: 0;
        visibility: hidden;
        opacity: 0;
        transition: all ease-in-out 0.2s;
        backdrop-filter: blur(1px);
    }

    .basket-side.active + #basket-shadow {
        visibility: visible;
        opacity: 1;
    }

.basket-side-bar {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
}

    .basket-side-bar .baskety-header {
        padding: 15px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0;
        flex-grow: 0;
        border-bottom: 1px solid #eee;
    }

        .basket-side-bar .baskety-header strong {
            font-size: 16px;
        }

        .basket-side-bar .baskety-header .fa-times {
            color: #aaa;
            cursor: pointer;
        }


    .basket-side-bar .jam-kol {
        margin-top: auto;
        flex-shrink: 0;
        flex-grow: 0;
        width: 100%;
        border-top: 1px solid #eee;
        padding: 10px 15px 15px 15px !important;
    }

    .basket-side-bar .empty {
        padding: 20px 15px 20px 15px !important;
        font-size: 14px;
        text-align: center;
        margin-top: 0;
        flex-grow: 1;
    }


    .basket-side-bar .jam {
        font-size: 12px;
        text-align: right;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: end;
        flex-direction: column;
        padding-left: 0.5rem;
        color: #333;
    }

    .basket-side-bar .label {
        line-height: initial;
    }

    .basket-side-bar .jam .total-price {
        color: #333;
        font-size: 17px;
        text-align: left;
        font-weight: bold;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

        .basket-side-bar .jam .total-price .value {
            font-weight: 800;
        }

        .basket-side-bar .jam .total-price:hover {
            color: #5b02a8;
            text-decoration: none;
            font-style: initial;
        }





.btn-see {
    background-color: #5b02a8;
    color: #fff;
    display: block;
    border-radius: 10px;
    padding: 7px 15px;
    margin: 5px 0.5rem 0 0.5rem;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

    .btn-see.big {
        padding: 15px 15px;
    }

    .btn-see:hover {
        color: #fff;
    }

    .btn-see.see-basket {
        background-color: #e4e4e4;
        color: #666;
        border: 1px solid #ddd;
    }

.load-quantity {
    position: absolute;
    margin: 0 auto;
    top: 8px;
    left: 0;
    right: 0;
    display: none
}

.le-quantity {
    position: relative;
    border: 1px solid #eee;
    display: inline-block;
    border-radius: 8px;
    overflow: hidden;
}

    .le-quantity .minus,
    .le-quantity .plus {
        position: absolute;
        width: 5px;
        height: 100%;
        padding: 3px 14px;
        background-color: #f9f9f9;
        top: 0;
        font-family: fontawesome;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #259a1b;
    }

        .le-quantity .minus:hover,
        .le-quantity .plus:hover {
            background-color: #f6f6f6;
        }

        .le-quantity .minus,
        .le-quantity .plus,
        .le-quantity .minus:after,
        .le-quantity .plus:after {
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }


    .le-quantity .minus {
        left: 0;
    }

        .le-quantity .minus:after {
            content: "\f068";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
        }

    .le-quantity .plus {
        right: 0;
    }

        .le-quantity .plus:after {
            content: "\f067";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
        }

    .le-quantity input {
        border: none;
        text-align: center;
        width: 100px;
        color: #259a1b;
        font-size: 17px;
        background-color: #f9f9f9;
        line-height: 35px;
        height: 35px;
        font-family: IRANYekanXVFFa,IRANYekanXVF;
    }


.login-btn .dropdown-item.active, .login-btn .dropdown-item:hover {
    text-decoration: none;
    background-color: initial;
}



.login-btn {
    padding: .375rem;
    height: 55px;
    width: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    border: none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #383838;
    position: relative;
}

.more-pad .login-btn {
    padding: .2rem;
    text-align: center;
}

.nav-item.login-btn a.nav-link {
    color: #383838;
    padding-left: 0;
    font-size: 13px;
    white-space: nowrap;
    display: flex;
    justify-content: start;
    align-items: center;
    font-weight: 600;
}

#user-menu-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
    margin-right: auto;
}

.login-btn .icon {
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.88 122.88'%3E%3Cpath fill='%235b02a8' d='M61.44,0a61.43,61.43,0,0,1,43.44,104.88,59.25,59.25,0,0,1-43.44,18A61.44,61.44,0,0,1,61.44,0Zm-32,36.5c14.4-15.87,31-24.5,43.44-10.38a13,13,0,0,1,8.63,3.54c5.91,5.54,6,16.65,2.32,24.09v1.9a4.57,4.57,0,0,1,1.86,1.82l.07.11a9.4,9.4,0,0,1,1.06,3.58,15.72,15.72,0,0,1-.08,3.93v.06c-.5,3.2-2,6.23-4.66,7.22l-.2.2c-2.77,2.89-8.38,8.73-9.2,12.78-.3,1.48.4,2.71,3,3.24,3.53.71,6.75,1.2,9.52,1.62,9.62,1.44,14.18,2.13,15.75,9.37a54.92,54.92,0,1,0-79,0c1.55-7.15,6.05-7.85,15.49-9.29,2.33-.36,5-.77,8-1.36,4-.79,5.19-2.27,4.85-4-.66-3.41-5.19-8.09-8.63-11.65l-.87-.89c-2.81-1-4.52-3.69-5.18-6.66a13.31,13.31,0,0,1-.24-4.07,9.26,9.26,0,0,1,1.11-3.73,6,6,0,0,1,1.05-1.36L36,55.65c-.56-6.25,1.08-17.1-6.53-19.15ZM71.77,37c-7.38,4.64-11.08,3.54-17.16,4.54-5,.83-9.2,2.58-11.74,5.66q0,.48,0,1v8.94a1.9,1.9,0,0,1-1.9,1.9h-.17a1.32,1.32,0,0,0-1,.76A5.65,5.65,0,0,0,39.14,62a9.19,9.19,0,0,0,.19,2.89c.39,1.78,1.28,3.38,2.65,3.87a1.85,1.85,0,0,1,1.16.58l1.25,1.29c3.78,3.91,8.75,9,9.63,13.55.77,3.94-1.05,7.14-7.85,8.47-3.12.61-5.83,1-8.19,1.39-8.16,1.25-11.7,1.79-12.64,8.78a54.93,54.93,0,0,0,72.2,0c-1-7.06-4.56-7.61-12.9-8.86-2.69-.41-5.84-.88-9.7-1.67-5.35-1.09-6.71-4-6-7.7h0C70,79.46,76.13,73.1,79.16,70l.58-.61a2,2,0,0,1,1.12-.57c1.11-.47,1.83-2.25,2.13-4.2v0a11.67,11.67,0,0,0,.07-2.94,5.51,5.51,0,0,0-.59-2.11l0-.08c-.13-.21-.25-.33-.35-.33a1.89,1.89,0,0,1-2-1.74V48.23c0-5.17-2.42-6.95-6.89-10.22l-.25-.18c-.37-.28-.75-.54-1.13-.79Z'/%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip_user_name)'%3E%3Cpath d='M23.0001 23.69C25.5685 23.69 27.6576 21.6008 27.6576 19.0325C27.6576 16.4642 25.5685 14.375 23.0001 14.375C20.4318 14.375 18.3427 16.4642 18.3427 19.0325C18.3427 21.6008 20.4318 23.69 23.0001 23.69Z' stroke='%235b02a8' stroke-width='2.875' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M17.9591 31.625C20.2208 27.8108 25.7216 27.7916 28.0216 31.5866V31.625' stroke='%235b02a8' stroke-width='2.875' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M40.25 23C40.25 13.4731 32.5269 5.75 23 5.75C13.4731 5.75 5.75 13.4731 5.75 23C5.75 32.5269 13.4731 40.25 23 40.25C32.5269 40.25 40.25 32.5269 40.25 23Z' stroke='%235b02a8' stroke-width='2.875' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip_user_name'%3E%3Crect width='46' height='46' fill='currentColor'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 34px;
    /*background-image: url(/content/2019/images/icons.png);*/
    /*background-position: -1px -4px;*/
    width: 32px;
    height: 32px;
    display: inline-block;
}

.login-btn.call-top .icon {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' id='icon-call-outgoing' viewBox='0 0 32 32'%3E%3Cpath fill='%235b02a8' d='M23.27 30.333c-1.507 0-3.093-.36-4.733-1.053-1.6-.68-3.213-1.613-4.787-2.747a41.593 41.593 0 0 1-4.493-3.827 39.942 39.942 0 0 1-3.827-4.48c-1.147-1.6-2.067-3.2-2.72-4.747-.693-1.653-1.04-3.253-1.04-4.76 0-1.04.187-2.027.547-2.947a7.109 7.109 0 0 1 1.787-2.587c1.027-1.013 2.2-1.52 3.453-1.52.52 0 1.053.12 1.507.333.52.24.96.6 1.28 1.08l3.093 4.36c.28.387.493.76.64 1.133.173.4.267.8.267 1.187 0 .507-.147 1-.427 1.467-.2.36-.507.747-.893 1.133l-.907.947c.013.04.027.067.04.093.16.28.48.76 1.093 1.48a49.429 49.429 0 0 0 1.88 2.053c.787.773 1.44 1.387 2.053 1.893.76.64 1.253.96 1.547 1.107l-.027.067.973-.96c.413-.413.813-.72 1.2-.92.733-.453 1.667-.533 2.6-.147.347.147.72.347 1.12.627l4.427 3.147c.493.333.853.76 1.067 1.267.2.507.293.973.293 1.44 0 .64-.147 1.28-.427 1.88s-.627 1.12-1.067 1.6c-.76.84-1.587 1.44-2.547 1.827-.92.373-1.92.573-2.973.573zM7.457 3.667c-.733 0-1.413.32-2.067.96-.613.573-1.04 1.2-1.307 1.88A5.833 5.833 0 0 0 3.67 8.72c0 1.24.293 2.587.88 3.973.6 1.413 1.44 2.88 2.507 4.347s2.28 2.893 3.613 4.24a37.513 37.513 0 0 0 4.253 3.627c1.44 1.053 2.92 1.907 4.387 2.52 2.28.973 4.413 1.2 6.173.467.68-.28 1.28-.707 1.827-1.32.307-.333.547-.693.747-1.12.16-.333.24-.68.24-1.027 0-.213-.04-.427-.147-.667-.04-.08-.12-.227-.373-.4l-4.427-3.147a3.811 3.811 0 0 0-.733-.413c-.293-.12-.413-.24-.867.04-.267.133-.507.333-.773.6l-1.013 1c-.52.507-1.32.627-1.933.4l-.36-.16c-.547-.293-1.187-.747-1.893-1.347a42.241 42.241 0 0 1-2.173-2.013 46.762 46.762 0 0 1-1.987-2.16c-.627-.733-1.08-1.36-1.36-1.88l-.16-.4c-.08-.307-.107-.48-.107-.667 0-.48.173-.907.507-1.24l1-1.04c.267-.267.467-.52.6-.747a.852.852 0 0 0 .147-.453c0-.107-.04-.267-.107-.427a3.826 3.826 0 0 0-.427-.707L8.618 4.226a1.22 1.22 0 0 0-.493-.413 1.675 1.675 0 0 0-.667-.147zm11.147 16.346-.213.907.36-.933c-.067-.013-.12 0-.147.027zM26.661 12.733c-.547 0-1-.453-1-1v-5.4h-5.4c-.547 0-1-.453-1-1s.453-1 1-1h6.4c.547 0 1 .453 1 1v6.4c0 .547-.453 1-1 1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    /*background-image: url(/content/2019/images/icons.png);*/
    /*background-position: -1px -4px;*/
    width: 30px;
    height: 30px;
    display: inline-block;
}

.red-circle {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    right: 35px;
    top: 32px;
    border-radius: 50%;
    border: 3px solid #ff0000;
}

#call-top {
    /*margin-left: 7px;*/
    /*display: none;*/
}

    #call-top a {
        font-size: 15px;
        margin-top: 4px;
        letter-spacing: 1.5px;
        display: block;
        font-weight: 600;
        color: #383838;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

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

#go-to-top-page {
    position: absolute;
    top: -28px;
    height: 25px;
    background: #dfcd00;
    border: 1px solid #dfcd00;
    border-bottom: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 0 12px;
    border-radius: 14px 14px 0 0;
    left: 12px;
    cursor: pointer;
    color: #5b02a8;
}




.intro-icons {
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 15px;
    margin-top: 40px;
}

    .intro-icons .row > div {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .intro-icons .icons-list {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        border-radius: 10px;
        flex-wrap: wrap;
        background: #fff;
        padding: 15px;
        gap: 15px;
    }

.icons-list div {
    width: calc(33% - 10px);
    text-align: center;
    border: 1px solid #eee;
    background: #fff;
    border-radius: 20px;
    padding: 9px 5px 0 5px;
}

/* .icons-list div:last-child {
                width: 100%;
            }*/



.icons-list .icon-item {
    color: #000;
}

    .icons-list .icon-item:hover {
        color: #5b02a8;
    }

.icons-list strong {
    font-size: 14px;
    display: block;
    font-weight: normal;
}

.icons-list img {
    width: 80px;
    max-width: 90%;
}


@media (min-width: 768px) {
    .dropdown.just-hover:hover > .dropdown-menu {
        visibility: visible;
        transition-delay: 0.3s;
        opacity: 1;
    }

    .dropdown.just-hover > .dropdown-toggle:active {
        pointer-events: none;
    }

    .login-btn {
        width: initial;
    }

    .more-pad .login-btn {
        padding: .5rem;
    }

    .login-btn .icon {
        margin-left: 3px;
    }

    li.slipt {
        margin: auto 5px;
        display: block;
    }


    #call-top {
        display: flex;
    }

    .login-btn.nighty {
        display: flex;
    }


    .pop-cats {
        display: block;
    }

    .main-search {
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .basket-menu {
        text-align: right;
    }

    .intro-icons {
        padding-top: 5px;
    }

        .intro-icons .icons-list div a strong {
            margin-bottom: 0px;
        }

        .intro-icons .row > div {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

        .intro-icons .icons-list div {
            width: calc(33% - 8px);
            flex-shrink: 0;
            padding: 3px 0 13px 0;
        }

    /*.intro-icons .icons-list div:last-child {
                width: 20%;
            }*/
}


@media (min-width:1200px) {
    .intro-icons .icons-list div {
        width: calc(16% - 5px);
    }
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10001;
    opacity: .5;
    visibility: hidden;
    transition: all 0s;
    float: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: right;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

.has-arrow .dropdown-menu {
    border-top: 2px solid #5b02a8;
    margin: 0 0 0 0;
    padding: 0;
    left: 0;
    right: initial;
    border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    -webkit-border-radius: 0 0 15px 15px;
    box-shadow: 0 5px 5px #00000024;
    -moz-box-shadow: 0 5px 5px #00000024;
    -webkit-box-shadow: 0 5px 5px #00000024;
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}

.dropdown-menu.show, .nav-item.dropdown.show, .pop-cats.show {
    display: block;
    opacity: 1;
    visibility: visible;
}


    .nav-item.dropdown.show .nav-link {
        background-color: #dfcd001c;
        border-radius: 10px;
        border: 1px solid #dfcd0066;
    }

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.more-pad .login-btn a {
    color: #444;
}

.dropdown-menu.has-top .dropdown-item {
    text-align: right;
    padding: 0;
    font-weight: 300;
    font-size: 14px;
}

.u-profile {
    display: flex;
    width: 100%;
    overflow: hidden;
    flex-wrap: nowrap;
    padding: 12px 15px 12px 25px;
    border-bottom: 1px solid #eee;
}

    .u-profile img {
        max-width: 40px;
        margin-left: 10px;
    }

    .u-profile b {
        font-size: 14px;
        font-weight: initial;
    }

    .u-profile small {
        color: #1ba400;
        display: block;
        font-size: 11px;
    }


.dropdown-item .u-menu {
    margin: 8px 15px;
    display: flex;
    align-items: center;
    justify-content: right;
    flex-wrap: nowrap;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 8px;
}

.dropdown-item:last-child .u-menu:last-child {
    border-bottom: none;
}


.u-menu i {
    width: 25px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #5b02a8;
    margin-left: 5px;
}

.red-no {
    background: #5b02a8;
    border-radius: 5px;
    font-size: 13px;
    margin-right: 10px;
    display: inline-block;
    color: #dfcd00;
    padding: 0 2px;
    min-width: 20px;
    text-align: center;
    line-height: initial;
    font-weight: 600;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-25, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

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

@media (min-width: 768px) {



    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}

@media (min-width: 992px) {
    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.lsmenu {
    position: absolute;
    top: 41px;
    right: -1px;
    width: 100%;
    background: #fff;
    border: 1px solid #eee;
    border-top: none;
    border-radius: 0 0 .25rem .25rem;
    z-index: 100;
    height: 400px;
    position: absolute;
    display: none;
    font-weight: normal;
    font-size: 12px;
    min-width: 16rem;
}

.row.lsmenu-data {
    margin: 0 !important;
    min-width: 15rem;
}

.lsmenu .u1 {
    padding: 5px 10px;
    overflow-y: auto;
    height: 100%;
    width: 100%;
}

    .lsmenu .u1 ul {
        height: 372px;
        padding-right: 0;
        list-style: none;
    }

.products-result li {
    display: block;
    clear: both;
    margin-bottom: 5px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    padding-bottom: 5px;
}

    .products-result li:first-child, .products-result li:last-child {
        border-bottom: none;
    }

.u1 h5 {
    color: #5b02a8;
    margin-top: 10px;
    font-size: 16px;
}

.products-result li {
    display: block;
    text-align: right;
    clear: both;
    margin-bottom: 5px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    padding-bottom: 5px;
    list-style: none;
}

    .products-result li a {
        color: #747474;
        line-height: initial;
    }

    .products-result li img {
        width: 50px;
        height: 50px;
        display: inline-block;
        margin-left: 10px;
        float: right;
        border: 1px solid #eceff1;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }


.position-relative {
    position: relative !important;
}

/*sm*/
@media (min-width:576px) {
    /* .fnav {
        padding: 7px 0;
    }*/

    .main-search-form {
        height: 47px;
        border-radius: 15px !important;
        -moz-border-radius: 15px !important;
        -webkit-border-radius: 15px !important;
    }

        .main-search-form .input-group-append button {
            border-top-left-radius: 15px !important;
            border-bottom-left-radius: 15px !important;
        }

            .main-search-form .input-group-append button i {
                font-size: 25px;
            }

        .main-search-form .form-control {
            height: 45px;
            line-height: 45px;
            border-top-right-radius: 15px !important;
            border-bottom-right-radius: 15px !important;
        }

            .main-search-form .form-control input {
                height: 45px;
                line-height: 45px;
            }
}
/*md*/
@media (min-width:768px) {
    .d-md-block {
        display: block !important;
    }

    .d-md-none {
        display: none !important;
    }
}
/*lg*/
@media (min-width:992px) {
    .fnav {
        text-align: right;
        display: -ms-flexbox !important;
        display: flex !important;
        padding: 5px 0;
    }

    .d-lg-none {
        display: none !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    #nav-main-menu {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .main-search {
        margin-left: 20px;
        margin-right: 20px;
    }
}
/*lg*/
@media (min-width:1200px) {
    .pop-parent .nav-item .nav-link {
        padding: 13px 12px;
    }

    .main-search {
        margin-left: 10px;
        margin-right: 30px;
        width: 50%;
    }
}



































.mobile-menu-bg {
    position: fixed;
    top: 0;
    left: 0;
    background: #0000008b;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1499;
}





#navbar-cats {
    position: fixed;
    background: #fff;
    z-index: 1500;
    width: 85%;
    box-shadow: 0 0 30px #000000c2;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-right: -120%;
    padding-right: 0;
    direction: ltr;
    transition: margin-right ease-in-out .2s;
}

    #navbar-cats.active {
        margin-right: 0;
    }





.pop-parent {
    position: relative;
    width: 100%;
    justify-content: start;
    padding-left: 0 !important;
    direction: rtl;
}

    .pop-parent .dropdown {
        position: initial;
        margin-left: 0;
        font-size: .857rem;
    }

    .pop-parent .dropdown-toggle::after {
        display: none !important;
    }

    .pop-parent .nav-item .nav-link {
        padding: 0 20px 0 20px;
        line-height: 45px;
        position: relative;
        cursor: pointer;
        font-weight: 550;
        display: flex;
        justify-content: start;
        align-items: center;
    }

        .pop-parent .nav-item .nav-link .svg-mnu {
            width: 30px;
            height: 30px;
            margin-left: 10px;
        }

            .pop-parent .nav-item .nav-link .svg-mnu svg {
                width: 30px;
                height: 30px;
            }
        /*ul.menu-level2 > li .L2Item*/

        .pop-parent .nav-item .nav-link.dropdown-toggle:before {
            content: "\f078";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            font-size: 12px;
            position: absolute;
            left: 18px;
            line-height: 23px;
            height: 45px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #ccc;
        }

    .pop-parent .nav-item.show .nav-link.dropdown-toggle:before {
        content: "\f077";
    }

    .pop-parent .nav-item {
        margin: 0 20px;
        transition: all ease-in-out 0.2s;
        -moz-transition: all ease-in-out 0.2s;
        -webkit-transition: all ease-in-out 0.2s;
        -o-transition: all ease-in-out 0.2s;
    }

        .pop-parent .nav-item:active, .pop-parent .nav-item:focus {
            border-color: #fb3449;
        }


.pop-cats {
    width: 100%;
    border: none;
    margin-top: 0;
    padding-top: 0;
    right: 0;
    padding-bottom: 0;
    display: none;
}


.close-cats {
    display: flex;
    justify-content: space-between;
    align-content: center;
    font-size: 14px;
    padding: 20px 20px 20px 10px;
    border-bottom: 1px solid #ddd;
    margin: 0 20px 20px 20px;
    color: #535353;
}

    .close-cats .logo-side-menu {
        width: 170px;
        height: 44px;
    }

    .close-cats .fa-times {
        cursor: pointer;
        /* border: 1px solid #aaa; */
        background: #fff;
        color: #5b02a8;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 25px;
    }


@media (min-width: 576px) {
    .desk-3-page .col-sm-3 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width:768px) {



    .pop-parent .nav-item:first-child a.nav-link {
        padding-right: 0;
    }

    .pop-parent .dropdown {
        margin-left: 10px;
    }

    .pop-parent .nav-item .nav-link {
        padding: 12px 14px;
        line-height: initial;
        border-bottom: none;
    }

    .pop-parent .nav-item.show .nav-link {
        background-color: #fff;
    }

    .pop-parent .nav-item .nav-link:before {
        content: "\f078";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        margin-right: 5px;
        color: #a9a9a9;
        background-color: #fff;
        font-size: 7px;
        display: inline-block;
        position: absolute;
        left: 3px;
        line-height: 23px;
        border: none;
        width: initial;
        height: initial;
    }

    .pop-cats {
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-bottom: none;
        padding-top: 10px;
        border-top: 1px solid #eee;
    }
}


.fcats {
    background-color: #fff;
    padding: 0px;
    transition: all 0.5s ease-in-out;
    border-top: 1px solid #e2e2e2;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    position: relative;
}

    .fcats .navbar-toggler {
        margin: 8px 0;
    }

    .fcats .navbar-brand h6 {
        color: #444;
        padding: 0;
        margin: 0;
    }

    .fcats .nav-link {
        color: #333;
        font-weight: 400;
        font-size: 14px;
        display: block;
    }

        .fcats .nav-link:hover {
            color: #000;
        }



    .fcats .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#5b02a8' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }


.sticky-top.shrink .fcats {
    max-height: 0;
    height: 0;
    transition: all 0.05s ease-out;
    overflow: hidden;
    padding: 0;
}


ul.menu-level2 li:after, ul.menu-level3 li:after, ul.menu-level4 li:after, ul.menu-level5 li:after {
    display: none !important;
}


ul.menu-level2 {
    margin: 0 18px 0 0;
    padding: 0;
}

    ul.menu-level2 > li {
        list-style: none;
        margin: 5px 0;
        line-height: 45px;
    }

        ul.menu-level2 > li .L2Item {
            color: #474747;
            font-weight: 500;
            font-size: 14px;
            position: relative;
            display: block;
            padding-right: 0;
            margin: 0 17px 0 0;
            cursor: pointer;
            display: flex;
            justify-content: start;
            align-items: center;
        }

            ul.menu-level2 > li .L2Item .svg-mnu {
                width: 25px;
                height: 25px;
                margin-left: 8px;
            }

                ul.menu-level2 > li .L2Item .svg-mnu svg {
                    width: 25px;
                    height: 25px;
                }

            ul .menu-level2 > li .L2Item.is-open {
                background-color: #dfcd001c;
                border: 1px solid #dfcd0066;
                border-radius: 10px;
            }

        /*ul.menu-level2 > li .L2Item.all {
                color: #007185;
            }*/

        ul.menu-level2 > li a.L2Item:hover {
            text-decoration: none;
            color: #5b02a8;
        }

        /* ul.menu-level2 > li > .L2Item.mobile-menu-click:after {
            content: ' ';
            display: block;
            width: 3px;
            height: 12px;
            background-color: #555;
            position: absolute;
            right: 15px;
            top: 16px;
        }

        ul.menu-level2 > li > .L2Item.mobile-menu-click.is-open:after {
            background-color: #5b02a8;
        }*/

        ul .menu-level2 > li > .L2Item.mobile-menu-click:before {
            content: "\f078";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            color: #ccc;
            height: 45px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            font-size: 12px;
            left: 18px;
            top: 0;
            border: none;
        }

        ul.menu-level2 > li > .L2Item.mobile-menu-click.is-open:before {
            content: "\f077";
        }

        ul.menu-level2 > li.smaller {
            margin-top: 10px;
        }

            ul.menu-level2 > li.smaller > a {
                font-weight: initial;
                color: #666
            }

                ul.menu-level2 > li.smaller > a:before {
                    display: none;
                }

ul .menu-level3 {
    padding-right: 0px;
    display: none;
    list-style: none;
    border-right: 1px solid #ddd;
    margin: 0 32px 0 0;
}

    ul.menu-level3 li {
        margin-top: 5px;
        position: relative;
        line-height: initial;
    }

.L3Item {
    font-weight: normal;
    font-size: 13px;
    color: #616161;
    padding-right: 30px;
    cursor: pointer;
    line-height: 45px;
    margin: 5px 15px 5px 0;
}

    .L3Item.mobile-menu-click.is-open {
        background: #f5f5f5;
        border-radius: 10px;
    }


    .L3Item::after {
        content: '';
        width: 5px;
        height: 5px;
        display: block !important;
        border-radius: 50%;
        background: #333;
        position: absolute;
        top: 20px;
        right: 30px;
    }

    .L3Item.is-open::after {
        background: #5b02a8;
    }

    .L3Item.mobile-menu-click::before {
        content: "\f078";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: #ccc;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        font-size: 12px;
        left: 18px;
        top: 0;
        border: none;
    }

    .L3Item.mobile-menu-click.is-open::before {
        content: "\f077";
    }




ul.menu-level4 {
    display: none;
    transition-delay: .3s;
    list-style: none;
    border-right: 1px solid #ddd;
    margin: 0 33px 0 0;
}

    ul.menu-level4 li {
        padding-right: 10px !important;
        margin-top: 0px;
    }



        ul.menu-level4 li .L4Item {
            font-size: 12px;
            line-height: 35px;
            color: #333;
            display: block;
        }

        ul.menu-level4 li:first-child .L4Item {
            padding-top: 10px;
        }

        ul.menu-level4 li:last-child .L4Item {
            padding-bottom: 10px;
        }

ul.menu-level5 li {
    padding-right: 15px !important;
}


    ul.menu-level5 li a {
        font-size: 11px !important;
        color: #5d5d5d !important;
    }




.menu-level2.menu-brand {
    margin-top: 5px;
    margin-right: 10px;
}

ul .menu-level2.menu-brand li a {
    color: #444;
    font-size: .9rem;
}


.desk-menu-box {
    background-color: #f5f5f5;
    padding: 0;
    transition: all .5s ease-in-out;
    position: relative;
    z-index: 10;
    height: 48px;
    overflow: visible;
    opacity: 1;
    transition: all ease-in-out 0.5s;
}

    .desk-menu-box > .container {
        position: relative;
        z-index: 10;
    }

    .desk-menu-box.gone {
        height: 0;
        overflow: hidden;
        opacity: 0;
    }

.desk-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: start;
    align-items: center;
}

    .desk-menu > .dropdown {
        position: initial;
    }

        .desk-menu > .dropdown.is-sm {
            position: relative;
        }

.desk-1 {
    padding: 10px 0 10px 0;
    margin: 0 12px 0 25px;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    border-bottom: 3px solid transparent;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 4px;
}

    .desk-1 > svg {
        width: 28px;
        height: 28px;
        display: block;
    }

    .desk-1:hover, .desk-1.show-up-mnu {
        border-bottom: 3px solid #5b02a8;
    }

        .desk-1.show-up-mnu::before {
            content: ' ';
            display: block;
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #5b02a8;
            border-radius: 15px;
            z-index: 8;
            position: absolute;
            bottom: -12px;
            right: 10px;
            /* box-shadow: 0 1px 4px #0000008a; */
        }

    .desk-1.False.show-up-mnu::before {
        display: none;
    }

a .desk-1 {
    cursor: pointer;
}

.desk-1:first-child {
    margin-right: 0;
}

.desk-1:hover {
    color: #5b02a8;
}

.desk-1:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 8px;
    color: #ccc;
    margin-right: 4px;
}

.desk-1.False:after {
    display: none;
}

.online-assemble {
    margin-right: auto;
}

    .online-assemble .desk-1 {
        margin-left: 0;
        border: 1px solid #e6e6e6;
        border-radius: 8px;
        padding: 7px 7px 7px 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all ease-in-out .2s;
        -moz-transition: all ease-in-out .2s;
        -webkit-transition: all ease-in-out .2s;
    }

        .online-assemble .desk-1:hover {
            color: #000;
            border: 1px solid #ccc;
        }

        .online-assemble .desk-1 svg {
            transition: all linear 0.2s;
            -moz-transition: all linear 0.2s;
            -webkit-transition: all linear 0.2s;
        }

        .online-assemble .desk-1:hover svg {
            transform: scale(1.1);
        }

        .online-assemble .desk-1:after {
            display: none;
        }

.desk-2-list {
    position: absolute !important;
    left: 15px !important;
    right: 15px !important;
    top: 43px !important;
    display: block;
    transform: none !important;
    background: #f5f5f5;
    border: none;
    padding: 0;
    margin: 1px 0 0 0;
    z-index: 9;
    border-radius: 0 0 15px 15px;
    box-shadow: 0 6px 6px #0000003b;
    transition: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    overflow: hidden;
}

    .desk-2-list.small-mnu {
        right: 0px !important;
        left: initial !important;
        height: initial;
    }

    .desk-2-list.show-up {
        visibility: visible;
        opacity: 1;
    }

#desk-2-shadow {
    position: fixed;
    top: 0;
    left: 0;
    background: #0000003c;
    z-index: 8;
    width: 100%;
    height: 100%;
    display: none;
}



.desk-2-list .desk-2-ul {
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: start;
    align-items: start;
    padding: 15px 0;
    position: relative;
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .desk-2-list .desk-2-ul > li {
        padding: 0 10px;
    }

.desk-2-list.small-mnu .desk-2-ul {
    height: initial;
}



.desk-2 {
    font-size: 13px;
    font-weight: 550;
    color: #333;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 5px;
    position: relative;
    padding: 8px 10px 8px 0;
    cursor: pointer;
}

    .desk-2.True:after {
        content: "\f053";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: #ccc;
        font-size: 10px;
        margin-right: 3px;
        position: absolute;
        left: 10px;
        top: 10px;
    }

    .desk-2:hover:after {
        color: #5b02a8
    }

    .desk-2 .svg-mnu svg {
        width: 18px;
        height: 18px;
        display: block;
    }
    /* .desk-2:before {
        content: ' ';
        display: block;
        width: 3px;
        height: 12px;
        background-color: #555;
        position: absolute;
        right: 0px;
        top: 8px;
    }*/
    .desk-2:hover:before {
        background-color: #5b02a8;
    }



.desk-3-list {
    position: absolute;
    right: 210px;
    left: 0;
    height: 100%;
    top: 0;
    margin: 0 -15px;
    padding: 20px;
    /*visibility: hidden;*/
    background: #fff;
    transition: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    border-right: 1px solid #ddd;
    z-index: 13;
    visibility: hidden;
}


.desk-3-page {
    width: 200px;
    flex-grow: 0;
    flex-shrink: 0;
}

    .desk-3-page:hover {
        background: #fff;
    }

.desk-2-list.show-up:not(.hovered-once) .desk-3-page.True:first-child .desk-3-list {
    visibility: visible;
}
/* .desk-3-page.True:first-child .desk-3-list {
        z-index: 14;
        visibility: visible;
    }*/

.desk-3-page.True:hover .desk-3-list {
    visibility: visible;
    /*z-index: 15;*/
    /* visibility: visible;
        opacity: 1;*/
    /*z-index: 15;*/
}

.desk-3-page.True:hover .desk-2 {
    color: #5b02a8;
}


.desk-3-list .menu-level2 {
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}

.desk-3-list ul.menu-level2 li {
    line-height: 30px !important;
    border-bottom: none;
    margin-top: 0;
}

    .desk-3-list ul.menu-level2 li .L2Item {
        line-height: initial;
        margin: 0 0px 5px 0;
        display: block;
        color: #5b02a8;
        font-size: 15px;
        font-weight: 600;
        padding-right: 12px;
    }

    .desk-3-list ul.menu-level2 li div.L2Item {
        cursor: initial;
        color: #818181;
    }

    .desk-3-list ul.menu-level2 li .L2Item:after {
        display: none;
    }


.desk-3-list ul.menu-level2 > li > .L2Item:before {
    content: "";
    color: #5b02a8;
    background-color: #5b02a8;
    width: 6px;
    height: 6px;
    position: absolute;
    right: 0;
    top: 8px;
    display: block;
    border: none;
    border-radius: 3px;
}

.desk-3-list .menu-level3 {
    display: block;
    margin-right: 5px;
    margin-bottom: 10px;
    list-style: none;
    border-right: none;
}

.desk-3-list .L3Item {
    line-height: initial;
    display: block;
    margin: 4px 0;
    padding: 5px 18px 4px 0;
    font-weight: 500;
    color: #555;
    transition: padding ease-in-out 0.2s;
}

    .desk-3-list .L3Item:hover {
        padding-right: 22px;
    }

    .desk-3-list .L3Item::before {
        background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' id='icon-arrow-large-left' viewBox='0 0 32 32'%3E%3Cpath d='M18.233 23.556c-.336 0-.672-.116-.938-.366l-6.244-5.867a1.201 1.201 0 0 1 0-1.762l6.244-5.867c.513-.482 1.362-.482 1.875 0s.513 1.28 0 1.762l-5.307 4.986 5.307 4.986c.513.482.513 1.28 0 1.762a1.3 1.3 0 0 1-.937.366z'/%3E%3C/svg%3E");
        background-repeat: no-repeat no-repeat;
        background-position: center center;
        background-size: cover;
        content: ' ';
        width: 15px;
        height: 15px;
        display: block !important;
        /* border-radius: 50%; */
        /* background: #333; */
        position: absolute;
        top: 7px;
        right: 0;
    }

    .desk-3-list .L3Item:after {
        display: none !important;
    }
/*.desk-3-list .menu-level3 li .L3Item:hover {
            background-color: #f5f5f5;
        }*/
/*.desk-3-list ul .menu-level3 li .L3Item::before,
.desk-3-list ul .menu-level3 li .L3Item::after {
    display: none !important;
}*/

.desk-3-list ul.menu-level4 {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    line-height: initial;
}

    .desk-3-list ul.menu-level4 > li {
        line-height: 25px !important;
        border-bottom: none;
        list-style: disc;
        padding-right: 0 !important;
        margin-right: 20px;
    }

        .desk-3-list ul.menu-level4 > li::marker {
            color: #5b02a8;
            font-size: 12px;
        }

    .desk-3-list ul.menu-level4 li a {
        font-size: 12px !important;
        font-weight: 400;
        color: #666;
    }

.desk-3-list a:hover {
    color: #5b02a8 !important;
}









.call {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    align-content: center;
    height: 100%;
    align-items: center;
}

.footer-address {
    color: #333;
    font-size: 13px;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 5px;
    width: 100%;
    margin-bottom: 10px;
}

    .footer-address .fa {
        color: #5b02a8;
        margin-left: 3px;
    }

    .footer-address address {
        display: inline;
        text-align: justify;
        margin: 0;
    }


/*.icons-list-logo {
    padding: 0 50px 0 30px;
    text-align: center;
    border-right: 2px solid #ddd;
}

    .icons-list-logo img {
        max-width: 100%;
        max-height: 100%;
        max-height: 70px;
    }*/
.site-intro {
    color: #888;
    font-size: 14px;
}

.call .social a {
    margin-right: 10px;
    margin-left: 10px;
    font-size: 24px;
    line-height: 23px;
    display: flex;
    align-items: center;
    min-width: 28px;
}


    .call .social a i {
        font-size: 26px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .call .social a svg, .call .social a img {
        width: 28px;
        height: 28px;
        color: #ea1d5d;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .call .social a .fa-instagram {
        color: #fb3958;
    }

    .call .social a .fa-telegram {
        color: #0088CC;
    }

    .call .social a .fa-whatsapp {
        color: #25D366;
    }

    .call .social a:hover i, .call .social a:hover svg, .call .social a:hover img {
        transform: scale(1.2);
    }

    .call .social a.tel {
        color: #000;
        font-size: 16px;
        display: block;
        text-align: center;
        margin-right: 0;
    }

.call .social .tel b {
    letter-spacing: 0.5px;
    font-weight: 800
}


.whatsApp-static {
    position: fixed;
    bottom: 85px;
    left: 0;
    width: 50px;
    height: 50px;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #02ac5c;
    border-radius: 0 10px 10px 0;
    color: #fff;
    font-size: 35px;
}

    .whatsApp-static:hover {
        color: #fff;
    }



.social-footer {
    padding-left: 0px;
    margin-right: 0;
    padding-top: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}


footer {
    background-color: #fff;
    margin-top: 13px;
    border-top: 4px solid #dfcd00;
}

    footer .footer-2 {
        padding: 20px 25px;
        background-color: #dfcd001c;
    }

    footer .footer-name, footer .title-h1 {
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 13px;
        color: #5b02a8;
        display: block;
    }

    footer .second-line .footer-name {
        margin-bottom: 5px;
    }

    footer ul {
        list-style: none;
        padding-right: 0;
    }

        footer ul li {
            list-style: disc;
            padding-right: 0;
            color: #dfcd00;
            margin-bottom: 6px;
            margin-right: 13px;
        }

            footer ul li a {
                color: #333;
                font-size: 13px;
            }

                footer ul li a:hover {
                    color: #5b02a8;
                }

    footer .footer-1 {
        background-color: #eff0f2;
    }

        footer .footer-1 > .container {
            padding: 20px 25px;
            position: relative;
        }










.text-list a, .text-list a span, .text-list a strong {
    color: #1aa878 !important;
}

.text-list p, .text-list span, .text-list strong, .text-list ul li {
    line-height: 30px !important;
    color: #474747 !important;
    font-size: 14px !important;
    letter-spacing: .2px;
    word-spacing: .2px;
    text-align: justify !important;
    font-family: IRANYekanXVF !important;
}

.text-list h2, .text-list h2 span {
    font-size: 16px !important;
    font-weight: 600 !important;
}

.short-text {
    position: relative;
    /* overflow: hidden;
    max-height: 250px;*/
}

/*.short-text::before {
        display: block;
        content: ' ';
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        background: #fff;
        background: linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        height: 50%;
        z-index: 1;
    }*/

/*.footer-text .text-list.short-text::before {
    height: 100%;
    background: #eff0f2;
    background: linear-gradient(180deg,rgba(255,255,255,0) 0%,#eff0f2 100%);
}*/

/*.short-text.opened-text {
    max-height: initial !important;
}

    .short-text.opened-text:before {
        display: none;
    }*/

footer .footer-text, footer .footer-text p, footer .footer-text div {
    font-size: 13px !important;
    color: #616161;
    font-family: IRANYekanXVF !important;
    font-weight: normal;
}

/*.short-text + .text-more {
    display: block;
    text-align: center;
    position: relative;
    z-index: 2;
    margin: -5px auto 10px auto;
    width: 120px;
    cursor: pointer;
}

    .short-text + .text-more span, .short-text + .text-more i.fa {
        font-size: 12px !important;
        color: #81858b !important;
    }*/
/*
.footer-text .text-list.short-text {
    max-height: 60px;
    text-align: center;
}*/

.footer-text .text-list p {
    text-align: center !important;
}

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

/*.goftino-wakeup {
    bottom: 75px !important;
}*/

.namads {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    margin: 10px 0;
}

    .namads div {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        justify-items: center;
        background-color: #dfdfdf;
        height: 118px;
        width: 90px;
        padding: 10px 5px;
        border-radius: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
    }



    .namads .post {
        background-color: #feda00;
    }

    .namads .tipax {
        background-color: #dfdfdf;
        padding: 0;
    }

    .namads img {
        width: initial !important;
        height: initial !important;
    }


@media (min-width:768px) {
    .footer-address {
        width: initial;
        margin-bottom: 0;
    }

    .namads div {
        height: 115px;
    }

    .call .social a.tel {
        width: initial;
        text-align: left;
        border-left: 1px solid #ddd;
        padding-left: 20px;
        margin-bottom: 0;
    }

    .call .social a {
        margin-right: 20px;
        margin-left: 0;
    }

    .social-footer {
        justify-content: end;
        margin-right: 15px;
        margin-top: 0;
        padding-top: 0;
    }

    .namads {
        justify-content: space-between;
    }
}



.copyright-bar {
    background-color: #5b02a8;
    padding: 8px 0;
    text-align: center;
}

    .copyright-bar, .copyright-bar * {
        color: #dfcd00 !important;
        font-size: 13px !important;
        font-family: IRANYekanXVF;
        margin: 0;
        font-weight: 500;
    }

.ax-holder {
    position: relative;
    display: block;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 10px;
    width: 100%;
}

    .ax-holder:before {
        content: "";
        display: block;
        padding-top: 100%;
        width: 100%;
    }

    .ax-holder .ax-main {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }



/*.wide-top-banner {
    background: #fff;
}*/

.icon-on-kala {
    display: block;
    width: 80px;
    text-align: center;
}

    .icon-on-kala .ico {
        width: 25px;
        height: 25px;
        display: block;
        margin: 0 auto;
    }

    .icon-on-kala .txt {
        margin-top: 4px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        height: 15px;
        -webkit-line-clamp: 1;
        font-size: 10px;
        line-height: 15px;
        font-weight: normal;
        color: #555;
        overflow: hidden;
        direction: rtl;
    }

.icon-fast-delivery {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%235b02a8' fill-rule='evenodd' clip-rule='evenodd' d='M6.78799 3C5.96948 2.99999 5.29393 2.99998 4.74393 3.04565C4.17258 3.0931 3.64774 3.19496 3.1561 3.45035C2.42553 3.82985 1.82985 4.42553 1.45035 5.1561C1.19496 5.64774 1.0931 6.17258 1.04565 6.74393C0.999977 7.29393 0.999988 7.96946 1 8.78798V15C1 16.9138 2.344 18.5136 4.13963 18.9072C4.52413 20.1206 5.65937 21 7 21C8.30622 21 9.41746 20.1652 9.8293 19H15.1707C15.5825 20.1652 16.6938 21 18 21C19.4031 21 20.5812 20.0368 20.9092 18.7355C22.0899 18.2016 22.849 16.9282 22.6403 15.5506L22.5007 14.6294C22.1412 12.2568 21.2527 9.99549 19.9009 8.01285L19.7194 7.74665C18.9743 6.65384 17.7372 6 16.4145 6H15C14.9494 6 14.8992 6.00188 14.8495 6.00558C14.7854 5.71074 14.6911 5.42833 14.5497 5.1561C14.1702 4.42553 13.5745 3.82985 12.8439 3.45035C12.3523 3.19496 11.8274 3.0931 11.2561 3.04565C10.7061 2.99998 10.0305 2.99999 9.21202 3H6.78799ZM15 8.71577C15 8.73971 15 8.76377 15 8.78795V17H15.1707C15.5825 15.8348 16.6938 15 18 15C19.089 15 20.0425 15.5803 20.5682 16.4485C20.6576 16.2709 20.6953 16.0643 20.6629 15.8502L20.5233 14.929C20.2087 12.853 19.4313 10.8743 18.2484 9.13952L18.0669 8.87333C17.6944 8.32692 17.0758 8 16.4145 8L15 8V8.71577ZM13 8.83C13 7.95898 12.9992 7.36686 12.9612 6.90945C12.9242 6.46402 12.8572 6.23663 12.7748 6.07805C12.5851 5.71277 12.2872 5.41493 11.9219 5.22517C11.7634 5.1428 11.536 5.07578 11.0905 5.03879C10.6331 5.0008 10.041 5 9.17 5H6.83C5.95898 5 5.36686 5.0008 4.90945 5.03879C4.46402 5.07578 4.23663 5.1428 4.07805 5.22517C3.71277 5.41493 3.41493 5.71277 3.22517 6.07805C3.1428 6.23663 3.07578 6.46402 3.03879 6.90945C3.0008 7.36686 3 7.95898 3 8.83V15C3 15.8316 3.50759 16.5447 4.22985 16.8463C4.68191 15.7621 5.75196 15 7 15C8.30622 15 9.41746 15.8348 9.8293 17H13V8.83ZM8 18C8 17.4477 7.55229 17 7 17C6.44772 17 6 17.4477 6 18C6 18.5523 6.44772 19 7 19C7.55229 19 8 18.5523 8 18ZM17 18C17 17.4477 17.4477 17 18 17C18.5523 17 19 17.4477 19 18C19 18.5523 18.5523 19 18 19C17.4477 19 17 18.5523 17 18Z' /%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}

.icon-gaming {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23000000' width='800px' height='800px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%235b02a8' d='M23.226 2.361c-0.8-0.375-1.556-0.729-2.245-1.075-1.765-0.884-3.364-1.313-4.89-1.313-3.072 0-5.197 1.772-6.53 3.105l-6.464 6.471c-3.459 3.463-4.011 6.988-1.79 11.431 0.345 0.69 0.699 1.448 1.074 2.251 2.022 4.325 4.112 8.796 7.533 8.796 0.096 0 0.191-0.003 0.288-0.011 3.53-0.276 4.532-4.822 5.416-8.831 0.14-0.635 0.274-1.244 0.41-1.79 0.238-0.944 0.705-1.53 1.986-2.814l0.176-0.177 0.108-0.108 0.285-0.284c1.284-1.284 1.87-1.751 2.816-1.989 0.541-0.136 1.148-0.27 1.782-0.409 4.007-0.884 8.55-1.886 8.825-5.423 0.278-3.588-4.327-5.745-8.781-7.83zM29.952 10.010c-0.195 2.493-5.775 3.229-9.097 4.062-1.469 0.371-2.363 1.149-3.712 2.498-0.094 0.094-0.189 0.188-0.284 0.283s-0.189 0.191-0.283 0.284c-1.349 1.351-2.125 2.244-2.495 3.715-0.834 3.325-1.568 8.912-4.058 9.107-0.045 0.003-0.090 0.005-0.135 0.005-2.642 0-4.865-6.008-6.826-9.927-1.992-3.985-1.139-6.569 1.417-9.128 0.49-0.491 1.101-1.101 1.848-1.849 0.763-0.764 1.671-1.673 2.747-2.75 0.747-0.748 1.357-1.357 1.848-1.849 1.588-1.589 3.186-2.52 5.122-2.52 1.181 0 2.489 0.345 3.996 1.102 3.983 1.997 10.122 4.265 9.912 6.968zM14.962 10.977h2v-2h-2v2zM14.962 7.977h2v-2h-2v2zM17.962 7.977h2v-2h-2v2zM17.962 10.977h2v-2h-2v2zM10.309 16.982l0.761-0.761c0.375-0.375 0.375-0.983 0-1.358s-0.982-0.375-1.357 0l-0.761 0.761-0.761-0.761c-0.375-0.375-0.982-0.375-1.357 0s-0.375 0.983 0 1.358l0.761 0.761-0.761 0.761c-0.375 0.375-0.375 0.983 0 1.357s0.983 0.375 1.357 0l0.761-0.761 0.783 0.783c0.375 0.375 0.982 0.375 1.357 0s0.375-0.983 0-1.358z'%3E%3C/path%3E%3C/svg%3E ");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}

.icon-white {
    background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 12.5001C14 13.3285 13.3284 14.0001 12.5 14.0001C11.6716 14.0001 11 13.3285 11 12.5001C11 11.6717 11.6716 11.0001 12.5 11.0001C13.3284 11.0001 14 11.6717 14 12.5001Z' fill='%235b02a8'/%3E%3Cpath d='M16.5 10.0001C17.3284 10.0001 18 9.32854 18 8.50011C18 7.67169 17.3284 7.00011 16.5 7.00011C15.6716 7.00011 15 7.67169 15 8.50011C15 9.32854 15.6716 10.0001 16.5 10.0001Z' fill='%235b02a8'/%3E%3Cpath d='M13 6.50011C13 7.32854 12.3284 8.00011 11.5 8.00011C10.6716 8.00011 10 7.32854 10 6.50011C10 5.67169 10.6716 5.00011 11.5 5.00011C12.3284 5.00011 13 5.67169 13 6.50011Z' fill='%235b02a8'/%3E%3Cpath d='M7.50001 12.0001C8.32844 12.0001 9.00001 11.3285 9.00001 10.5001C9.00001 9.67169 8.32844 9.00011 7.50001 9.00011C6.67158 9.00011 6.00001 9.67169 6.00001 10.5001C6.00001 11.3285 6.67158 12.0001 7.50001 12.0001Z' fill='%235b02a8'/%3E%3Cpath d='M14 17.5001C14 18.3285 13.3284 19.0001 12.5 19.0001C11.6716 19.0001 11 18.3285 11 17.5001C11 16.6717 11.6716 16.0001 12.5 16.0001C13.3284 16.0001 14 16.6717 14 17.5001Z' fill='%235b02a8'/%3E%3Cpath d='M7.50001 17.0001C8.32844 17.0001 9.00001 16.3285 9.00001 15.5001C9.00001 14.6717 8.32844 14.0001 7.50001 14.0001C6.67158 14.0001 6.00001 14.6717 6.00001 15.5001C6.00001 16.3285 6.67158 17.0001 7.50001 17.0001Z' fill='%235b02a8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5017 1.02215C15.4049 0.791746 19.5636 2.32444 21.8087 5.41131C22.5084 6.37324 22.8228 7.63628 22.6489 8.83154C22.471 10.054 21.7734 11.2315 20.4472 11.8945C19.6389 12.2987 18.7731 12.9466 18.2401 13.668C17.7158 14.3778 17.6139 14.9917 17.8944 15.5529C18.4231 16.6102 18.8894 17.9257 18.8106 19.1875C18.7699 19.8375 18.5828 20.4946 18.1664 21.0799C17.7488 21.6667 17.1448 22.1192 16.3714 22.4286C14.6095 23.1333 12.6279 23.1643 10.8081 22.8207C8.98579 22.4765 7.24486 21.7421 5.92656 20.8194C4.00568 19.4748 2.47455 17.6889 1.71371 15.4464C0.9504 13.1965 0.995912 10.5851 2.06024 7.65803C3.64355 3.30372 7.56248 1.25469 11.5017 1.02215ZM11.6196 3.01868C8.26589 3.21665 5.18483 4.9176 3.93984 8.34149C3.00414 10.9148 3.01388 13.0536 3.60768 14.8038C4.20395 16.5613 5.42282 18.0255 7.07347 19.1809C8.14405 19.9303 9.6169 20.5604 11.1792 20.8554C12.7442 21.151 14.3181 21.0959 15.6286 20.5716C16.308 20.2999 16.7678 19.8099 16.8145 19.0627C16.8606 18.3245 16.5769 17.3901 16.1056 16.4473C15.3639 14.9639 15.8542 13.5318 16.6315 12.4796C17.4002 11.4391 18.5455 10.6093 19.5528 10.1057C20.2266 9.76878 20.5747 9.19623 20.6697 8.54355C20.7686 7.86365 20.5831 7.12638 20.1913 6.58769C18.4364 4.17486 15.0093 2.81858 11.6196 3.01868Z' fill='%235b02a8'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}

.icon-ending {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' height='800px' width='800px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 295.428 295.428' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%235b02a8' d='M147.714,0C66.264,0,0,66.264,0,147.714s66.264,147.714,147.714,147.714s147.714-66.264,147.714-147.714 S229.164,0,147.714,0z M147.714,265.428C82.807,265.428,30,212.621,30,147.714S82.807,30,147.714,30 s117.714,52.807,117.714,117.714S212.621,265.428,147.714,265.428z'/%3E%3Cpath fill='%235b02a8' d='M147.714,61.68c-8.284,0-15,6.716-15,15v79c0,8.284,6.716,15,15,15s15-6.716,15-15v-79 C162.714,68.396,155.998,61.68,147.714,61.68z'/%3E%3Ccircle cx='147.714' cy='217.68' r='15'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}

.icon-tehran {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 150 187.5' enable-background='new 0 0 150 150' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%235b02a8' d='M83.6966248,51.8640137l0.2072144,0.022583c-1.2591553-8.8834229-1.2150879-17.3132324-1.1635742-19.9028301 c-4.9194336-1.0445557-9.9842529-1.0534668-15.0812378-0.0239258c0.0393677,2.6008282,0.041748,11.0165997-1.2642212,19.8874493 l0.2164307-0.0224609c0.0922241,0.881958,2.2105103,21.6628418-1.2197876,30.4259033 c-0.2711182,1.0351563-4.1896973,16.1199951-7.8027344,36.3737793l2.4804688,0.0057373l4.3959351-23.791748 c1.0375977-4.9121094,5.4124756-8.4509277,10.4075928-8.4394531c4.9950562,0.0114746,9.354126,3.5703125,10.3643799,8.4621582 l4.2913818,23.8366699l2.8837891,0.0065918c-3.5199585-20.2700195-7.3692627-35.3728027-7.6356201-36.4091797 C81.3866882,73.5164795,83.6003723,52.7456055,83.6966248,51.8640137z M79.8316956,56.1890869l-9.305603-0.0213623l0.0045776-2 l9.3056641,0.0213623L79.8316956,56.1890869z M79.8509216,47.8399658l-9.3056641-0.0212402l0.0045776-2l9.3056641,0.0212402 L79.8509216,47.8399658z M79.8700867,39.4908447l-9.3056641-0.0212402l0.0045776-2l9.3056641,0.0212402L79.8700867,39.4908447z'/%3E%3Cpath fill='%235b02a8' d='M63.5102234,81.5706787c2.1137695-5.3303223,1.9744263-15.9577637,1.6021118-22.9060059 c-1.532959,6.4985352-3.97052,12.4759521-7.838562,15.7158203l-43.8773804,44.1425781l42.1616821,0.0968018 c3.7576294-21.1477051,7.8729858-36.7790527,7.9147949-36.9365234L63.5102234,81.5706787z M37.2218323,111.0113525l-2-0.0046387 l0.0203857-8.8706055l2,0.0046387L37.2218323,111.0113525z M44.5270081,111.0280762l-2-0.0045166l0.0323486-14.0883789l2,0.0046387 L44.5270081,111.0280762z M51.8326111,111.0447998l-2-0.0045166l0.0443726-19.3065186l2,0.0045166L51.8326111,111.0447998z'/%3E%3Cpath fill='%235b02a8' d='M65.6609192,32.5368652c-1.4785767,0.4395752-3.8879395,1.1473389-5.2920532,1.5123291 c0.1514893,3.9714355,0.5578003,21.3806152-3.0769043,37.5119629 C65.2997742,62.4306641,65.6894226,38.4124756,65.6609192,32.5368652z'/%3E%3Cpath fill='%235b02a8' d='M90.0205994,34.1173096c-1.4024658-0.37146-3.8085327-1.090332-5.2850342-1.5366211 c-0.0565186,5.8900146,0.2177124,30.0136719,8.1934814,39.0794678 C89.3640442,55.506958,89.8508606,38.0894775,90.0205994,34.1173096z'/%3E%3Cpath fill='%235b02a8' d='M92.863678,74.4007568c-3.8162842-3.2247314-6.208313-9.1677246-7.7025757-15.6369629 c-0.4021606,6.9475098-0.5841064,17.5335693,1.499939,22.8599854l0.0368652,0.112915 c0.0410767,0.1577148,4.0845337,15.8077393,7.7450562,36.9724121l42.1606445,0.0969238L92.863678,74.4007568z M100.8822937,111.1575928l-2-0.0046387l0.0443726-19.3066406l2,0.0046387L100.8822937,111.1575928z M108.1874695,111.1743164 l-2-0.0046387l0.0323486-14.0882568l2,0.0045166L108.1874695,111.1743164z M113.4926453,111.1864014l0.0203247-8.8704834 l2,0.0045166l-0.0203247,8.8706055L113.4926453,111.1864014z'/%3E%3C/g%3E%3C/svg%3E") right 3px top 1px no-repeat;
    background-repeat: no-repeat no-repeat;
    background-position: top center;
    background-size: 31px;
}



.product-item .icon-on-kala {
    opacity: 0.8;
    transform: scale(0);
    transition: all ease-in-out 0.2s;
}

.product-item:hover .icon-on-kala {
    opacity: 1;
    transform: scale(1);
}


.wide-top-banner .ax-main {
    border-radius: 10px;
    margin-top: 5px;
}

.wide-top-banner .ax-holder {
    margin: 0;
    border-radius: 10px;
}

    .wide-top-banner .ax-holder:before {
        padding-top: 12%;
    }


.footer-cols {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 15px;
    flex-wrap: wrap;
}

    .footer-cols .full {
        width: 100%;
    }

    .footer-cols.second-line {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #eee;
    }

        .footer-cols.second-line .footer-box {
            min-width: 100%;
        }

            .footer-cols.second-line .footer-box.can-open .footer-name {
                background: #fff;
                border-radius: 10px;
                border: 1px solid #eee;
                padding: 5px 10px;
                cursor: pointer;
                display: flex;
                justify-content: space-between;
                align-items: center;
                user-select: none;
                -moz-user-select: none;
                -webkit-user-select: none;
            }

                .footer-cols.second-line .footer-box.can-open .footer-name:focus {
                    outline: none;
                }

                .footer-cols.second-line .footer-box.can-open .footer-name .icon {
                    /* width: 34px; */
                    /* height: 34px; */
                    font-size: 11px;
                }

                    .footer-cols.second-line .footer-box.can-open .footer-name .icon:after {
                        content: "\f078";
                        font-family: "Font Awesome 5 Free";
                        font-weight: 900;
                        color: #5b02a8;
                        margin-right: auto;
                    }

            .footer-cols.second-line .footer-box.can-open.is-open .footer-name .icon:after {
                content: "\f077";
            }

            .footer-cols.second-line .footer-box.can-open ul {
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.3s ease;
            }

            .footer-cols.second-line .footer-box.can-open.is-open ul {
                max-height: 500px;
            }



@media (min-width:576px) {
    .wide-top-banner .ax-holder:before {
        padding-top: 8%;
    }
}

@media (min-width:768px) {
    .footer-cols {
        gap: 30px;
    }

        .footer-cols.second-line .footer-box {
            min-width: 25%;
        }

            .footer-cols.second-line .footer-box.can-open .footer-name {
                background: none;
                padding: 10px 0;
                border: none;
            }

                .footer-cols.second-line .footer-box.can-open .footer-name .icon {
                    display: none;
                }
}

@media (min-width: 992px) {
    .wide-top-banner .ax-holder:before {
        padding-top: 3.6%;
    }
}

.fa-times:before {
    content: "\f00d";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-moon:before {
    content: "\f186";
}


.bread-crumb {
    margin: 10px 0;
    display: block;
    font-size: 14px;
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    flex-wrap: nowrap;
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .breadcrumb::-webkit-scrollbar { /* WebKit */
        width: 0;
        height: 0;
    }

.breadcrumb-item.active {
    color: #6c757d;
}

.breadcrumb-item > a, .breadcrumb-item > span {
    color: #474747 !important;
    text-decoration: none !important;
    font-size: 12px;
    padding-right: 0.9rem;
    white-space: nowrap;
}

.breadcrumb-item:first-child > a {
    padding-right: 0;
}

.breadcrumb-item + .breadcrumb-item {
    padding-right: .2rem;
    position: relative;
}

    .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        color: #979797;
        font-size: 11px;
        content: "\f053";
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        padding: 0;
        margin: 0;
        position: absolute;
        top: 3px;
        right: 4px;
    }



@media (min-width:576px) {
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
}

@media (min-width: 768px) {
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
}

@media (min-width:1200px) {
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

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

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}

.full-height {
    height: 100vh !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.widget {
    border: 1px solid #e0e0e0;
    background: #fff;
    /* -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.07); */
    /* box-shadow: 1px 1px 4px 0 rgba(0,0,0,.07); */
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    overflow: hidden;
    margin: 70px 0;
    padding: 0;
    /* margin-top: 5px; */
    position: relative;
    background: #f5f5f5;
}

    .widget h1 {
        color: #5b02a8;
        font-size: 20px;
        font-weight: 600;
        border-bottom: 1px solid #5b02a80e;
        padding: 10px 20px;
    }

    .widget p {
        font-size: 13px;
    }

    .widget label {
        display: block;
        font-size: 12px;
        color: #3d3d3d;
    }

    .widget .form-control {
        border-radius: 10px;
        margin: 22px auto 0 auto;
        width: 100%;
        max-width: 300px;
        display: block;
        font-weight: 600;
    }

    .widget a {
        font-size: 12px;
    }

    .widget input.ltr {
        text-align: center;
        direction: ltr;
        letter-spacing: 3px;
    }

.spaced {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    margin-bottom: 10px;
}

.note-box {
    text-align: right;
    margin: 10px 15px;
    font-size: 13px;
    letter-spacing: 0.5px;
    display: block;
    line-height: 25px;
}

.two-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
}

    .two-btn .btn-xs {
        margin: 0 2px !important;
        padding: 10px 10px !important;
    }


.btn[disabled] {
    opacity: 0.8;
    color: gray;
}

.fast-login {
    padding: 30px 40px 30px 40px;
}

    .fast-login .logo {
        display: block;
        width: 100%;
        text-align: center;
        margin: 10px 0 20px 0
    }

        .fast-login .logo img {
            width: 40%;
        }

    .fast-login h1 {
        font-size: 16px;
        font-weight: 800;
        padding-right: 10px;
    }

    .fast-login label {
        font-size: 12px;
        padding-right: 10px;
    }

    .fast-login .btn {
        width: 100%;
        margin: 15px 0 0 0;
        position: relative;
    }

        .fast-login .btn img {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            left: 20px;
        }

    .fast-login input, .fast-login .btn {
        border-radius: 10px;
    }

.login-note {
    font-size: 10px;
}

.field-validation-valid, .field-validation-error, .field-validation-error * {
    color: #dc0700;
    font-size: 10px;
    display: block;
    min-height: 15px;
}

.btn-group-xs > .btn, .btn-xs {
    padding: .12rem .25rem;
    font-size: .7rem;
    line-height: 1;
    border-radius: .25rem
}

.btn-taki {
    padding: 10px 0;
    width: 100%;
    font-size: 14px;
    border-radius: 0 0 15px 15px;
    margin-top: 10px;
    position: relative;
}

    .btn-taki .login-load {
        position: absolute;
        opacity:;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        width: 200px;
        height: 17px;
        margin: auto;
        border-radius: 19px;
    }

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124
    }

.btn-danger {
    color: #fff;
    background-color: #5b02a8;
    border-color: #5b02a8
}

    .btn-danger:hover {
        color: #dfcd00;
    }

.ltr {
    text-align: left;
    direction: ltr;
}

.hiden {
    display: none;
}

.padded {
    padding: 0 15px;
}

.login-btns {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-top: 15px;
}

.login-types {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .login-types .btn-lg {
        margin: 10px 15px;
        padding: 8px 15px;
        font-size: 13px;
        border-radius: 12px;
        font-weight: 450;
        width: 38%;
    }

.under-link {
    color: #888;
    margin: 20px;
    display: block;
}

.swal2-title {
    font-size: 15px !important;
    font-weight: 500 !important;
}

.swal2-input {
    height: initial !important;
    line-height: 40px !important;
    text-align: center !important;
    letter-spacing: 10px !important;
    margin: 10px 0 !important;
}

.swal2-styled.swal2-confirm {
    background-color: #5b02a8 !important;
    border-color: #5b02a8 !important;
    padding: 8px 15px !important;
    font-size: 13px !important;
}

.swal2-styled.swal2-cancel {
    padding: 8px 15px !important;
    font-size: 13px !important;
}