/* Page Start */

html * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body {
    font-size: 12px;
    color: #000;
    /*    background-color: #f0f0f0;*/
    font-family: roboto, sans-serif;
}

    body::-webkit-scrollbar {
        width: 12px;
        background: #ccc;
    }

    body::-webkit-scrollbar-track {
        background: #ccc;
    }

    body::-webkit-scrollbar-thumb {
        background: #555;
    }

::-webkit-input-placeholder {
    color: #000;
    font-size: 12px;
    font-style: normal;
}

:-moz-placeholder {
    color: #000;
    font-size: 12px;
    font-style: normal;
}

::-moz-placeholder {
    color: #000;
    font-size: 12px;
    font-style: normal;
}

:-ms-input-placeholder {
    color: #000;
    font-size: 12px;
    font-style: normal;
}


#site_wrapper {
    position: relative;
    min-height: 100vh;
    display: block;
}


header, nav, section, footer, figure {
    display: block;
}

a {
    font-size: 12px;
    color: #000;
    text-decoration: none;
    font-family: roboto, sans-serif;
}

img {
    border: 0;
}

button, input {
    outline: none;
}

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

.clear {
    clear: both;
}

.fl {
    float: left;
}

.input {
    width: 250px;
    margin-bottom: 5px;
}



#page {
    max-width: 1180px;
    margin: auto;
}

#right-column {
    width: 900px;
    float: left;
    margin-left: 10px;
}

#left-column {
    width: 260px;
    /* background: #fff; */
    margin-right: 10px;
    /* padding: 5px; */
    float: left; /* box-shadow: 0 1px 2px 0 rgba(85,85,85,.5); */
    /* height: 500px; */
}

/* Page End */



/*Loading */
.loading-proccess {
    border: solid 1px #f1f1f1;
    background-color: #f1f1f1;
    text-align: center;
    border-radius: 6px;
    height: 46px;
    line-height: 42px;
    margin-top: 16px;
}

/* Category and Page Link Title Start */

#content .link-title {
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
}

    #content .link-title ul li {
        float: left;
        height: 19px;
        line-height: 26px;
    }

        #content .link-title ul li.icon {
            margin-right: 8px;
        }

        #content .link-title ul li a {
            color: #7d7d7d;
            font: 500 13px Roboto, Arial;
        }

            #content .link-title ul li a:hover {
                color: #009936;
                text-decoration: underline;
            }

        #content .link-title ul li span {
            padding: 0 8px;
            font-size: 10px;
        }
/* Category and Page Link Title End */

.cat-desc-comment {
    padding: 20px;
    border-bottom: 1px #fff;
    margin-bottom: 10px;
    border: solid 1px #ddd;
    border-radius: 6px;
    color: #7d7d7d;
    font-size: 12px !important;
    text-align: justify;
}
/* Header and Scrol Header Fixed Type Start */

/*#header {
    height: 95px;
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: auto;
    width: 100%;
}*/

#header-container {
    width: 100%;
    background-color: #fff;
    /* border-bottom: solid 1px #ddd; */
    /* box-shadow: 0 1px 2px 0 rgba(85,85,85,.5); */
}

/*#header .tabiat-ana-logo {
    width: 224px;
    margin: 2px 62px 0 0;
    float: left;
}*/

/*    #header .tabiat-ana-logo a {
        display: block;
    }
*/

#header .tabiat-ana-logo a,
#header .tabiat-ana-logo {
    width: 205px!important;
    height: 50px!important;
    /* margin: 2px 62px 0 0; */
    /* float: left; */
    /* margin-top: 16px; */
}

    #header .tabiat-ana-logo .sun {
        width: 42px;
        z-index: 0;
        display: block;
        position: relative;
        left: 164px;
    }

    #header .tabiat-ana-logo .type {
        z-index: 2;
        position: relative;
        margin-top: -70px;
    }


.footer_sub_d .tabiat-ana-logo {
    width: 225px;
    height: 46px;
    margin: 2px 62px 0 0;
    margin-top: 16px;
}

    .footer_sub_d .tabiat-ana-logo .sun {
        width: 34px;
        z-index: 0;
        display: block;
        position: relative;
        left: 138px;
    }

    .footer_sub_d .tabiat-ana-logo .type {
        z-index: 2;
        position: relative;
        margin-top: -61px;
        height: 33px;
    }


#header-corp .tabiat-ana-logo {
    width: 225px;
    height: 46px;
    margin: 2px 62px 0 0;
    float: left;
    margin-top: 16px;
}

    #header-corp .tabiat-ana-logo .sun {
        width: 42px;
        z-index: 0;
        display: block;
        position: relative;
        left: 184px;
    }

    #header-corp .tabiat-ana-logo .type {
        z-index: 2;
        position: relative;
        margin-top: -60px;
    }

#header .search {
/*    width: 540px;
    float: left;*/
/*    margin-top: 13px;
    position: relative;*/
/*    margin-right: 75px;*/
    z-index: 1021;
}

    #header .search input,
    #header .search .input {
        width: 480px;
        height: 50px;
        line-height: 50px;
        border: solid 2px #009936;
        background: url(https://media.tabiatana.com/images/icons/search/search-input-bg.jpg) no-repeat left center;
        padding: 0 20px 0 50px;
        background-color: #fff;
        background-position-x: 8px;
        border-radius: 4px;
    }

        #header .search .input:focus {
            box-shadow: 0 0 6px #000;
        }

    #header .search .button {
        width: 56px;
        height: 50px;
        border: 0;
        background: #009936;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
    }

        #header .search .button:hover {
            opacity: 1;
        }




/* Suggestions panel s */
#detailSearchPanel {
    display: none;
}

    #detailSearchPanel.show {
        display: block;
        z-index: 1051;
    }



    #detailSearchPanel .top-suggestions-container {
        margin-left: 10px;
    }

    #detailSearchPanel .top-suggestions-title {
        font-size: 14px;
        font-weight: 600;
        display: flex;
        /* justify-content: space-between; */
        padding: 10px 10px 0px 10px;
        color: #000;
    }

    #detailSearchPanel .top-suggestions-container .top-suggestion-item {
        padding: 5px 6px 4px;
        cursor: pointer;
        margin: 0 0px 0px 0;
        display: inline-block;
        border-radius: 4px;
        border: solid 1px #009936;
        font-size: 13px;
        color: #333;
        text-decoration: none;
        height: 26px;
    }

        #detailSearchPanel .top-suggestions-container .top-suggestion-item:hover {
            color: #fff;
            border: solid 1px #009936;
            background-color: #009936;
        }


    #detailSearchPanel .block-suggestions{
        position: absolute;
        border: 2px solid #048c34;
        border-radius: 6px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        background-color: #fff;
        z-index: 2;
        padding: 10px 10px 10px 10px;
        width: 100%;
        box-sizing: border-box;
        margin-top: -3px;
        max-width: 480px;
    }

    #detailSearchPanel .t-suggestions {
         margin-left: 10px;
    }

        #detailSearchPanel .t-suggestions .t-suggestion-item {
            display: inline-block;
            border-radius: 4px;
            border: solid 1px #009936;
            font-size: 13px;
            margin: 0 5px 6px 0;
            color: #333;
            padding: 5px 10px 4px;
            cursor: pointer;
        }

            #detailSearchPanel .t-suggestions .t-suggestion-item:hover {
                border: solid 1px #ef9c00;
                background-color: #ef9c00;
                color: #000;
            }

    #detailSearchPanel .t-suggestions-title {
        padding: 10px 10px 0px 10px;
        font-size: 14px;
        font-weight: 600;
        display: flex;
        /* justify-content: space-between; */
    }

.t-suggestions-title img,
.t-suggestions-title svg,
.top-suggestions-title img,
.top-suggestions-title svg {
    width: 16px;
    margin-right: 10px;
}

.suggestion-slide img {
    width: 90px !important;
    border-radius: 6px;
    display: block;
    height: auto;
    border: solid 1px #ccc;
}


.suggestion-slide .card-price {
    width: 100%;
    display: flex;
    margin: 4px 0px 0px 0px;
    justify-content: space-between;
    font-weight: 600;
    color: #009936;
}

.suggestion-slide .slick-current, .suggestion-slide .slick-slide {
    width: 90px !important;
/*    background-color: #f1f1f1;*/
    padding: 10px;
    border-radius: 8px;
}

.suggestion-slide .p-card-img {
    padding: 0px !important;
}



.recently-viewed-item a, 
.recently-viewed-item .p-name {
    font-size: 13px;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 32px;
    line-height: 16px;
    text-decoration: none;
    color: #333;
    max-width: 180px;
    width: 90px;
    font-weight:600;
}


.search-history-container {
    padding: 0px 10px;
}

.search-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-top: 15px;
    /* border-bottom: 2px solid #f0f0f0; */
}

    .search-header h2 {
        margin: 0;
        color: #333;
        font-size: 24px;
    }

.search-count {
    background: #e3f2fd;
    color: #1976d2;
    padding: 5px 15px;
    border-radius: 20px;
    font-weight: 500;
}

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

.search-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px 0px;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.3s;
}

    .search-item:hover {
        background-color: #f8f9fa;
    }

.search-info {
    flex: 1;
}

.search-term {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-bottom: 5px;
}

    .search-term i {
        color: #ff9800;
        margin-right: 8px;
        font-size: 14px;
    }

.search-meta {
    font-size: 12px;
    color: #999;
}

    .search-meta span {
        margin-right: 15px;
    }

    .search-meta i {
        margin-right: 3px;
    }

.search-actions {
    display: flex;
    gap: 10px;
}

.btn-search-again {
    background: none;
    border: 1px solid #007bff;
    color: #007bff;
    padding: 5px 15px;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 13px;
}

    .btn-search-again:hover {
        background: #007bff;
        color: white;
    }




.loading-spinner {
    text-align: center;
    padding: 50px;
}

.spinner-border {
    width: 3rem;
    height: 3rem;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite;
    color: #007bff;
    margin-bottom: 15px;
}

@@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.empty-state {
    text-align: center;
    padding: 50px 20px;
    color: #999;
}

    .empty-state i {
        font-size: 50px;
        color: #ddd;
        margin-bottom: 15px;
    }

    .empty-state h3 {
        font-size: 18px;
        margin-bottom: 10px;
        color: #666;
    }

.clear-history {
    margin-top: 20px;
    text-align: right;
}

.btn-clear-all {
    background: #f8f8f8;
    /* border: 1px solid #999; */
    color: #666;
    font-weight: 400;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 14px;
    width: 80px;
    height: 32px;
}

    .btn-clear-all:hover {
        background: #fff;
        border-color: #dc3545;
        color: #dc3545;
    }

.alert {
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.alert-success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.alert-danger {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Skeleton Loading Stilleri */
.suggestions-skeleton {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 10px 0;
}

.skeleton-item {
    width: 100px;
    height: 32px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading 1.5s infinite;
    border-radius: 20px;
}

@keyframes loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* Dark mode için alternatif renkler */
@media (prefers-color-scheme: dark) {
    .skeleton-item {
        background: linear-gradient(90deg, #2a2a2a 25%, #3a3a3a 50%, #2a2a2a 75%);
        background-size: 200% 100%;
    }
}

/* Suggestions list stilleri */
.suggestions-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 10px 0;
}

.top-suggestion-item {
    display: inline-block;
    padding: 6px 16px;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    color: #333;
    text-decoration: none;
    font-size: 13px;
    transition: all 0.2s ease;
}

    .top-suggestion-item:hover {
        background: #007bff;
        color: white;
        border-color: #007bff;
        text-decoration: none;
        transform: translateY(-1px);
    }

/* Loading text (opsiyonel) */
.loading-suggestions {
    text-align: center;
    color: #666;
    padding: 10px;
    font-size: 14px;
}

/* Page Scroll Top Start */


/*#scroll {

    text-align: center;
    cursor: pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    display: none;
    position: fixed;
    bottom: 80px;
    right: 30px;
    font-size: 17px;
    border-radius: 10px;
    background-color: #ffffff;
    color: #fff;
    opacity: 1;
    z-index: 2;
    width: 110px;
    height: 30px;
    border: dashed 1px #148336 !important;
}



    #scroll:hover {
        background-color: #ffffff;*/
        /* opacity: 0.7; */
        /*transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        border: solid 1px #148336;
    }

        #scroll:hover .fa {
            padding-top: -10px;
        }

    #scroll .fa {
        font-size: 30px;
        margin-top: -5px;
        margin-left: 1px;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
    }

    #scroll:hover i {
        padding-top: -10px;
    }*/


#scroll .scrollTopBtn {
    backface-visibility: hidden;
    background-color: #fff;
    border: solid #c1c0c0;
    border-radius: 22px;
    border-width: 1px 1px 3px;
    bottom: 50px;

    cursor: pointer;
    height: 39px;
    line-height: 39px;
    opacity: 1;
    position: fixed;
    right: 24px;
    width: 120px;
    will-change: scroll-position;
    z-index: 1060;
}

        #scroll .scrollTopBtn.hidden {
            opacity: 0;
            transition: visibility 0s 1s,opacity 1s linear;
            visibility: hidden
        }

    #scroll .scrollTopBtn:hover {
        border: dashed 1px #048c34;
            border-width: 1px 1px 3px;
    }

        #scroll .scrollTopBtn:hover span {
            color: #048c34
        }

            #scroll .scrollTopBtn:hover i, #scroll .scrollTopBtn:hover span {
                transition-duration: .4s;
                transition-property: all;
                transition-timing-function: linear
            }

            #scroll .scrollTopBtn:hover i {
                background-position: 0 -18px
            }

    #scroll .scrollTopBtn i {
        background: url("https://media.tabiatana.com/images/icons/scroll-up/scroll-up-arrow-twice.svg") no-repeat;
        display: block;
        float: left;
        height: 12px;
        margin: 12px 0 0 15px;
        opacity: .8;
        overflow: hidden;
        width: 12px;
        background-size: cover;
    }

    #scroll .scrollTopBtn span {
        color: #7d7d7d;
        font-size: 14px;
        font-weight: 500;
        margin-left: 10px;
        text-align: center;
    }

/* Page Scroll Top End */


/* Overlay Start */

.search:hover {
    z-index: 10001;
}

    .search:hover ~ #search-overlay {
        display: block;
    }




    #menu:hover ~ #menu-overlay {
        display: block !important;
    }


#search-overlay, #login-overlay,
#notefy-overlay {
    z-index: 1020;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    display: none;
    pointer-events: none;
}



#menu-overlay {
    z-index: 1020;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    display: none;
    pointer-events: none;
}


/*Main Menu s */

#menu {
    width: 100%;
    position: relative;
}

    #menu ul {
        display: flex;
        justify-content: space-between;
    }

        #menu ul li.menu-arrow {
            margin-left: 5px;
            font-size: 10px;
            color: #718096;
        }

        #menu ul li .main-category-link {
            display: block;
            font-size: 14px;
            font-weight: bold;
            padding: 0px 12px 0px 12px;
            color: #000;
            letter-spacing: 0.50px;
            text-decoration: none;
            height: 44px;
            line-height: 44px;
        }

            #menu ul li .main-category-link:hover {
                background: #fff;
                color: #00782b;
            }

        #menu ul li:hover {
            background-color: #fff;
        }


        #menu ul li:hover {
            display: block;
            color: #000;
            background-color: #fff;
            z-index: 1021 !important
        }


            #menu ul li:hover .hidden {
                display: block;
            }

    #menu .mega-menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 1200px;
        background: white;
        box-shadow: 0 8px 30px rgba(0,0,0,0.15);
        z-index: 1021 !important;
        border-bottom-left-radius: 8px;
        border: 1px solid #e1e5e9;
        height: 364px;
        border-bottom-right-radius: 8px;
    }

        #menu .mega-menu .center-image {
            position: absolute;
            top: 0;
            left: 200px;
            z-index: 1;
            pointer-events: none;
        }

        #menu .mega-menu .center-image {
            position: absolute;
            top: 0;
            left: 200px;
            z-index: 1;
            pointer-events: none;
        }

            #menu .mega-menu .center-image img {
                width: 780px;
            }


        #menu .mega-menu .menu-list-title {
            font-size: 16px;
            color: #00782b;
            font-weight: 600;
            z-index: 6 !important;
            position: relative;
            margin-left: 15px;
            margin-top: 10px;
        }


.main-menu-list {
    columns: 220px; /* her sütun 220px genişliğinde */
    column-gap: 50px; /* sütunlar arası boşluk */
    column-fill: auto; /* önce yukarı doldur, sonra sağa yeni sütun aç */
    max-height: 300px; /* isteğe bağlı: mega menü yüksekliğini sınırla */
    padding: 10px 0px 0px 0px;
    margin: 0;
    z-index: 3 !important;
    position: relative;
}


    .main-menu-list a {
        color: #444;
        font-size: 14px;
        break-inside: avoid; /* bir link iki sütuna bölünmesin */
        page-break-inside: avoid;
        white-space: nowrap; /* uzun isimler tek satırda kalsın */
        overflow: hidden;
        text-overflow: ellipsis;
        text-decoration: none;
        font-weight: 600;
    }

        .main-menu-list a:hover {
            color: #00782b;
            text-decoration: underline;
        }






#menu .menu-right-blocks {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    display: flex;
    flex-direction: column;
    width: 280px !important;
}

    #menu .menu-right-blocks .right-menu-block-item {
        text-align: left;
        width: 100%;
        background: #f4f4f4;
        margin-bottom: 16px;
        display: flex;
        justify-content: start;
        padding: 10px;
    }


    #menu .menu-right-blocks a {
        font-size: 14px;
        font-weight: 600;
        display: flex;
        align-items: center;
        color: #000000;
    }

        #menu .menu-right-blocks a:hover {
            color: #00782b;
        }


            #menu .menu-right-blocks a:hover .cat-title {
                text-decoration: underline;
            }


    #menu .menu-right-blocks .right-menu-block-item img {
        height: 74px;
        border-radius: 0px;
    }


/*Main menu e*/


/*---Notefy----*/

#notefy-menu {
    z-index: 5;
}

    #notefy-menu:hover {
        z-index: 1021;
        position: relative;
    }

        #notefy-menu:hover #notefy-overlay {
            display: block;
        }
/* Overlay End */

.bar-menu-cover {
    width: 100%;
    height: auto;
    background-color: #f4f4f4;
    box-shadow: 0 1px 2px 0 rgba(85,85,85,.5);
    border-bottom: 0 !important;
    display: flex;
   /* z-index: 900;*/
    position: relative;
    height: 44px;
}


.bar-header-cover {
    width: 100%;
    height: 34px;
    background-color: #fff;
}

    .bar-header-cover .base-link {
        float: right;
        position: relative;
        /*    margin-right: 12px;*/
    }

        .bar-header-cover .base-link ul > li {
            float: left;
            margin-right: 15px;
            font-size: 13px;
            height: 35px;
            line-height: 34px;
        }

            .bar-header-cover .base-link ul > li:last-child {
                margin-right: 0px;
            }

            .bar-header-cover .base-link ul > li > a {
                font-size: 14px;
                display: block;
                padding: 0px 0px 0px 10px;
                font-weight: bold;
                color: #000;
                height: 40px;
                line-height: 36px;
                text-decoration: none;
            }

                .bar-header-cover .base-link ul > li > a:hover {
                    color: #0d7533;
                }

                .bar-header-cover .base-link ul > li > a span {
                    font-size: 13px;
                    font-weight: normal !important;
                    color: #7d7d7d;
                }

            .bar-header-cover .base-link ul > li:nth-child(2):hover,
            .bar-header-cover .base-link ul > li > a span:hover {
                color: #ff0000;
            }

#header .bar-menu-link, #notefy-menu .notify {
    float: right;
    position: relative;
}

#header .bar-menu-link {
    display: none;
    float: left;
    margin-left: 30px;
    margin-top: 18px;
}

#notefy-menu {
    height: 32px;
    width: 32px;
}

#header .bar-menu-link ul > li {
    margin-right: 0px;
    font-size: 13px;
    height: 35px;
    width: 42px;
}

    #header .bar-menu-link ul > li:last-child {
        margin-right: 0px;
    }

    #header .bar-menu-link ul > li > a {
        font-size: 13px;
        display: block;
        padding: 6px 0px 0px 10px;
        font-weight: bold;
        color: #000;
    }

/*#notefy-menu > a {
    color: #000;
    border: solid 1px #fff;
}
*/
#notefy-menu a {
    font-weight: normal;
    padding: 8px 12px 0 12px;
 /*   color: #009936 !important;*/
    font-size: 22px;
    display: block;
}

#notefy-menu .bar-menu-link ul > li:last-child > a {
    color: #000;
}

#notefy-menu:hover {
    background: #fff;
}

#notefy-menu > .hidden {
    display: none;
    position: absolute;
    z-index: 1050;
    width: 200px;
    background: #fff;
    right: 0px;
    height: 90px;
}

#notefy-menu:hover > .hidden {
    display: block;
}

#notefy-menu .hidden ol > li {
    text-align: right;
}

#notefy-menu > .hidden ol > li > a {
    padding: 8px 20px;
    display: block;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
}

    #notefy-menu > .hidden ol > li > a:hover {
        background: #eee;
    }

    #notefy-menu > .hidden ol > li > a i {
        color: #ff0000;
        font-weight: 600;
        font-size: 14px;
        margin-right: 8px;
    }

#notefy-menu .notefy-warning {
    color: #000;
    background-color: #ddd;
    font-size: 13px;
    font-weight: 500;
    height: 42px;
    width: 100%;
    text-align: center;
    padding: 3px 1px 3px 0px;
    margin-top: 12px;
    line-height: 42px;
    letter-spacing: 0.5px;
}

    #notefy-menu .notefy-warning a {
        padding: 0px !important;
        font-size: 13px;
        font-weight: 600;
        color: #000;
        display: inline-block;
    }

        #notefy-menu .notefy-warning a:hover {
            color: #ff0000 !important;
        }

#notefy-menu .notefy-title {
    color: #7d7d7d;
    font-size: 13px;
    font-weight: 600;
    height: 28px;
    width: 100%;
    padding: 10px 14px 0px 20px;
    line-height: 28px;
    letter-spacing: 0.5px;
    text-align: left;
    margin-bottom: 14px;
}

/*#notefy-menu .notefy-warning a {
    color: #0654ba;
}

    #notefy-menu .notefy-warning a:hover {
        color: #ff0000;
    }*/

#notefy-menu a .notefication-item {
    border: solid 2px #fff;
    position: absolute;
    background-color: #7d7d7d;
    border-radius: 100%;
    height: 10px;
    width: 10px;
    margin-left: 6px;
    font-family: arial;
    top: 7px;
}

#notefy-menu a .notefication-item.active {
    background-color: #ff0000;
}


#notefy-menu a .notefication-item-number {
    position: absolute;
    color: #7d7d7d;
    margin-left: 26px;
    top: 9px;
    font-size: 12px;
}



/* Notefy Shake Ring Bell End*/

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }

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

    12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    18% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    2% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    4% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    6% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    8% {
        -webkit-transform: rotate(-22deg);
        -ms-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }

    10% {
        -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
        transform: rotate(22deg);
    }

    12% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    14% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    16% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    18% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    20% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.faa-ring.animated, .faa-ring.animated-hover:hover, 
.faa-parent.animated-hover:hover > .faa-ring {
    -webkit-animation: ring 2s ease infinite;
    animation: ring 2s ease infinite;
    transform-origin-x: 50%;
    transform-origin-y: 0px;
    transform-origin-z: initial;
}
/* Notefy Shake Ring Bell End*/

#notefy-menu > a:hover {
    color: #000;
}

#header .bar-menu-link ul > li > a:hover {
    color: #737373;
}

.log-icon {
    width: 110px;
    position: relative;
}

.user-icon {
    width: 26px;
    float: left;
    font-size: 22px;
    color: #0d7533;
    margin-top: 4px;
}

.login-title {
    width: 67px;
    font-family: roboto, sans-serif;
    font-weight: 600;
    float: left;
    font-size: 14px;
    letter-spacing: 1px;
    color: #0d7533;
    letter-spacing: 0px;
}

.arrow-down-icon {
    float: left;
    font-size: 16px;
    position: relative;
    color: #0d7533;
    margin-top: -4px;
}

.login-title-s {
    font-size: 11px;
    font-family: roboto, sans-serif;
    color: #ff9800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70px;
    padding-left: 4px;
    margin-top: -8px;
}

#header .login-menu {
    /* float: left; */
    /* margin-top: 13px; */
    /* margin-right: 45px; */
/*    background-color: #fff;
    width: 140px;
    padding: 5px 14px;
    border-radius: 3px;
    border: solid 1px #ddd;
    height: 48px;*/
}

    #header .login-menu .login-title,
    #header .login-menu .user-icon {
        color: #0d7533;
    }

    #header .login-menu:hover .login-title,
    #header .login-menu:hover .user-icon {
        color: #0d7533;
    }

    #header .login-menu > ul {
        padding: 0px !important;
        padding: 0px !important;
    }

 /*   #header .login-menu > ul li {
        background-color: #fff !important;
    }*/

      /*  #header .login-menu > ul li:first-child {
            min-height: 40px;
        }
*/
/*
        #header .login-menu > ul li .hidden {
            display: none;
        }

        #header .login-menu:hover .hidden,
        #header .login-menu > ul li:hover .hidden {
            display: block;
            position: absolute;
            width: 200px;
            z-index: 3;
            padding: 10px;
            margin: 0px 0 0 -42px;
            border-radius: 3px;
            padding-top: 30px;
        }


            #header .login-menu > ul li:hover .hidden ul {
                width: 100%;
                display: inline-block;
            }



        #header .login-menu > ul li .hidden:before,
        #header .login-menu > ul li .hidden:after {
            content: '';
            position: absolute;
            left: 85px;
            top: 8px;
            border-style: solid;
            border-width: 0 15px 15px 15px;
            border-color: transparent transparent #fff transparent;
        }

        #header .login-menu > ul li ul li {
            width: 100%;
            padding: 0px 16px 0px 16px;
            font-weight: 600;
        }

            #header .login-menu > ul li ul li a {
                display: block;
                font-size: 14px;
                height: 38px;
                line-height: 41px;
                width: 100%;
                padding: 0px 12px 0px 12px;
                color: #000;
                text-decoration: none;
            }


            #header .login-menu > ul li ul li:first-child {
                margin-top: 30px;
            }

            #header .login-menu > ul li ul li:last-child {
                margin-bottom: 20px;
            }




            #header .login-menu > ul li ul li a:hover {
                background-color: #f1f1f1 !important;
                color: #0d7533 !important;
                border-radius: 4px;
            }


            #header .login-menu > ul li ul li a.login-button:hover {
                color: #000 !important;
                background-color: #ffc107 !important;
            }

.login-seperation {
    padding: 1px;
    font-size: 13px !important;
    color: #009936;
    font-weight: 600;
    background-color: #f1f1f1;
    margin-top: 10px;
    padding-left: 10px;
    border-radius: 8px;
}

.member-button-new,
.login-button-new {
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    height: 34px;
    line-height: 34px;
}

.login-button-new {
    color: #ee9b00;
}

.member-button-new {
    color: #0654ba;
}*/


.login-button {
    width: 100%;
    height: 38px;
    border: 0;
    background-color: #ee9b00;
    color: #000;
    font-size: 15px !important;
    font-weight: bold;
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
    line-height: 38px;
    margin-top: 18px !important;
    display: block;
}

/*    .login-button:hover {
        opacity: 0.6;
        color: #000!important;
    }*/

.member-button {
    width: 100%;
    height: 38px;
    border: 0;
    background-color: #0d7533;
    color: #fff;
    font-size: 15px !important;
    font-weight: bold;
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
    line-height: 38px;
    margin-top: 14px !important;
    display: block;
}


/*Account Menu*/

.hidden {
    display:none
}

.user-menu .my-account-btn:hover ~ #user-overlay,
.user-menu .my-account-btn:hover ~ .account-menu,
.user-menu .account-menu:hover ~ #user-overlay,
.user-menu .account-menu:hover {
    display: block !important;
}


.user-menu .account-menu {
    display: none;
    position: absolute;
    width: 160px;
    z-index: 1021;
    margin-left: -40px;
    padding-top: 12px;
}

.user-menu .account-menu ul {
   background-color:#fff;
    padding: 0px;
    border-radius: 8px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .22);
    margin-top: 12px;
}



#user-overlay {
    z-index: 1001;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    display: none;
    pointer-events: none;
}

.user-menu .account-menu .shadow-1 {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .07);
}


    .user-menu .account-menu > ul li a {
        display: block;
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        width: 100%;
        color: #000;
        font-weight: 500;
        text-decoration: none;
        padding-left: 14px
    }



       .user-menu .account-menu > ul li a:hover {
            background-color: #f1f1f1 !important;
            color: #0d7533 !important;
            border-radius: 4px;
        }



/*Basket Menu*/

/*.user-menu .my-basket-btn:hover ~ #basket-overlay,
.user-menu .my-basket-btn:hover ~ .basket-menu,
.user-menu .basket-menu:hover ~ #basket-overlay,
.user-menu .basket-menu:hover {
    display: block !important;
}

*/


.user-menu .basket-menu {
     display: none; 
    position: absolute;
    width: 320px;
    z-index: 1021;
    margin: 0px 0px 0px -36px;
    border: none;
    border-radius: 6px;
    margin-left: -100px;
}


#basket-overlay {
    z-index: 1001;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    display: none;
    pointer-events: none;
}


.user-menu .basket-menu ul li a:hover {
        background-color: #f1f1f1 !important;
        color: #0d7533 !important;
        border-radius: 4px;
    }

.user-menu .my-basket-btn .basket-item-number {
    color: #fff;
    font-weight: 400;
    background-color: #00782b;
    font-size: 11px;
    border-radius: 100%;
    height: 18px;
    width: 18px;
    text-align: center;
    /* padding: 3px 1px 3px 3px; */
    /* margin-left: -3px; */
    font-family: arial;
    margin-top: -4px;
    line-height: 19px;
}




/* Mini Basket Menu s */


.basket-menu .mini-basket-header {
    background-color: #f1f1f1;
    z-index: 10;
    cursor: pointer;
    padding: 4px 10px;
    border-radius: 3px;
    font-weight: 600;
}


    .basket-menu .mini-basket-header .basket-item-number-mini {
        font-weight: 400;
        font-size: 11px;
        padding: 3px 1px 3px 0px;
    }


.basket-menu #basket-preview-container {
    width: 100%;
    position: relative;
    padding: 12px;
    margin-top: 15px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .22);
}


.basket-menu ul {
    width: 100%;
    margin: 0;
    padding: 0;
}

    .basket-menu ul li {
        display: flex;
        margin: 6px 0px 6px 0px;
    }

.hidden-basket-mobile ul li {
    display: flex;
    margin: 6px 0px 6px 0px;
    border-bottom: solid 1px#f1f1f1;
    height: 42px !important;
}


#header .basket-menu ul li:last-child {
    border-bottom: solid 0px#fff;
}


.basket-menu ul li a {
    text-decoration: none;
    display: flex;
    position: relative;
    width: 98%;
    padding: 7px 4px;
}


    .basket-menu ul li a:hover {
        background-color: #f1f1f1 !important;
    }



    .basket-menu ul li a img {
        width: 55px;
        height: auto;
        margin-right: 12px;
        border: 1px solid #ddd;
        border-radius: 4px;
    }



    .basket-menu ul li a .product-info {
        display: flex;
        flex-direction: column;
        flex: 1;
    }




        .basket-menu ul li a .product-info .product {
            margin-bottom: 2px;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 13px;
            font-weight: normal;
            color: #333;
            line-height: 15px;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            height: 32px;
        }





            .basket-menu ul li a .product-info .product .brand {
                font-weight: 600;
                margin-right: 1px;
                font-size:12px;
            }


        .basket-menu ul li a .product-info .details {
            color: #7d7d7d;
            font-size: 12px;
            margin-bottom: 2px;
        }



.seperator-mobile,
.basket-menu .seperator {
    bottom: 0;
    border-bottom: 1px solid #e6e6e6;
    margin-top: 12px;
}


.basket-menu ul li a .product-info .price-info .price {
    color: #df9408;
    font-size: 13px;
}


.basket-menu ul li a .product-info .price-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.productPriceBox,
.basket-menu .productPriceBox {
    float: left;
    width: 300px;
    margin: 10px 0;
}

.mini-button-block,
.basket-menu .mini-button-block {
    width: 100%;
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
}

    .continue-checkout,
    .basket-menu .mini-button-block .continue-checkout {
        color: #338310;
        background-color: #f2f2f2;
        font-size: 14px;
        padding: 0px 12px;
        border-radius: 4px;
        z-index: 1;
        transition: all 0.3s;
        height: 30px;
        line-height: 30px;
        /* width: 130px; */
        margin-bottom: 0px;
        float: right;
        border: solid 1px #35910d;
        text-align: center;
        font-weight: 600;
        letter-spacing: 0.3px;
        text-decoration: none;
    }

    /*.continue-checkout,
    .mini-button-block .continue-checkout {
        color: #444 !important;
        background-color: #f2f2f2;
        font-size: 14px;
        padding: 0px 10px;
        border-radius: 4px;
        z-index: 1;
        transition: all 0.3s;
        height: 30px;
        line-height: 30px;
        width: 120px;
        margin-bottom: 0px;*/
        /* float: right; */
        /*border: solid 1px #9d9d9d;
        text-align: center;
        font-weight: 600;
        letter-spacing: 0.2px;
        font-weight: 500;
        text-decoration: none;
    }*/

        
    
        .basket-menu .mini-button-block .continue-checkout:hover {
            background-color: #37a506;
            color: #fff!important;
        }


    .continue-shopping, .mini-button-block .continue-shopping {
        color: #000;
        background-color: #dddd;
        font-size: 14px;
        padding: 0px 12px;
        border-radius: 4px;
        z-index: 1;
        float: left;
        height: 30px;
        line-height: 30px;
        margin-bottom: 0px;
        text-align: center;
        font-weight: 600;
        margin-right: 16px;
        border: dashed 1px #7d7d7d;
        text-decoration: none;
    }

        .mini-button-block .continue-shopping:hover,
        #header .basket-menu .mini-button-block .continue-shopping:hover {
            background-color: #ffd800;
            color: #000;
        }

.offcanvas-end,
.offcanvas-start {
    width: 350px !important;
}

/* Scroll s */


.basket-menu #mini-scroll {
    position: relative;
    width: 300px;
    max-height: 400px;
    overflow: auto;
}




    .basket-menu #mini-scroll::-webkit-scrollbar {
        width: 9px;
        height: 9px;
        padding-top: 40px;
        right: 30px;
    }



    .basket-menu #mini-scroll::-webkit-scrollbar-track-piece {
        height: 30px;
        width: 30px;
    }



#header .basket-menu #mini-scroll::-webkit-scrollbar {
    min-width: 9px;
    width: 9px;
    max-width: 9px;
    min-height: 9px;
    height: auto;
    max-height: 9px;
    background: #f0f0f0;
    cursor: pointer;
}


.basket-menu #mini-scroll::-webkit-scrollbar-thumb {
    background: #959595;
    border: none;
    border-radius: 10px;
    border: solid 2px #fff;
    box-shadow: inset 0px 0px 3px #999;
    cursor: pointer;
}


    .basket-menu #mini-scroll::-webkit-scrollbar-thumb:hover {
        background: #7d7d7d;
        border: solid 1px #fff;
        cursor: pointer;
    }

/* Scroll e */

/* Mini Basket Menu e */




      
/* Fixed Type Start */


#page {
    max-width: 1200px;
    margin: auto;
    width: 100%;
}

#header.fixed-type {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1030;
    transition: top 0.6s ease;
    -webkit-transition: top 0.6s ease;
    -moz-transition: top 0.6s ease;
    -o-transition: top 0.6s ease;
    background: #fff;
    width: 100%;
    height: 80px;
    box-shadow: 0 1px 2px 0 rgba(85,85,85,.5);
    border-bottom: 0 !important;
    height: 90px !important;
    padding-top: 16px;
}



        #header.fixed-type .search input,
        #header.fixed-type .search .input {
            width: 480px;
            height: 50px;
            line-height: 50px;
            border: solid 2px #009936;
            background: url(https://media.tabiatana.com/images/icons/search/search-input-bg.jpg) no-repeat left center;
            padding: 0 20px 0 50px;
            background-color: #fff;
            background-position-x: 8px;
            border-radius: 4px;
        }

#header .search .input:focus {
    box-shadow: 0 0 10px #009936;
}

#header.fixed-type .search .input {
    width: 450px;
}
/*#header.fixed-type .link,*/
#header.fixed-type .menu-products-static, #header.fixed-type .menu-products {
    display: none;
}
/*#header.fixed-type .bar-menu-link {
    display: block;
}*/

#header.fixed-type .basket {
    margin-top: 14px;
}
/* Fixed Type End */


/* After Login Start */

.login-icon-block {
    width: auto;
    position: relative;
    float: right;
    margin-top: 27px;
}

.login-user-icon {
    width: 26px;
    float: left;
    font-size: 22px;
    color: #0d7533;
    margin-top: 4px;
    margin-right: 6px;
}

.login-user-name {
    width: auto;
    font-family: roboto, sans-serif;
    font-weight: 600;
    float: left;
    font-size: 14px;
    letter-spacing: 1px;
    color: #000;
    line-height: 40px;
}


.log-ok-menu {
    float: right;
    margin-top: 14px;
    /* margin-right: 45px; */
    background-color: #fff;
    /* width: 116px; */
    padding: 8px 14px;
    border-radius: 3px;
    border: solid 1px #ddd;
}


.log-ok-icon {
    width: 110px;
    position: relative;
}

.log-ok-user-icon {
    width: 26px;
    float: left;
    font-size: 22px;
    color: #0d7533;
    margin-top: 4px;
}

.log-ok-title {
    width: 67px;
    font-family: roboto, sans-serif;
    font-weight: 600;
    float: left;
    font-size: 14px;
    letter-spacing: 1px;
    color: #0d7533;
}

.arrow-down-icon {
    float: left;
    font-size: 16px;
    position: relative;
    color: #0d7533;
    margin-top: -4px;
}

.log-ok-user-name {
    font-size: 12px;
    font-family: roboto, sans-serif;
    padding-left: 29px;
    color: #0d7533;
}

/* After Login End */



/* Header and Scrol Header Fixed Type End */


.slide-section {
    width: 100%;
}


/** Pagination Start **/
.pages-list {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
    display: inline-block;
}

.p-number {
    text-align: center;
    margin-left: 30%;
    position: relative;
}

    .p-number a, .page a {
        min-width: 40px;
        margin: 0px 4px;
        text-decoration: none;
        height: 20px;
        padding: 4px 4px;
        text-align: center;
        display: block;
        float: left;
        font: 500 16px Roboto, sans-serif;
        height: 28px;
        background-color: #fff;
        line-height: 22px;
        color: #0d7533;
    }

        .p-number a:hover, .page a:hover {
            background-color: #0d7533;
            color: #fff;
        }

        .p-number a:active {
            background-color: #0d7533;
            color: #fff;
        }

    .p-number .current, .p-number .current:hover {
        color: #fff;
        background-color: #0d7533;
    }

    .p-number .disabled, .p-number .disabled:hover {
        color: #000;
        background-color: #ddd;
    }

    .p-number span {
        padding: 0px 4px;
        float: left;
        font-size: 20px;
        line-height: 20px;
        height: 30px;
        font-weight: 700;
    }

.table_unit .detil {
    height: 0;
    width: 0;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    line-height: 0;
    display: none;
}
/** Pagination End **/


/* Description Category Start */

.description-title {
    font-size: 16px;
    color: #444;
    font-weight: 600;
}

.description-sub-title {
    font-size: 16px;
    color: #444;
    padding: 10px 0px;
    font-weight: 500;
}

.tabiat-ana-description {
    max-width: 1200px;
    background-color: #f5f5f5;
    margin: 0px auto;
    padding: 40px;
    border-radius: 6px;
}


    .tabiat-ana-description .text {
        font: 500 13px Roboto, sans-serif;
        color: #7d7d7d;
        text-align: justify;
    }

.ellipsis {
    color: #14281D;
}

.more, .less {
    color: #355834;
    text-decoration: none;
    font-weight: bold;
}
/* Description Category End */




/* Footer Member Login Start */


#footer-member-login {
    font-size: 12px;
    background: #fff;
    width: 100%;
    background: #fff;
    border-top: solid 1px #d9d9d9;
    position: absolute;
    margin-top: 50px;
    height: 100%;
    max-height: 160px;
}

    #footer-member-login .inner {
        width: 960px;
        margin: auto;
        padding: 15px 0;
        text-align: center;
    }

        #footer-member-login .inner span {
            width: 100%;
            padding: 0px 20px;
            font-size: 11px;
            font-weight: 400;
            color: #000;
            text-align: center;
            float: left;
            margin-top: 20px;
        }


        #footer-member-login .inner ul {
            padding: 0px;
            list-style-type: none;
        }


    #footer-member-login ul li {
        padding: 0px 20px;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
        display: inline-block;
        margin-top: 30px;
    }


    #footer-member-login .inner ul li a {
        color: #7d7d7d;
        font-size: 14px;
        font-weight: 600;
    }


        #footer-member-login .inner ul li a:hover {
            color: #0654ba;
        }




    #footer-member-login a {
        font-size: 11px;
        font-weight: bold;
    }

        #footer-member-login a:hover {
            color: #009936;
        }

    #footer-member-login .bar-menu-link {
        float: left;
        width: 200px;
    }

    #footer-member-login .tabiat-ana-logo img {
        width: 160px;
        height: auto;
    }

    #footer-member-login .center {
        float: left;
        line-height: 20px;
        padding-top: 10px;
        width: calc(100% - 440px);
    }


/* Footer  Member Login End */




/* Seller and Customer Head menu start*/

#customer-head-column {
    width: 900px;
    float: left;
    margin-left: 10px;
    margin-bottom: 20px;
    background: #fff;
    float: left;
    box-shadow: 0 1px 2px 0 rgba(85,85,85,.5);
    border-bottom: solid 1px #ddd;
    padding: 15px 6px 14px 20px;
}

    #customer-head-column .account-title {
        font: 400 13px Roboto, Arial;
        display: inline-block;
        color: #7d7d7d;
        /* padding-right: 12px; */
        /* height: 30px; */
        padding-left: 4px;
        line-height: 31px;
        height: 22px;
        width: calc(100% - 22px);
    }


        #customer-head-column .account-title a {
            color: #7d7d7d;
            font-size: 13px;
            font-weight: 600;
            display: block;
        }


            #customer-head-column .account-title a:hover {
                color: #ff0000;
                font-size: 13px;
                font-weight: 600;
            }

    #customer-head-column ul {
        list-style-type: none;
        padding: 0px;
    }


        #customer-head-column ul li:first-child {
            float: left;
            width: 30%;
            padding-top: 10px;
        }

            #customer-head-column ul li:first-child i {
                font-size: 16px;
                color: #0d7533;
            }




        #customer-head-column ul li:nth-child(2) {
            float: left;
            width: 22%;
            padding-top: 12px;
        }

        #customer-head-column ul li:nth-child(3) {
            float: left;
            width: 28%;
        }

        #customer-head-column ul li:nth-child(4) {
            float: left;
            width: 20%;
        }

        #customer-head-column ul li .profile-image {
            width: 64px;
            height: 64px;
            background-image: url(../images/seller-logo/asikzade-logo.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            float: left;
            margin-right: 12px;
            border-bottom: solid 1px #ddd;
        }


        #customer-head-column ul li .management-sell-passive {
            width: 64px;
            height: 64px;
            background-image: url(../images/management-sell-passive.png);
            background-repeat: no-repeat;
            background-position: center center;
            float: left;
            margin-left: 20px;
            background-size: 55px;
        }

        #customer-head-column ul li .management-store-passive {
            width: 64px;
            height: 64px;
            background-image: url(../images/management-store-passive.png);
            background-repeat: no-repeat;
            background-position: center center;
            float: left;
            margin-left: 20px;
            background-size: 50px;
        }


        #customer-head-column ul li .management-sell-active {
            width: 64px;
            height: 64px;
            background-image: url(../images/management-sell-active.png);
            background-repeat: no-repeat;
            background-position: center center;
            float: left;
            margin-left: 20px;
            background-size: 55px;
        }

        #customer-head-column ul li .management-store-active {
            width: 64px;
            height: 64px;
            background-image: url(../images/management-store-active.png);
            background-repeat: no-repeat;
            background-position: center center;
            float: left;
            margin-left: 20px;
            background-size: 50px;
        }


        #customer-head-column ul li .asist-information {
            width: 64px;
            height: 64px;
            background-image: url(../images/asist-information-icon.png);
            background-repeat: no-repeat;
            background-position: center center;
            float: left;
            margin-left: 20px;
        }




        #customer-head-column ul li .total-buy {
            padding-top: 12px;
        }


        #customer-head-column ul li .total-sell {
            padding-top: 6px;
        }


        #customer-head-column ul li .total-buy,
        #customer-head-column ul li .total-sell {
            color: #0d7533;
            font-size: 13px;
            font-weight: 600;
            display: block;
        }


            #customer-head-column ul li .total-buy:hover,
            #customer-head-column ul li .total-sell:hover {
                color: #ff0000;
                font-size: 13px;
                font-weight: 600;
            }

            #customer-head-column ul li .total-buy span,
            #customer-head-column ul li .total-sell span {
                color: #7d7d7d;
                font-size: 12px;
                font-weight: 400;
                margin-left: 8px;
            }

        #customer-head-column ul li .services-title-active {
            color: #0d7533;
            font-size: 13px;
            font-weight: 600;
            display: block;
            margin-top: 35px;
        }

        #customer-head-column ul li .asist-information:hover ~ .services-title-active,
        #customer-head-column ul li .management-store-active:hover ~ .services-title-active {
            color: #ff0000;
        }

        #customer-head-column ul li .asist-information:hover,
        #customer-head-column ul li .services-title-active:hover {
            color: #ff0000;
        }

        #customer-head-column ul li .services-title-passive {
            color: #7d7d7d;
            font-size: 13px;
            font-weight: 600;
            display: block;
            margin-top: 35px;
        }

/* Seller and Customer Head menu end*/

/* Left Menu with Customer Start */

#customer-left-column {
    width: 260px;
    /* background: #fff; */
    margin-right: 10px;
    /* padding: 5px; */
    float: left;
    /* box-shadow: 0 1px 2px 0 rgba(85,85,85,.5); */
    /* height: 500px; */
}

.customer-left-menu {
    width: 260px;
    background: #fff;
    padding: 5px;
    float: left;
    box-shadow: 0 1px 2px 0 rgba(85,85,85,.5);
    border-bottom: solid 1px #ddd;
}


.customer-left-menu-title {
    padding: 5px 12px 0px 0px;
    margin-bottom: 5px;
    font: 600 14px Roboto, Arial;
    display: inline-block;
    color: #0654ba;
}


.customer-list {
    padding: 10px 0px;
}

    .customer-list ul li {
        padding: 10px 0px 0 10px;
        text-overflow: ellipsis;
    }

        .customer-list ul li a {
            color: #000;
            text-overflow: ellipsis;
            font-size: 12px;
            font-weight: 600;
        }

            .customer-list ul li a span:hover,
            .customer-list ul li a:hover {
                color: #ff0000;
            }


            .customer-list ul li a span {
                color: #7d7d7d;
                text-overflow: ellipsis;
                font-size: 12px;
                font-weight: 400;
                margin-left: 6px;
            }



.toggle-menu {
    cursor: pointer;
    padding: 6px 12px 2px 12px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    display: inline-block;
    margin-bottom: 5px;
    border-bottom: solid 1px #fff;
}

    .toggle-menu:hover {
        border-bottom: solid 1px #f1f1f1;
    }

.chevron-icon {
    transition: all 0.5s ease;
    float: right;
    color: #7d7d7d;
    margin: 0;
    font-size: 17px;
    margin-top: 5px;
}

.toggle-menu:hover .chevron-icon {
    color: #ff0000;
}

.more {
    transform: rotateX(0deg);
}

.less {
    transform: rotateX(180deg);
}


/* Left Menu with Customer End */


/* Left Menu Seller Start */

.vendor-info-title {
    font-size: 20px;
    height: 50px;
    padding: 11px 20px 20px 0px;
    border-radius: 6px !important;
    margin-top: 40px;
    margin-bottom: 40px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 600;
}


    .vendor-info-title i {
        font-size: 22px;
        color: #00782b;
        margin-right: 8px;
    }


    .vendor-info-title span {
        font-size: 19px;
        color: #00782b;
        margin-left: 6px;
    }


.store-promotion {
    width: 100%;
    padding: 20px;
    text-align: right;
    margin-bottom: 40px;
    border: solid 1px #ddd;
    border-radius: 8px;
}



    .store-promotion .store-icon {
        padding: 30px 26px;
        background: #efefef;
        text-align: center;
        display: inline-block;
        width: 100%;
    }


        .store-promotion .store-icon span {
            width: 100%;
            font-size: 16px;
            float: left;
            text-align: center;
            color: #7d7d7d;
            margin-top: 10px;
        }


        .store-promotion .store-icon img {
            text-align: center;
            margin: 0 auto;
        }


    .store-promotion .title {
        font-size: 18px;
        font-weight: 600;
        color: #00782b;
        font-family: Roboto, sans-serif;
        text-align: center;
        margin: 0 0 15px 0;
    }

.head-info-vendor {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
}

.verdor-store-info {
    font-size: 14px;
    font-weight: 400;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

    .verdor-store-info li {
        font-size: 14px;
    }


.open-store {
    padding: 0px 16px 0px 26px;
    height: 40px;
    background: #f6fff9;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    margin-bottom: 30px;
    border-radius: 5px;
    letter-spacing: 0.5px;
    cursor: pointer;
    width: 100%;
    margin-top: 40px;
    border: solid 2px #0d7533;
    color: #0d7533;
}

    .open-store:hover {
        background-color: #e7b317;
        color: #000;
        border: solid 2px #e7b317;
    }

    .open-store i {
        margin-left: 12px;
    }


/* Left Menu Seller End */



/*begin accordion orders list and detail */
/*#customer-right-orders {
    width: 900px;
    float: left;
    margin-left: 10px;
    margin-bottom: 20px;
    float: left;
}

    #customer-right-orders .accordion-header {
        position: relative;
        display: inline-block;
        width: 100%;
        line-height: 32px;
        font-size: 16px;
        cursor: pointer;
        padding: 0 10px;
        margin-bottom: 10px;
        font-weight: bold;
        border: solid 1px #ccc;
        background-color: #fff;
        height: 90px;
        color: #000;
        cursor: pointer;
    }


        #customer-right-orders .accordion-header:hover {
            border: 1px solid #60c986;
            -webkit-box-shadow: 0px 0px 12px 0px rgba(0,120,43,0.32);
            -moz-box-shadow: 0px 0px 12px 0px rgba(0,120,43,0.32);
            box-shadow: 0px 0px 12px 0px rgba(0,120,43,0.32);
            -moz-transition: all 0.2s ease-out;
            -o-transition: all 0.2s ease-out;
            -webkit-transition: all 0.2s ease-out;
        }

        #customer-right-orders .accordion-header .accordion-icon {
            bottom: auto;
            height: 15px;
            left: auto;
            margin: auto;
            position: absolute;
            right: 20px;
            top: 20px;
            width: 15px;
        }

            #customer-right-orders .accordion-header .accordion-icon:before,
            #customer-right-orders .accordion-header .accordion-icon:after {
                content: '';
                background: #000;
                border-radius: 3px;
                bottom: 0;
                left: 0;
                margin: auto;
                position: absolute;
                right: 0;
                top: 20px;
                transition: all 450ms ease-in-out;
            }

            #customer-right-orders .accordion-header .accordion-icon:before {
                height: 3px;
                width: 15px;
                color: #000;
            }

            #customer-right-orders .accordion-header .accordion-icon:after {
                height: 15px;
                width: 3px;
            }

        #customer-right-orders .accordion-header.active .accordion-icon:before {
            opacity: 1;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            color: #000;
        }

        #customer-right-orders .accordion-header.active .accordion-icon:after {
            opacity: 0;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }



        #customer-right-orders .accordion-header.active {
            transition: .4s;
            border-bottom: solid 1px #fff !important;
            border: 1px solid #60c986;
        }




            #customer-right-orders .accordion-header.active::before {
                transform: rotate(-135deg);
                top: 23px
            }

    #customer-right-orders .accordion-content {
        overflow-y: hidden;
        display: none;
        background: #fff;
        padding: 30px 20px !important;
        margin-top: -22px;
        border: solid 1px #60c986;
        border-top: solid 1px #fff;
        z-index: 1;
        margin-bottom: 20px;
    }


.content p {
    padding: 10px 15px;
    margin: 0;
    color: #333;
}

.image-order {
    width: 7%;
    float: left;
    margin: 15px 12px 12px 4px;
}

    .image-order img {
        width: 60px;
        height: 60px;
    }

.data-order {
    width: 27%;
    Position: relative;
    float: left;
    margin: 12px 12px 12px 4px;
}

.status-order {
    width: 32%;
    Position: relative;
    float: left;
    margin: 31px 12px 12px 4px;
    font-size: 14px;
    text-align: center;
    color: #0654ba;
}

.status-order-cargo-ok {
    width: 32%;
    Position: relative;
    float: left;
    margin: 31px 12px 12px 4px;
    color: #009936;
}


.price-order {
    font-size: 16px;
    font-weight: 600;
    width: 20%;
    Position: relative;
    float: left;
    margin: 31px 12px 12px 4px;
}

    .price-order .text-tl {
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
    }

.pay-type {
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    color: #115C08;
    padding-left: 30px;
}

.icon-order {
    width: 3%;
    Position: relative;
}

*/
/* End begin accordion orders list and detail */
/* Orders List Detail start */
/*#customer-right-orders .order-page-title {
    font-size: 13px;
    margin-bottom: 25px;
    font-weight: 400;
    color: #ff0000;
    padding: 30px 20px 20px 20px;
}

#customer-right-orders .no-order-desc {
    display: inline-block;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    width: 100%;
    line-height: 32px;
    font-size: 16px;
    padding: 0 10px;
    margin-bottom: 10px;
    font-weight: bold;
    border-radius: 4px;
    background-color: #fff;
    border: solid 1px #ccc;
}

#customer-right-orders .no-order-desc-text {
    font-size: 13px;
    margin-bottom: 25px;
    font-weight: 400;
    color: #000;
    padding: 30px 20px 0px 20px;
    width: 100%;
    float: left;
}

.no-order-desc i {
    font-size: 18px;
    color: #ef9c00;
    margin-right: 8px;
}

.no-order-desc-text-link {
    font-size: 13px;
    margin-bottom: 25px;
    font-weight: 400;
    color: #000;
    padding: 0px 20px 0px 20px;
}

    .no-order-desc-text-link a {
        font-size: 13px;
        font-weight: 400;
        color: #000;
    }

        .no-order-desc-text-link a:hover {
            color: #0654ba;
        }

    .no-order-desc-text-link i {
        font-size: 18px;
        color: #0654ba;
        margin-right: 8px;
    }

.content p i {
    font-size: 18px;
    color: #0654ba;
}

.order-title {
    color: #00782b;
    font-size: 15px;
    margin-bottom: 25px;
    font-weight: 600;
    border-bottom: dotted 1px #ddd;
    padding-bottom: 4px;
}

.product-list {
    width: 46%;*/
/* min-height: 150px; */
/*float: left;
    margin-right: 32px;
    margin-bottom: 30px;
}





    .product-list ul {
        list-style-type: none;
        padding: 0px;
    }

        .product-list ul li {
            padding: 0px 0;
        }

            .product-list ul li figure {
                width: 75px;
                height: 85px;
                float: left;
                margin-right: 15px;
            }


                .product-list ul li figure img {
                    width: 100%;
                    height: 100%;
                }

            .product-list ul li .name {
                font-size: 14px;
                font-weight: 600;
            }

            .product-list ul li .code {
                font-weight: 500;
                font-size: 12px;
                text-align: left;
                margin-top: 4px;
            }

            .product-list ul li .piece {
                font-weight: 500;
                font-size: 12px;
                text-align: left;
                margin-top: 6px;
                float: left;
                margin-right: 12px;
            }


            .product-list ul li .price {
                font-weight: 500;
                font-size: 12px;
                text-align: left;
                margin-top: 6px;
            }

                .product-list ul li .piece span,
                .product-list ul li .price span,
                .product-list ul li .date span,
                .product-list ul li .code span {
                    color: #7d7d7d;
                }

            .product-list ul li .date {
                font-weight: 500;
                font-size: 12px;
                text-align: left;
                margin-top: 6px;
            }




.list-detail {
    width: 46%;
    float: left;
    margin-right: 32px;
    margin-bottom: 30px;
}



    .list-detail ul {
        list-style-type: none;
        padding: 0px;
    }

        .list-detail ul li {
            padding: 0px 0;
        }


            .list-detail ul li .piece {
                font-size: 14px;
                font-weight: 600;
                float: left;
                margin-right: 50px;
            }

            .list-detail ul li .price {
                font-weight: 600;
                font-size: 14px;
                text-align: left;
            }

                .list-detail ul li .price span {
                    color: #7d7d7d;
                    font-weight: 400;
                    font-size: 14px;
                    text-align: left;
                    margin-top: 6px;
                }




.cargo-list {
    width: 46%;
    float: left;
    margin-right: 32px;
    margin-bottom: 30px;
}





    .cargo-list ul {
        list-style-type: none;
        padding: 0px;
    }

        .cargo-list ul li {
            padding: 0px 0;
        }

            .cargo-list ul li figure {
                width: 75px;
                height: 85px;
                float: left;
                margin-right: 15px;
            }


                .cargo-list ul li figure img {
                    width: 100%;
                    height: 100%;
                }

            .cargo-list ul li .name {
                font-size: 12px;
                font-weight: 600;
            }


            .cargo-list ul li .adress-name-firm,
            .cargo-list ul li .adress-name {
                font-size: 12px;
                font-weight: 600 !important;
                text-transform: uppercase;
                margin-bottom: 12px;
            }


            .cargo-list ul li .adres-name-firm,
            .cargo-list ul li .adres-name,
            .cargo-list ul li .name-firm-label,
            .cargo-list ul li .firm-tax-label,
            .cargo-list ul li .firm-tax-number-label,
            .cargo-list ul li .distric-label,
            .cargo-list ul li .town-label,
            .cargo-list ul li .city-label,
            .cargo-list ul li .tc-no-label {
                font-size: 12px;
                font-weight: 600 !important;
            }

            .cargo-list ul li .name-firm,
            .cargo-list ul li .firm-tax,
            .cargo-list ul li .firm-tax-number,
            .cargo-list ul li .distric,
            .cargo-list ul li .town,
            .cargo-list ul li .city,
            .cargo-list ul li .tc-no {
                font-size: 12px;
                font-weight: 400 !important;
            }




            .cargo-list ul li .name-firm {
                font-size: 12px;
                font-weight: 600;
            }

            .cargo-list ul li .firm-tax {
                font-size: 12px;
                font-weight: 600;
            }

                .cargo-list ul li .firm-tax span {
                    font-size: 12px;
                    font-weight: 400;
                    color: #7d7d7d;
                }

            .cargo-list ul li .name span {
                font-size: 12px;
                font-weight: 400;
                color: #7d7d7d;
            }

            .cargo-list ul li .adress {
                font-weight: 500;
                font-size: 12px;
                text-align: left;
                margin-top: 6px;
            }

            .cargo-list ul li .firm {
                font-weight: 500;
                font-size: 12px;
                text-align: left;
                margin-top: 6px;
            }





.payment-detail {
    width: 46%;
    float: left;
    margin-right: 32px;
    margin-bottom: 30px;
}



    .payment-detail ul {
        list-style-type: none;
        padding: 0px;
    }

.list-detail ul li {
    padding: 0px 0;
}


.payment-detail ul li .bank {
    font-size: 12px;
    font-weight: 600;
    margin-right: 50px;
}

.payment-detail ul li .installment {
    font-weight: 600;
    font-size: 14px;
    text-align: left;
}

.payment-detail ul li .cargo-price {
    font-weight: 600;
    font-size: 12px;
    text-align: left;
}

.payment-detail ul li .order-amount {
    font-weight: 600;
    font-size: 14px;
    text-align: left;
}

    .payment-detail ul li .order-amount span,
    .payment-detail ul li .installment span,
    .payment-detail ul li .bank span,
    .payment-detail ul li .cargo-price span {
        color: #474545;
        font-weight: 400;
        font-size: 12px;
        text-align: left;
        margin-top: 6px;
    }



.order-process {
    width: 46%;
    float: left;
    margin-right: 32px;
    margin-bottom: 30px;
}

.order-process-title {
    color: #fff;
    font-size: 12px;
    margin-bottom: 25px;
    font-weight: 400;
    border-bottom: solid 1px #fff;
    background-color: #00782b;
    padding: 3px 10px;
}

.order-process ul {
    list-style-type: none;
    padding: 0px;
}

    .order-process ul li {
        padding: 0px 0;
    }


        .order-process ul li .product-title {
            font-size: 12px;
            font-weight: 600;
            color: #000;
        }

            .order-process ul li .product-title span {
                font-size: 12px;
                font-weight: 600;
                color: #ff0000;
            }

        .order-process ul li .cargo-follow {
            color: #00782b;
            font-weight: 600;
            font-size: 12px;
            text-align: left;
        }

            .order-process ul li .cargo-follow span {
                font-size: 12px;
                font-weight: 400;
                color: #000;
            }

                .order-process ul li .cargo-follow span a {
                    color: #000000 !important;
                    font-size: 12px;
                    font-weight: 600;
                }

                    .order-process ul li .cargo-follow span a:hover {
                        color: #ff0000 !important;
                        font-size: 12px;
                        font-weight: 600;
                    }

        .order-process ul li .cargo-price {
            font-weight: 600;
            font-size: 12px;
            text-align: left;
        }


.order-button-panel {
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 20px 20px;
    margin-bottom: 30px;
    border: solid 1px #ddd;
}

.button-panel-title {
    color: #00782b;
    font-size: 15px;
    margin-bottom: 25px;
    font-weight: 600;
    border-bottom: solid 1px #b3d6c0;
}

.order-button-panel ul {
    list-style-type: none;
    padding: 0px
}

    .order-button-panel ul li {
        width: 23%;
        padding: 0px 0px 0px 0px;
        margin: 0px 20px 0px 0px;
        float: left;
    }

        .order-button-panel ul li:last-child {
            margin: 0px 0px 0px 0px;
        }


.accept-pay-button, .cancel-order-button, .report-problem-button, .comment-button {
    display: block;
    height: 36px;
    font: 400 16px/36px Roboto,Arial,sans-serif;
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 0 0px;
    -moz-appearance: none;
    text-align: center;
    cursor: pointer;
}


.accept-pay-button {
    border-color: #1747c0;
    background-color: #1747c0;
    color: #fff;
    font-weight: 500;
}

    .accept-pay-button:hover {
        opacity: 0.7;
    }




.cancel-order-button {
    border-color: #ff0000;
    background-color: #ff0000;
    color: #fff;
    font-weight: 500;
}

    .cancel-order-button:hover {
        opacity: 0.7;
    }

.refun-button-panel ul {
    list-style-type: none;
    padding: 0px
}

    .refun-button-panel ul li {
        width: 100%;
        padding: 0px 0px 0px 0px;
        margin: 0px 20px 0px 0px;
        float: left;
    }

        .refun-button-panel ul li .refun-order-button {
            display: block;
            height: 36px;
            font: 400 16px/36px Roboto,Arial,sans-serif;
            border-style: solid;
            border-width: 1px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            padding: 0 0px;
            -moz-appearance: none;
            text-align: center;
            cursor: pointer;
            border-color: #ff0000;
            background-color: #ff0000;
            color: #fff;
            font-weight: 500;
        }



            .refun-button-panel ul li .refun-order-button:hover {
                opacity: 0.7;
            }


.report-problem-button {
    border-color: #7d7d7d;
    background-color: #7d7d7d;
    color: #fff;
    font-weight: 500;
}

    .report-problem-button:hover {
        opacity: 0.7;
    }


.comment-button {
    border-color: #ef9c00;
    background-color: #ef9c00;
    color: #000;
    font-weight: 500;
}

    .comment-button:hover {
        opacity: 0.7;
    }*/
/* Orders List Detail End */
/* Advert Bar Section S */
.advert-bar-section {
    max-width: 1140px;
    margin: 50px 0px;
}

/* Adver Bar Section E */



/*HomepageTabs Slider s */


.slick-slider {
    min-width: 0;
}

.slick-list {
    overflow: hidden;
}

.slick-track {
    display: flex;
    align-items: flex-start;
}

.slider {
    position: relative;
    padding: 0px 6px;
}



    .slider .slick-arrow {
        position: absolute;
        top: 50%;
        margin: -20px 0px 0px 0px;
        z-index: 1;
        font-size: 0;
        width: 30px;
        height: 30px;
    }

        .slider .slick-arrow.slick-prev {
            left: 0;
            background-image: url("https://media.tabiatana.com/images/icons/arrow/chevron-left-black.svg");
            background-size: 18px 18px;
            height: 38px;
            width: 38px;
            display: block;
            background-color: #f1f1f1;
            background-position: center center;
            background-repeat: no-repeat;
            border-radius: 100%;
        }

        .slider .slick-arrow.slick-next {
            right: 0;
            background-image: url("https://media.tabiatana.com/images/icons/arrow/chevron-right-black.svg");
            background-size: 18px 18px;
            height: 38px;
            width: 38px;
            display: block;
            color: #7d7d7d;
            background-color: #f1f1f1;
            background-position: center center;
            background-repeat: no-repeat;
            border-radius: 100%;
        }

            .slider .slick-arrow.slick-prev:hover,
            .slider .slick-arrow.slick-next:hover {
                background-color: #f1f1f1;
            }


        .slider .slick-arrow.slick-disabled {
            opacity: 0.2;
        }

.slider__item {
    padding: 0px 15px;
}

    .slider__item img {
        max-width: 100%;
    }

/* the slides */
.slick-slide {
    margin: 0 8px;
}

/* the parent */
.slick-list {
    margin: 0 -8px;
}

/*HomepageTabs Slider e */

/* Equal Heights for OwlCarousel Slider s */

.owl-carousel .owl-stage {
    display: flex;
}

.owl-carousel .owl-item {
    display: flex;
    flex: 1 0 auto;
}

.owl-carousel .caption {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}

.owl-carousel .flex-text {
    flex-grow: 1;
}

.owl-carousel .thumbnail {
    display: flex;
    flex-direction: column;
    margin: 0 15px;
}

/* Equal Heights for OwlCarousel Slider e */


/* Suggestion Search Slider s */


.slick-slider {
    min-width: 0;
}

.slick-list {
    overflow: hidden;
}

.slick-track {
    display: flex;
    align-items: flex-start;
}

.suggestion-slide {
    position: relative;
    padding: 0px 6px;
}



    .suggestion-slide .slick-arrow {
        position: absolute;
        top: 50%;
        margin: -20px 0px 0px 0px;
        z-index: 1;
        font-size: 0;
        width: 30px;
        height: 30px;
    }

        .suggestion-slide .slick-arrow.slick-prev {
            left: 0;
            background-image: url("https://media.tabiatana.com/images/icons/arrow/chevron-left-black.svg");
            background-size: 18px 18px;
            height: 38px;
            width: 38px;
            display: block;
            background-color: #f1f1f1;
            background-position: center center;
            background-repeat: no-repeat;
            border-radius: 100%;
        }

        .suggestion-slide .slick-arrow.slick-next {
            right: 0;
            background-image: url("https://media.tabiatana.com/images/icons/arrow/chevron-right-black.svg");
            background-size: 18px 18px;
            height: 38px;
            width: 38px;
            display: block;
            color: #7d7d7d;
            background-color: #f1f1f1;
            background-position: center center;
            background-repeat: no-repeat;
            border-radius: 100%;
        }

            .suggestion-slide .slick-arrow.slick-prev:hover,
            .suggestion-slide .slick-arrow.slick-next:hover {
                background-color: #f1f1f1;
            }


        .suggestion-slide .slick-arrow.slick-disabled {
            opacity: 0.2;
        }

.slider__item {
    padding: 0px 15px;
}

    .slider__item img {
        max-width: 100%;
    }

/* the slides */
.slick-slide {
    margin: 0 8px;
}

/* the parent */
.slick-list {
    margin: 0 -8px;
}

/* Suggestion Search Slider e */


/* Add Basket Partial s*/


.img-200 {
    width: 200px !important;
    height: 200px !important;
}


.p-card-img {
    padding: 8px;
   /* border: 1px solid #f1f1f1;*/
    border-radius: 8px;
    width: 100%;
    /*    background-color: #fff;*/
}

.homepage-slider-block {
    /*   width: 100%;*/
    position: relative;
    /*    background-color: #C9B64C;*/
    /*    padding-bottom: 20px;*/
}

.homepage-slider-inner {
    width: 100%;
    position: relative;
/*    max-width: 1200px;*/
    margin: 0px auto;
    /* border: solid 1px #f8e19d; */
    border-radius: 8px;
    /* padding: 0px 20px; */
    /* background-color: #fefbf7; */
}

.t-color-1 {
    color: #000 !important;
}

/*.p-shadow {

    display:none;
    box-shadow: 0 0 10px 0 rgba(100, 100, 100, 0.26);
    
}


}
*/
.img-200 {
    width: 200px !important;
    height: 200px !important;
}



.opener {
    min-height: 100px;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

    .opener .opener-description,
    .opener .opener-content {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        transition: all 0.2s ease;
        padding: 10px 8px 0px 8px;
    }

    .opener .opener-content {
        transform: translateY(100%);
        text-align: center;
    }

    .opener:hover {
        cursor: pointer;
    }


        .add-basket-card:hover .opener-description,
        .opener:hover .opener-description {
            transform: translateY(-100%);
        }

        .add-basket-card:hover .opener-content,
        .opener:hover .opener-content {
            transform: translateY(0);
        }




.add-basket-btn {
    background-color: #e3e3e3;
    color: #000;
    font-size: 14px;
    padding: 8px 10px;
    border: none;
    border-radius: 6px;
    margin-top: 12px;
}



    .add-basket-btn:hover {
        /*      display:block;*/
        background-color: #00782b;
        color: #fff;
    }

    .add-basket-btn i {
        margin-right: 6px
    }

/* Add Basket Partial e*/




.customer-mobile {
    display: flex;
    margin-top: 10px;
    height: 40px;
}

.logo-mobile {
    margin-top: 16px
}

    .logo-mobile img {
        height: 40px
    }

.search-mobile-button {
    padding: 14px 0px 12px 12px;
    font-size: 22px;
    color: #7d7d7d;
    cursor: pointer;
}

.user-icon-mobile {
    /* width: 26px; */
    /* float: left; */
    font-size: 24px;
    color: #0d7533;
    /* margin-top: 4px; */
}

.m-basket-link {
/*    display: flex;
    font-size: 20px;
    color: #7d7d7d;
    margin-top: 20px;*/
}

.basket-item-number-mobile {
    color: #fff;
    font-weight: 400;
    background-color: #ff9800;
    font-size: 9px;
    border-radius: 100%;
    height: 14px;
    width: 14px;
    text-align: center;
    padding: 3px 3px 3px 3px;
    font-family: arial;
    /* line-height: 9px; */
    margin-top: -4px;
    margin-left: -4px;
    display: inline-block;
    position: absolute;
}

    .basket-item-number-mobile:empty {
        display: none;
    }


.search_box input {
    color: #000;
    font-family: arial;
    font-size: 12px;
    font-weight: 300;
    height: 42px;
    padding-left: 10px;
    border: solid 1px #00782b;
    width: calc(100% - 100px);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .search_box input:focus {
        color: #495057;
        background-color: #fff;
        border-color: #00782b;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0,120,43,.25);
    }

.btn-search {
    margin-left: -5px;
    height: 44px;
    background: #7d7d7d;
    border: none;
    padding: 6px 12px;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-family: arial;
    width: 50px;
    /* margin-top: 3px; */
    position: absolute;
    right: 14px;
    border-radius: 12px;
}
    .btn-search:hover {
        background: #000;
    }

button span {
    font-weight: 900;
    font-size: 16px;
    margin-right: 20px;
}


.login-menu-mobile {
    width: 70px;
    margin-top: 10px;
    text-align: center;
    /* background-color: aquamarine; */
    height: 30px;
}


.search-form input {
    width: 100%;
    height: 44px;
    border: solid 2px #7d7d7d;
    padding: 0px 12px;
    line-height: 38px;
    font-size: 16px;
    border-radius: 12px;
}
    .search-form input:focus {
        border: solid 2px #009936;
    }

.login-menu-mobile {
    position: relative
}

    .login-menu-mobile ul {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
        padding: 12px;
        min-width: 150px !important;
        margin-top: 7px !important;
        position: absolute !important;
        border-bottom-left-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
        border-top: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        /* box-shadow: 0 3px 10px rgb(0 0 0 / 10%); */
        /* background-color: #e7fdef; */
        border: solid 1px #036227;
        border-top: none;
    }

        .login-menu-mobile ul li {
            display: block;
        }


.login-button-mobile {
    background: #ee9b00;
    color: #000;
    text-align: center;
    font-size: 15px;
    text-decoration: none;
    line-height: 40px;
    width: 80%;
    height: 40px !important;
    padding: 2px 8px !important;
    font-weight: 600;
    border-radius: 5px;
    display: block;
    margin: 40px auto 30px auto;
}

.member-button-mobile {
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-align: center;
    cursor: pointer;
    width: 80%;
    font-size: 15px;
    font-weight: 600;
    background-color: #048c34;
    color: #fff;
    height: 40px !important;
    line-height: 40px;
    margin: 10px auto 30px auto;
    display: block;
}

 

    .user-login-overlay.active{
        position: fixed;
        top: 66px;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.4);

    }


/* New Mobile s*/

.head-mobile {
    display: none;
    margin: 6px 6px 12px 6px;
    height: 80px;
    max-height: 80px;
    box-sizing: border-box;
}



    .head-mobile .sec-1 {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
    }



    .head-mobile .sec-1-logo {
        display: block;
        box-sizing: border-box;
    }

        .head-mobile .sec-1-logo img {
            width: 108px;
        }

    .head-mobile .sec-1-fav {
        height: 40px;
        box-sizing: border-box;
    }


        .head-mobile .sec-1-fav .m-fav-icon {
            box-sizing: border-box;
        }


        .head-mobile .sec-1-fav i {
            color: #8b8989;
            font-size: 18px;
            padding-top: 8px;
            padding-right: 4px;
            text-align: right;
        }

    .head-mobile .sec-2 {
        width: 100%;
        box-sizing: border-box;
        z-index: 9;
    }

        .head-mobile .sec-2 .x {
            width: 100%;
            height: 42px;
            border-radius: 8px;
            border: solid 1px #b5b1b1;
            -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.12);
            box-shadow: 0 1px 2px #000a0154;
            background-color: #fff;
            box-sizing: border-box;
        }

        .head-mobile .sec-2 .xx {
            display: flex;
            align-items: center;
        }

            .head-mobile .sec-2 .xx .s-m-icon {
                background-repeat: no-repeat;
                background-position: 10px 10px;
                background-size: inherit;
                background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 stroke=%27none%27 fill=%27%23ccc%27%3E %3Cpath fill-rule=%27nonzero%27 d=%27M14.653 13.165l5.039 5.038a1.053 1.053 0 1 1-1.489 1.489l-5.038-5.038a8.12 8.12 0 1 1 1.488-1.489zm-4.086.585A6.014 6.014 0 1 0 5.863 2.68a6.014 6.014 0 0 0 4.704 11.07z%27/%3E %3C/svg%3E");
                width: 40px;
                height: 42px;
                display: block;
            }


            .head-mobile .sec-2 .xx span {
                color: #7d7d7d;
                font-size: 14px;
                font-family: Arial,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,Inter,-apple-system,BlinkMacSystemFont, !important;
                line-height: 1.06;
                display: block;
            }



/*.head-mobile {
    display: none;
    margin: 6px 6px 12px 6px;
    height: 80px;
    max-height: 80px;
    box-sizing: border-box;
}

    .head-mobile ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .head-mobile ul li:first-child {
            justify-content: space-between;
            display: flex;
            width: 100%;
            margin-bottom: 6px;
            height: 31px;
            z-index: -1;
            position: relative;
        }

            .head-mobile ul li:first-child .m-fav-icon {
                height: 34px;
                max-height: 34px;
                display: block;
                box-sizing: border-box;
            }

            .head-mobile ul li:first-child img {
                width: 120px;
                display: block;
                box-sizing: border-box;
            }

            .head-mobile ul li:first-child .m-fav-icon {
                width:28px;
                height:33px;
                display:block;
            }

            .head-mobile ul li:first-child i {
                color: #8b8989;
                font-size: 22px;
                padding-top: 8px;
                padding-right: 4px;
                text-align: right;
            }

        .head-mobile ul li:nth-child(2) {
            width: 100%;
            box-sizing: border-box;
            height: 42px;
            z-index: 9;
            position: relative;
        }

            .head-mobile ul li:nth-child(2) .x {
                width: 100%;
                height: 42px;
                border-radius: 8px;
                border: solid 1px #b5b1b1;
                -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.12);
                box-shadow: 0 1px 2px #000a0154;
                background-color: #fff;
            }

            .head-mobile ul li:nth-child(2) .xx {
                display: flex;
                align-items: center;
            }

                .head-mobile ul li:nth-child(2) .xx .s-m-icon {
                    background-repeat: no-repeat;
                    background-position: 10px 10px;
                    background-size: inherit;
                    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 stroke=%27none%27 fill=%27%23ccc%27%3E %3Cpath fill-rule=%27nonzero%27 d=%27M14.653 13.165l5.039 5.038a1.053 1.053 0 1 1-1.489 1.489l-5.038-5.038a8.12 8.12 0 1 1 1.488-1.489zm-4.086.585A6.014 6.014 0 1 0 5.863 2.68a6.014 6.014 0 0 0 4.704 11.07z%27/%3E %3C/svg%3E");
                    width: 40px;
                    height: 42px;
                    display: block;
                }


                .head-mobile ul li:nth-child(2) .xx span {
                    color: #7d7d7d;
                    font-size: 14px;
                    font-family: Arial,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,Inter,-apple-system,BlinkMacSystemFont, !important;
                    line-height: 1.06;
                    display: block;
                }*/

.search-form {
    display: flex
}

.btn-close-modal {
    width: 46px !important;
    background-image: none;
    font-size: 24px;
    color: #b9b6b6;
    height: 44px;
    line-height: 44px;
    text-align: left;
    /* padding-left: 5px; */
}

/* Aligment Login Menu in Page */

.vertical-alignment-modal {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
    max-width: 450px !important;
    margin: 0 auto;
}

.vertical-align-center-modal {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

.modal-backdrop {
    z-index: 1020 !important;
}

.modal-open .modal {
    /* background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); */
    background-color: #000000a8 !important;
}

.modal,
.model-content {
    -webkit-animation-duration: 0.1s !important;
}

.account-list-m li {
    padding: 5px 0px;

}

    .account-list-m li a {
        font-size: 15px;
        font-weight: 700;
    }

        .account-list-m li a i {
            font-size: 15px;
            background-color: #ddd;
            padding: 5px;
            border-radius: 100%;
            margin-right: 10px;
            color: #29742c;
        }

.login-title-s-m {
    font-size: 10px;
    color: #ff9800;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mobile-menu-fixed {
    display: none;
}

.mobile-menu-fixed-top {
    display: none;
}

/* Top Fixed Menu s */
.mobile-menu-fixed-top {
    background-color: #fff !important;
    border-bottom: solid 1px #f1f1f1 !important;
    z-index: 1030;
    padding: 10px;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 50px;
    display:none;
}

.header-mobile-top {
/*    display: flex;*/
}

    .header-mobile-top img {
        width: 120px;
        display: block;
        box-sizing: border-box;
        justify-items: start;
        box-sizing: border-box;
        float:left;
    }
    .header-mobile-top .top-m-menu-ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: flex;
        justify-content: flex-end;
  /*      margin-right: 30px;*/
    }

    .header-mobile-top .top-m-menu-ul-li {
     
        float: right;
        width: 44px;
        font-size: 18px;
        color: #7d7d7d;
    }

        .header-mobile-top .top-m-menu-ul-li i {
            text-align: center;
            font-size: 16px;
            color: #8f8b8b;
       /*     background-color: #f1f1f1;*/
            padding: 7px;
            border-radius: 100%;
        }
        .header-mobile-top .top-m-menu-ul-li:last-child {
            margin-right: 30px;
        }

.basket-item-number-mobile-top {
    color: #009537;
    font-weight: 400;
    background-color: #fff;
    font-size: 9px;
    border-radius: 100%;
    height: 14px;
    width: 14px;
    text-align: center;
    padding: 3px 3px 3px 3px;
    font-family: arial;
    line-height: 9px;
    margin-top: -4px;
    margin-left: -4px;
    display: inline-block;
    position: absolute;
    border: solid 1px #4caf50;
}



/* Top Fixed Menu e */


@media (max-width:1024px) {
    /* Bottom Fixed Menu s */
    .mobile-menu-fixed {
        background-color: #fff !important;
        border-top: solid 1px #e3e1e1 !important;
        z-index: 1030;
        padding: 10px;
        position:fixed;
        bottom:0;
        width:100%;
        display:block;
        height:50px;
    }

    .m-top-space-product {
        margin-top: 70px
    }


    .search-action {
        display: block !important;
    }

    .head-mobile {
        display: block !important;
    }

    .header-mobile {
        display: flex;
        justify-content: space-between;
        /*   margin-right: 30px;*/
    }

    .menu-mobile {
        width: 20%;
        text-align: center;
    }

    /* Bottom Fixed Menu e */



    .m-canvas-title {
        text-decoration: none;
        font-size: 13px;
        color: #0d7533;
        font-weight: 600;
    }

    .menu-mobile i {
        color: #0d7533;
        font-size: 20px;
    }

    .menu-mobile .title-m {
        font-size: 10px;
        margin-top: -1px;
        color: #444;
    }

    .boarding-store-2 .bs-info-2 .s-campaing {
        height: 20px!important;
        width: 26px!important;
        line-height: 22px!important;
        font-size: 13px!important;
        border-radius: 3px!important;
    }

    .boarding-store-2 .bs-info-2 .s-campaing-message {
        height: auto!important;
        width: 28px!important;
    }

    .boarding-store-2 .store-checking {
        /*display: flex!important;*/
    }

    .boarding-store-2 .store-linking {
        padding: 6px 6px 6px 6px!important;
    }

    .boarding-store-2 .store-checking {
        padding: 6px 6px 6px 6px !important;
        line-height: 22px!important;
    }

    .order-add-block {
        margin-bottom: 0px!important;
        position: fixed !important;
        bottom: 0px !important;
        z-index: 9 !important;
        right: 0 !important;
        left: 0 !important;
    }

    .mt-50 {
        margin-top: 25px!important;
    }

    .modal-box .modal-dialog .modal-content .modal-body {
        padding: 24px 16px 16px 16px !important;
    }
    .modal-box .modal-dialog {
        max-width: 400px!important;
        margin: 10px auto 10px!important;
    }

        .modal-box .modal-dialog .modal-content .modal-body a.continue-checkout {
            height: 36px !important;
            line-height: 36px !important;
            font-size: 15px!important;
        }

        .modal-box .modal-dialog .modal-content .modal-body a.continue-shopping {
            font-size: 15px!important;
            height: 36px!important;
            line-height: 36px!important;
        }

    .checkout-title {
        font-size: 16px!important;
        margin-bottom: 20px!important;
    }
}


/* New Mobile e*/

@media (max-width:400px) {

/*    .login-menu-mobile .dropdown-toggle {
        width: 50px !important;
    }

    .basket-menu-mobile i {
        font-size: 21px;
        color: #7d7d7d;
    }

    .logo-mobile img {
        margin-left: 25px !important
    }

    .login-menu-mobile {
        width: 50px !important;
    }

    .user-icon-mobile {
        font-size: 21px !important;
    }

    .search-mobile-button {
        font-size: 20px !important;
    }

    .basket-menu-mobile i {
        font-size: 19px !important;
    }*/
}
/* Header Mobile e*/


/* No Result Alert s */


.no-result-general {
    background-color: #fff;
    padding-bottom: 40px;
    text-align: center;
    /* border: 1px solid #f1f1f1; */
    width: 100%;
}

.no-result-general .no-result-icon {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

    .no-result-general .no-result-icon img {
        height: 114px;
    }
    .no-result-general .no-result-icon .no-result-info {
        display: block;
    }

        .no-result-general .no-result-icon .no-result-info .no-result-text {
            font-size: 14px;
            margin-top: 20px;
            color: #666;
        }

        .no-result-general .no-result-icon .no-result-info .no-result-message {
            margin-top: 5px;
            margin-left: auto;
            margin-right: auto;
            display: block;
        }

            .no-result-general .no-result-icon .no-result-info.no-result-message ul {
                list-style-type: none;
                text-align: left;
                width: 355px;
                margin-left: auto;
                margin-right: auto;
            }

                .no-result-general .no-result-icon .no-result-info .no-result-message ul li {
                    position: relative;
                    padding: 5px 0 5px 20px;
                    font-size: 14px;
                    line-height: 1.27;
                    color: #7d7d7d;
                }




/* Favorite Products Remove s*/


/* Skeleton */

.category-section-skeleton {
    margin-bottom: 30px;
}

.section-title-skeleton {
    height: 30px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    border-radius: 4px;
    margin: 10px 0 20px 0;
    animation: shimmer 2s infinite;
}

.product-card-skeleton {
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
}

.image-skeleton {
    height: 200px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 2s infinite;
}

.content-skeleton {
    padding: 15px;
}

.line-skeleton {
    height: 16px;
    background: #f0f0f0;
    border-radius: 4px;
    margin-bottom: 8px;
}

    .line-skeleton.short {
        width: 60%;
    }

.price-skeleton {
    height: 20px;
    width: 40%;
    background: #f0f0f0;
    border-radius: 4px;
    margin-top: 10px;
}

/*.remove-product-card {*/
/*    margin-top: 5%;*/
/*-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

    .remove-product-card:hover .remove-btn-product {
        display: block;
        position: absolute;
        right: 4px;
        top:4px
    }




.remove-btn-product {
    width: 100%;
    background-color: #ffff;
    color: #000;*/
/* font-size: 14px; */
/*width: 32px;
    height: 32px;
    display: none;
    position: absolute;
    border: solid 1px #ef9c00;
    line-height: 37px;
    text-align: center;
}


 .remove-btn-product i {
    font-size:18px;
    color:#000;
}

    .remove-btn-product:hover {
        background-color: #ff0000;
        color: #fff;
        display: block;
        border: solid 1px #000;
    }

    .remove-btn-product:hover i {
        color: #fff;

    }*/

/* Add Basket Partial e*/



/* Mini Scroll */

.mini-scroll {
    position: relative;
    max-height: 240px;
    overflow-x: auto;
}




    .mini-scroll::-webkit-scrollbar {
        width: 12px;
        height: 9px;
        padding-top: 40px;
        right: 30px;
        overflow: hidden;
    }


    .mini-scroll::-webkit-scrollbar-track-piece {
        height: 30px;
        width: 30px;
    }


    .mini-scroll::-webkit-scrollbar:hover {
        min-width: 9px;
        width: 12px;
        max-width: 12px;
        min-height: 9px;
        height: auto;
        max-height: 9px;
        background: #f0f0f0;
        cursor: pointer;
        overflow-y: scroll;
    }


    .mini-scroll::-webkit-scrollbar-thumb {
        background: #ddd;
        border: none;
        border-radius: 10px;
        border: solid 2px #fff;
        box-shadow: inset 0px 0px 3px #999;
        cursor: pointer;
    }



        .mini-scroll::-webkit-scrollbar-thumb:hover {
            background: #7d7d7d;
            border: solid 1px #fff;
            cursor: pointer;
        }



/* Footer S */

.clr-b {
    clear: both;
}

.mark-title {
    /*padding: 0px 0px;*/
    color: #444;
    font-size: 13px;
}

.social-m {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
    .social-m i {
        font-size: 30px;
        background-color: #f2f2f2;
        border-radius: 6px;
        text-align: center;
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: #7d7d7d;
        margin-bottom: 20px;
    }

        .social-m i:hover {
            color: #fff;
            background-color: #00782b;
        }


.footer_sub_d {
    background: #fff !important;
    float: left;
    margin-top: 20px;
}

    .footer_sub_d img {
        position: relative;
        height: 33px;
    }

    .footer_sub_d a {
        position: relative;
        font-size: 22px;
        float: right;
        display: inline-block;
        padding: 15px 30px 0px 8px;
        /* line-height: 50px; */
        color: #7d7d7d;
    }

        .footer_sub_d a:hover {
            color: #00782b;
        }



.fot_c_i {
    margin-right: 10px
}

.back-to-top {
    position: absolute;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    color: #fff;
    background: #f70000;
    top: -105px;
    right: 50px;
    border: 1px solid #f70000;
    text-align: center;
    display: block;
    transition: .2s ease;
}

    .back-to-top:hover {
        border-color: #e84444;
    }

.footer-widget {
    margin-bottom: 68px;
}

    .footer-widget .container {
        border-top: 1px solid #FFFFFF;
        padding-top: 15px;
    }

.single-widget {
    color: #000;
}


.footer-sub-menu-title {
    font-family: 'Roboto', sans-serif;
    font-size: 13px !important;
    font-weight: 700;
    margin-bottom: 12px;
}

.tabiat-ana-copy-right {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    background-color: #797a79;
    text-align: center;
    padding: 20px 0px 10px 0px;
    color: #fff;
}


.footer-menu h2 {
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 500;
}


.footer-menu ul li {
    position: relative;
}


    .footer-menu ul li a {
        color: #444;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        font-weight: 500;
        padding: 6px 0px;
        display: block;
        text-decoration: none;
    }



        .footer-menu ul li a:hover {
            background: none;
            color: #00782b;
            text-decoration: underline;
        }


.footer-security {
    width: 290px;
}

    .footer-security ul li {
        position: relative;
        display: inline-block;
        margin-left: 10px;
    }

        .footer-security ul li img {
            position: relative;
            height: 90px;
        }


#ETBIS {
width:100px; 
height:120px;
}

/* Footer E */

/* Show Hide text s */

.show-hide-text {
    display: flex;
    flex-wrap: wrap;
}

    .show-hide-text a {
        order: 2;
        background-color: #f1f1f1;
        padding: 4px 8px;
        border-radius: 4px;
        font-weight: 600;
        font-size: 11px !important;
        margin-top: 6px;
    }

    .show-hide-text .main-text {
        position: relative;
        overflow: hidden;
  /*      max-height: 60px;
        line-height: 20px;*/
    }

    .show-hide-text .main-text:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
       /* width: 100px;*/
   /*     height: 20px;*/
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
    }

@supports (-webkit-line-clamp: 3) {
    .show-hide-text .main-text {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

        .show-hide-text .main-text:after {
            display: none;
        }
}

.show-less {
    display: none;
}

    .show-less:target {
        display: block;
    }

        .show-less:target ~ .main-text {
            display: block;
            max-height: 100%;
        }

        .show-less:target + a {
            display: none;
        }


.wrapper-text .main-text {
    font-size: 12px;
    line-height: 12px;
}

/* Show Hide text e */


/* Responsive */

@media (max-width:1180px) {


    #header .search {
        width: 400px !important;
    }

        #header .search input {
            width: 340px !important;
        }

    #header .tabiat-ana-logo a {
        margin-left: 20px;
    }
}



@media (max-width:1040px) {


    #header .search {
        margin-right: 35px;
    }

    #header .login-menu {
        margin-right: 15px;
    }
}



@media (max-width:1024px) {

    .bar-menu-cover {
        display: none;
    }

    #ETBIS {
        width: auto!important;
        height: 60px!important;
    }
}