body.rtl { direction: rtl; text-align: right; }
body.rtl input, body.rtl textarea { direction: rtl; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img {
    display: block
}

body {
    line-height: 1
}

#slider {
    direction: ltr !important;
}

#slider .item {
    direction: rtl !important;
}

#slider img {
    width: 100%;
    display: block;
}

blockquote, q {
    quotes: none
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    outline: none;
    padding: 0;
    margin: 0
}

*, :before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
/*******/
@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 400;
    src: url('fonts/IRANSansWeb(FaNum).eot');
    src: url('fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),url('fonts/IRANSansWeb(FaNum).woff2') format('woff2'),url('fonts/IRANSansWeb(FaNum).woff') format('woff'),url('fonts/IRANSansWeb(FaNum).ttf') format('truetype');
}

@font-face {
    font-family: 'IRANSans_Bold';
    src: url('fonts/IRANSans_Bold.eot');
    src: url('fonts/IRANSans_Bold.eot') format('embedded-opentype'),url('fonts/IRANSans_Bold.woff2') format('woff2'),url('fonts/IRANSans_Bold.woff') format('woff'),url('fonts/IRANSans_Bold.ttf') format('truetype'),url('fonts/IRANSans_Bold.svg#IRANSans_Bold') format('svg');
}

@font-face {
    font-family: iranssansnumber;
    src: url(fonts/iranssans.eot);
    src: url(fonts/iranssans.eot?#iefix) format("embedded-opentype"), url(fonts/iranssans.woff) format("woff"), url(fonts/iranssans.ttf) format("truetype"), url(fonts/iranssans.svg#at10) format("svg")
}

/*****/
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-plus:before {
    content: "\f067";
}

.fa-minus:before {
    content: "\f068";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-heart-o:before {
    content: "\f08a";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-bell-o:before {
    content: "\f0a2";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-telegram-plane:before {
    content: "\f1d8"
}

.fa-facebook-f:before {
    content: "\f09a"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-google-plus-g:before {
    content: "\f0d5"
}

.fa-star:before {
    content: "\f005";
}

.fa-star-o:before {
    content: "\f006";
}

.fa-user-o:before {
    content: "\f2c0";
}

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

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

.fa-check:before {
    content: "\f00c";
}

.fa-angle-down:before {
    content: "\f107";
}

a {
    color: #5d1628;
    -webkit-transition: color 0.4s ease-out;
    -moz-transition: color 0.4s ease-out;
    -ms-transition: color 0.4s ease-out;
    -o-transition: color 0.4s ease-out;
    transition: color 0.4s ease-out;
}

    a, a:hover a:focus, a:active {
        text-decoration: none !important;
        outline: none;
    }

        /*a:hover, a:focus, a:active, a:not([href]):not([tabindex]):hover {
            color: #af905e;
        }*/

.trans, .owl-buttons > div, #fav-menu .owl-dots .owl-dot, #top-nav > ul > li > a:before, .owl-carousel .owl-buttons > div, #tab-detail > ul > li > a:before {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    float: right !important;
}

.container-fluid, .container {
    direction: rtl;
    text-align: right;
}

button {
    outline: none !important
}

.bold, strong {
    font-family: 'IRANSans_Bold';
}

textarea {
    resize: vertical;
    height: 150px;
}




    .home-shop-svg {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 52px;
        min-width: 52px;
        height: 32px;
        padding: 0;
        border: 1.5px solid #2f2f2f;
        border-radius: 999px;
        background: #fff;
        color: #202020;
        text-decoration: none;
        cursor: pointer;
        transition: border-color .2s ease, color .2s ease, background-color .2s ease;
        box-sizing: border-box;
    }

        .home-shop-svg:hover,
        .home-shop-svg:focus,
        .home-shop-svg:focus-visible {
            border-color: #ff8a00;
            color: #202020;
            text-decoration: none;
            outline: none;
        }

    .home-shop-svg__icon {
        width: 30px;
       
        display: block;
        flex: 0 0 auto;
    }

        .home-shop-svg__icon svg {
            width: 100%;
            height: 100%;
            display: block;
        }

    .home-shop-svg__meta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-top: 10px;
        width: 100%;
    }

    .home-shop-svg__label {
        display: inline-flex;
        align-items: center;
        gap: 4px;
      font-size: 14px;
        font-size: clamp(13px, 0.9vw, 14px);
        font-weight: 700;
        line-height: 1.2;
        color: #ff3b30;
        white-space: nowrap;
    }

        .home-shop-svg__label svg {
            width: 30px;
           
            display: block;
            flex: 0 0 auto;
        }





/*****/
.cart-toast{ position:fixed; right:16px; bottom:16px; z-index:999999; max-width:360px; }
.cart-toast__content{ background:#111; color:#fff; padding:12px; border-radius:10px; box-shadow:0 6px 24px rgba(0,0,0,.25); display:flex; align-items:center; gap:10px; }
.cart-toast__link{ color:#fff; text-decoration:underline; white-space:nowrap; }
.cart-toast__close{ margin-left:auto; background:transparent; border:0; color:#fff; font-size:20px; cursor:pointer; }
/***/
body {
    color: #000;
    font-size: 14px;
    font-size: clamp(13px, 0.9vw, 14px);
    font-family: IRANSans;
    /*overflow-x: hidden;*/
    line-height: 25px;
    width: 100%;
}
#login-modal.login {background-color:#fff;}
#login-modal.login #login-page {position:relative}
#login-modal #login-page {    background: none;
    border: 0;
    padding: 0;}
#login-modal.login #login-page #cnt {margin:0}
#login-modal.login #login-page .bg {max-width:100%;}
#login-modal.login .modal-content {border:0}
#login-modal.login .modal-dialog {    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
       display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;}
#top-banner {
    width: 100%;
    display: block;
}

body.inner-body {
    background-color: #f5f5f5
}

.fa-exclamation:before {
    content: "\f12a";
}

#info table td .guide i {
    padding-left: 15px;
}

#info table td .guide {
    position: relative;
    cursor: pointer;
}

    #info table td .guide:hover i {
        color: #e32119;
    }

    #info table td .guide .txt {
        font-size: 0.8em;
        position: absolute;
        right: 12px;
        top: 0px;
        width: 200px;
        border-radius: 5px;
        background-color: rgba(255,255,255,0.9);
        box-shadow: 0px 0px 2px rgb(0 0 0 / 50%);
        display: none;
        font-weight: normal;
        padding: 5px;
        z-index: 1;
    }
/******/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

    .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
        max-height: 0
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

#open-menu {
    height: 33px;
    padding: 0;
    position: relative;
    width: 35px;
    z-index: 10;
    text-indent: -20px;
    color: #000;
    display: none;
    float: right;
    margin: 16px 0 0;
    line-height: 27px
}
/********/
.input-group {
    border: 1px solid;
    border-radius: 0.25rem;
    margin-bottom: 10px;
}

    .input-group > span {
        border: 0;
        width: 22%;
    }

    .input-group > input {
        border: 0;
        width: 75%;
        text-align: left;
    }

.hid {
    display: none !important;
}

#selected-filter #clearall {
    display: inline-block;
    padding: 0 5px;
    border: 1px solid #ccc;
}

#selected-filter span {
    display: inline-block;
    padding: 0 5px;
    margin: 2px;
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
}

.owl-buttons.disabled {
    display: none;
}

#open-menu .icon-bar {
    display: block;
    position: absolute;
    top: 14px;
    left: 3px;
    right: auto;
    height: 8px;
    background: #000;
    width: 25px;
    height: 2px;
}

    #open-menu .icon-bar:before, #open-menu .icon-bar:after {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #000;
        content: "";
    }

    #open-menu .icon-bar:before {
        top: -7px;
    }

    #open-menu .icon-bar:after {
        bottom: -7px;
    }

#open-menu .icon-bar {
    -webkit-transition: background 0s 0.3s;
    transition: background 0s 0.3s;
}

    #open-menu .icon-bar:before, #open-menu .icon-bar:after {
        -webkit-transition-duration: 0.3s, 0.3s;
        transition-duration: 0.3s, 0.3s;
        -webkit-transition-delay: 0.3s, 0s;
        transition-delay: 0.3s, 0s;
    }

    #open-menu .icon-bar:before {
        -webkit-transition-property: top, -webkit-transform;
        transition-property: top, transform;
    }

    #open-menu .icon-bar:after {
        -webkit-transition-property: bottom, -webkit-transform;
        transition-property: bottom, transform;
    }

    #open-menu .icon-bar.active {
        background: none;
    }

        #open-menu .icon-bar.active:before {
            top: 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        #open-menu .icon-bar.active:after {
            bottom: 0;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        #open-menu .icon-bar.active:before, #open-menu .icon-bar.active:after {
            -webkit-transition-delay: 0s, 0.3s;
            transition-delay: 0s, 0.3s;
        }


#pageslide {
    background-color: #fff;
    background: rgba(255, 255, 255) none repeat scroll 0 0;
    color: #fff;
    display: none;
    height: 100%;
    overflow: scroll;
    padding: 32px 20px 0;
    position: fixed;
    top: 0;
    width: 280px;
    z-index: 10000000;
    box-shadow: 0 0 5px -2px #000;
    -webkit-box-shadow: 0 0 5px -2px #000;
    overflow: scroll
}

    #pageslide #pnav {
        direction: rtl;
        text-align: right
    }

        #pageslide #pnav li {
            width: 100%
        }

        #pageslide #pnav > li > a {
            border-bottom: 1px solid #3f3f3f;
            color: #222;
            display: block;
            padding: 15px 5px;
            position: relative;
            /*margin-right: 10px;*/
        }

        #pageslide #pnav li a {
        }

            #pageslide #pnav li a i {
                float: left;
                border: 1px solid #e9e1e1;
                width: 30px;
                height: 30px;
                font-size: 0.8em;
                text-align: center;
                line-height: 32px;
                margin-top: -6px;
            }

                #pageslide #pnav li a i:before {
                    content: "\f067";
                    font-family: FontAwesome
                }

            #pageslide #pnav li a.active i:before {
                content: "\f068";
                font-family: FontAwesome
            }


        /*#pageslide #pnav>li>a:after {
	content: "\f107";
	font-family: FontAwesome;
	display: inline-block;
	margin: 0 7px 0 0
}*/

        #pageslide #pnav li ul {
            float: right;
            width: 100%
        }

    #pageslide ul li {
        width: 100%;
        float: right
    }

        #pageslide ul li a {
            border-bottom: 1px solid #404040;
            width: 100%;
            display: block;
            color: #222
        }

        #pageslide ul li ul {
            display: none;
            background: 0 0 !important
        }

            #pageslide ul li ul li a {
                padding: 14px 75px 14px 5px;
                text-align: right
            }

            #pageslide ul li ul li li a {
                padding: 14px 40px 14px 5px
            }

#body {
    margin: 0px !important;
    padding: 0px !important;
}
/****/
#header {
    padding: 15px;
    position: relative;
    z-index: 1000
}

.sec-seach {
    position: relative;
    z-index: 99999
}

#top-search {
    background-color: #f2f2f2;
    position: relative;
    padding: 0 70px 0 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-top: 10px;
}

    #top-search input[type="text"] {
        width: 100%;
        height: 50px;
        background: none;
        border: 0;
        font-family: iranssansnumber;
    }

        #top-search input[type="text"]::placeholder {
            font-size: 1.3em
        }

        #top-search input[type="text"]:-ms-input-placeholder {
            font-size: 1.3em
        }

        #top-search input[type="text"]::-ms-input-placeholder {
            font-size: 1.3em
        }

#btn-search {
    width: 43px;
    position: absolute;
    right: 20px;
    border: 0;
    background: none;
    height: 50px;
    top: 0;
    cursor: pointer
}

    #btn-search img {
        width: 23px;
        margin: 0 auto;
    }

#search-result {
    position: absolute;
    top: 46px;
    right: 0;
    width: 100%;
    background-color: #f2f2f2;
    padding: 20px
}

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

        #search-result ul li, #search-result ul li a {
            float: right;
            width: 100%;
            display: block;
            background-color: #fff;
            color: #000
        }

            #search-result ul li a {
                border-bottom: 1px solid #ccc;
                padding: 3px 0;
                font-size: 0.9em
            }

                #search-result ul li a:hover {
                    background-color: #eaeaea
                }

                #search-result ul li a img {
                    float: right;
                    height: 50px;
                    margin-left: 10px;
                }

    #search-result #show-all {
        display: block;
        background-color: #434242;
        text-align: center;
        margin-top: 15px;
        padding: 5px;
        color: #fff;
    }

        #search-result #show-all:hover {
            background-color: #000
        }
/******/
#basket {
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    background: url(img/icon.svg) no-repeat 3px 3px;
    margin-top: 12px;
    position: relative
}

    #basket:hover, #user:hover, #btn-search:hover {
        opacity: 0.5;
    }

    #basket span {
        font-size: 0.9em;
        display: block;
        width: 25px;
        height: 25px;
        background-color: #ff7a00;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        text-align: center;
        color: #fff;
        position: absolute;
        top: -7px;
        right: -7px;
    }

#header .sep {
    display: block;
    width: 2px;
    height: 40px;
    background-color: #c6c6c6;
    float: left;
    margin: 0 10px;
    margin-top: 12px;
}

#user, #user-login {
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    background: url(img/icon.svg) no-repeat -39px 3px;
    margin-top: 12px;
}
/*****/
#slider img {
    width: 100%
}
/*****/
#offer-product {
    background-color: #51cacf;
    margin: 20px 0;
    padding: 30px 0
}

    #offer-product .container-fluid {
        margin: 0;
        padding-left: 0
    }

    #offer-product .owl-stage {
        padding-right: 0px !important
    }

    #offer-product .title-sec {
        width: 15%;
        float: right;
        padding: 0 0 0 15px;
        margin: 0;
        text-align: center;
    }

        #offer-product .title-sec h3 {
            text-align: center;
            font-size: 2em;
            line-height: 34px;
            color: #fff;
            width: 100%
        }

        #offer-product .title-sec .btm {
            padding: 0 35px;
        }

            #offer-product .title-sec .btm a {
                display: block;
                color: #fff;
                border: 1px solid #fff;
                border-radius: 8px;
                -webkit-border-radius: 8px;
                margin-top: 15px;
                height: 40px;
                line-height: 40px;
            }

                #offer-product .title-sec .btm a:hover {
                    background-color: #fff;
                    color: #51cacf
                }

    #offer-product .owl-carousel {
        width: 85%;
        float: right
    }

.home-product .item {
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow: hidden
}

.bg-home .home-product .item:hover, #list-product .item:hover {
    box-shadow: 0 0 9px -1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 9px -1px rgba(0,0,0,0.5);
}

.bg-home .home-product .item {
    margin: 10px 0
}

.home-product .item .det {
    padding: 15px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: 'IRANSans_Bold';
    direction:ltr;
}

.home-product .item img {
    display: block;
    margin: 0 auto
}

.home-product .item .det h3 a {
    color: #000;
    margin-bottom: 10px;
    display: block;
    font-family: IRANSans;
    font-weight: 600;
    min-height:50px;
    font-size: 1.2em;
}

.home-product .item .det .alt-price-sec {
    text-align: left;
    margin-bottom: 7px;
}

    .home-product .item .det .alt-price-sec .off {
        display: inline-block;
        background-color: #f54748;
        color: #fff;
        padding: 2px 10px;
        font-size:1em;
        border-radius: 26px;
        line-height: 22px;
        font-family: 'IRANSans_Bold';
    }

    .home-product .item .det .alt-price-sec .alt-price {
        color: #828282;
        font-size:1.2em;
        margin-left: 5px;
        text-decoration: line-through;
    }

.home-product .item .det .price {
    text-align: left;
   font-weight: 600;
    font-size: 2em;
}

    .home-product .item .det .price span {
        font-size: 1.05em;
        font-weight: bold
    }

.home-product .item .det .delivery {
    float: right;
    font-size: 0.75em;
    color: #f00;
}

    .home-product .item .det .delivery:before {
        content: "";
        display: block;
        width: 18px;
        height: 17px;
        background: url(img/icon.jpg) no-repeat -5px -168px;
        float: right;
        position: relative;
        top: 3px;
        margin-left: 2px;
    }

.home-product .item .timer {
    margin: 2px 0
}

    .home-product .item .timer .fa {
        float: left;
        margin: 8px 3px 0 0;
    }

    .home-product .item .timer .countdown {
        float: left
    }

.owl-carousel .owl-buttons > div {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -20px;
    background-color: #fff;
    text-align: center;
    cursor: pointer
}

    .owl-carousel .owl-buttons > div:hover i {
        color: #51cacf;
        border-color: #51cacf
    }

    .owl-carousel .owl-buttons > div.disabled {
        display: none
    }

    .owl-carousel .owl-buttons > div i {
        display: block;
        border: 2px solid #948b8b;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        color: #948b8b;
        width: 35px;
        height: 35px;
        margin: 3px 3px 0 0;
        line-height: 29px;
        font-size: 2.3em;
        text-indent: -3px;
    }

    .owl-carousel .owl-buttons > div.owl-next {
        left: auto;
        right: 10px;
    }

    .owl-carousel .owl-buttons > div.owl-prev i {
        text-indent: 0;
    }

.timeTo {
    direction: ltr;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 217%;
    color: #222
}

    .timeTo div {
        width: 13px;
        height: 23px
    }

    .timeTo ul li {
        font-family: IRANSans;
    }

    .timeTo span {
        top: -3px;
        position: relative;
    }
/*******/
#banner1 img {
    width: 100%
}
/******/

.installment-tag {
    display: inline-flex;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 1.5rem;
    padding: 2px 8px;
    font-size: 13px;
    font-family: inherit;
}

    .installment-tag .badge {
        background-color: #2196f3;
        color: white;
        font-weight: bold;
        border-radius: 0 1rem 1rem 0;
        padding: 2px 8px;
        font-size: 12px;
        margin-left: 5px;
    }

    .installment-tag .text {
        color: #444;
    }


.bg-home {
    background-color: #e8f8f9;
    padding: 30px 15px
}

.title-page {
    font-size: 1.1em;
    border-bottom: 1px solid #0cb5bc;
    height: 13px;
    margin-bottom: 40px;
}

    .title-page h3 {
        background-color: #e8f8f9;
        display: inline-block;
        padding-left: 30px;
    }
/*****/
#most-view {
    margin-top: 30px;
}

.bg-home {
    padding-left: 0
}

    .bg-home .title-page {
        margin-left: 15px;
    }
/******/
#item-home {
    background-color: rgba(0, 0, 0, 0.85);
    padding: 30px 15px;
    color: #fff;
}

    #item-home .txt {
        margin: 20px 0
    }

        #item-home .txt p {
            float: right;
            margin: 0 96px 0 30px;
        }

        #item-home .txt a {
            float: left;
            color: #fff;
            border: 2px solid #fff;
            height: 45px;
            padding: 0 30px;
            line-height: 44px;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            margin: -18px 0 0;
        }

            #item-home .txt a i {
                display: inline-block;
                width: 20px;
                height: 20px;
                border: 2px solid #fff;
                border-radius: 50%;
                text-align: center;
                line-height: 15px;
                margin-left: 4px;
            }

            #item-home .txt a:hover {
                background-color: #fff;
                color: #51cacf
            }

                #item-home .txt a:hover i {
                    border-color: #51cacf
                }

#home-items {
    margin-top: 20px;
}

    #home-items .item .bg {
        background-color: #fff;
        color: #000;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        margin: 0;
        padding: 15px;
        box-shadow: 0 0 6px -3px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 0 6px -3px rgba(0,0,0,0.5);
        height: 100%;
    }

        #home-items .item .bg img {
            height: 70px;
            margin-left: 15px;
        }
/*****/
#footer {
    background-color: #2e2e2e;
    padding: 40px 15px;
    color: #f3f3f3;
    font-size: 0.9em
}

    #footer .title-footer {
        color: #1ad4dc;
        margin-bottom: 7px
    }

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

.nav-footer li a {
    display: block;
    width: 100%;
    color: #f3f3f3;
    display: block;
    padding: 3px 0
}

    .nav-footer li a:hover {
        color: #1dbac1;
    }

.contact-footer .address {
    margin-bottom: 15px;
}

    .contact-footer .address i {
        display: inline-block;
        width: 30px;
        height: 35px;
        background: url(img/icon.svg) no-repeat -75px -81px/117px;
        position: relative;
        top: 9px;
    }

.contact-footer .phone i {
    display: inline-block;
    width: 28px;
    height: 33px;
    background: url(img/icon.svg) no-repeat -19px -73px/107px;
    position: relative;
    top: 9px;
    transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -webkit-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    position: relative;
    top: 13px;
}

#social-media a {
    float: right;
    margin-left: 25px;
}

    #social-media a img {
        height: 47px;
    }

#news-leather {
    float: right;
    width: 100%;
    margin: 35px 0 15px 0;
}

    #news-leather p {
        margin-bottom: 10px;
    }

    #news-leather input[type="text"] {
        width: calc(100% - 170px);
        height: 40px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        padding: 0 10px;
        border: 0;
    }

    #news-leather input[type="submit"] {
        height: 40px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        padding: 0 10px;
        border: 0;
        background-color: #ff7a00;
        color: #fff;
        width: 150px;
        float: left;
        cursor: pointer
    }

        #news-leather input[type="submit"]:hover {
            background-color: #ff7a00
        }

#about-footer {
    text-align: justify
}

    #about-footer h3 {
        margin-bottom: 10px;
    }

#footer .line {
    width: 100%;
    height: 1px;
    background-color: #585858;
    margin: 30px 0
}

#footer .items img {
    float: left;
    margin-right: 5px;
}
/*****/
#copyright {
    background-color: #000;
    text-align: center;
    padding: 10px 0;
    color: #1dbac1
}

    #copyright a {
        color: #1dbac1
    }
/*******/
#top-nav {
    background-color: #fff;
    box-shadow: 0 3px 4px -4px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 3px 4px -4px rgba(0,0,0,0.5);
    font-size: 1.15em;
    position: relative;
    z-index: 900;
    position: relative;
}

    #top-nav > a {
        position: absolute;
        top: 32px;
        left: 15px;
    }

        #top-nav > a img {
            width: 250px;
        }

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

    #top-nav > ul {
        margin-right: 80px;
    }

        #top-nav > ul > li {
            float: right;
        }

            #top-nav > ul > li > a {
                display: block;
                padding: 10px 15px;
                color: #4c4c4c;
                position: relative;
            }

                #top-nav > ul > li > a:before, #tab-detail > ul > li > a:before {
                    content: "";
                    display: block;
                    width: 0;
                    height: 2px;
                    background-color: #14b8bf;
                    position: absolute;
                    bottom: 0;
                    right: 0
                }

            #top-nav > ul > li:hover > a, #top-nav .submenu > li li a:hover, .home-product .item .det h3 a:hover {
                /*color: #14b8bf;*/
            }

                #top-nav > ul > li:hover > a:before, #tab-detail > ul > li > a.act:before {
                    width: 100%
                }

    #top-nav .submenu {
        padding: 30px 0 30px 280px;
        position: absolute;
        right: 100px;
        top: 100%;
        width: calc(100% - 350px);
        background-color: #f3f4f6;
        background-repeat: no-repeat;
        background-position: 15px center;
        font-size: 0.9em;
        display: none
    }

    #top-nav li:hover > .submenu {
        -webkit-animation: ShowMenu .3s forwards;
        -moz-animation: ShowMenu .3s forwards;
        animation: ShowMenu .3s forwards;
        display: block
    }

    #top-nav .submenu > li {
        float: right;
        padding: 10px;
        max-width: 200px;
        text-align: right;
    }

        #top-nav .submenu > li > a {
            display: block;
            margin-bottom: 7px;
        }

        #top-nav .submenu > li li a {
            display: block;
            color: #747474;
            padding: 3px 0
        }

    #top-nav .submenu.brand-menu {
        padding: 0;
            display: none;
    opacity: 1 !important;

   
    width: calc(100vw - 245px);
    height: 500px; 
    /*padding: 20px 160px 20px 20px;*/
     padding: 20px 20px 20px 20px;
    overflow: auto;
    }
     #top-nav .submenu.brand-menu li.list-brand {
    width: 137px;
    height: 100%;
    position: absolute;
    top: 20px;
    right: 20px;
}
     #top-nav .submenu.brand-menu li.list-brand span {
    display: inline-block;
    width: 32px;
    height: 32px;
    float: right;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-align: center;
    margin: 5px;
    color: #000 !important;
    cursor: pointer;
    padding-top: 4px;
}


     #top-nav .submenu.brand-menu li.list-brand span.act {
    background-color: #000;
    color: #fff !important;
}
        #top-nav .submenu.brand-menu li {
            width: 14.285714%;
            float: right;
            padding: 5px
        }
        #top-nav .submenu.brand-menu li.hide {display:none}

            /*#top-nav .submenu.brand-menu li a:after {
                background-color: #ccc;
                top: 0;
                content: "";
                display: block;
                height: 1px;
                position: absolute;
                right: 5%;
                width: 90%;
            }

            #top-nav .submenu.brand-menu li a:before {
                background-color: #ccc;
                content: "";
                display: block;
                height: 90%;
                left: 0;
                position: absolute;
                top: 5%;
                width: 1px;
            }*/

            #top-nav .submenu.brand-menu li a {
                display: block;
                padding: 15px;
                overflow: hidden;
                position: relative;
                margin-bottom: 0;
                overflow: hidden
            }

                #top-nav .submenu.brand-menu li a img {
                    display: block;
                    margin: 0 auto
                }

            #top-nav .submenu.brand-menu li:nth-child(1) a:after,
            #top-nav .submenu.brand-menu li:nth-child(2) a:after,
            #top-nav .submenu.brand-menu li:nth-child(3) a:after,
            #top-nav .submenu.brand-menu li:nth-child(4) a:after,
            #top-nav .submenu.brand-menu li:nth-child(4) a:after,
            #top-nav .submenu.brand-menu li:nth-child(5) a:after,
            #top-nav .submenu.brand-menu li:nth-child(6) a:after,
            #top-nav .submenu.brand-menu li:nth-child(7) a:after,
            #top-nav .submenu.brand-menu li:nth-child(7n) a:before {
                display: none
            }

    #top-nav .submenu li ul li a.text-primary {
        color: #007bff !important
    }


/*****/
#breadcrumbs {
    list-style: none;
    padding: 10px 95px 10px 0;
    margin: 0;
    font-size: 0.93em;
    margin-bottom: 20px
}

    #breadcrumbs li {
        float: right
    }

        #breadcrumbs li:after {
            content: "/";
            display: block;
            float: left;
            margin: 0 2px;
        }

        #breadcrumbs li:last-child:after {
            display: none
        }
/****/
#detail-product .en-name {
    margin: 7px 0;
    border-bottom: 1px solid #d6d6d6;
    height: 13px;
    color: #767676;
    font-size: 0.95em;
}

    #detail-product .en-name h2 {
        padding-left: 15px;
        background-color: #fff;
        display: inline-block
    }

#detail-product #color {
    margin-top: 2px;
}

#detail-product #color {
    margin-bottom: 5px;
}

    #detail-product #color p {
        margin-bottom: 5px;
    }

    #detail-product #color a {
        float: right;
        width: 27px;
        height: 27px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        border: 1px solid #363636;
        padding: 2px;
        margin: 5px 0 0 5px;
    }

        #detail-product #color a.act {
            border: 2px solid #51cacf
        }

        #detail-product #color a i {
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            -webkit-border-radius: 50%;
        }

#detail-product .info {
    margin-top: 15px;
}

    #detail-product .info ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

        #detail-product .info ul li {
            margin-top: 10px;
        }

    #detail-product .info a {
        color: #4473d3;
        display: inline-block;
        margin-top: 10px;
    }
/******/
#basket-info {
    box-shadow: 0 0 7px -4px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 7px -4px rgba(0,0,0,0.5);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 15px;
}

    #basket-info .border-btm {
        padding-bottom: 5px;
        border-bottom: 1px solid #e9e8eb;
        margin-bottom: 5px;
    }

    #basket-info .guaranty:before {
        content: "";
        width: 29px;
        height: 29px;
        background: url(img/icon.jpg) no-repeat -2px -123px;
        display: inline-block;
        position: relative;
        top: 9px;
        margin-left: 5px;
    }

    #basket-info .guaranty {
        padding-bottom: 15px;
        color: #000000
    }

    #basket-info .status {
        margin-top: 10px;
        color: #000000
    }

        #basket-info .status p {
            padding-right: 35px;
            position: relative;
        }

            #basket-info .status p:nth-child(1):before {
                content: "";
                width: 29px;
                height: 29px;
                background: url(img/icon.jpg) no-repeat -2px -7px;
                display: inline-block;
                position: absolute;
                top: -5px;
                right: 0
            }

            #basket-info .status p:nth-child(2):before {
                content: "";
                width: 35px;
                height: 29px;
                background: url(img/icon.jpg) no-repeat 1px -43px;
                display: inline-block;
                position: absolute;
                top: -2px;
                right: 0
            }

            #basket-info .status p:nth-child(3):before {
                content: "";
                width: 29px;
                height: 29px;
                background: url(img/icon.jpg) no-repeat -3px -81px;
                display: inline-block;
                position: absolute;
                top: 1px;
                right: 0
            }
            #basket-info .status p:nth-child(4):before {
                content: "";
                width: 29px;
                height: 29px;
                background: url(img/icon.jpg) no-repeat -3px -81px;
                display: inline-block;
                position: absolute;
                top: -3px;
                right: 0
            }
            #basket-info .status p:after {
                content: "";
                display: block;
                width: 1px;
                height: 20px;
                background-color: #46c6cc;
                margin: 1px -21px 3px 0
            }

            #basket-info .status p:last-child:after {
                display: none;
            }

    #basket-info .price-sec {
        border-top: 1px solid #e9e8eb;
        padding-top: 10px;
        margin-top: 10px;
        font-family: 'IRANSans_Bold';
        direction:ltr;
    }

    #basket-info .alt-price-sec {
        text-align: left;
        margin-bottom: 7px;
    }

        #basket-info .alt-price-sec .off {
            display: inline-block;
            background-color: #f54748;
            color: #fff;
            padding: 2px 10px;
            font-size: 0.85em;
            border-radius: 26px;
            line-height: 22px;
        }

        #basket-info .alt-price-sec .alt-price {
            color: #828282;
            font-size: 0.95em;
            margin-left: 5px;
            text-decoration: line-through;
        }

    #basket-info .price {
        text-align: left;
        font-weight: bold;
        font-size: 1.15em;
    }

        #basket-info .price span {
            float: right
        }

#add-basket {
    display: block;
    width: 100%;
    background-color: #ff7a00;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    margin-top: 10px;
    height: 50px;
    line-height: 53px;
}

    #add-basket:hover {
        background-color: #f3841d;
    }
/****/
#tab-detail > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 2px solid #cacacf;
}

    #tab-detail > ul.fix {
        position: fixed;
        z-index: 9999;
        background-color: #fff;
        width: calc(100% - 30px);
        right: 15px;
        top: 0
    }

    #tab-detail > ul > li {
        float: right
    }

        #tab-detail > ul > li > a {
            display: block;
            padding: 10px;
            position: relative;
            color: #000
        }

            #tab-detail > ul > li > a:hover, #tab-detail > ul > li > a.act {
                color: #1dbac1
            }

            #tab-detail > ul > li > a:before {
                bottom: -2px
            }
/*****/
#tab-detail {
    margin-top: 30px;
}

    #tab-detail .items {
        padding: 20px;
    }

    #tab-detail .item {
        display: block;
        margin-top: 50px
    }

        #tab-detail .item.act {
            display: block;
            -webkit-animation: showtab .3s forwards;
            -moz-animation: showtab .3s forwards;
            animation: showtab .3s forwards;
        }

#info table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 8px
}

    #info table td {
        background-color: #fafafa;
        padding: 5px 15px
    }

        #info table td:first-child {
            width: 200px
        }

        #info table td.caption {
            background-color: #fff
        }
/*****/
#comments .item-rate {
    width: 50%;
    float: right;
    line-height: 18px;
    margin-top: 10px
}

    #comments .item-rate span {
        display: inline-block
    }

        #comments .item-rate span.subj {
            width: 200px
        }

    #comments .item-rate .rate-line {
        width: 200px;
        position: relative;
        height: 3px;
        background-color: #ccc;
        margin-left: 10px
    }

        #comments .item-rate .rate-line i {
            display: block;
            height: 3px;
            position: absolute;
            top: 0;
            right: 0;
            background-color: #00bfd6
        }

#comments .btn-cmd {
    color: #fff;
    margin-top: 10px
}

.item-comment {
    border-top: 1px solid #f3f3f3;
    padding-top: 15px;
    margin-top: 15px
}

    .item-comment .date {
        color: #777;
        font-size: .9em
    }

    .item-comment .msg {
        background-color: #f1feff;
        border: 1px solid #c2f2f7;
        color: #1599a9;
        padding: 0 5px;
        border-radius: 3px;
        -webkit-border-radius: 3px
    }

        .item-comment .msg.msg-negative {
            background-color: #fff8f9;
            border: 1px solid #ffbcc7;
            color: #ff637d
        }

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

        .item-comment ul.positive {
            color: #1599a9
        }

            .item-comment ul.positive li:before {
                content: "";
                display: inline-block;
                width: 8px;
                height: 8px;
                background-color: #1599a9;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                margin-left: 5px
            }

        .item-comment ul.negative {
            color: #ff637d
        }

            .item-comment ul.negative li:before {
                content: "";
                display: inline-block;
                width: 8px;
                height: 8px;
                background-color: #ff637d;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                margin-left: 5px
            }
/*****/
#fag-items .item {
    display: block;
    margin-top: 15px;
    background-color: #fff;
    border: 1px solid #e9e8e7;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}

    #fag-items .item a {
        display: block;
        padding: 15px 15px 15px 30px;
        color: #0cb5bc;
        position: relative;
    }

        #fag-items .item a i {
            position: absolute;
            left: 15px;
            top: 21px;
        }

    #fag-items .item .reply {
        padding: 0 15px 15px;
        line-height: 26px;
        text-align: justify;
        display: none;
    }
/*****/
/******/
#filter {
}

.selected-filter {
    border-top: 2px solid #d1d1d1;
    padding: 20px 0 40px;
}

    .selected-filter a {
        display: block;
        float: right;
        background-color: #6b6b6a;
        margin: 0 0 4px 10px;
        color: #fff;
        font-size: 0.95em;
        line-height: 20px;
        white-space: nowrap;
        padding-left: 6px;
    }

        .selected-filter a i {
            display: block;
            width: 20px;
            height: 20px;
            background-color: #555454;
            text-align: center;
            float: right;
            line-height: 17px;
            margin-left: 6px;
        }

        .selected-filter a.remeve-all {
            background-color: #f68a22
        }

#filter .border { /*border:1px solid #e5e7e8;padding:10px;*/
    background-color: #fff
}

#filter .title {
    font-size: 1.1em;
    margin-bottom: 15px;
    color: #1d4e9f;
}

#border-filter {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.item-filter {
    margin-top: 15px;
    float: right;
    width: 100%;
}

    .item-filter > a {
        background-color: #efefef;
        float: right;
        width: 100%;
        padding: 4px 10px;
        display: block;
        color: #333;
        position: relative;
    }

        .item-filter > a i {
            display: block;
            font-size: 0.7em;
            left: 10px;
            line-height: 14px;
            position: absolute;
            text-align: center;
            top: 10px;
            width: 13px;
            -webkit-transition: all 0.4s ease-out;
            -moz-transition: all 0.4s ease-out;
            -ms-transition: all 0.4s ease-out;
            -o-transition: all 0.4s ease-out;
            transition: all 0.4s ease-out;
        }

        .item-filter > a:hover i {
        }

    .item-filter ul, .item-filter .filter-list {
        float: right;
        width: 100%;
    }

    .item-filter ul {
        overflow: auto;
        margin: 0;
        max-height: 200px;
    }

    .item-filter .filter-list {
        margin-top: 10px;
        display: none;
    }

    .item-filter ul li {
        display: block;
        float: right;
        width: 100%;
        padding: 0 20px;
    }

        .item-filter ul li a {
            color: #0065b5;
            display: block;
            float: right;
            width: 100%;
            padding: 5px 0px;
            clear: both
        }

            .item-filter ul li a span {
                display: none;
            }

    .item-filter input[type="checkbox"], .item-filter input[type="radio"] {
        position: relative;
        top: 2px;
    }

    .item-filter .btn-info {
        width: 100%
    }
/*.item-filter ul li a span {float: right;font-size: 0.9em;}
.item-filter ul li a span:before { /*content: "\f096";*/ content: "";font-family: 'FontAwesome';display:block;float:right;font-size:1.2em;margin:-1px 0 0 5px;
}

*/

.item-filter ul li.active a span:before {
    content: "\f046";
}

.item-filter ul li.active a {
    color: #f7b644;
}

.item-filter ul li a img {
    float: left;
    height: 22px;
}


#filter .border-filter {
    border: 1px solid #e0e0e0;
    padding: 15px;
}
/*****/
/************************************/
.asRange {
    position: relative;
    width: 90%;
    height: 8px;
    background-color: #cfcdc7;
    border-radius: 8px;
    margin: 15px 2.5%
}

    .asRange .asRange-pointer {
        position: absolute;
        left: 30%;
        z-index: 2;
        width: 8px;
        height: 8px;
        margin-left: -4px;
        background-color: #fff;
        border-radius: 9px
    }

        .asRange .asRange-pointer:before {
            position: absolute;
            top: -4px;
            right: -4px;
            bottom: -4px;
            left: -4px;
            content: "";
            background: #6ba1ad;
            border-radius: inherit
        }

        .asRange .asRange-pointer:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            content: "";
            background: #fff;
            border-radius: inherit
        }

        .asRange .asRange-pointer.start {
            left: 0;
            margin-left: 4px
        }

        .asRange .asRange-pointer.stop {
            left: 100%;
            margin-left: -12px
        }

        .asRange .asRange-pointer .asRange-tip {
            position: absolute;
            top: -33px;
            left: 0;
            width: 36px;
            height: 20px;
            margin-left: -15px;
            font-size: 12px;
            line-height: 20px;
            color: #fff;
            text-align: center;
            background-color: #5d5c58;
            border: 1px solid #5d5c58;
            border-radius: 3px;
            -webkit-transition: opacity .3s ease-in-out 0s;
            transition: opacity .3s ease-in-out 0s
        }

            .asRange .asRange-pointer .asRange-tip:before {
                position: absolute;
                bottom: -3px;
                left: 50%;
                display: inline-block;
                width: 6px;
                height: 6px;
                margin-left: -3px;
                content: "";
                background-color: #5d5c58;
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg)
            }

    .asRange .asRange-selected {
        position: absolute;
        left: 30%;
        z-index: 1;
        width: 40%;
        height: 8px;
        background-color: #5674b9;
        border-radius: 9px
    }

    .asRange .asRange-scale {
        display: none
    }

.asRange-scale {
    position: relative;
    width: 331px;
    height: 8px;
    background-color: #cfcdc7;
    border-radius: 8px
}

    .asRange-scale .asRange-pointer {
        position: absolute;
        left: 30%;
        z-index: 2;
        width: 8px;
        height: 8px;
        margin-left: -4px;
        background-color: #fff;
        border-radius: 9px
    }

        .asRange-scale .asRange-pointer:before {
            position: absolute;
            top: -4px;
            right: -4px;
            bottom: -4px;
            left: -4px;
            content: "";
            background: #6ba1ad;
            border-radius: inherit
        }

        .asRange-scale .asRange-pointer:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            content: "";
            background: #fff;
            border-radius: inherit
        }

        .asRange-scale .asRange-pointer.start {
            left: 0;
            margin-left: 4px
        }

        .asRange-scale .asRange-pointer.stop {
            left: 100%;
            margin-left: -12px
        }

        .asRange-scale .asRange-pointer .asRange-tip {
            position: absolute;
            top: -33px;
            left: 0;
            width: 36px;
            height: 20px;
            margin-left: -15px;
            font-family: Bpreplay;
            font-size: 12px;
            line-height: 20px;
            color: #fff;
            text-align: center;
            background-color: #5d5c58;
            border: 1px solid #5d5c58;
            border-radius: 3px;
            -webkit-transition: opacity .3s ease-in-out 0s;
            transition: opacity .3s ease-in-out 0s
        }

            .asRange-scale .asRange-pointer .asRange-tip:before {
                position: absolute;
                bottom: -3px;
                left: 50%;
                display: inline-block;
                width: 6px;
                height: 6px;
                margin-left: -3px;
                content: "";
                background-color: #5d5c58;
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg)
            }

    .asRange-scale .asRange-selected {
        position: absolute;
        left: 30%;
        z-index: 1;
        width: 40%;
        height: 8px;
        background-color: #5674b9;
        border-radius: 9px
    }

    .asRange-scale .asRange-scale {
        position: absolute;
        bottom: -22px;
        left: 0;
        width: 100%;
        height: 20px;
        padding: 0;
        margin: 0;
        list-style: none;
        background: url(../image/scale.png) no-repeat 0 center transparent
    }

        .asRange-scale .asRange-scale li {
            position: absolute;
            top: 18px;
            width: 30px;
            height: 20px;
            padding: 0;
            margin: 0;
            margin-left: -15px;
            text-align: center
        }

            .asRange-scale .asRange-scale li:first-child {
                left: 0
            }

            .asRange-scale .asRange-scale li:nth-child(2) {
                left: 33.3%
            }

            .asRange-scale .asRange-scale li:nth-child(3) {
                left: 66.6%
            }

            .asRange-scale .asRange-scale li:last-child {
                left: 100%
            }
/*****/
#logo-mob {
    float: right;
   
margin-top:10px;
}
/*****/
#list-product > .row {
    margin: 0 -5px;
}

#list-product .item {
    border: 1px solid #d9dadb;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    
}

#list-product .row > div {
    margin-bottom: 30px;
    padding: 0 5px;
    font-family: 'IRANSans_Bold';
    min-width:250px;
}

#list-product .btm .price {
    width: 100%;
    font-weight: bold;
    /*padding: 5px;*/
    font-family: 'iranssansnumber';
}

#list-product .btm .delivery {
    color: #f00;
    font-size: 0.75em;
        margin-left: 20px;
}

    #list-product .btm .delivery:before {
        content: "";
        display: block;
        width: 18px;
        height: 17px;
        background: url(img/icon.jpg) no-repeat -5px -168px;
        float: right;
        position: relative;
        top: 3px;
        margin-left: 2px;
    }

#filter-btn {
    border: 1px solid #d9dadb;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #000;
    width: 150px;
}

#filter .btm {
    text-align: center;
    padding-top: 10px;
    border-top: 1px solid #ccc;
}

    #filter .btm a {
        border: 1px solid #ccc;
        display: inline-block;
        margin: 0 5px 15px;
        min-width: 120px;
        padding: 5px 15px;
        text-align: center;
    }

        #filter .btm a.filter-btn {
            background-color: #e32119;
            border-color: #e32119;
            color: #fff
        }

#body.hide-over {
    overflow: hidden !important
}

#close-filter {
    font-size: 2em;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid;
    color: #000;
    margin: 0 0 20px 0;
    text-align: center;
    line-height: 38px;
}
/******/
#gallery .hover {
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 800;
}

    #gallery .hover a {
        display: block;
        width: 40px;
        text-align: center;
        position: relative;
        font-size: 30px;
        margin-bottom: 0px;
        color: #000
    }

a.fav.active.trans {
    color: white;
    background: red;
}

#gallery .hover a span:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #333;
    position: absolute;
    bottom: 5px;
    left: 100%
}

#gallery .hover a:hover span {
    right: 100%;
    opacity: 1
}

#gallery .hover a span {
    position: absolute;
    top: 3px;
    font-size: 0.7em;
    background-color: #333;
    height: 15px;
    line-height: 3px;
    color: #fff;
    padding: 10px 12px;
    right: 130%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    opacity: 0;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    white-space: nowrap;
    color: #eee
}

#sharing .drop {
    position: absolute;
    top: 26px;
    right: 25px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    width: 178px;
    display: none;
}

    #sharing .drop li {
        display: inline-block;
        padding: 0px 5px;
        float: right;
    }

    #sharing .drop a {
        display: block;
        float: right;
        color: #767676;
        width: 25px;
        height: 25px;
        text-align: center;
        font-size: 1.1em;
        line-height: 29px;
        margin: 0
    }

        #sharing .drop a:hover {
            color: #000
        }

.modal-dialog {
    direction: rtl;
    text-align: right;
}

    .modal-dialog .modal-title {
        width: 100%
    }

.modal-body .checker {
    float: right;
    margin: 1px 0 0 7px;
    clear: both
}

.notificatin-2 .item {
    margin-bottom: 10px
}

.btn {
    font-size: 1em;
}

.modal-footer .btn {
    margin-right: 10px;
}

#star {
    margin-top: 20px;
    direction: ltr
}

    #star > div {
        float: right
    }

    #star span {
        color: #5b5b5b;
        font-size: 0.9em;
        float: left;
        line-height: 16px;
        margin-right: 5px;
    }

    #star i.fa-star {
        color: #fbc200;
        float: left;
    }

    #star i.fa-star-o {
        color: #5b5b5b;
        float: left;
    }

#text1 {
    line-height: 27px;
    text-align: justify;
}

.faq-list {
    margin-bottom: 40px
}

#list-txt {
    border: 1px solid #e9e8e7;
    padding: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align: justify;
    line-height: 30px;
}

    #list-txt img {
        max-width: 100%;
        height: auto !important;
    }
/*****/

#bodymodal {
    visibility: hidden
}

.preloader {
    z-index: 99999999;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    display: none;
}

#login-page {
    background-color: #f9f7fc;
    width: 100%;
    position: absolute;
    /*min-height: 99%;*/
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    direction: rtl;
    text-align: right;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    #login-page img {
        display: block;
        /*margin: 0 auto 15px;
        width: 185px;*/
    }

  

    #login-page .bg {
        background-color: #fff;
        padding: 10%;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        box-shadow: 0 0 6px -3px rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 0 6px -3px rgba(0, 0, 0, .5);
        max-width: 100%;
        margin: 0 auto
    }

        #login-page .bg > h3 {
            padding-top: 10px;
            margin-bottom: 10px;
            font-size: 1em;
            color: #666;
            text-align: right;
            font-weight: 600;
        }

    #login-page .form-item {
        margin-bottom: 15px;
        position: relative
    }

        #login-page .form-item label {
            display: block;
            font-size: .95em;
            margin-bottom: 15px;
        }

        #login-page .form-item input {
            width: 100%;
            height: 40px;
            margin-top: 4px;
            padding: 0 35px 0 15px;
            border: 1px solid #ccc;
            border-radius: 3px;
            -webkit-border-radius: 10px;
            margin-bottom:15px;
            font-family: iranssansnumber
        }

        #login-page .form-item i {
            position: absolute;
            bottom: 13px;
            right: 13px;
            font-size: 1.2em;
            color: #ccc
        }

        #login-page .form-item.txt-footer {
            font-size: 0.9em;
            text-align: center;
        }

            #login-page .form-item.txt-footer a {
                color: #51cacf;
                text-decoration: underline !important;
                text-underline-offset: 5px;
                text-decoration-style: dashed !important;
            }

        #login-page .form-item i.fa-mobile {
            font-size: 2em;
            bottom: 7px
        }

        #login-page .form-item input[type="submit"] {
            /*background-color: #dd221a;*/
            text-align: center;
            padding: 0;
            border: 0;
            cursor: pointer;
            color: #fff;
            border-radius: 10px;
            font-size: 1.2em;
        }

            /*#login-page .form-item input[type="submit"]:hover {
                background-color: #dd221a
            }*/

.forget-pass {
    float: right;
    border-bottom: 1px dashed;
    font-size: .9em;
    margin-bottom: 5px;
    margin-left: 10px;
}

#login-page .sec2 input {
    position: relative;
    top: 4px
}

#login-page .sec2 a {
    color: #ffa400
}

.remember {
    font-size: .95em
}

    .remember input {
        position: relative;
        top: 3px
    }

#login-page .txt {
    width: calc(100% + 40px);
    margin: 15px -20px -20px 0;
    padding: 20px;
    background-color: #fafafa;
    text-align: center;
    border-top: 1px solid #ccc
}

    #login-page .txt a,
    #login-page.register-page .remember a {
        color: #e32119;
        border-bottom: 1px dashed
    }

#footer-login {
    width: 100%;
    margin-top: 20px
}

    #footer-login ul {
        text-align: center;
        border-top: 1px solid #ccc;
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: .9em;
        margin-top: auto !important
    }

    #footer-login li {
        display: inline-block
    }

        #footer-login li a {
            color: #51cacf;
            display: block;
            padding: 10px;
            text-decoration: underline !important;
            text-underline-offset: 5px;
            text-decoration-style: dashed !important;
        }

    #footer-login p {
     text-align: center;
    color: #666;
    font-size: 1.2em;
    padding-top: 70px;
    padding-bottom: 10px;
    }

.form-control {
    font-size: 1em
}
/*****/
#user-log {
    position: relative;
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: 12px;
}

#user-login {
    position: relative;
    margin-top: 0
}

    #user-login .fa-check {
        position: absolute;
        top: 2px;
        right: 5px;
        color: #29ba17;
        font-size: 1.3em;
    }

    #user-login .fa-angle-down {
        float: right;
        font-size: 1.2em;
        font-weight: bold;
        margin: 20px -9px 0 0;
    }

#user-log ul {
    list-style: none;
    margin: 0;
    width: 200px;
    top: 37px;
    left: 0;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .3);
    padding: 10px;
    z-index: 100;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    display: none
}

    #user-log ul li {
        display: block;
        width: 100%
    }

        #user-log ul li a {
            width: 100%;
            display: block;
            padding: 3px;
            border-bottom: 1px solid #f2e8e8
        }

            #user-log ul li a:hover {
                color: #e32119
            }

        #user-log ul li:last-child a {
            border: 0
        }
/*******/
/*****/
#comments-page img {
    max-height: 170px;
    margin: 0 auto 30px
}

#comments-page .bg > h2 {
    margin-bottom: 10px;
}

#comments-page .line {
    width: 100%;
    height: 1.5px;
    background-color: #d5d5d5;
    margin: 15px 0
}

.comments-info .bg {
    background-color: #fcfcfc;
    padding: 20px;
}

#comments-page .form-item {
    margin-bottom: 15px;
}

    #comments-page .form-item label {
        margin-bottom: 5px;
    }

    #comments-page .form-item.cmm-positive label:before, #comments-page .form-item.cmm-negative label:before {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        background: #00bfd6;
        content: "";
        display: inline-block;
        margin-left: 10px;
    }

    #comments-page .form-item.cmm-negative label:before {
        background-color: #fb3449
    }

.comment-questions {
    background-color: #fcfcfc;
    padding: 10px;
}

    .comment-questions ul {
        list-style: none;
        padding: 0;
        margin: 20px 0 0 0;
    }

        .comment-questions ul li {
            display: inline-block;
            margin-left: 15px;
        }

            .comment-questions ul li:last-child {
                margin-left: 0
            }

.btn-cmd {
    background-color: #e32119;
    border: 0;
    padding: 5px 20px;
    color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer;
}

    .btn-cmd:hover {
        background-color: #c91c14;
    }

.cmt-btm p {
    font-size: 0.9em;
    float: right;
}

    .cmt-btm p a {
        color: #e32119
    }

.cmt-btm > a {
    float: left;
    color: #e32119
}

    .cmt-btm > a:hover, .cmt-btm p a:hover {
        color: #333
    }

#comments-page {
    margin-bottom: 30px;
}

    #comments-page .txt {
        line-height: 30px;
    }

        #comments-page .txt > h3 {
            margin-bottom: 5px;
        }
    /******/
    #comments-page .line {
        width: 100%;
        height: 1.5px;
        background-color: #d5d5d5;
        margin: 15px 0
    }

.comments-info .bg {
    background-color: #fcfcfc;
    padding: 20px;
}

#comments-page .form-item {
    margin-bottom: 15px;
}

    #comments-page .form-item label {
        margin-bottom: 5px;
    }

    #comments-page .form-item.cmm-positive label:before, #comments-page .form-item.cmm-negative label:before {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        background: #00bfd6;
        content: "";
        display: inline-block;
        margin-left: 10px;
    }

    #comments-page .form-item.cmm-negative label:before {
        background-color: #fb3449
    }

    #comments-page .form-item.cmm-positive, #comments-page .form-item.cmm-negative {
        position: relative;
    }

        #comments-page .form-item.cmm-positive input, #comments-page .form-item.cmm-negative input {
            padding-left: 30px;
        }

        #comments-page .form-item.cmm-positive .add, #comments-page .form-item.cmm-negative .add {
            position: absolute;
            top: 37px;
            left: 9px;
            border: 1px solid #ccc;
            width: 20px;
            height: 20px;
            text-align: center;
            line-height: 20px;
            border-radius: 2px;
            -webkit-border-radius: 2px;
            cursor: pointer;
            display: none
        }

#comments-page .item {
    background-color: #f1feff;
    border: 1px solid #c2f2f7;
    color: #1599a9;
    padding: 0 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    position: relative;
    margin-top: 10px;
}

    #comments-page .item a.remove {
        float: left
    }

#comments-page .cmm-negative .item {
    background-color: #fff8f9;
    border: 1px solid #ffbcc7;
    color: #ff637d;
}


.comment-questions {
    background-color: #fcfcfc;
    padding: 10px;
}

    .comment-questions ul {
        list-style: none;
        padding: 0;
        margin: 20px 0 0 0;
    }

        .comment-questions ul li {
            display: inline-block;
            margin-left: 15px;
        }

            .comment-questions ul li:last-child {
                margin-left: 0
            }

#addtobascket {
    direction: rtl;
    text-align: right
}

    #addtobascket .btn {
        width: 48%;
        font-size: 1.02em
    }

.modal .close {
    left: 0;
    position: absolute;
    top: 13px
}

#addtobascket img {
    float: right;
    width: 80px;
    margin-left: 13px
}

#addtobascket .modal-body div {
    font-size: .95em
}

    #addtobascket .modal-body div span:first-child {
        margin-left: 15px
    }
/******/
#scrollToTop {
    display: none;
    width: 40px;
    height: 40px;
    background-color: #ff7a00;
    text-align: center;
    font-size: 2.2em;
    position: fixed;
    color: #fff;
    z-index: 9000;
    bottom: 21px;
    right: 38px;
    line-height: 42px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-transition: background .4s ease-out;
    -moz-transition: background .4s ease-out;
    -ms-transition: background .4s ease-out;
    -o-transition: background .4s ease-out;
    transition: background .4s ease-out
}

    #scrollToTop:hover {
        background-color: #8d8989
    }

/*******/
#footer-phone i, .footer-whatsapp i {
    display: block;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 3px solid #d76161;
    margin-left: 10px;
    background: #b43636 url(img/phone.png) no-repeat 6px 7px /33px;
    position: absolute;
    top: -8px;
    right: -11px;
}

#footer-phone a, .footer-whatsapp a {
    color: #fff;
    font-size: 0.9em;
}
/****/
.footer-whatsapp {
    border-radius: 7px;
    -webkit-border-radius: 7px;
    bottom: 100px;
    right: 15px;
    background-color: #2eb937;
    color: #fff;
    height: 40px;
    line-height: 42px;
    padding: 0 0px 0 8px;
    position: fixed;
    overflow: visible;
    z-index: 9999;
}

    .footer-whatsapp i {
        background: #2eb937 url(img/whatsapp.png) no-repeat 9px 7px /33px;
        border-color: #53e869
    }
/*****/
#link-insta {
    margin: 30px auto;
    width: 100%;
    overflow: hidden
}

#load-more { 
	background: linear-gradient(135deg, #ff7a18, #af002d);
    color: rgba(255, 255, 255, 0.9);
    border: none;
    padding: 14px 30px;
    font-size: 16px;
    margin-bottom: 20px;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  margin: 20px auto;
    /* تنظیمات وسط‌چین دقیق */
    display: flex;
    justify-content: center;  /* افقی */
    align-items: center;      /* عمودی */

    gap: 10px;
    width: 300px;
    text-align: center;
}

    #load-more:hover {
         transform: translateY(-3px);
      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
      background: linear-gradient(135deg, #ff9342, #d00044)
    }
#load-more svg {
      width: 20px;
      height: 20px;
      fill: white;
      transition: transform 0.3s ease;
 	transform: scaleX(-1); /* معکوس کردن جهت افقی */
    }

 #load-more:hover svg {
      transform: translateX(5px);
	transform: scaleX(-1); /* معکوس کردن جهت افقی */
    }
/******/
#dynamic-text {
    padding-bottom: 30px;
}

    #dynamic-text .title-page h3 {
        background-color: #fff
    }

    #dynamic-text #txt {
        text-align: justify;
        line-height: 27px;
    }

    #dynamic-text img {
        max-width: 100%;
        height: auto !important
    }

.map {
    margin-top: 20px;
}

#pnav {
    display: none
}


#top-nav .submenu.brand-menu li a img {
    display: block;
    margin: 0 auto;
    max-width: 90%
}







#pageslide ul li ul li a {
    padding: 14px 14px 14px 5px;
}

#pageslide ul#pnav li a i {
    margin-top: -1px
}

#pageslide ul#pnav li ul.brand-menu {
  
    position: relative;
    min-height: 500px;
}

    #pageslide ul#pnav li ul.brand-menu .list-brand {
        position: absolute;
        width: 40px;
        top: 0;
        left: 0;
        height: 500px;
        overflow: auto;
    }

#pageslide ul#pnav li ul.brand-menu .hide {
    display: none !important;
}

#pageslide ul#pnav li ul.brand-menu .list-brand span {
   background: none;
    text-align: center;
    display: block;
    width: 33px;
    color: #000;
    height: 33px;
    text-align: center;
    line-height: 33px;
    background-color: #f5f1f1;
    border-bottom: 1px solid #ccc;
}

   #pageslide ul#pnav li ul.brand-menu .list-brand span.act {
        color: burlywood;
        text-shadow: -2px -1px 3px burlywood;
    }

/******/
#cat-list .slick-prev:before, #cat-list .slick-next:before {
    content: '';
}

#sorting {
    width: 100%;
    margin: 0 0 43px 0;
    padding: 0 15px;
}

    #sorting select {
        font-size: 1.05em;
        float: right;
        min-width: 160px;
        padding: 10px;
        border: 1px solid #d9dadb;
        border-radius: 5px;
    }
     #scroll-top-list {position: fixed;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 38px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #ccc;
    border-radius: 33px;
    z-index: 999999999;
    margin-left: -40px;display:none}
    #scroll-top-list path {fill:#666}
    #scroll-top-list svg {margin: 9px auto 0;
    display: block;}

@media (max-width:991.98px) {

      #login-page #cnt {
       
        margin: 30px auto 0;
        width:100%
    }
    .slick-prev, .slick-next {
        display: none !important
    }

    #filter-btn {
        width: 100%
    }

    #sorting {
        margin-bottom: 10px;
    }

        #sorting select {
            width: 100%
        }

    #top-nav {
        display: none
    }

    #header {
        position: relative;
        padding-bottom: 80px;
    }

        #header .col-lg-4 {
            position: static;
        }

    #top-search {
        position: absolute;
        bottom: 15px;
        left: 15px;
        width: calc(100% - 30px);
    }

    #offer-product .title-sec {
        width: 25%
    }

    #offer-product .owl-carousel {
        width: 75%
    }

    #item-home .txt p {
        margin-right: 30px;
    }

    #item-home .item .bg {
        font-size: 0.8em
    }

        #item-home .item .bg img {
            height: 40px;
        }

    .contact-footer, #social-media {
        margin-top: 30px;
    }

    #about-footer {
        margin-bottom: 30px;
    }

    .sec-seach {
        padding: 0
    }

    #filter {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 999999;
        padding: 30px;
        height: 100vh;
        overflow: scroll;
        display: none
    }

    #basket-info {
        margin-top: 20px;
    }

    #user-log {
        margin-right: 10px;
        z-index: 99999;
    }
}

@media (max-width:767.98px) {
      #login-page #cnt {
       
        margin: 30px auto 0;
        width:100%
    }
    #login-modal .modal-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0
    }

    #login-modal #login-page #cnt {
        width: 100%
    }

    #login-modal #login-page .bg {
        box-shadow: 0 0 0 0 #000;
        -webkit-box-shadow: 0 0 0 0 #000;
    }

    #login-modal #login-page .form-item #enter-code {
        text-align: center;
    }

        #login-modal #login-page .form-item #enter-code input {
            display: inline-block
        }

    #offer-product .owl-carousel, #most-view .owl-carousel, #new-product .owl-carousel {
        display: block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow:auto;
       
    }

        #offer-product .owl-carousel .item, #most-view .owl-carousel .item, #new-product .owl-carousel .item {
            min-width: 170px;
            max-width: 170px;
            margin-left: 15px;
            height: 100%
        }

    #home-items .item {
        margin-bottom: 30px;
        width: 50%
    }

    #offer-product .title-sec {
        width: 35%;
    }

    #offer-product .owl-carousel {
        width: 65%;
    }

    #item-home .txt a {
        margin-top: 12px;
    }

    #item-home .txt p {
        margin-right: 96px;
    }

    #item-home .item {
        margin-bottom: 15px;
    }

        #item-home .item:last-child {
            margin-bottom: 15px;
        }

        #item-home .item p {
            width: 100px
        }

    #info table, #info tbody, #info table tr, #info table td {
        width: 100% !important;
        display: block !important
    }

        #info table tr {
            border-bottom: 2px solid #fff
        }

    #comments .item-rate {
        width: 100%
    }

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

        .home-product .item .det .alt-price-sec .off {
            position: absolute;
            top: 10px;
            right: 10px
        }

    .home-product .btm .delivery {
        float: right;
        font-size: 0.75em;
        color: #f00;
    }

        .home-product .btm .delivery:before {
            content: "";
            display: block;
            width: 18px;
            height: 17px;
            background: url(img/icon.jpg) no-repeat -5px -168px;
            float: right;
            position: relative;
            top: 3px;
            margin-left: 2px;
        }
}

@media (max-width:575.98px) {
      #login-page #cnt {
       
        margin: 30px auto 0;
        width:100%
    }
    #offer-product .title-sec .btm {
        padding: 0
    }

    #item-home .txt p {
        margin: 0 0 15px 0
    }

    #item-home .txt a {
        width: 100%;
        text-align: center;
    }

    .nav-footer {
        margin-top: 30px;
    }

    #footer {
        padding-top: 10px;
    }

    #breadcrumbs {
        padding-right: 0
    }

    #tab-detail > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: scroll;
        white-space: nowrap
    }

    .home-product .item .det {
        padding: 15px 5px;
    }

    #list-product .row {
        margin: 0 -5px;
    }

        #list-product .row div {
          min-width: 150px;
        }
}

@media (min-width:992px) {
    
    #login-page #cnt {
       
        margin: 30px auto 0;
        min-width: 520px;
    }
    #scroll-top-list {display:none!important}
    #basket-info.fix {
        position: fixed;
        top: 50px;
        left: 30px;
        z-index: 99999;
        width: 300px;
        background-color: #fff
    }

    #filter {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 23%;
        flex: 0 0 23%;
        max-width: 23%;
    }

    #list-product {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 77%;
        flex: 0 0 77%;
        max-width: 77%;
    }
}

@media (max-width:600px) {
      #login-page #cnt {
       
        margin: 30px auto 0;
        width:100%
    }
}

@-webkit-keyframes toLeftFromRight {
    0% {
        -webkit-transform: translate(10%);
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0%);
    }
}

@-moz-keyframes toLeftFromRight {
    0% {
        -moz-transform: translate(10%);
        opacity: 0;
    }

    100% {
        opacity: 1;
        -moz-transform: translate(0%);
    }
}

@keyframes toLeftFromRight {
    0% {
        transform: translate(10%);
        opacity: 0;
    }

    100% {
        opacity: 1;
        transform: translate(0%);
    }
}

@-webkit-keyframes ShowMenu {
    0% {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-moz-keyframes ShowMenu {
    0% {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@keyframes ShowMenu {
    0% {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-webkit-keyframes showtab {
    0% {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-moz-keyframes showtab {
    0% {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@keyframes showtab {
    0% {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@media(max-width:991.98px) {

      #login-page #cnt {
       
        margin: 30px auto 0;
        width:100%
    }
    #list-product .item {border:0}
    #list-product #bodymodal.row > div:nth-child(2n+1) {       
        border: 1px solid #e5e5e5;}
    #list-product #bodymodal.row > div:nth-child(2n) { border: 1px solid #e5e5e5;}
    #list-product .row > div {margin-bottom:0;padding-top:30px;}
    #info table td .guide .txt {
        position: fixed;
        bottom: 15px;
        top: auto;
        left: 15px;
        width: calc(100% - 30px);
        background-color: rgba(0, 0, 0, 0.7);
        color: rgb(230, 230, 230);
        backdrop-filter: blur(5px);
        display: block
    }
}

/*****************/
.imageuploadify {
    border: 2px dashed #d2d2d2;
    position: relative;
    min-width: 250px;
    max-width: 1000px;
    margin: auto;
    display: flex;
    padding: 0;
    flex-direction: column;
    text-align: center;
    background-color: #fff;
    color: #3AA0FF;
    margin-top: 20px;
    border-radius: 2px;
}

    .imageuploadify .imageuploadify-overlay {
        z-index: 10;
        width: 100%;
        height: 100%;
        position: absolute;
        flex-direction: column;
        top: 0;
        left: 0;
        display: none;
        font-size: 7em;
        background-color: rgba(242,242,242,.7);
        text-align: center;
        pointer-events: none
    }

        .imageuploadify .imageuploadify-overlay i {
            z-index: 10;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            pointer-events: none
        }

    .imageuploadify .imageuploadify-images-list {
        display: inline-block
    }

        .imageuploadify .imageuploadify-images-list i {
            display: block;
            font-size: 7em;
            text-align: center;
            margin-top: .5em;
            padding-bottom: 12px
        }

        .imageuploadify .imageuploadify-images-list span.imageuploadify-message {
            font-size: 24px;
            border-top: 1px solid #3AA0FF;
            border-bottom: 1px solid #3AA0FF;
            padding: 10px;
            display: inline-block
        }

        .imageuploadify .imageuploadify-images-list button.btn-default {
            display: block;
            color: #3AA0FF;
            border-color: #3AA0FF;
            border-radius: 1em;
            margin: 25px auto;
            width: 100%;
            max-width: 500px
        }

        .imageuploadify .imageuploadify-images-list .imageuploadify-container {
            width: 100px;
            height: 100px;
            position: relative;
            overflow: hidden;
            margin-bottom: 1em;
            float: left;
            border-radius: 12px;
            box-shadow: 0 0 4px 0 #888
        }

            .imageuploadify .imageuploadify-images-list .imageuploadify-container button.btn-danger {
                position: absolute;
                top: 3px;
                right: 3px;
                width: 20px;
                height: 20px;
                border-radius: 15px;
                font-size: 10px;
                line-height: 1.42;
                padding: 2px 0;
                text-align: center;
                z-index: 3
            }

            .imageuploadify .imageuploadify-images-list .imageuploadify-container img {
                height: 100px;
                left: 50%;
                position: absolute;
                top: 50%;
                transform: translate(-50%,-50%);
                width: auto
            }

            .imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details {
                position: absolute;
                top: 0;
                padding-top: 20px;
                width: 100%;
                height: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                background: rgba(255,255,255,.5);
                z-index: 2;
                opacity: 0
            }

                .imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details span {
                    display: block
                }


#guide-text {
    position: fixed;
    bottom: 15px;
    top: auto;
    left: 15px;
    width: calc(100% - 30px);
    background-color: rgba(0, 0, 0, 0.7);
    color: rgb(230, 230, 230);
    backdrop-filter: blur(5px);
    display: none;
    z-index: 999999;
    font-size: 0.8em;
    border-radius: 5px;
    font-weight: normal;
    padding: 5px;
    direction: rtl;
    text-align: right;
}

#fav-page .item .det h3 a {
    color: #000;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

@media (max-width:767px) {
      #login-page #cnt {
       
        margin: 30px auto 0;
        width:100%
    }
    #side-basket .det {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #f3f3f3;
        margin: 0;
        border-top: 1px solid #b1b1b1;
        color: #000;
        box-shadow: 0 0 8px 0px rgba(0,0,0,0.5);
        z-index: 100000;
        padding: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        #side-basket .det > div {
            float: left;
            font-size: 0.9em;
            width: calc(100% - 130px);
            padding-left: 10px;
        }

    #side-basket .bg p {
        margin-bottom: 0;
        line-height: 23px;
        color: #333;
        text-align: right
    }

        #side-basket .bg p:last-child {
            color: #000;
            font-weight: bold;
        }

    #side-basket .det .more {
        float: right;
        background: #dd221a;
        width: 130px;
    }
}

#detail-order .top,
#detail-order .info,
#detail-order .detail-info {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 15px;
    margin-bottom: 15px
}

#detail-order #back {
    float: right;
    font-size: 1.3em
}

#detail-order .top h3 {
    float: right;
    font-size: 1.3em;
    margin: 0 15px
}

#detail-order .top span {
    color: #000;
    font-size: 1em;
    float: right
}

    #detail-order .top span:after {
        content: "";
        background: #dfdfdf;
        width: 4px;
        height: 4px;
        margin: auto 12px;
        display: inline-block;
        border-radius: 50%;
        -webkit-border-radius: 50%
    }

    #detail-order .top span:last-child:after {
        display: none
    }

#detail-order .info p {
    margin: 0 0 5px 10px;
    color: #81858b;
    float: right
}

    #detail-order .info p span {
        color: #000
    }

    #detail-order .info p:last-child {
        width: 100%;
        margin: 0
    }

#detail-order .detail-info .price {
    float: right
}

#detail-order .detail-info #histroty-transaction {
    float: left;
    color: #000
}

#detail-order #histroty-det {
    float: right;
    width: 100%;
    background-color: #fafafa;
    border: 1px solid #e0e0e2;
    margin-top: 15px;
    padding: 15px;
    display: none
}

    #detail-order #histroty-det table {
        width: 100%
    }

    #detail-order #histroty-det td,
    #detail-order #histroty-det th {
        padding: 5px
    }

    #detail-order #histroty-det th {
        font-family: 'IRANSans_Bold'
    }

    #detail-order #histroty-det .fa-check-circle {
        font-size: 1.5em;
        color: #4caf50
    }

#items-order .right {
    float: right
}

    #items-order .right img {
        display: inline-block;
        width: 35px;
        position: relative;
        top: 3px;
        margin: 0 2px
    }

#items-order .left {
    float: left;
    width: 320px
}

    #items-order .left .line {
        width: 100%;
        height: 5px;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        background-color: #e5e6e7;
        position: relative;
        margin-top: 5px
    }

        #items-order .left .line i {
            position: absolute;
            height: 100%;
            top: 0;
            right: 0;
            background-color: #4caf50;
            border-radius: 2px;
            -webkit-border-radius: 2px
        }

#items-order .id {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    padding: 15px 0;
    margin: 15px 0;
    color: #81858b
}

    #items-order .id p {
        color: #81858b;
        float: right
    }

        #items-order .id p:last-child {
            float: left
        }

        #items-order .id p span {
            color: #000
        }

#list-order-table table {
    width: 100%
}

#list-order-table td {
    vertical-align: top
}

    #list-order-table td.img {
        width: 100px
    }

#list-order-table a.img {
    width: 100px;
    display: block
}

#list-order-table .btn-buy {
    width: 120px
}

#list-order-table .btn-comment {
    width: 100px
}

#list-order-table td {
    padding: 10px 0
}

    #list-order-table td a {
        color: red;
        display: block;
        text-align: center
    }

#list-order-table tr {
    border-bottom: 1px solid #f1f1f1
}

    #list-order-table tr:last-child {
        border: 0
    }

#map-path {
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 30px;
    font-family: IRANSans2
}

    #map-path ul,
    #map-path li {
        float: right
    }

    #map-path a {
        float: right;
        height: 40px;
        line-height: 39px;
        color: #333;
        padding: 0 5px;
        position: relative;
        font-size: .95em
    }

        #map-path a.home {
            font-size: 1.4em;
            line-height: 40px;
            padding-right: 0;
            padding-left: 0
        }

            #map-path a.home:before,
            #map-path a.home:after {
                display: none
            }

    #map-path ol li a:after {
        content: "";
        font-family: FontAwesome;
        display: block;
        float: right;
        margin-left: 5px
    }

    #map-path ol li:last-child a:after {
        border-right-color: #c29e2f
    }

::-webkit-scrollbar {
    /*width: 2px;*/
}


/* Track */

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #ff7a00;
    border-radius: 10px;
}


    /* Handle on hover */

    ::-webkit-scrollbar-thumb:hover {
        background: #ff7a00;
    }



    #cat-list {
        width: 100%;
        padding-bottom: 22px;
        border-bottom: 1.5px solid #ececec;
        margin-bottom: 50px;
    }

        #cat-list .slick-arrow {
            width: 30px;
            height: 30px;
            border: 1px solid #ececec;
            position: absolute;
            padding: 5px;
            top: 50%;
            left: 0;
            margin-top: -35px;
            background-color: #fff;
            z-index: 100;
        }

            #cat-list .slick-arrow.slick-next {
                left: auto;
                right: 0;
            }

        #cat-list .slick-slide > div {
            padding-left: 10px;
        }

        #cat-list a {
            display: block;
            position: relative;
        }

            #cat-list a img {
                display: block;
                margin: 0 auto;
            }

        #cat-list .hover {
            display: block;
            margin-top: 10px;
            text-align: center;
        }

            #cat-list .hover span {
                display: block;
                width: 100%;
            }

        #cat-list .item a {
            box-shadow: 0 0 5px -2px rgba(0,0,0,0.45);
            -webkit-box-shadow: 0 0 5px -2px rgba(0,0,0,0.45);
            margin: 10px 0;
            padding: 10px;
        }



    .modal-login-wrapper {
        direction: @(isRtl ? "rtl" : "ltr");
        text-align: @(isRtl ? "right" : "left");
    }

    .or-divider {
        display: flex;
        align-items: center;
        margin: 15px 0;
        color: #888;
        font-size: 14px;
    }

    .or-divider::before,
    .or-divider::after {
        content: "";
        flex: 1;
        border-bottom: 1px solid #ddd;
    }

    .or-divider::before { margin-left: 10px; }
    .or-divider::after { margin-right: 10px; }

    .btn-register-custom {
        background-color: #ffffff;
        border: 2px solid #1fa22e;
        color: #1fa22e;
        border-radius: 10px;
        font-weight: bold;
        padding: 10px 0;
        transition: all 0.2s ease-in-out;
    }

    .btn-register-custom:hover {
        background-color: #e6e6e6;
        color: #148a22;
        border-color: #148a22;
    }

    .btn-google-custom {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #4a7bd4;
        border-radius: 10px;
        padding: 10px;
        color: #fff;
        font-weight: 500;
        text-decoration: none;
        transition: background 0.2s ease-in-out;
    }

    .btn-google-custom:hover {
        background-color: #3d6cc1;
        color: #fff;
        text-decoration: none;
    }

    .btn-google-custom .google-icon-box {
        background: #fff;
        border-radius: 6px;
        padding: 4px 8px;
        margin-left: @(isRtl ? "10px" : "0");
        margin-right: @(isRtl ? "0" : "10px");
        display: flex;
        align-items: center;
    }

    .btn-google-custom img {
        width: 18px;
        height: 18px;
    }

    #modal-resend-box a {
        text-decoration: none;
    }

    #modal-resend-box small.modal-msg-resend {
        display: block;
        margin-top: 4px;
    }