@charset "utf-8";

@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/YekanBakh/woff/YekanBakhFaNum-thin.woff') format('woff'), url('../fonts/YekanBakh/woff2/YekanBakhFaNum-thin.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/YekanBakh/woff/YekanBakhFaNum-Light.woff') format('woff'), url('../fonts/YekanBakh/woff2/YekanBakhFaNum-Light.woff2') format('woff2');
    font-display: swap;
}

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

@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/YekanBakh/woff/YekanBakhFaNum-SemiBold.woff') format('woff'), url('../fonts/YekanBakh/woff2/YekanBakhFaNum-SemiBold.woff2') format('woff2');
    font-display: swap;
}

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

@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/YekanBakh/woff/Yekan Bakh FaNum-ExtraBold.woff') format('woff'), url('../fonts/YekanBakh/woff2/Yekan Bakh FaNum-ExtraBold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/YekanBakh/woff/Yekan Bakh FaNum-Black.woff') format('woff'), url('../fonts/YekanBakh/woff2/Yekan Bakh FaNum-Black.woff2') format('woff2');
    font-display: swap;
}

address, b, body, body div, footer, h1, h2, h3, h4, h5, h6, header, html, i, img, label, li, menu, nav, p, span, ul, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: 400;
    vertical-align: baseline;
    background: 0 0;
    scroll-behavior: smooth
}

html {
    direction: rtl !important;
    height: 100%;
    min-height: 100%
}

body {
    font-size: 14px;
    font-family: YekanBakh !important;
    color: #777;
    position: relative;
    line-height: 32px;
    background-color: #f5f5f5 !important;
    min-height: 100%
}

a {
    color: #ffc600;
    text-decoration: none !important;
    outline: 0
}

    a:hover {
        color: #ffc600
    }

audio {
    width: 100%;
}

::-webkit-selection {
    background: #ffc600;
    color: #fff;
    text-shadow: none
}

::-moz-selection {
    background: #ffc600;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #c7c7c7;
    color: #fff;
    text-shadow: none
}

ul {
    margin: 0;
    padding: 0
}

img, svg {
    max-width: 100%;
    vertical-align: top
}

p {
    margin-bottom: 15px;
    line-height: 32px;
    text-align: justify
}

ul {
    list-style: none
}

#navigation_bar {
    -webkit-transition: background .4s ease;
    -moz-transition: background .4s ease;
    -o-transition: background .4s ease;
    -ms-transition: background .4s ease;
    transition: background .4s ease
}

h1, h2, h3, h4, h5, h6 {
    color: #324545
}

h1 {
    font-size: 40px;
    margin-bottom: 30px
}

h2 {
    font-size: 35px;
    margin-bottom: 15px
}

h3 {
    font-size: 30px;
    margin-bottom: 15px
}

h4 {
    font-size: 24px;
    margin-bottom: 15px
}

h5 {
    font-size: 20px;
    margin-bottom: 15px
}

h6 {
    font-size: 16px;
    margin-bottom: 15px
}

input[type=date], input[type=email], input[type=number], input[type=text] {
    border: 1px solid #ddd;
    padding: 10px 12px;
    color: #666;
    font-size: 13px;
    background: #fff;
    outline: 0
}

    input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=text]:focus {
        border-color: #ffc600;
        color: #324545
    }

[class*=" send_button"] i, [class^=send_button] i {
    margin-left: 11px
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input:-moz-placeholder {
    color: #a9a9a9
}

.f_left {
    float: left !important
}

.f_right {
    float: right !important
}

.content_block.f_left {
    padding-right: 20px;
    padding-left: 0;
    float: left
}

.content_block.f_right {
    padding-left: 20px;
    padding-right: 0;
    float: right
}

.main_title_c1 {
    color: #ffc600
}

.content {
    padding: 0 15px
}

.container, .content {
    margin: 0 auto;
    max-width: 1170px;
    position: relative;
    width: 100%;
    -webkit-transform: translateZ(0)
}

#main_wrapper {
    overflow: hidden
}

.has_top_border {
    border-top: 1px solid #e7e7e7
}

.light {
    font-weight: 300
}

.align_right {
    text-align: right
}

#logo {
    float: right;
    margin-left: 10px;
    position: relative;
    z-index: 4;
    display: inline-block
}

    #logo > a {
        display: block;
        position: relative
    }

        #logo > a img {
            display: inline-block;
            position: relative
        }

.hm_go_top {
    display: inline-block;
    height: 43px;
    width: 43px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #ffc600 url(../images/hm-top-arrow.svg) no-repeat center center;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translateZ(0)
}

    .hm_go_top:hover {
        opacity: .8
    }

.bg_color0 {
    position: relative;
    display: inline-block;
    margin: 15px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff
}

.main_title.light h2, .title1.light, h2.title2 {
    font-weight: 300
}

h2.title2 {
    font-size: 32px;
    margin-bottom: 30px
}

    h2.title2 span {
        background: #ffc600;
        margin-right: 20px;
        padding: 8px 17px 7px;
        color: #fff
    }

.title1 {
    color: #ffc600;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 13px;
    line-height: 33px
}

    .title1.title_color1 {
        color: #e74c3c
    }

    .title1.title_color2 {
        color: #324545
    }

    .title1 i {
        font-size: 32px;
        margin-left: 15px
    }

.title1_2 {
    color: #ffc600;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 13px;
    line-height: 24px
}

    .title1_2 i {
        font-size: 28px;
        margin-left: 15px
    }

.preloader1 #preloader, .preloader3 #preloader {
    display: block
}

#preloader {
    background: #fff;
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1000000
}

@-webkit-keyframes cirlePreloader {
    0% {
        opacity: 1;
        -webkit-transform: scale(0)
    }

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

@-moz-keyframes cirlePreloader {
    0% {
        opacity: 1;
        -moz-transform: scale(0)
    }

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

@keyframes cirlePreloader {
    0% {
        opacity: 1;
        transform: scale(0)
    }

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

#navigation_bar {
    background: 0 0;
    position: relative;
    z-index: 1000;
    -webkit-transform: translateZ(0)
}

#navy {
    font-size: 14px;
    text-transform: uppercase
}

    #navy li {
        float: right;
        position: relative;
        text-align: center
    }

    #navy ul {
        z-index: 1;
        background: #fff;
        position: absolute;
        width: 250px;
        border-radius: 15px;
        filter: drop-shadow(5px 8px 20px rgba(0, 0, 0, .25))
    }

        #navy ul li {
            width: calc(100% - 40px);
            margin: 0 20px;
            border-bottom: 1px solid #e2e2e2;
            text-align: right;
            padding: 5px 0
        }

            #navy ul li:last-child {
                border-bottom: none
            }

            #navy ul li a, #navy ul li a span {
                position: relative;
                color: #6b6b6b;
                font-weight: 600;
                line-height: 40px;
                padding: 0 10px;
                text-align: right
            }

                #navy ul li a span {
                    padding: 0
                }

            #navy ul li .parent_arrow {
                position: absolute;
                left: 11px;
                top: 16px
            }

            #navy ul li .mega_arrow {
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTEwLTIwVDE1OjA4OjQwKzAzOjMwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0xMC0yNVQyMzo1Mjo1MSswMzozMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0xMC0yNVQyMzo1Mjo1MSswMzozMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5YTcyMmE2My0xMWZjLWYyNDYtYTQ1OC1lYmJkMDUwODhjOTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OWE3MjJhNjMtMTFmYy1mMjQ2LWE0NTgtZWJiZDA1MDg4Yzk3IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6OWE3MjJhNjMtMTFmYy1mMjQ2LWE0NTgtZWJiZDA1MDg4Yzk3Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5YTcyMmE2My0xMWZjLWYyNDYtYTQ1OC1lYmJkMDUwODhjOTciIHN0RXZ0OndoZW49IjIwMjAtMTAtMjBUMTU6MDg6NDArMDM6MzAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4YuE7XAAAAPklEQVQYlYXQwQkAMAhD0R/3X8Bp20stIq3mFvJAUO5OyQKUu00AkE0AwCYQqAWBdIZI7fdcC+035F5f8IQb6BET3DNnUN4AAAAASUVORK5CYII=);
                height: 9px;
                position: absolute;
                right: 20px;
                width: 9px
            }

            #navy ul li .normal_menu_arrow {
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJCAYAAAD6reaeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTEwLTIwVDE1OjA4OjQwKzAzOjMwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0xMC0yNVQyMzo1MzowMiswMzozMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0xMC0yNVQyMzo1MzowMiswMzozMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NmM1MmQ5Yi04ZDk4LWVjNGItYTJiNi0yMjNkN2M1NmYwY2UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTZjNTJkOWItOGQ5OC1lYzRiLWEyYjYtMjIzZDdjNTZmMGNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NTZjNTJkOWItOGQ5OC1lYzRiLWEyYjYtMjIzZDdjNTZmMGNlIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NmM1MmQ5Yi04ZDk4LWVjNGItYTJiNi0yMjNkN2M1NmYwY2UiIHN0RXZ0OndoZW49IjIwMjAtMTAtMjBUMTU6MDg6NDArMDM6MzAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz53cJfiAAAANElEQVQImV3OsREAMAjDQJn9F/C0pAm5YMpXYWSbuK4EQJUAUAmDCwZ1w0Iy/EMv5EsC+gCTPgrc4Bo0EwAAAABJRU5ErkJggg==);
                height: 9px;
                position: absolute;
                width: 5px
            }

            #navy ul li.normal_menu a:after {
                left: -1px
            }

            #navy ul li ul {
                top: 0
            }

            #navy ul li.normal_menu ul {
                top: -1px
            }

            #navy ul li:not(.image_menu_slide) a:after {
                background: #ba91e2;
                content: "";
                display: block;
                height: 10px;
                right: 1px;
                opacity: 0;
                position: absolute;
                top: 5px;
                width: 10px;
                border-radius: 50%
            }

            #navy ul li:not(.image_menu_slide) a:hover > span {
                margin-right: 10px;
                color: #ba91e2
            }

    #navy > li:hover a:after {
        width: 100%
    }

    #navy > li > a {
        position: relative;
        color: #fff;
        display: block;
        margin: 23px 3px
    }

        #navy > li > a:after {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            background: #ffc600;
            height: 1px;
            width: 0
        }

        #navy > li > a > span {
            padding: 7px 11px;
            display: block;
            font-weight: 600;
            color: #6b6b6b
        }

.homePage #navy > li > a > span {
    padding: 7px 11px;
    display: block;
    font-weight: 600;
    color: #fff
}

#navy > li > a > span.parent_arrow.normal_menu_arrow {
    display: none
}

.sticky_menu #navy > li > a > span {
    padding: 7px 11px;
    display: block;
    font-weight: 600;
    color: #6b6b6b
}

.sticky_menu #navigation_bar {
    border-bottom: 1px solid #c9c9c9
}

#navy ul li a:hover > span {
    color: #fff
}

#navy ul li a:hover:after {
    opacity: 1
}

#navy ul li a i.menu_icon {
    font-size: 14px;
    margin-right: 10px;
    color: #aaa
}

#navy ul li:last-child > a {
    border-bottom: none
}

#navy .img_menu_i > a span:before {
    background-image: url(../images/m_s_arrow.png);
    content: "";
    display: block;
    height: 9px;
    position: absolute;
    width: 5px
}

#nav_menu:not(.mobile_menu) #navy > li:hover > a:not(.nav_trigger) > span {
    background: rgba(255,255,255,.02);
    color: #fff
}

#navy > li:hover > a:not(.nav_trigger) {
    background-color: #ba91e2;
    color: #fff;
    border-radius: 20px
}

#navy li.normal_menu ul {
    display: none
}

#top_cart + .top_search {
    right: 68px
}

#site_header + div {
    clear: both
}

.sticky_menu #navigation_bar {
    width: 100%;
    left: 0;
    right: 0;
    background-color: #fff !important
}

.homePage .sticky_menu #navigation_bar {
    border-bottom: 1px solid #c9c9c9 !important
}

.light_header #navigation_bar {
    background-color: #fff;
    border-bottom: 1px solid #c9c9c9
}

.homePage.light_header #navigation_bar {
    background-color: #7c7c7c;
    border-bottom: unset
}

#navy .owl-item {
    border: none
}

.light_header #navy > li > a:after {
    display: none
}

.light_header #navy > li > a {
    color: #fff !important
}

.sticky_menu #navy > li > a {
    color: #324545
}

.light_header #navy > li:hover > a:not(.nav_trigger) > span:not(.normal_menu_arrow) {
    background: 0 0
}

.light_header .top_add_card {
    border-color: #ddd
}

    .light_header .top_add_card > span {
        background: #fff;
        color: #777;
        line-height: 15px
    }

    .light_header .active .top_add_card, .light_header .active .top_add_card > span, .light_header .top_add_card:hover {
        color: #ffc600
    }

.top_cart {
    margin: 9px 3px 9px 0
}

    .top_cart .sizeble {
        height: 50px;
        width: 50px
    }

.active .top_add_card {
    color: #fff
}

    .active .top_add_card > span {
        background: #fff;
        color: #777;
        text-shadow: none
    }

.top_add_card {
    border: 1px solid rgba(255,255,255,.07);
    display: block;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    text-align: center;
    text-indent: -2px;
    z-index: 6;
    border-radius: 17px !important
}

.light_header .top_add_card {
    color: #6b6b6b
}

.homePage.light_header .top_add_card {
    color: #fff
}

.homePage .sticky_menu .top_add_card {
    color: #6b6b6b;
    border-bottom: 1px solid #c9c9c9
}

.sticky_menu .top_add_card {
    color: #6b6b6b
}

.top_add_card .svg {
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover
}

.menu-mobile-Icon {
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover
}

.light_header .top_add_card .svg {
    background-color: #6b6b6b
}

.homePage.light_header .top_add_card .svg {
    background-color: #fff
}

.sticky_menu .top_add_card .svg {
    background-color: #6b6b6b !important
}

.light_header .menu-mobile-Icon {
    background-color: #6b6b6b
}

.homePage.light_header .menu-mobile-Icon {
    background-color: #fff
}

.sticky_menu .menu-mobile-Icon {
    background-color: #6b6b6b !important
}

.top_add_card:hover {
    border: 1px solid rgba(186,145,226,.9);
    color: #6b6b6b !important
}

#footer {
    position: relative;
    width: 100%;
    background: #2f2f2f;
    overflow: hidden;
    color: #989898;
    font-size: 13px
}

    #footer .footer_copyright {
        padding: 10px 0;
        background: #1e1e1e;
        position: relative
    }

    #footer .footer-social-box {
        margin: 0;
        padding: 0
    }

        #footer .footer-social-box a {
            margin: 0;
            padding: 0;
            border-radius: 50%;
            background-color: #3d3e3e;
            height: 55px;
            width: 55px
        }

            #footer .footer-social-box a i {
                background-color: #3d3e3e;
                color: #8f4cd1;
                font-size: 26px;
                line-height: 64px;
                padding: 15px;
                border-radius: 50%;
                text-align: center
            }

            #footer .footer-social-box a svg {
                padding: 5px;
                text-align: center
            }

    #footer .footer-social-border {
        border-left: 1px solid #504f4f
    }

    #footer .footer-enamd img {
        max-width: 100px
    }

    #footer .footer_copyright {
        color: #fff !important;
        font-size: 14px
    }

        #footer .footer_copyright a {
            color: #ffed00 !important
        }

        #footer .footer_copyright span {
            color: #ffed00 !important
        }

    #footer .chat_online_cursor {
        width: 100%
    }

    #footer .head-footer {
        text-align: right;
        border-bottom: 1px solid #504f4f;
        padding: 0;
        margin: 10px 0
    }

        #footer .head-footer .footer_title {
            color: #fff;
            margin-bottom: 0;
            text-transform: uppercase;
            text-align: right;
            line-height: 40px;
            display: inline-block;
            border-bottom: 2px solid #fff
        }

    #footer .footer-logo {
        margin: 17px 0 20px
    }

    #footer .footer-tel {
        background-color: #3d3e3e;
        color: #fff;
        padding: 5px 40px;
        margin: 5px 0;
        display: block;
        border-radius: 50px
    }

        #footer .footer-tel span {
            display: inline-block;
            margin: 5px 20px 0 0;
            line-height: 32px;
            font-size: 20px;
            font-weight: 700;
            text-align: center;
            direction: rtl;
            letter-spacing: 3px
        }

        #footer .footer-tel .Icon {
            background-color: #2f2f2f;
            border-radius: 50%;
            width: 36px;
            height: 36px;
            padding: 10px;
            position: absolute;
            right: 25px
        }

    #footer .footer_Address {
        display: block;
        line-height: 36px;
        font-size: 18px;
        text-align: justify;
        direction: rtl !important
    }

    #footer .footer_row {
        padding: 0;
        direction: rtl;
        text-align: center
    }

        #footer .footer_row p {
            font-size: 14px
        }

.footer_row:first-child {
    border-top: 0;
    padding-top: 0
}

.footer_row:last-child {
    padding-bottom: 0
}

.service_box {
    position: relative;
    z-index: 1
}

.light_title h1, .light_title h2, .light_title h3, .light_title h4, .light_title h5, .light_title h6 {
    font-weight: 300 !important
}

@-webkit-keyframes cd-fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes cd-fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes cd-fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@media only screen and (max-width:1024px) {
    .owl_text_b > span {
        font-size: 24px;
        padding: 12px 16px
    }
}

.menu_special_color {
    color: #e74c3c;
    font-weight: 700
}

.search_block {
    height: 39px;
    position: relative
}

.add2cart_img {
    display: block;
    position: relative;
    border-bottom: 1px solid #ddd;
    overflow: hidden
}

@media only screen and (min-width:640px) {
    #navy li:not(.tab_menu_con):not(.image_menu_slide), .container, .content {
        max-width: 625px
    }
}

@media only screen and (min-width:768px) {
    #navy li:not(.tab_menu_con):not(.image_menu_slide), .container, .content {
        max-width: 750px
    }
}

@media only screen and (min-width:992px) {
    #main_nav {
        float: left
    }

        #main_nav.f_right {
            float: right
        }

    #navy > li > ul {
        top: 80%
    }

    .container, .content {
        max-width: 970px
    }
}

@media only screen and (min-width:1200px) {
    .container, .content {
        max-width: 1170px
    }
}

@media only screen and (min-width:1024px) {
    .hm_go_top {
        bottom: 20px;
        height: 43px;
        right: 20px;
        width: 43px
    }
}

@media only screen and (max-width:1024px) {
    .content:not(.no_padding) .col-md-3:nth-child(2n+1) {
        padding-left: 0
    }

    .content:not(.no_padding) .col-md-3:nth-child(2n) {
        padding-right: 0
    }

    #footer .footer_copyright {
        padding: 20px 0
    }

    .description4 {
        width: 80%
    }
}

@media only screen and (max-width:992px) {
    #navigation_bar {
        min-height: 68px
    }

    #navy, #navy .owl-carousel:after {
        display: none
    }

        #navy > li > a > span.parent_arrow.normal_menu_arrow {
            display: block
        }

    #main_nav.has_mobile_menu {
        float: none;
        padding: 75px 0 0 0;
        position: relative
    }

    #navy li.normal_menu ul:after, #navy ul li:not(.image_menu_slide) a:after {
        background: 0 0
    }

    #navy ul li.normal_menu ul {
        left: 0;
        top: 0
    }

    #navy ul {
        background: 0 0;
        border: none;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%
    }

    #main_nav.has_mobile_menu #nav_menu:before {
        content: "";
        height: 100%;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        width: 100000px
    }

    #navy {
        background: #fff;
        left: 0;
        position: relative;
        top: 0;
        width: 100%;
        border-top: 1px solid #eee
    }

        #navy li {
            margin: 0 auto;
            padding: 0 !important;
            position: relative;
            width: 100%
        }

        #navy > li > a {
            color: #888
        }

            #navy > li > a:hover {
                color: #ffc600
            }

            #navy > li > a > span {
                padding: 12px 0
            }

            #navy > li > a:after {
                display: none
            }

        #navy li a {
            border-bottom: 1px solid #eee
        }

        #navy > li > a > span.normal_menu_arrow {
            display: block;
            padding: 0 !important
        }

        #navy ul li.normal_menu ul {
            padding-left: 15px
        }

        #navy > li > a > span.normal_menu_arrow {
            background: #aaa;
            height: 1px;
            position: absolute;
            top: 50%;
            width: 9px
        }

            #navy > li > a > span.normal_menu_arrow:after {
                background: #aaa;
                content: "";
                display: block;
                height: 9px;
                left: 4px;
                position: absolute;
                top: -4px;
                width: 1px
            }

        #navy ul li .normal_menu_arrow, #navy > li > a > span.normal_menu_arrow {
            left: 0
        }

        #navy ul li:last-child a {
            border-bottom: 1px solid #eee
        }

        #navy ul li .mega_arrow {
            right: 15px
        }

    .top_add_card > span {
        border: 1px solid #e2e2e2
    }

    .active .top_add_card, .active .top_add_card > span, .top_add_card:hover {
        color: #ffc600
    }

    .top_add_card {
        border-color: #e4e4e4
    }

    .col-md-3, .col-md-4 {
        width: 50%;
        float: left
    }

    .content:not(.no_padding) .col-md-10, .content:not(.no_padding) .col-md-11, .content:not(.no_padding) .col-md-12, .content:not(.no_padding) .col-md-4, .content:not(.no_padding) .col-md-5, .content:not(.no_padding) .col-md-6, .content:not(.no_padding) .col-md-7, .content:not(.no_padding) .col-md-8, .content:not(.no_padding) .col-md-9 {
        padding-left: 0;
        padding-right: 0
    }

    .footer_row:last-child {
        padding-bottom: 40px
    }

    .content_block.f_left {
        float: none;
        padding: 0
    }

    .content_block.f_right {
        padding: 0;
        float: none
    }
}

@media only screen and (max-width:768px) {
    .content:not(.no_padding) .col-md-10, .content:not(.no_padding) .col-md-11, .content:not(.no_padding) .col-md-12, .content:not(.no_padding) .col-md-3, .content:not(.no_padding) .col-md-4, .content:not(.no_padding) .col-md-5, .content:not(.no_padding) .col-md-6, .content:not(.no_padding) .col-md-7, .content:not(.no_padding) .col-md-8, .content:not(.no_padding) .col-md-9 {
        padding-left: 0;
        padding-right: 0
    }

    .description4 {
        width: 100%
    }

    .title1 {
        font-size: 22px
    }

    .description1, .description2, .description3 {
        font-size: 16px;
        line-height: 29px
    }

    h1 {
        font-size: 37px;
        margin-bottom: 10px
    }

    h2 {
        font-size: 32px
    }

    h3 {
        font-size: 27px
    }

    h4 {
        font-size: 22px
    }

    h5 {
        font-size: 18px
    }

    h6 {
        font-size: 16px
    }
}

@media only screen and (max-width:480px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: none;
        width: 100%
    }

    .title1 i {
        font-size: 28px
    }
}

@media only screen and (max-width:320px) {
    #navigation_bar #logo > a {
        display: inline-block
    }

    #logo {
        float: none;
        margin-right: 0;
        text-align: center;
        opacity: 1 !important
    }

    .top_search {
        top: 88px;
        left: 100px
    }

    .top_cart_title {
        margin-bottom: 5px
    }

    #logo + #top_cart {
        right: 50%;
        top: 100px
    }

        #logo + #top_cart + .top_search {
            top: 100px
        }

    .top_add_card {
        right: -20px;
        transform: translateX(55px) translateY(-50%);
        -moz-transform: translateX(55px) translateY(-50%);
        -webkit-transform: translateX(55px) translateY(-50%)
    }

    .main_title h2 {
        font-size: 18px;
        margin-top: 10px
    }
}

.rtl {
    direction: rtl !important
}

.ltr {
    direction: ltr !important
}

.webOSeo_display_none {
    display: none !important
}

.x100 {
    width: 100%
}

.x90 {
    width: 90%
}

.x80 {
    width: 80%
}

.x70 {
    width: 70%
}

.x60 {
    width: 60%
}

.x50 {
    width: 50%
}

.mb-5 {
    margin-bottom: 5px
}

.ico-whatsapp-Msg {
    display: inline-block;
    position: fixed;
    z-index: 999;
    -webkit-transform: translateZ(0);
    background-color: #76ce04;
    border-radius: 17px;
    text-align: center;
    padding: 0 5px
}

    .ico-whatsapp-Msg p {
        color: #fff;
        display: inline-block;
        margin: 0 5px 0;
        font-size: 14px;
        line-height: 41px
    }

    .ico-whatsapp-Msg i {
        font-size: 28px;
        color: #fff;
        display: inline-block
    }

    .ico-whatsapp-Msg:hover {
        opacity: .9
    }

.h-60 {
    height: 60% !important
}

.video_container {
    padding: 70px 40px
}

.owl-carousel {
    position: relative
}

    .owl-carousel .owl-item {
        border-radius: 15px
    }

        .owl-carousel .owl-item .item {
            opacity: 1;
            border-radius: 50px
        }

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.owl-carousel .owl-item .item .active {
    opacity: 1
}

.owl-carousel .owl-nav {
    position: absolute;
    bottom: -10%;
    left: 0;
    width: 100%;
    right: 47%;
    margin: auto
}

:root {
    --green: #019e4f;
    --darkGray: #333333
}

.menu.mobile-menu {
    overflow: hidden
}

    .menu.mobile-menu .backdrop {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        height: 100vh;
        width: 15%;
        background: #b4b4b485;
        backdrop-filter: blur(10px);
        filter: blur(10px);
        transform: matrix(-1,0,0,1,0,0);
        z-index: 9999;
        animation: opacityFade .3s;
        animation-fill-mode: forwards
    }

    .menu.mobile-menu nav {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff;
        height: 100vh;
        z-index: 9999;
        width: 85%;
        text-align: right;
        padding: 0 5px
    }

    .menu.mobile-menu ul {
        margin-top: 20px;
        padding-left: 35px
    }

        .menu.mobile-menu ul li a {
            color: #6b6b6b;
            font-size: 15px;
            font-weight: 600;
            line-height: 32px;
            padding: 8px 15px;
            border-radius: 25px
        }

            .menu.mobile-menu ul li a span {
                margin: 10px;
                font-size: 15px;
                font-weight: 600
            }

.menu .hamburger-menu {
    padding: 4px 15px 4px 0;
    transition: all .3s ease-in-out;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1001;
    -webkit-user-select: none;
    user-select: none;
    width: 50px;
    height: 50px;
    border-radius: 17px
}

    .menu .hamburger-menu:hover {
        cursor: pointer
    }

.menu .mobile_menu_user_avatar {
    background-color: #f5f5f5;
    border-radius: 50%;
    width: 35px;
    height: 35px
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle[aria-expanded=true] {
    color: #ba91e2 !important;
    background-color: #f5f5f5
}

.dropdown-toggle[aria-expanded=false] {
    color: #6b6b6b !important
}

    .dropdown-toggle[aria-expanded=false]::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .5em solid;
        border-right: .5em solid transparent;
        border-bottom: 0;
        border-left: .5em solid transparent;
        color: #6b6b6b;
        border-radius: 10px
    }

.dropdown-toggle[aria-expanded=true]::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .5em solid transparent;
    border-bottom: .5em solid;
    border-left: .5em solid transparent;
    color: #ba91e2;
    border-radius: 10px
}

.dropdown-menu {
    background-color: unset !important;
    border: unset !important;
    padding-left: 25px !important
}

a:hover {
    text-decoration: none !important
}

.top-border {
    border-top: 1px solid #e6e6e6
}

.owl-carousel .owl-nav button svg {
    vertical-align: middle
}

.top_add_card {
    border: none
}

    .top_add_card .search {
        width: 22px;
        height: 22px;
        -webkit-mask: url(../Images/top-search-ss.svg) no-repeat 50% 50%;
        mask: url(../Images/top-search-s.svg) no-repeat 50% 50%
    }

.menu-mobile-Icon {
    width: 30px;
    height: 23px;
    -webkit-mask: url(../Images/menu-Icon-ss.svg) no-repeat 50% 50%;
    mask: url(../Images/menu-Icon-s.svg) no-repeat 50% 50%
}

#logo > a img {
    width: 75px;
    height: auto
}

.top_add_card > span {
    display: none !important
}

.video_container {
    padding: 20px 0
}

#footer .chat_online_cursor {
    width: 70%
}

.ico-whatsapp-Msg {
    bottom: 10%;
    left: 8%
}

.mobile-footer-bar {
    background-color: #683798;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%
}

    .mobile-footer-bar .footer-item {
        margin: 10px 5px;
        color: #fff;
        background-color: #774ba2;
        border-radius: 12px;
        padding: 8px 12px
    }

        .mobile-footer-bar .footer-item span {
            margin: 3px 8px 3px 3px;
            font-size: 12px
        }

        .mobile-footer-bar .footer-item a {
            text-decoration: none;
            color: #fff
        }

        .mobile-footer-bar .footer-item .home-icon {
            padding: 5px 0
        }

body {
    padding-bottom: 68px
}

#footer .head-footer .footer_title {
    font-size: 17px
}

.bg-white-white {
    background-color: #fff !important
}

@media (min-width:360px) {
    .video_container {
        padding: 50px 0
    }
}

@media (min-width:768px) {
    .top_add_card .search {
        width: 24px;
        height: 24px;
        -webkit-mask: url(../Images/top-search.svg) no-repeat 50% 50%;
        mask: url(../Images/top-search.svg) no-repeat 50% 50%
    }

    .menu-mobile-Icon {
        width: 44px;
        height: 33px;
        -webkit-mask: url(../Images/menu-Icon.svg) no-repeat 50% 50%;
        mask: url(../Images/menu-Icon.svg) no-repeat 50% 50%
    }

    #logo > a img {
        width: 100px;
        height: auto
    }

    .mobile-footer-bar {
        display: none !important
    }

    body {
        padding-bottom: unset
    }

    .video_container {
        padding: 60px 0
    }
}

@media (min-width:992px) {
    .top_add_card {
        border: 1px solid rgba(255,255,255,.07)
    }

    #logo > a img {
        width: 125px;
        height: auto
    }

    .top_add_card > span {
        display: block !important
    }

    .video_container {
        padding: 70px 0
    }

    #footer .chat_online_cursor {
        width: 100%
    }

    .ico-whatsapp-Msg {
        bottom: 20%;
        left: 2.5%
    }

    #footer .head-footer .footer_title {
        font-size: 15px
    }
}