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


.mt-160 {
    margin-top: 160px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-50 {
    margin-top: 60px;
}



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

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

.mr-30 {
    margin-right: 30px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

.mr-50 {
    margin-right: 50px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

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

#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 {
    width: 225px;
    height: 46px;
    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: 184px;
    }

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


.footer_sub_d .tabiat-ana-logo {
    width: 225px;
    height: 46px;
    margin: 2px 62px 0 0;
    float: left;
    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: -51px;
        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(./../../images/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 {
        margin-left: 10px;
    }

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

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

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


    #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;
        top: 48px;
        max-width: 479px;
    }

    #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;
        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: 180px !important;
    border-radius: 8px;
    display: block;
    height: auto;
}

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

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

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

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


/* Overlay Start */

#search-overlay, #login-overlay, #notefy-overlay, #menu-overlay {
    z-index: 1020;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    display: none;
}
/* Page Scroll Top End */



/*---Search----*/

/*.search {
    z-index: 5;
}
*/
    .search:hover {
        z-index: 10001;
    }

        .search:hover ~ #search-overlay {
            display: block;
        }
/*---Product Menu----*/


/*#menu {
	z-index: 4;
}*/
#menu:hover {
    z-index: 1021;
    position: relative;
}

    #menu:hover ~ #menu-overlay {
        display: block;
    }
/*---Login----*/

.login-menu {
    z-index: 5;
}

    .login-menu:hover {
        z-index: 1021;
        position: relative;
    }

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


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

                .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 > 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;
    margin: auto;
    margin-left: 14px;
    font-size: 13px;
    width: 42px;
    float: right
}

#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;
    color: #000;
    padding: 8px 12px 0 12px;
    color: #000 !important;
    font-size: 22px;
    display: block;
}

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

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

#notefy-menu > .hidden {
    display: none;
    position: absolute;
    z-index: 5;
    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-number {
    border: solid 1px #fff;
    position: absolute;
    background-color: #ff0000;
    border-radius: 100%;
    height: 10px;
    width: 10px;
    margin-left: 12px;
    font-family: arial;
    top: 9px;
}


/* 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:hover {
        border: solid 1px #fff;
    }

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


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

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


#header .login-menu > ul li ul {
    background-color: #fff !important;
    display: flow-root;
    margin-top: -7px;
}

    /*  #header .login-menu > ul li ul li:nth-child(2) {
        margin-bottom: 15px;
    }*/

    #header .login-menu > ul li ul li:nth-child(2):hover, #header .login-menu > ul li ul li:nth-child(3):hover {
        background-color: #fff !important;
    }


/* Basket Menu s */

/*#header .basket-menu {

    margin-top: 3px;
    float: right;
    border: solid 1px #ddd;
    padding: 16px 20px 11px 20px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #eee;
    width: 140px;
  
}

#header .basket-menu:hover {
    background-color: #ddd;
    border: solid 1px #ddd;
  
}

.basket-menu {
    z-index: 5;
}

    .basket-menu:hover {
        z-index: 1021;
        position: relative;
    }

        .login-basket:hover ~ #login-overlay {
            display: block;
        }
    #header .basket-menu:hover ~ #login-overlay {
        display: block;
    }*/

#header .basket-menu .basket-item-number {
    color: #fff;
    font-weight: 400;
    position: absolute;
    background-color: #00782b;
    font-size: 9px;
    border-radius: 100%;
    height: 14px;
    width: 14px;
    text-align: center;
    padding: 3px 1px 3px 3px;
    margin-left: -3px;
    font-family: arial;
    margin-top: -8px;
    line-height: 9px;
}

#header .basket-menu .basket-label {
    font-size: 14px;
    font-weight: bold;
    color: #0d7533;
    font-family: arial;
    margin: 0px 10px 0px 6px;
    height: 18px;
    display: inline-block;
}

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


#header .basket-menu:hover {
    border: solid 1px #fff;
}



#header .basket-menu .hidden-basket {
    display: none;
}

#header .basket-menu:hover .hidden-basket {
    display: block;
    position: absolute;
    width: 300px;
    z-index: 3;
    padding: 10px;
    margin: 0px 0 0 -42px;
    border-radius: 3px;
    padding-top: 30px;
}


#header .basket-menu .hidden-basket ul {
    width: 100%;
    display: inline-block;
}



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




/*
#header .basket-menu  ul {
    background-color: #fff !important;
    display: flow-root;
}

#header .basket-menu ul li {
    background-color: #fff !important;
    width: 100%;
    padding: 0px 16px 0px 16px;
    font-weight: 600;
}



#header .basket-menu ul li a {
    display: block;
    font-size: 14px;
    height: 38px;
    line-height: 41px;
    width: 100%;
    padding: 0px 12px 0px 12px;
}


    #header .basket-menu ul li:first-child {
        margin-top: 30px;
        min-height: 40px;
    }

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

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


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



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

#header .basket-menu > ul li ul li a.member-button:hover {
    color: #000 !important;
    background-color: #63bd00 !important;
}*/


#header .basket-menu > ul li ul {
    background-color: #fff !important;
    display: flow-root;
}

/*  #header .login-menu > ul li ul li:nth-child(2) {
        margin-bottom: 15px;
    }*/
/*
    #header .basket-menu > ul li ul li:nth-child(2):hover, 
    #header .basket-menu > ul li ul li:nth-child(3):hover {
        background-color: #fff !important;
    }
*/

/* Basket Menu e */


#header .basket {
    margin-top: 3px;
    float: right;
    border: solid 1px #ddd;
    padding: 16px 20px 11px 20px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #eee;
    width: 140px;
}

    #header .basket:hover {
        background-color: #ddd;
        border: solid 1px #ddd;
    }

    #header .basket .basket-item-number {
        color: #fff;
        font-weight: 400;
        position: absolute;
        background-color: #00782b;
        font-size: 9px;
        border-radius: 100%;
        height: 14px;
        width: 14px;
        text-align: center;
        padding: 3px 1px 3px 0px;
        margin-left: -3px;
        font-family: arial;
        margin-top: -8px;
        line-height: 9px;
    }

    #header .basket .basket-label {
        font-size: 14px;
        font-weight: bold;
        color: #0d7533;
        font-family: arial;
        margin: 0px 0px 0px 10px;
        height: 18px;
        display: inline-block;
    }

    #header .basket i {
        font-size: 20px;
        color: #0d7533;
    }

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

    #menu ul {
        display: flex;
        height: 44px;
        justify-content: space-around;
    }

        #menu ul li {
            padding-top: 11px;
        }

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

            #menu ul li > a {
                display: block;
                font-size: 14px;
                font-weight: bold;
                padding: 0px 12px 0px 12px;
                color: #000;
                letter-spacing: 0.50px;
            }

            #menu ul li:hover {
                display: block;
                color: #000;
            }

            #menu ul li .hidden {
                display: none;
                position: absolute;
                z-index: 4;
                height: 364px;
                background: #fff;
                border: solid 1px #f2f2f2;
                border-top: solid 0px #f2f2f2 !important;
                padding: 10px 15px;
                background-repeat: no-repeat;
                background-position: center center;
                top: 43px;
                left: 0px;
                width: 1199px;
            }
            /*#menu.style-2 ul li .hidden {
        top: -1px;
        left: 0px;
        width: 1180px;
    }*/

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

            #menu ul li .hidden:hover #menu ul li > a {
                color: #000 !important;
            }

            #menu ul li .hidden .tab {
                width: 880px;
                float: left;
                margin-right: 30px;
                font-size: 12px;
                margin-top: 20px;
            }

                #menu ul li .hidden .tab:last-child {
                    width: 250px;
                    margin-right: 0px;
                    float: right;
                }

                #menu ul li .hidden .tab .popular-categories {
                    margin: 10px 0 30px 20px;
                }

            #menu ul li .hidden .popular-categories h4 {
                font-size: 16px;
            }

            #menu ul li .hidden .tab .sub-tab {
                margin: 0 20px 20px 20px;
                float: left;
                width: 180px;
                font-size: 13px;
            }

                #menu ul li .hidden .tab .sub-tab a {
                    font-size: 13px !important;
                    font-weight: 600;
                    letter-spacing: 0.5px;
                    min-height: 1px !important;
                    line-height: 24px;
                    color: #686363;
                }

                    #menu ul li .hidden .tab .sub-tab a:hover {
                        text-decoration: underline;
                        color: #00782b;
                    }

                    #menu ul li .hidden .tab .sub-tab a:last-child {
                        word-wrap: break-word;
                        font-weight: 600;
                        width: 180px;
                        display: block;
                    }

                #menu ul li .hidden .tab .sub-tab strong {
                    display: block;
                    margin-bottom: 5px;
                    color: #0d7533;
                    font-weight: 600;
                    font-family: Roboto, sans-serif;
                }

            #menu ul li .hidden .tab:last-child figure {
                width: 100%;
                background: #f4f4f4;
                margin-bottom: 20px;
            }

                #menu ul li .hidden .tab:last-child figure:last-child {
                    margin-bottom: 0;
                }

                #menu ul li .hidden .tab:last-child figure a {
                    display: block;
                    width: 100%;
                    height: 93px;
                    padding: 10px;
                }

                #menu ul li .hidden .tab:last-child figure img {
                    width: 74px;
                    /* height: 100px; */
                    float: left;
                }

                #menu ul li .hidden .tab:last-child figure .text {
                    width: 140px;
                    height: 90px;
                    padding: 0 15px;
                    float: left;
                    font-size: 14px;
                    font-weight: bold;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-align-items: center;
                    align-items: center;
                }
/* Fixed Type Start */

#header.fixed-type .header-fixed-bar-menu, #header.fixed-type .header-fixed-bar-menu, #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;
}

    #header.fixed-type .search {
        width: 540px;
    }


        #header.fixed-type .search input,
        #header.fixed-type .search .input {
            width: 480px;
            height: 50px;
            line-height: 50px;
            border: solid 2px #009936;
            background: url(./../../images/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;
        margin-bottom: 20px;
        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: 15px;
    }


.open-store {
    padding: 0px 16px 0px 26px;
    height: 40px;
    background: #f6fff9;
    color: #fff;
    font-size: 16px;
    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 */

/* Mini Basket Menu s */


#header .basket-menu {
    margin-top: 13px;
    float: right;
    border: solid 1px #ddd;
    padding: 16px 20px 11px 20px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #eee;
    width: 140px;
    max-height: 48px;
    display: flex;
}

    #header .basket-menu-mobile:hover,
    #header .basket-menu:hover {
        background-color: #ddd;
        border: solid 1px #ddd;
    }


.basket-menu-mobile,
.basket-menu {
    z-index: 5;
}


    .basket-menu:hover {
        z-index: 1021;
        position: relative;
    }

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

#header .basket-menu:hover ~ #login-overlay {
    display: block;
}


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

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


#header .basket-menu #basket-preview-container {
    width: 320px;
    right: 40px;
    border: 1px solid #e6e6e6;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.07);
    border-radius: 6px;
    padding: 12px;
    margin-top: 20px;
}

 #basket-preview-container-mobile {
    width: auto;
    /* border: 1px solid #e6e6e6; */
    /* position: relative; */
    /* background-color: #fff; */
    border-radius: 6px;
    padding: 12px;
    display: inline;
}



 .hidden-basket-mobile ul,
#header .basket-menu .hidden-basket ul {
    width: 100%;
}


    #header .basket-menu .hidden-basket ul li {
        display: flex;
        margin: 6px 0px 6px 0px;
        /*border-bottom: solid 1px#f1f1f1;*/
    }

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

        .hidden-basket-mobile ul li:last-child,
        #header .basket-menu .hidden-basket ul li:last-child {
            border-bottom: solid 0px#fff;
        }
        /*
            #header .basket-menu .hidden-basket ul li p:hover,
            #header .basket-menu .hidden-basket ul li:hover {
                background-color: #fff !important;
            }*/


        #header .basket-menu .hidden-basket ul li a {
            text-decoration: none;
            display: flex;
            /* align-items: center; */
            position: relative;
            width: 98%;
            padding: 7px 4px;
        }

 .hidden-basket-mobile ul li a {
        font-size: 13px !important;
        text-decoration: none;
         display: flex; 
        /* align-items: center; */
        position: relative;
        width: 100%;
        padding: 7px 4px;
    }

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

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

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

 .hidden-basket-mobile ul li a img {
        width: auto;
        height: 30px;
        border: 1px solid #ddd;
        border-radius: 4px;
        margin-right: 8px;
    }
    
            #header .basket-menu .hidden-basket ul li a .product-info {
                display: flex;
                flex-direction: column;
                flex: 1;
            }

    .hidden-basket-mobile ul li a .product-info {
        display: block;
        /* flex-direction: column; */
        /* flex: 1; */
        height: 30px;
        width: 100%;
    }


      
                #header .basket-menu .hidden-basket 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;
                }

            


   .hidden-basket-mobile ul li a .product-info .product {
        margin-top: -8px;
        overflow: hidden;
        font-size: 13px;
        font-weight: normal;
        color: #333;
        /* -webkit-line-clamp: 1; */
        /* -webkit-box-orient: vertical; */
        overflow: hidden;
        height: 20px;
        width: 100%;
    }

                  .hidden-basket-mobile ul li a .product-info .product .brand,
                    #header .basket-menu .hidden-basket ul li a .product-info .product .brand {
                        font-weight: 600;
                        margin-right: 1px;
                    }

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


   .hidden-basket-mobile ul li a .product-info .details {
        color: #7d7d7d;
        font-size: 12px;
        margin-top: -4px;
    }


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

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

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



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

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

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

    .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: 34px;
        line-height: 34px;
        width: 120px;
        margin-bottom: 0px;
        /* float: right; */
        border: solid 1px #9d9d9d;
        text-align: center;
        font-weight: 600;
        letter-spacing: 0.2px;
        font-weight: 500;
    }

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

/*.continue-shopping,
#header .basket-menu .mini-button-block .continue-shopping {
    color: #000;
    background-color: #ee9b00;
    font-size: 15px;
    padding: 0px 12px;
    border-radius: 4px;
    z-index: 1;
    float: left;
    height: 34px;
    line-height: 34px;
    margin-bottom: 0px;
    text-align: center;
    font-weight: 600;
}*/

    .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: 34px;
        line-height: 34px;
        margin-bottom: 0px;
        text-align: center;
        font-weight: 600;
        margin-right: 16px;
        border: dashed 1px #7d7d7d;
    }

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


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

 #mini-scroll-mobile {
    position: relative;
    /* width: 300px; */
    max-height: 300px;
    overflow: auto;
    height: 100%;
    min-height: 220px;
}

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


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


 #mini-scroll-mobile::-webkit-scrollbar,
    #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;
    }

   #mini-scroll-mobile::-webkit-scrollbar-thumb,
    #header .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;
    }

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

/* Scroll e */

/* Mini Basket Menu 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*/




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






/* Footer S */

.clr-b {
    clear: both;
}

.mark-title {
    padding: 10px 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;
    margin-top: 30px;
}


.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: 12px;
        font-weight: 600;
        padding: 6px 0px;
        display: block;
    }



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


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