body, ul, li, h1, h2, h3, h4, h5, h6, p {
    padding: 0;
    margin: 0;
}

@font-face {
    font-family: 'Linearicons-Free';
    src: url('../font/Linearicons-Free.eot?w118d');
    src: url('../font/Linearicons-Free.eot?#iefixw118d') format('embedded-opentype'), url('../font/Linearicons-Free.woff2?w118d') format('woff2'), url('../font/Linearicons-Free.woff?w118d') format('woff'), url('../font/Linearicons-Free.ttf?w118d') format('truetype'), url('../font/Linearicons-Free.svg?w118d#Linearicons-Free') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'FontAwesome';
    src: url('../font/fontawesome-webfont.eot?v=4.1.0');
    src: url('../font/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('../font/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('../font/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: KalamehWeb;
    src: url('KalamehWeb-Regular.eot');
    src: url('KalamehWeb-Regular.eot?#iefix') format('embedded-opentype'), url('KalamehWeb-Regular.ttf') format('truetype'), url('../font/KalamehWeb-Regular.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../font/KalamehWeb-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kalameh-Bold';
    src: url('../font/Kalameh-Bold.eot');
    src: url('../font/Kalameh-Bold.eot?#iefix') format('embedded-opentype'), url('../font/Kalameh-Bold.woff2') format('woff2'), url('../font/Kalameh-Bold.woff') format('woff'), url('../font/Kalameh-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DanaFaNum-Regular';
    src: url(../font/DanaFaNum-Regular.eot);
    src: url(../font/DanaFaNum-Regular.eot?#iefix) format('embedded-opentype'), url(../font/DanaFaNum-Regular.otf) format('otf'), url(../font/DanaFaNum-Regular.ttf) format('truetype'), url(../font/DanaFaNum-Regular.woff) format('woff'), url(../font/DanaFaNum-Regular.woff2) format('woff2');
}

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

body {
    font-family: KalamehWeb;
}

.lnr {
    font-family: Linearicons-Free;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lnr-home:before {
    content: "\e800"
}

.lnr-apartment:before {
    content: "\e801"
}

.lnr-pencil:before {
    content: "\e802"
}

.lnr-magic-wand:before {
    content: "\e803"
}

.lnr-drop:before {
    content: "\e804"
}

.lnr-lighter:before {
    content: "\e805"
}

.lnr-poop:before {
    content: "\e806"
}

.lnr-sun:before {
    content: "\e807"
}

.lnr-moon:before {
    content: "\e808"
}

.lnr-cloud:before {
    content: "\e809"
}

.lnr-cloud-upload:before {
    content: "\e80a"
}

.lnr-cloud-download:before {
    content: "\e80b"
}

.lnr-cloud-sync:before {
    content: "\e80c"
}

.lnr-cloud-check:before {
    content: "\e80d"
}

.lnr-database:before {
    content: "\e80e"
}

.lnr-lock:before {
    content: "\e80f"
}

.lnr-cog:before {
    content: "\e810"
}

.lnr-trash:before {
    content: "\e811"
}

.lnr-dice:before {
    content: "\e812"
}

.lnr-heart:before {
    content: "\e813"
}

.lnr-star:before {
    content: "\e814"
}

.lnr-star-half:before {
    content: "\e815"
}

.lnr-star-empty:before {
    content: "\e816"
}

.lnr-flag:before {
    content: "\e817"
}

.lnr-envelope:before {
    content: "\e818"
}

.lnr-paperclip:before {
    content: "\e819"
}

.lnr-inbox:before {
    content: "\e81a"
}

.lnr-eye:before {
    content: "\e81b"
}

.lnr-printer:before {
    content: "\e81c"
}

.lnr-file-empty:before {
    content: "\e81d"
}

.lnr-file-add:before {
    content: "\e81e"
}

.lnr-enter:before {
    content: "\e81f"
}

.lnr-exit:before {
    content: "\e820"
}

.lnr-graduation-hat:before {
    content: "\e821"
}

.lnr-license:before {
    content: "\e822"
}

.lnr-music-note:before {
    content: "\e823"
}

.lnr-film-play:before {
    content: "\e824"
}

.lnr-camera-video:before {
    content: "\e825"
}

.lnr-camera:before {
    content: "\e826"
}

.lnr-picture:before {
    content: "\e827"
}

.lnr-book:before {
    content: "\e828"
}

.lnr-bookmark:before {
    content: "\e829"
}

.lnr-user:before {
    content: "\e82a"
}

.lnr-users:before {
    content: "\e82b"
}

.lnr-shirt:before {
    content: "\e82c"
}

.lnr-store:before {
    content: "\e82d"
}

.lnr-cart:before {
    content: "\e82e"
}

.lnr-tag:before {
    content: "\e82f"
}

.lnr-phone-handset:before {
    content: "\e830"
}

.lnr-phone:before {
    content: "\e831"
}

.lnr-pushpin:before {
    content: "\e832"
}

.lnr-map-marker:before {
    content: "\e833"
}

.lnr-map:before {
    content: "\e834"
}

.lnr-location:before {
    content: "\e835"
}

.lnr-calendar-full:before {
    content: "\e836"
}

.lnr-keyboard:before {
    content: "\e837"
}

.lnr-spell-check:before {
    content: "\e838"
}

.lnr-screen:before {
    content: "\e839"
}

.lnr-smartphone:before {
    content: "\e83a"
}

.lnr-tablet:before {
    content: "\e83b"
}

.lnr-laptop:before {
    content: "\e83c"
}

.lnr-laptop-phone:before {
    content: "\e83d"
}

.lnr-power-switch:before {
    content: "\e83e"
}

.lnr-bubble:before {
    content: "\e83f"
}

.lnr-heart-pulse:before {
    content: "\e840"
}

.lnr-construction:before {
    content: "\e841"
}

.lnr-pie-chart:before {
    content: "\e842"
}

.lnr-chart-bars:before {
    content: "\e843"
}

.lnr-gift:before {
    content: "\e844"
}

.lnr-diamond:before {
    content: "\e845"
}

.lnr-linearicons:before {
    content: "\e846"
}

.lnr-dinner:before {
    content: "\e847"
}

.lnr-coffee-cup:before {
    content: "\e848"
}

.lnr-leaf:before {
    content: "\e849"
}

.lnr-paw:before {
    content: "\e84a"
}

.lnr-rocket:before {
    content: "\e84b"
}

.lnr-briefcase:before {
    content: "\e84c"
}

.lnr-bus:before {
    content: "\e84d"
}

.lnr-car:before {
    content: "\e84e"
}

.lnr-train:before {
    content: "\e84f"
}

.lnr-bicycle:before {
    content: "\e850"
}

.lnr-wheelchair:before {
    content: "\e851"
}

.lnr-select:before {
    content: "\e852"
}

.lnr-earth:before {
    content: "\e853"
}

.lnr-smile:before {
    content: "\e854"
}

.lnr-sad:before {
    content: "\e855"
}

.lnr-neutral:before {
    content: "\e856"
}

.lnr-mustache:before {
    content: "\e857"
}

.lnr-alarm:before {
    content: "\e858"
}

.lnr-bullhorn:before {
    content: "\e859"
}

.lnr-volume-high:before {
    content: "\e85a"
}

.lnr-volume-medium:before {
    content: "\e85b"
}

.lnr-volume-low:before {
    content: "\e85c"
}

.lnr-volume:before {
    content: "\e85d"
}

.lnr-mic:before {
    content: "\e85e"
}

.lnr-hourglass:before {
    content: "\e85f"
}

.lnr-undo:before {
    content: "\e860"
}

.lnr-redo:before {
    content: "\e861"
}

.lnr-sync:before {
    content: "\e862"
}

.lnr-history:before {
    content: "\e863"
}

.lnr-clock:before {
    content: "\e864"
}

.lnr-download:before {
    content: "\e865"
}

.lnr-upload:before {
    content: "\e866"
}

.lnr-enter-down:before {
    content: "\e867"
}

.lnr-exit-up:before {
    content: "\e868"
}

.lnr-bug:before {
    content: "\e869"
}

.lnr-code:before {
    content: "\e86a"
}

.lnr-link:before {
    content: "\e86b"
}

.lnr-unlink:before {
    content: "\e86c"
}

.lnr-thumbs-up:before {
    content: "\e86d"
}

.lnr-thumbs-down:before {
    content: "\e86e"
}

.lnr-magnifier:before {
    content: "\e86f"
}

.lnr-cross:before {
    content: "\e870"
}

.lnr-menu:before {
    content: "\e871"
}

.lnr-list:before {
    content: "\e872"
}

.lnr-chevron-up:before {
    content: "\e873"
}

.lnr-chevron-down:before {
    content: "\e874"
}

.lnr-chevron-left:before {
    content: "\e875"
}

.lnr-chevron-right:before {
    content: "\e876"
}

.lnr-arrow-up:before {
    content: "\e877"
}

.lnr-arrow-down:before {
    content: "\e878"
}

.lnr-arrow-left:before {
    content: "\e879"
}

.lnr-arrow-right:before {
    content: "\e87a"
}

.lnr-move:before {
    content: "\e87b"
}

.lnr-warning:before {
    content: "\e87c"
}

.lnr-question-circle:before {
    content: "\e87d"
}

.lnr-menu-circle:before {
    content: "\e87e"
}

.lnr-checkmark-circle:before {
    content: "\e87f"
}

.lnr-cross-circle:before {
    content: "\e880"
}

.lnr-plus-circle:before {
    content: "\e881"
}

.lnr-circle-minus:before {
    content: "\e882"
}

.lnr-arrow-up-circle:before {
    content: "\e883"
}

.lnr-arrow-down-circle:before {
    content: "\e884"
}

.lnr-arrow-left-circle:before {
    content: "\e885"
}

.lnr-arrow-right-circle:before {
    content: "\e886"
}

.lnr-chevron-up-circle:before {
    content: "\e887"
}

.lnr-chevron-down-circle:before {
    content: "\e888"
}

.lnr-chevron-left-circle:before {
    content: "\e889"
}

.lnr-chevron-right-circle:before {
    content: "\e88a"
}

.lnr-crop:before {
    content: "\e88b"
}

.lnr-frame-expand:before {
    content: "\e88c"
}

.lnr-frame-contract:before {
    content: "\e88d"
}

.lnr-layers:before {
    content: "\e88e"
}

.lnr-funnel:before {
    content: "\e88f"
}

.lnr-text-format:before {
    content: "\e890"
}

.lnr-text-format-remove:before {
    content: "\e891"
}

.lnr-text-size:before {
    content: "\e892"
}

.lnr-bold:before {
    content: "\e893"
}

.lnr-italic:before {
    content: "\e894"
}

.lnr-underline:before {
    content: "\e895"
}

.lnr-strikethrough:before {
    content: "\e896"
}

.lnr-highlight:before {
    content: "\e897"
}

.lnr-text-align-left:before {
    content: "\e898"
}

.lnr-text-align-center:before {
    content: "\e899"
}

.lnr-text-align-right:before {
    content: "\e89a"
}

.lnr-text-align-justify:before {
    content: "\e89b"
}

.lnr-line-spacing:before {
    content: "\e89c"
}

.lnr-indent-increase:before {
    content: "\e89d"
}

.lnr-indent-decrease:before {
    content: "\e89e"
}

.lnr-pilcrow:before {
    content: "\e89f"
}

.lnr-direction-ltr:before {
    content: "\e8a0"
}

.lnr-direction-rtl:before {
    content: "\e8a1"
}

.lnr-page-break:before {
    content: "\e8a2"
}

.lnr-sort-alpha-asc:before {
    content: "\e8a3"
}

.lnr-sort-amount-asc:before {
    content: "\e8a4"
}

.lnr-hand:before {
    content: "\e8a5"
}

.lnr-pointer-up:before {
    content: "\e8a6"
}

.lnr-pointer-right:before {
    content: "\e8a7"
}

.lnr-pointer-down:before {
    content: "\e8a8"
}

.lnr-pointer-left:before {
    content: "\e8a9"
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

    .owl-theme .owl-nav [class*=owl-] {
        color: #000 !important;
        font-size: 18px !important;
        margin: 5px;
        padding: 4px 7px;
        background: #fff !important;
        display: inline-block;
        cursor: pointer;
        border-radius: 6px;
        width: 35px;
        height: 32px;
        line-height: 32px !important;
        z-index: 99 !important;
    }

.disabled {
    -webkit-box-shadow: 0 1px 4px -1px rgba(202,202,202,0) !important;
    box-shadow: 0 1px 4px -1px rgba(202,202,202,0) !important
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled span {
    opacity: .4;
    cursor: default
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #d6d6d6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s;
        border-radius: 30px
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #869791
    }

.owl-nav button {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    background: rgba(255,255,255,.38) !important
}

    .owl-nav button.owl-prev {
        right: -2px;
        border-bottom-right-radius: 0 !important;
        border-top-right-radius: 0 !important
    }

    .owl-nav button.owl-next {
        left: -2px;
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important
    }

    .owl-nav button.owl-prev span:before {
        content: "\e876";
        font-family: Linearicons-Free
    }

    .owl-nav button.owl-next span:before {
        content: "\e875";
        font-family: Linearicons-Free
    }

.p-pc {
    padding-right: 0
}

.group-bx .owl-nav button.owl-next {
    left: 5px
}

.group-bx .owl-nav button.owl-prev {
    right: -24px
}

.bx-wrapper .bx-caption, .bx-wrapper .bx-loading, .bx-wrapper .bx-prev {
    position: absolute;
    left: 0
}

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0
}

    .bx-wrapper img {
        width: 100%;
        display: block
    }

    .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
        position: absolute;
        bottom: 26px;
        z-index: 99;
        right: 0;
        width: 100%;
        text-align: center;
        padding: 7px 7px 1px;
        border-radius: 5px
    }

    .bx-wrapper .bx-loading {
        min-height: 50px;
        height: 100%;
        width: 100%;
        top: 0;
        z-index: 2000
    }

    .bx-wrapper .bx-pager {
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: 700;
        color: #fff
    }

        .bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager .bx-pager-item {
            display: inline-block
        }

        .bx-wrapper .bx-pager.bx-default-pager a {
            background: #fff;
            text-indent: -9999px;
            display: block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            outline: 0;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px
        }

            .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {
                background: #ccc
            }

    .bx-wrapper .bx-next {
        right: 0;
        position: absolute
    }

.bx-next:before, .bx-prev:before {
    position: relative;
    margin: 0 auto;
    font-family: Linearicons-Free;
    font-size: 21px;
    color: #000;
    text-align: center
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 40%;
    margin-top: 0;
    outline: 0;
    width: 26px;
    height: 94px;
    z-index: 99;
    background-size: 100% 100%;
    padding-top: 30px
}

.bx-prev {
}

    .bx-prev:before {
        content: "\e875";
        left: -7px
    }

.bx-next:before {
    content: "\e876";
    right: -12px
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

    .bx-wrapper .bx-controls-auto .bx-start {
        display: block;
        text-indent: -9999px;
        width: 10px;
        height: 11px;
        outline: 0;
        background: url(images/controls.png) -86px -11px no-repeat;
        margin: 0 3px
    }

        .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:hover {
            background-position: -86px 0
        }

    .bx-wrapper .bx-controls-auto .bx-stop {
        display: block;
        text-indent: -9999px;
        width: 9px;
        height: 11px;
        outline: 0;
        background: url(images/controls.png) -86px -44px no-repeat;
        margin: 0 3px
    }

        .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:hover {
            background-position: -86px -33px
        }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    bottom: 0;
    background: rgba(80,80,80,.75);
    width: 100%
}

    .bx-wrapper .bx-caption span {
        color: #fff;
        font-family: Arial;
        display: block;
        font-size: .85em;
        padding: 10px
    }

.container-nd {
    max-width: 97%;
    margin: 0 auto;
}

.owl-theme .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    margin: 0 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: linear-gradient(45deg, rgba(103,4,123,1) 0%,rgba(153,8,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.group-bx .owl-nav button.owl-prev {
    right: 10px;
    border: 1px solid #a59d9d;
    border-radius: 11px !important;
}

.group-bx .owl-nav button.owl-next {
    left: 10px;
    border: 1px solid #a59d9d;
    border-radius: 11px !important;
}

.group-bx .owl-theme .owl-nav [class*=owl-] {
    font-size: 13px !important;
}

.group-bx .owl-nav {
    position: absolute;
    width: 100%;
    top: -64px;
}

.panel-nd .owl-theme .owl-nav [class*=owl-] {
    font-size: 19px !important;
    width: 35px;
    height: 32px;
    line-height: 26px !important;
    border-radius: 0 !important;
}

.panel-nd .owl-theme .owl-nav [class*=owl-] {
    color: #000 !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

.wrap-nd .owl-theme .owl-nav [class*=owl-] {
    background: none !important;
    box-shadow: 0 0 14px -3px rgba(0, 0, 0, .22);
    border: 1px solid #fff;
    width: 43px !important;
    height: 43px !important;
    border-radius: 13px !important;
}

.wrap-nd .owl-nav button.owl-prev {
    right: -26px;
}

.bx-btm .shape-top {
    top: 0;
    bottom: auto;
}

.row-nd {
    padding-top: 70px;
}

.blog-bx {
    padding: 30px 0 70px 0;
}

.row-nd .link-more-x {
    background-color: #f2f6fc !important;
}

.shape-top svg {
    height: 50px;
    position: relative;
    width: 100%;
}

    .shape-top svg path {
        fill: #fff;
    }

.bn-pn {
    padding: 65px 0 45px 0 !important;
}

.panel-nd .owl-nav button.owl-prev {
    right: 0px;
}

.panel-nd .owl-nav button.owl-next {
    left: 0px;
}

.owl-nav button.owl-prev span:before, .owl-nav button.owl-next span:before {
    font-weight: bold;
}

body::-webkit-scrollbar {
    width: 0.7em;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: #b3b3b3;
    outline: 1px solid rgba(245, 245, 245, 0.00);
    border-radius: 10px;
}

.svg-btm {
    display: block;
    width: 100%;
    left: 0;
    height: 31px;
    position: relative;
}

.bx-btm-sld {
    transform: rotate(180deg);
    position: absolute;
    width: 100%;
    bottom: -30px;
}

.svg-btm path {
    fill: #f2f6fc;
}

.slid-nd {
    position: relative;
    padding: 10px 0 0px 0;
}


.panel-nd {
    padding: 40px 0 40px 0;
    position: relative;
}

.dt-sc-support-heading {
    color: #000;
    padding: 2px 0 0px 0;
    font-size: 14px;
    display: block;
    font-weight: bold;
    text-align: center;
}

.bx-content-off {
    background-color: #fff;
    border-radius: 15px;
    margin: 0 15px;
}

.pn-rg-br {
    padding-right: 30px;
}

.col-product {
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.00) !important;
    border-radius: 0;
}

.bx-panel-off .col-product {
    border-right: 1px solid #e4e4e4;
    border-radius: 0 !important;
}

.bx-content-off .owl-item:first-child .col-product {
    border: none;
}

.daroffer-sepid {
    left: 10px;
    width: 41px;
    border-radius: 9px;
    position: absolute;
    z-index: 999;
    overflow: hidden;
    top: 10px;
}

    .daroffer-sepid span {
        background-color: #ff700d;
        padding: 5px 0;
        text-align: center;
        display: block;
    }

        .daroffer-sepid span img {
            width: 15px !important;
            margin: 0 auto;
        }

.offer-asli {
    line-height: 17px;
    color: #fff;
    left: 4px;
    padding: 5px 0px 2px 0;
    font-family: 'DanaFaNum-Regular';
    border-radius: 13px;
    text-align: center;
    font-size: 15px;
    background: linear-gradient(to bottom, rgba(243,30,90,1) 0%,rgba(213,19,74,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.pn-bx .offer-asli {
    background: #e2021a; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.pn-bx .col-product {
    padding-bottom: 0;
}

.sd-bg {
    text-align: center;
    width: 100%;
    margin: 20px auto 0 auto;
    direction: ltr;
    padding: 2px 2px;
    width: 100%;
    color: #0055db;
}

    .sd-bg p {
        font-weight: bold;
        display: inline-block;
        width: 24px;
        text-align: center;
        /* font-style: normal; */
        font-weight: bold;
        font-size: 15px;
        line-height: 140%;
        text-transform: capitalize;
        color: #000;
        margin: 0 0px;
    }

progress {
    display: block;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 4px;
    border-radius: 5px;
    margin-top: 3px;
    margin-left: 5px;
    width: 100%;
}

    progress::-webkit-progress-bar {
        border-radius: 0;
        background-color: #f9f9f9;
    }

    progress::-moz-progress-bar {
        border-radius: 0;
        background-color: #f9f9f9;
    }

    progress::-webkit-progress-value {
        border-radius: 0;
        background-color: rgba(213,19,74,1);
    }

    progress::-moz-progress-value {
        border-radius: 0;
        background-color: #0055db;
    }

.bx-off .product-image {
    margin: 15px auto 0 auto;
}

.bx-off .ti-pr {
    padding: 5px 0 15px 0;
}

.p-nw-ft {
    text-align: justify;
    direction: rtl;
    line-height: 36px;
    font-size: 13px;
    padding-top: 10px;
    padding-left: 50px;
    color: #fff;
}

.sd-bg p span {
    display: block;
    font-weight: normal;
    font-size: 13px;
    color: #000;
}

.dv-container {
    max-width: 95%;
    margin: 0 auto;
}


.rd-section .owl-nav button.owl-next {
    left: -2px;
}

.button-text {
    display: none
}



.clear {
    clear: both;
    display: block;
}

.gp-bx-dc img {
    max-width: 141px !important;
    margin: 0 auto;
}

.col-nd {
    position: relative;
}

    .col-nd img {
        border-radius: 8px;
    }

.ti-nd {
    background: #fff;
    width: 69%;
    float: right;
    right: 6%;
    position: relative;
    padding: 12px 0;
    top: -17px;
    border-radius: 5px;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    color: #000;
}

.right-nd {
    float: right;
}

.title-nd {
    text-align: right;
    margin: 0px auto 1px auto;
    padding: 13px 7px 30px 7px;
    font-size: 21px;
    font-weight: bold;
    color: #000;
    position: relative;
    z-index: 90;
}

    .title-nd h3 {
        font-size: 22px;
        font-family: 'Kalameh-Bold';
        float: right;
        color: #000;
    }

.link-more-x {
    float: left;
    padding-top: 5px;
    color: #000;
    padding-left: 9px;
    font-weight: bold;
    font-size: 12px;
    position: relative;
    background: #fff;
    padding-right: 26px;
}

    .link-more-x:before {
        background-color: #a01625;
        height: 7px;
        width: 16px;
        border-radius: 8px;
        content: "";
        position: absolute;
        right: 0px;
        top: 11px;
    }

.owl-dots {
    width: 150px;
    margin: 0 auto;
    position: relative;
    top: 56px;
    background: #fff;
    padding: 14px 0;
    border-radius: 35px;
    box-shadow: 0px 1px 6px 2px #0000002b;
    line-height: 8px;
}

footer {
    background: linear-gradient(to bottom, rgba(253,253,253,1) 0%,rgba(206,206,206,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding: 60px 0 20px 0;
}


.bx-btm {
    background-color: #f2f6fc;
    position: relative;
}

.wrap-nd {
    padding: 25px 0;
}

.price-nd {
    padding: 7px 0px 0 0px;
}

.col-product:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0px 1px 3px 2px #f5f3f3;
}

.panel-off {
    padding-bottom: 20px;
}

.product-image {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    margin: 3px auto 0 auto;
    max-width: 98%;
}

.img-last {
    position: absolute;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    left: 0;
}

.col-product:hover .img-last {
    opacity: 1;
}

.price-nd span {
    font-weight: bold;
    font-size: 11px;
    line-height: 10px;
    text-transform: capitalize;
    color: #000;
    float: right;
    padding-right: 6px;
    padding-top: 10px;
}

.price-nd p {
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    text-align: left;
    color: #333;
    display: block;
    height: 28px;
    text-decoration: line-through;
}

.bx-off .price-nd p, .bx-off .price-nd span {
    color: #e2021a;
    font-size: 18px;
}

.bx-pg {
    position: relative;
    display:block;
}

.tx-gp-bx {
    position: absolute;
    width: 100%;
    bottom: 30px;
    color: #fff;
    z-index: 99999;
}

.item:hover .tx-gp-bx {
    color: #000;
}

.icon-min, .icon-min3 {
    position: absolute;
    left: 15px;
    bottom: 0px;
    width: 49px !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.item:hover .icon-min,
.item:hover .icon-min3 {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.ti-ce-pr {
    text-align: right;
    font-size: 20px;
    padding: 0px 18px 15px 0;
    font-weight: bold;
    text-shadow: 3px 2px 4px rgb(0 0 0 / 36%);
}

.p-gp-2 {
    font-size: 14px;
    padding-right: 18px
}

.title-mobile {
    display: none;
}

.bx-pg img {
    margin: 0 auto;
    display: block;
}

.banner-nd {
    padding: 60px 0 0px 0;
}

.ti-ce {
    text-align: center;
    color: #000;
    padding-bottom: 45px;
    font-size: 19px;
    font-family: 'Kalameh-Bold';
}

.bx-tx {
    margin-bottom: 45px;
}

.row-hg {
    margin: 0 -15px;
}

.banner-nd img {
    border-radius: 15px;
}

.dv-cl {
    background-size: 100% 100%;
    border-radius: 20px;
    background: #f5f5f5;
    padding: 30px 0;
    margin-bottom: 20px;
}

.ti-gp-mn {
    padding: 15px 0 0 0;
    font-size: 15px;
    display: block;
    text-align: center;
    color: #000;
    font-weight: bold;
}

.dv-ti {
    background-color: #a4bd1b;
    padding: 0px 10px;
    margin: 10px auto 30px auto;
    border-radius: 8px;
}

.ti-gp {
    text-align: right;
    padding-top: 68px;
    padding-bottom: 12px;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}

.p-88 {
    text-align: justify;
    direction: rtl;
    color: #fff;
}

.linked-bn {
    text-align: right;
    padding: 0 15px;
    display: block;
    font-size: 16px;
    direction: rtl;
    color: #fff;
}

.sp-ic {
    display: inline-block;
    background-color: #fff;
    color: #8db820;
    font-size: 17px;
    border-radius: 14px;
    padding: 1px 7px;
    text-align: center;
    margin-right: 5px;
    height: 17px;
    font-weight: bold;
    line-height: 13px;
    position: relative;
    top: 5px;
}

.no-pn {
    padding: 0 0;
}


.list-pr li {
    color: #fff;
    text-align: right;
    display: block;
    padding: 10px 5px;
}

ul {
    list-style: none;
}

.bx-off-min {
    background-color: #fff;
    margin: 0 auto;
    max-width: 80%;
    border-radius: 15px;
    position: relative;
    padding: 20px 20px;
    text-align: center;
}


.hm-png {
    width: 180px;
    margin-top: 13px;
    margin: 13px auto 0 auto;
    display: block;
}

.ti-ce-project {
    text-align: center;
    font-size: 18px;
    padding: 0px 0 20px 0;
    font-weight: bold;
}

.col-product {
    margin: 5px;
    overflow: hidden;
    z-index: 99;
    background: #fff;
    padding: 15px;
    border-radius: 25px;
    position: relative;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.07) !important;
}

.wrap-nd .col-product {
    margin: 5px 10px 15px 10px !important;
    position: relative;
}

.sp-nw {
    position: absolute;
    right: 0px;
    background-color: #a01625;
    width: 67px;
    height: 25px;
    border-radius: 15px;
    text-align: center;
    color: #fff;
    z-index: 999;
    top: 16px;
}

    .sp-nw:before {
        position: absolute;
        width: 67px;
        height: 25px;
        border-radius: 15px;
        content: "";
        background-color: rgba(187, 57, 71, 0.71);
        z-index: -1;
        left: -9px;
    }

.wrap-nd .item {
    position: relative;
}



.row-nd:before {
    position: absolute;
    width: 100%;
    height: 40%;
    left: 0;
    bottom: 6px;
    z-index: -1;
    content: "";
    background: #fff
}

.rw2:before {
    background: #ff7c59;
}

.rw3:before {
    background: #fcaf9b;
}

.row-nd .col-product {
    background-color: #fff;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.07) !important;
}


.rw-bt {
    padding: 25px 0;
}

.panel-btm {
    position: relative;
    padding: 40px 0 60px 0;
}

    .panel-btm .col-product {
        box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.07) !important;
    }

    .panel-btm .dv-ce {
        position: relative;
        padding: 0 15px;
    }

        .panel-btm .dv-ce .title-nd {
            color: #fff;
            padding-right: 20px;
            padding-bottom: 30px;
        }

    .panel-btm .dv-container {
        padding: 0 15px;
    }

    .panel-btm .dv-ce:before {
        position: absolute;
        width: 100%;
        height: 86%;
        content: "";
        z-index: -1;
        top: -33px;
        left: 0;
        background-image: url('../images/b99.png');
        background-size: cover;
        border-radius: 30px;
    }

    .panel-btm .owl-nav {
        width: 100px;
        position: absolute;
        left: -78%;
        bottom: 51px;
    }

    .panel-btm .owl-theme .owl-nav [class*=owl-] {
        background-color: #fdb913 !important;
        border-radius: 9px !important;
    }

.img-55 {
    max-width: 82%;
    position: relative;
    top: -70px;
}


.p99 {
    text-align: justify;
    direction: rtl;
    line-height: 22px;
    font-size: 13px;
}

.more-pr {
    float: right;
    margin-top: 9px;
    color: #000000;
}

.col-new {
    background-color: #fff;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.07);
    margin: 5px;
}

.bn-bx-blog {
    position: absolute;
    background-image: url(../images/gh.png);
    width: 60%;
    height: 28px;
    background-size: 100% 100%;
    content: "";
    bottom: -1px;
    left: 20%;
    text-align: center;
    font-size: 12px;
    padding-top: 9px;
}

.col-new p {
    padding: 1px 0 1px 0;
    font-size: 14px;
    text-align: justify;
    line-height: 30px;
    border-radius: 12px;
    margin-right: 10px;
    text-align: right;
    color: #000;
}

.col-new h3 {
    padding: 10px 11px 12px 14px;
    font-size: 15px;
    text-align: justify;
    position: relative;
    direction: rtl;
    line-height: 31px;
    color: #000000;
}

    .col-new h3:before {
        position: relative;
        width: 7px;
        height: 5px;
        border-radius: 8px;
        float: right;
        content: "";
        top: 16px;
        margin-left: 5px;
        background: #a01625;
    }

.tx-product {
    padding: 10px 15px 15px 15px;
    position: relative;
}

.sp-1 {
    color: #000;
    font-weight: bold;
    font-size: 17px;
    display: block;
    text-align: left;
}

.ti-pr {
    text-align: right;
    font-size: 16px;
    color: #000;
    line-height: 29px;
    padding: 15px 0;
    min-height: 63px;
    font-weight: bold;
    line-height: 27px;
    height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    direction: rtl;
}

.sp-off {
    float: right;
    background-color: #a06de7;
    display: block;
    padding: 4px 5px 1px 5px;
    text-align: center;
    color: #fff;
    border-radius: 8px;
}

.p-nd {
    float: left;
    font-size: 13px;
    color: #000;
    font-weight: bold;
    padding-left: 20px;
}

.price-off {
    color: #cbcbcb;
    font-size: 14px;
    font-family: 'DanaFaNum-Regular';
}

.tx-product {
    padding: 10px 0px 15px 0px;
    position: relative;
}

.p-dr {
    padding: 0 10px;
}

    .p-dr span {
        color: #000;
        font-size: 14px;
        font-weight: normal;
    }

.rg-sd {
    position: absolute;
    right: -21px;
    z-index: -1;
    top: 140px;
    width: 28px;
}

.dt-nd {
    position: absolute;
    bottom: 30px;
    left: -75px;
}

.row-nd .dv-container {
    position: relative;
}

.img-responsive {
    width: 100%;
}

.new-bx {
    padding: 0px 0 50px 0;
}

    .new-bx .link-more-x {
        background: none;
    }

header {
    position: relative;
}

.logo-nd {
    width: 139px;
    position: relative;
    top: 5px;
    float: right;
    margin-left: 15px;
}

.p-phone svg {
    float: left;
    margin-right: 13px;
}

.list-tp li {
    float: left;
    padding-left: 0;
}

.search-bx {
    background-color: #ffffff;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.07) !important;
    border-radius: 9px;
    padding-right: 5px;
    width: 75%;
    margin: 0px 0 0px 0;
    height: 38px;
    max-width: 700px;
    float: right;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    padding: 0px;
    position: relative;
}

.btn-se {
    width: 9.3%;
    padding: 7px 5px;
    height: 41px;
    background: none;
    position: relative;
    float: left;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    border: none;
}

    .btn-se:hover:before {
        color: black;
    }

    .btn-se:before {
        content: "\e86f";
        position: absolute;
        font-family: "Linearicons-Free";
        color: #000;
        position: absolute;
        top: 6px;
        left: 17px;
        font-weight: bold;
        font-size: 19px;
    }

.bx-phone-ft {
    float: right;
    padding: 9px 0;
    text-align: right;
    color: #fff;
    font-size: 16px;
    direction: rtl;
}

.sp-nm {
    background-color: rgb(255 255 255 / 11%);
    display: inline-block;
    padding: 6px 21px 3px 20px;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    margin: 0 10px;
    text-align: center;
    letter-spacing: 3px;
}

.bx-phone-ft i {
    position: relative;
    top: 1px;
    margin-left: 6px;
    font-size: 15px;
}

.link-more {
    position: absolute;
    color: #fff;
    left: 15px;
    top: 23px;
    direction: rtl;
}

    .link-more span {
        position: relative;
        top: 2px;
        margin-right: 4px;
    }

.pn-bx {
    padding: 15px 0;
    /*background-color:#fa4515;*/
    border-radius: 20px;
    position: relative;
}

.cl-rg {
    position: absolute;
    width: 17%;
    right: 0;
    top: 0;
}

.listed-sh li a {
    color: #fff;
    font-size: 16px;
    padding: 14px 5px;
    display: block;
}

.list-ft li:hover a {
    color: #a01625;
}

.tx-se {
    border: none;
    background: none;
    width: 90%;
    height: 41px;
    float: right;
    direction: rtl;
    line-height: 40px;
    padding-right: 10px;
    border-radius: 10px;
    direction: rtl;
    font-size: 12px;
}

.product-grid-cl .add-bx {
    border: none !important;
    box-shadow: 0 0 0;
}

.list-tp {
    text-align: right;
    z-index: 999;
    margin-left: 0;
}

.group-bx {
    padding: 10px 0 55px 0;
}

.p-phone {
    position: absolute;
    text-align: right;
    color: #000;
    z-index: 999;
    top: 5px;
    left: 15px;
}

    .p-phone p {
        font-family: 'DanaFaNum-Regular';
        padding-top: 0px;
        display: inline-block;
        font-size: 15px;
        letter-spacing: 1px;
        color: #000;
        text-align: left;
        line-height: 12px;
    }

.ti-off-side {
    font-family: 'Kalameh-Bold';
    color: #fff;
    padding: 30px 0 15px 0;
    text-align: center;
    line-height: 43px;
    text-shadow: 3px 2px 4px #95270a;
    font-size: 27px;
}

.img-off {
    max-width: 78%;
    margin: 0 auto;
    display: block;
}

.link-more-off {
    background-color: rgba(255, 255, 255, 0.29);
    padding: 18px 0;
    text-align: center;
    border-radius: 19px;
    margin: 8px auto 25px auto;
    width: 156px;
    display: table;
    color: #fff;
    font-size: 16px;
    direction: rtl;
}

    .link-more-off span {
        text-shadow: 2px 2px 7px #2a201e91;
    }

.p-phone p:nth-child(2) {
    font-size: 11px;
    letter-spacing: 0;
}

.p-sd {
    text-align: left;
    float: right;
    padding: 10px 0;
    font-weight: bold;
    font-size: 18px;
}

.btn-login .btn-sb img {
    width: 17px !important;
}

.home-ic {
    font-size: 25px;
    position: relative;
    top: 2px;
}

.main-menu nav > ul > li:first-child > a:before {
    top: 19px;
}

.btn-sb {
    margin-left: 4px;
    position: relative;
    display: block;
    border-radius: 50%;
    padding: 6px 1px;
    text-align: center;
}

.btn-sb-bx svg {
    float: right;
    width: 25px;
    height: 25px;
    margin-left: 0px;
}

.btn-sb-bx {
    float: left;
    width: 38px !important;
    min-width: unset;
    /* border-radius: 150px; */
    padding: 12px 0px;
    background-color: #fff;
    border-radius: 0px;
    height: 38px;
    position: relative;
    margin-left: 11px;
    border-radius: 8px;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.07) !important;
}

.sabadnumbercolor {
    background: #fdcbce;
    box-shadow: unset;
    color: #9d1624;
    margin-top: 0px;
    min-width: 31px;
    border-radius: 90px;
    margin-left: -16px;
    float: left;
    position: relative;
    position: absolute;
    left: 0;
    right: unset;
    top: 9px;
    text-align: center;
    font-size: 11px;
    font-weight: normal;
    font-family: arial;
    line-height: 18px;
}

.btn-sb-bx svg path {
    stroke: #3b4359;
}

.btn-login .btn-sb {
    float: right;
    margin-left: 0;
}

.btn-login {
    background: #fff;
    display: block;
    padding: 2px 13px 2px 13px;
    border-radius: 9px;
    position: relative;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.07) !important;
}

    .btn-login:hover {
        background-color: #f5f5f5;
        color: #fff;
    }

.btn-sb-bx:hover {
    background-color: #f5f5f5;
}

.p-lg {
    color: #000;
    float: right;
    padding: 8px 5px 5px 11px;
}

.btn-sb img {
    width: 24px !important;
    margin-top: 3px !important;
}

.pn-1 {
    color: #000;
    float: right;
    padding: 6px 5px 5px 11px;
    font-size: 14px;
}

.pn-2 {
    padding-right: 0;
    padding-left: 10px;
}

    .pn-1 img,
    .pn-2 img {
        border-radius: 8px;
    }

.img-responsive {
    width: 100%;
}

.pn-rg {
    padding-right: 5px;
}

.list-tp li:hover a {
    color: #fff;
}

.list-tp li a span {
    padding-top: 0px;
    display: inline-block;
}

.list-tp li img {
    width: 20px;
    display: block;
    margin: 0 auto;
}

#shoppingCard {
    background-color: #ff700d;
    border-radius: 10px;
    color: #ffffff;
    font-size: 9px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-weight: bold;
    width: 16px;
    height: 15px;
    padding-top: 3px;
    position: absolute;
    top: -1px;
    right: -7px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
}


.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #fff;
    width: 16px;
}

img {
    max-width: 100%;
    height: auto;
}

img {
    -ms-interpolation-mode: bicubic;
}

.head-ce {
    max-width: 95%;
    position: relative;
    margin: 0 auto;
    padding: 10px 0px 10px 0px;
}

nav ul {
    direction: rtl;
}

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

.off-bx {
    background-color: #1f5378;
    width: 28px;
    height: 26px;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 15px;
    bottom: 15px;
    text-align: center;
    padding-top: 7px;
    font-size: 12px;
    letter-spacing: 0.5px;
    border-radius: 5px;
}

.menu-bx {
    position: relative;
}


.menu-ce {
    max-width: 95%;
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
}

.pn-dn {
    margin: 0 -10px;
}

.p--ft {
    direction: rtl;
}

.col-bx {
    width: 19%;
    display: inline-block;
}

    .col-bx img {
        display: block;
        margin: 0 auto;
    }

.bx-abt {
    background-color: #fff;
    border-radius: 25px;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.07) !important;
    padding: 25px;
    min-height: 150px;
}

.p-abt {
    text-align: justify;
    direction: rtl;
    font-size: 15px;
    line-height: 28px;
}

.p-tx {
    text-align: center;
    padding: 14px 0 60px 0;
    font-size: 15px;
}

.ti-ft {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    text-align: right;
    padding: 0 15px 30px 0;
    font-family: 'Kalameh-Bold';
    border-radius: 50%;
    position: relative;
}

    .ti-ft:before {
        background-color: #f24c4c;
        width: 8px;
        height: 9px;
        content: "";
        position: absolute;
        right: 0px;
        border-radius: 50%;
        top: 7px;
    }

.list-ft-sh li a {
    color: #000;
    font-size: 22px;
    margin-right: 18px;
    padding: 10px 0;
}

.list-ft-sh {
    padding-top: 10px;
}

.p-ft {
    text-align: justify;
    direction: rtl;
    color: #000;
    font-size: 14px;
    padding: 0px 0px 30px 30px;
    line-height: 41px;
}

.p-nt {
    text-align: right;
    direction: rtl;
    font-size: 16px;
    color: #fff;
    padding-top: 15px;
}

    .p-nt i {
        float: right;
        margin-left: 5px;
    }

.p-ads {
    text-align: right;
    padding: 11px 0 17px 0;
    font-size: 16px;
    color: #000;
}

.bx-ft {
    background-image: url('../images/gt.png');
    background-size: 100% 100%;
    max-width: 90%;
    margin: 0 auto;
    border-radius: 10px;
    padding: 25px 0;
    text-align: center;
}

.ti-ce-ft {
    text-align: center;
    font-family: 'Kalameh-Bold';
    color: #000;
    padding-bottom: 25px;
    font-size: 18px;
    padding-bottom: 10px;
}

.enm-mg {
    margin: 0 auto;
    display: block;
}

.listed-sh li a {
    background-color: #2e3042;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    margin: 5px 5px;
    display: block;
    padding-top: 9px;
    font-size: 11px;
}

.ti-cl {
    text-align: center;
    color: #000000;
    font-weight: bolder;
    padding: 5px 0 10px 0;
    font-size: 18px;
}

.logo-ft {
    float: right;
    width: 103px;
}

.pn-bt {
    padding-bottom: 25px;
}

.listed-tp li a {
    font-size: 25px;
    padding: 5px;
    color: #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: block;
}

.p-nw-ft {
    text-align: justify;
    direction: rtl;
    line-height: 42px;
    font-size: 14px;
    padding-top: 10px;
    padding-left: 50px;
    color: #fff;
}

.list-ft li {
    width: 50%;
    float: right;
}

    .list-ft li a {
        text-align: justify;
        direction: rtl;
        padding: 9px 0 8px 24px;
        color: #000;
        display: block;
        font-size: 17px;
        text-align: right;
        margin-bottom: 10px;
    }

        .list-ft li a i {
            font-size: 14px;
        }

.ft-ce {
    margin: 0 auto;
    max-width: 95%;
    position: relative;
    z-index: 22;
}

footer .box-tx {
    background-size: 100% 100%;
    max-width: 1400px;
    margin: 50px auto 20px auto;
    border-radius: 3px;
    padding: 10px 0;
    border: 1px solid #536474;
}

.icon-box-ft {
    margin-left: 8px;
    width: 26px;
    height: 40px;
    display: inline-block;
    border-radius: 16px;
    position: relative;
    font-size: 19px;
    color: #fff;
    position: relative;
    top: 11px;
    float: right;
}

.p-ads img {
    width: 15px;
    margin-left: 10px;
    float: right;
}

.p-copy {
    display: inline-block;
    direction: rtl;
    position: relative;
    color: #000;
}

.link-f {
    display: inline-block;
    margin-right: 5px;
    color: #000;
}

.power_by a {
    color: #000;
    font-size: 13px;
}

.link-ft {
    display: block;
    width: 204px;
    float: right;
}

.power_by {
    text-align: right;
    color: #fff;
    padding: 29px 0;
    font-size: 13px;
    direction: rtl;
    margin: 3px auto 0 auto;
}

.em {
    margin: 20px auto 30px auto;
    display: block;
}

.menu-toggle {
    display: none;
}

.menu-button-container {
    display: none !important;
}

.active > a {
    color: #8BC34A !important;
}

a:hover {
    text-decoration: none;
}

.fix-btn {
    position: fixed;
    z-index: 9999;
    width: 100%;
    bottom: -1px;
    left: 0;
    height: 56px;
    padding: 5px 5px;
    box-shadow: 0 0 9px rgba(0,0,0,.12);
    background-color: #fff;
    display: none;
}

.icon-fx {
    font-size: 20px;
}

.shop-ic:before {
    content: "\f146";
    font-family: "woodmart-font";
}

.user-ic:before {
    content: "\f124";
    font-family: "woodmart-font";
}

.sb-ic:before {
    content: "\f105";
    font-family: "woodmart-font";
}

.em-ic:before {
    content: "\f109";
    font-family: "woodmart-font";
}


.fix-btn a {
    text-align: center;
    color: #000;
    display: block;
}

    .fix-btn a h3 {
        text-align: center;
        color: #000;
        font-size: 11px;
        line-height: 8px;
    }

.fix-btn .col-md-3 {
    padding: 0 0;
}

.icon-fa {
    height: 35px;
    font-size: 20px;
    display: block;
    line-height: 30px;
    color: #000;
    font-weight: bold;
}

.br-dx {
    border: 1px solid #636363;
    padding: 15px 25px 15px 25px;
    border-radius: 25px;
}

.owl2 img {
    max-width: 220px;
    margin: 0px auto 0 auto;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.owl2 .item:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.cl-br {
    position: relative;
}

    .cl-br:before {
        position: absolute;
        left: -3px;
        content: "";
        border: 1px solid #ccc;
        display: block;
        height: 50px;
        width: 1px;
        top: 28px;
    }

.owl2 .owl-item:first-child .cl-br:before {
    border: none;
}

.menu-bx {
    background-color: #fff;
}

header {
    background-color: #ececec
}

@media only screen and (max-width:1370px) {

    .ft-ce {
        max-width: 100%;
    }

    .text-box {
        width: 69%;
    }

    .sd-bg p {
        width: 21%;
    }
}

@media only screen and (max-width:1270px) {

    .dv-container, .head-ce, .ft-ce {
        max-width: 97%;
    }

    .main-menu nav > ul > li > a {
        font-size: 13px;
        padding: 5px 0px 5px 26px;
    }

    .bx-off-min {
        max-width: 89%;
        padding: 15px 20px;
    }

    .ti-99 {
        padding: 6px 0;
        color: #000;
        font-size: 16px;
        font-weight: bold;
    }

    .menu-ce, .head-ce {
        max-width: 100%;
    }

    .pn-rg-br {
        padding-right: 0;
    }


    .p-ads {
        padding: 0px 0 13px 0;
        font-size: 15px;
    }

    .panel-nd:before {
        background-position: left;
    }

    .ti-gp-mn {
        font-size: 13px;
    }


    .new-bx {
        padding: 0 15px 20px 15px;
    }

    .bc-bx {
        padding: 0 0;
    }

    .text-box {
        width: 100%;
        text-align: center;
    }

    .icon-bx {
        margin: 0 auto;
    }

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

    .text-box-ft h5 {
        font-size: 16px;
    }

    .slid-nd .dv-container {
        max-width: 100%;
    }

    .banner-tp {
        background-size: cover;
        background-position: center;
    }

    .panel-nd .dv-container {
        padding: 0 0px;
    }

    .group-bx .owl-nav {
        top: -39px;
    }

    .bx-pg {
        border-radius: 38px;
        margin: 0 0;
        padding: 11px 0;
    }

    .list-ft-sh li a {
        margin-right: 10px;
    }

    .ti-pr {
        font-size: 14px;
        line-height: 28px;
        padding: 7px 0;
    }

    .col-new h3 {
        padding: 10px 8px 6px 8px;
        font-size: 14px;
        line-height: 28px;
    }

    .product-image {
        margin: 12px auto 0 auto;
        max-width: 82%;
    }

    .list-ft li a {
        font-size: 14px;
    }

    .sd-bg p {
        width: 20%;
    }

    .row-hg {
        margin: 0 0px;
    }

    .icon-min, .icon-min {
        display: none !important;
    }
}

@media only screen and (max-width:990px) {
    .mb-none, .bx-off-min img, .titr-2, .p-phone, .img-55 {
        display: none;
    }

    .menu-bx {
        background: none;
    }

    .cl-rg {
        display: none;
    }

    .panel-nd {
        padding: 15px 0 30px 0;
    }

    .bx-off-min {
        max-width: 100%;
        width: 100%;
        background: none;
        padding: 5px 0;
    }

    .banner-nd {
        padding: 10px 0 0px 0;
    }

    .sd-bg p {
        width: 19%;
    }

    .p-tx {
        padding: 14px 0 37px 0;
    }

    .p--ft {
        padding-top: 10px;
    }

    .row-hg .col-md-6 {
        padding: 0 5px;
    }

    .ti-mb {
        display: block;
    }

    .bx-zmnt {
        background-color: #efefef;
        margin-bottom: 20px;
        padding-bottom: 15px;
    }

    .fix-btn {
        display: block;
    }

    .br-mg {
        display: none;
    }

    footer {
        padding: 0 0 60px 0;
    }

    .mobile-menu-top img {
        width: 100px;
    }

    footer .box-tx {
        border-right: none;
        border-left: none;
    }

    .d-lg-none {
        display: block;
    }

    .p-lg {
        display: none;
    }

    .lg-mb {
        position: absolute;
        width: 100%;
    }

    .logo-nd {
        display: block;
        margin: 0 auto;
        float: none;
        top: 7px;
        width: 132px;
    }

    header {
        height: 100px;
    }

    .tx-gp-bx {
        bottom: 8px;
    }

    .ti-ce-pr {
        font-size: 15px;
        padding: 0px 18px 6px 0;
    }

    .slid-nd {
        padding: 0;
    }

    .icon-min, .icon-min3 {
        display: none !important;
    }

    .head-ce {
        max-width: 100%;
        padding: 0 0;
    }

    .list-tp {
        margin-top: 2px;
    }

    .se-mb {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        padding: 0 5px;
    }

    .list-mb {
        float: left;
        margin-top: 11px;
    }

    .menu-bx {
        position: absolute;
        top: 52px;
        border: none;
        background: none;
        right: 0px;
    }

    .btn-sb img {
        width: 20px !important;
    }

    .search-bx {
        max-width: 100%;
        background: none;
        border: 1px solid #ccc;
        margin-top: 10px;
        width: 100%;
        margin-top: 24px;
        position: relative;
        top: 5px;
    }

    .slid-nd .col-md-12 {
        padding: 0 6px;
    }

    .slid-nd {
        overflow: hidden;
    }

    .btn-sb {
        width: 29px;
        height: 28px;
        padding: 3px 0;
        text-align: center;
    }

    .list-tp li:nth-child(2) {
        display: none;
    }

    .ti-bx:before {
        display: none;
    }

    .product-image {
        margin: 15px auto 0 auto;
        max-width: 100%;
    }

    .group-bx {
        padding: 15px 0 25px 0;
    }

    .ti-ce {
        padding-bottom: 19px;
    }

    .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
        bottom: 0;
    }

    .br-dx {
        padding: 10px;
        border-radius: 9px;
    }

    .title-nd {
        padding-bottom: 10px;
    }

        .title-nd h3 {
            font-size: 17px;
        }

    .row-nd:before {
        bottom: 5px;
    }

    .owl-dots {
        display: none;
    }
}

@media only screen and (max-width:760px) {
    .logo-nd {
        width: 132px;
        top: 9px;
    }

    .br-brand {
        margin-bottom: 5px;
    }

    .ti-cl {
        display: none;
    }

    .img-ce {
        margin: 10px auto;
        display: block;
    }

    header {
        height: 95px;
    }

    .icon-min, .icon-min3 {
        display: none !important;
    }

    .tx-gp-bx {
        bottom: 8px;
        color: #fff;
    }

    .panel-nd .owl-theme .owl-nav [class*=owl-] {
        width: 17px;
    }

    .pn-pff {
        padding: 0 0 5px 0 !important;
    }

    .p-ads {
        padding: 0px 0 14px 0;
        font-size: 13px;
        line-height: 25px;
    }

    .enm-mg {
        max-width: 188px;
    }

    .ti-ce {
        padding-bottom: 20px;
        font-size: 16px;
    }

    .bx-btm-sld {
        bottom: -14px;
    }

    .group-bx .dv-container {
        padding: 0 5px;
    }

    .group-bx .owl-nav button.owl-next {
        left: 0px;
        border: 1px solid #efefef;
    }

    .group-bx .owl-nav button.owl-prev {
        right: 0px;
        border: 1px solid #efefef;
    }

    .pn-bx {
        padding: 10px 0;
        border-radius: 0;
    }

    .pn-pff .dv-container {
        max-width: 100%;
    }

    .link-more {
        left: 12px;
        top: 20px;
        font-size: 12px;
    }

    .ti-tf {
        font-size: 14px;
    }

    .bx-pg {
        border-radius: 23px;
        margin: 0 0;
        padding: 7px 0;
    }

    .ti-ce-pr {
        font-size: 11px;
        padding: 3px 7px 3px 0;
    }

    .p-gp-2 {
        font-size: 10px;
        padding-right: 5px;
    }


    .mobile-header-wrapper {
        padding-top: 0px;
    }


    .menu-bx {
        top: 29px;
    }


    .search-bx {
        height: 42px;
        margin-top: 16px;
        background: #fff;
    }

    .btn-login {
        padding: 0px 0;
        border: none;
        border-radius: 5px;
        top: 2px;
        background: none;
    }


    .list-mb {
        margin-top: 4px;
    }

    .title-nd img {
        width: 17px;
        margin-left: 5px;
    }

    .title-nd {
        padding: 7px 7px 10px 7px;
        font-size: 15px;
    }

    .link-more-x {
        padding-top: 14px;
        font-weight: bold;
        font-size: 11px;
    }

    .banner-nd img {
        margin-bottom: 10px;
    }

    .dt-sc-support-heading a {
        font-size: 10px;
        padding-top: 10px;
    }

    .ti-bx {
        padding: 0 10px 5px 10px;
    }

    .link-more-x:before {
        height: 5px;
        width: 6px;
        right: 13px;
        top: 19px;
    }

    .owl-theme .owl-nav [class*=owl-] {
        font-size: 15px !important;
    }


    .tx-product {
        padding: 5px 5px;
    }

    .ti-pr {
        font-size: 12px;
        line-height: 22px;
        padding: 7px 0 0 0;
        min-height: 53px;
    }

    .price-nd p {
        font-size: 13px;
    }

    .price-nd span {
        padding-top: 7px;
    }

    .price-nd {
        padding: 2px 5px 0 5px;
    }

    .owl-nav button.owl-prev {
        right: -13px;
    }

    .p-dr {
        padding: 5px 0;
    }

    .new-bx .owl-nav button.owl-next {
        left: 0px;
    }

    .new-bx .owl-nav button.owl-prev {
        right: 0;
    }

    .rd-section .owl-nav button.owl-next {
        left: -14px;
    }

    .col-product {
        margin: 5px 0;
        padding: 0 5px;
    }

    .row-nd .dv-ce {
        padding: 0 0;
    }

        .row-nd .dv-ce:before {
            border-radius: 0;
        }

    .banner-tp {
        margin-bottom: 10px;
    }

    .row-nd {
        padding: 10px 0 10px 0;
    }

    .fg-off {
        width: 46px;
        top: 19px;
    }

    .pn-bt {
        padding-bottom: 8px;
    }

    .p-tx {
        padding: 14px 0 2px 0;
        font-size: 7px;
    }

    .bx-abt {
        border-radius: 15px;
        padding: 15px;
        min-height: 50px;
    }

    .p-abt {
        font-size: 13px;
        line-height: 24px;
    }

    .pn-dn {
        margin: 0 0;
    }

    .shape-bottom {
        top: -21px;
    }

        .shape-bottom svg {
            height: 22px;
        }

    .shape-top svg {
        height: 18px;
    }

    .pn-dn .col-md-3 {
        padding: 0px 3px 5px 3px;
    }

    .banner-nd {
        padding: 7px 0 0px 0;
    }

    .product-grid {
        padding-bottom: 5px;
    }

    .mb-nt {
        display: none;
    }

    .dv-cl {
        margin-bottom: 10px;
    }

    .bx-zmnt {
        display: none;
    }

    .col-new p {
        font-size: 13px;
    }

    footer {
        padding-top: 0;
        padding-bottom: 60px;
    }

    .listed-sh li a {
        font-size: 14px;
        padding: 10px 5px;
    }

    .col-bx img {
        width: 37px;
    }

    .blog-bx {
        padding: 20px 0 36px 0;
    }

    .ti-bx-ft h3 {
        font-size: 16px;
        padding: 17px 20px 5px 0px;
        margin-bottom: 5px;
    }

    .pn-mb .ti-bx-ft {
        display: none;
    }

    .ti-bx-ft h3:before {
        width: 8px;
    }

    .bn-pn {
        padding: 30px 0 30px 0 !important;
    }

    .ti-bx-ft h3:after {
        width: 4px;
        height: 6px;
        top: 24px;
        right: 10px;
    }

    .em {
        margin: 13px auto 18px auto;
        max-width: 150px;
    }

    .listed-tp li a {
        font-size: 18px;
        padding: 5px;
        width: 26px;
        height: 35px;
    }

    footer .box-tx {
        margin-top: 10px;
    }

    .text-box-ft p {
        padding-bottom: 5px;
    }

    .power_by {
        padding: 0px 0;
    }

    .icon-box {
        margin-left: 0;
        width: 52px;
        height: 52px;
        padding: 7px;
    }

    .text-box h5 {
        top: 0;
        padding: 11px 0;
        font-size: 16px;
        color: #fff;
    }

    .text-box p {
        display: none;
    }


    .ti-ft {
        font-size: 14px;
        padding: 15px 0 15px 0;
    }

    .btn-tlg {
        width: 100%;
        padding: 7px 0;
    }

    .list-ft-sh li a {
        margin-right: 5px;
        font-size: 18px;
    }

    .ft-br {
        margin-top: 20px;
        padding-top: 3px;
    }

    .list-ft li a {
        padding: 5px 0;
    }

    .power_by {
        margin-top: 20px;
    }

    .btn-se {
        width: 40px;
        padding: 7px 5px;
        height: 36px;
        position: absolute;
    }


        .btn-se:before {
            left: 11px;
        }

    .tx-se {
        border: none;
        background: none;
        width: 90%;
        height: 34px;
    }

    .pn-nd .col-xs-4 {
        padding: 0 5px;
    }

    .ti-off {
        font-size: 15px;
    }


    .bx-content-off {
        border-radius: 0px;
        margin: 0 0;
        padding: 0 4px;
    }


    .sp-1 {
        font-size: 11px;
    }



    .bx-off .ti-pr {
        padding: 5px 0 6px 0;
    }

    .offer-asli {
        padding: 2px 0px;
        font-size: 15px;
    }

    .bx-off {
        padding: 0 5px 10px 5px;
    }

    .banner-nd img {
        border-radius: 5px;
    }

    .panel-gp .col-md-12 {
        padding: 0 0;
    }

    .cl-section {
        border-radius: 0;
    }

    .bx-off .price-nd p, .bx-off .price-nd span {
        font-size: 14px;
    }

    .bx-ft {
        max-width: 100%;
    }

    .wrap-nd {
        padding: 0 0;
        background: #f5f5f5;
        padding: 15px 0;
    }

    .ti-ft:before {
        display: none;
    }

    .panel-btm {
        padding: 40px 0 32px 0;
    }

    .wrap-nd .owl-nav {
        top: -27px;
        left: -5px;
    }

    .wrap-nd .col-product {
        margin: 10px 0px 10px 0px !important;
    }

    .row-hg .col-md-6 {
        padding: 0 0;
    }

    .dv-container {
        max-width: 96%;
    }
}

@media only screen and (max-width:500px) {
    .list-ft li a {
        padding: 8px 0;
        font-size: 10px;
    }

    .ti-ce-pr {
        font-size: 10px;
        padding: 3px 7px 3px 0;
    }

    .bt-bx-ft:before {
        left: 35%;
        width: 129px;
        height: 16px;
        content: "";
        bottom: -15px;
    }

    .bx-phone-ft {
        display: none;
    }

    .listed-sh {
        text-align: center;
    }

    .bt-bx-ft .col-sm-6 {
        width: 100%;
    }

    .bt-bx-ft {
        height: auto;
    }

    .dt-sc-support-heading {
        padding: 0px 0 0px 0;
        font-size: 12px;
    }

    .bx-tx {
        margin-bottom: 28px;
    }

    .ti-gp-mn {
        font-size: 11px;
    }

    .dt-sc-support-heading a {
        font-size: 9px;
    }

    .power_by {
        margin-top: 0px;
        max-width: 100%;
        border-radius: 0;
        padding: 10px 0;
        text-align: center;
    }

    .p-copy {
        font-size: 10px;
    }

    .pn-bt {
        padding-bottom: 0px;
    }

    .btn-tlg {
        width: 100%;
        padding: 7px 2px;
        font-size: 11px;
    }

    .list-ft-sh li a {
        margin-right: 2px;
        font-size: 16px;
    }
}


@media only screen and (min-width: 990px) {
    .fix-tp {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 99999;
    }

    .fixed {
        height: 151px;
    }

    /*.apge-bx {
    padding-top: 155px;
}*/
    .menu-bx {
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s;
        z-index: 2;
    }

    header {
        position: relative;
        z-index: 3;
    }

    .fixed .menu-bx {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s;
    }
}




.main-content {
  /*  padding-top: 200px;*/
}

@media only screen and (max-width: 767px) {
    .main-content {
        padding-top: 0px;
    }

    .title-mobile {
        display: block;
        text-align: right;
        padding: 10px;
    }
}







.co {
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 9999;
}

.mnu-toggle {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #dcbd46;
    box-shadow: 4px 4px 2px 1px rgb(0 0 0 / 20%);
    position: absolute;
    z-index: 5;
    bottom: 0;
    right: 0;
    display: table;
    text-align: center;
}

    .mnu-toggle .fa {
        color: #fff;
        font-size: 2em;
        display: table-cell;
        vertical-align: middle;
        transition: 0.4s;
    }

.menu-line {
    position: absolute;
    z-index: 2;
}

    .menu-line.open .btn-app:nth-of-type(1) {
        bottom: 2.85em;
        background-color: #2e1fb2;
    }

    .menu-line .btn-app {
        bottom: 9px;
        right: 0.3em;
        transition: 0.3s;
        transition-delay: 0.5s;
        font-size: 23px;
        color: #fff;
    }

.btn-app {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    position: absolute;
    color: #fff;
    text-align: center;
}

[tooltip] {
    position: relative;
}

.btn-app .fa {
    line-height: 1.9em;
}

.menu-line.open .btn-app:nth-of-type(2) {
    bottom: 5.05em;
    background-color: #5fb21f;
}

.menu-line .btn-app {
    bottom: 9px;
    right: 0.3em;
    transition: 0.3s;
    transition-delay: 0.5s;
    font-size: 23px;
    color: #fff;
}

.btn-app {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    position: absolute;
    color: #fff;
    text-align: center;
}

[tooltip] {
    position: relative;
}

.btn-app .fa {
    line-height: 1.9em;
}

.menu-line.open .btn-app:nth-of-type(3) {
    bottom: 7.35em;
    background-color: #d331e5;
}

.menu-line .btn-app {
    bottom: 9px;
    right: 0.3em;
    transition: 0.3s;
    transition-delay: 0.5s;
    font-size: 23px;
    color: #fff;
}

.btn-app {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    position: absolute;
    color: #fff;
    text-align: center;
}

.bx-conatct {
    background-color: #fff;
    height: 38px;
    width: 174px;
    position: absolute;
    right: 67px;
    bottom: 1px;
    box-shadow: 0 0 10px rgb(0 0 0 / 60%);
    border-radius: 5px;
    text-align: center;
    padding-top: 9px;
}

    .bx-conatct:after {
        border-right: 8px solid transparent;
        border-top: 8px solid transparent;
        border-left: 8px solid #FFF;
        border-bottom: 8px solid transparent;
        bottom: 16px;
        right: -15px;
        position: absolute;
        content: "";
    }

.co {
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 9999;
}

.mnu-toggle {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #7645a7;
    box-shadow: 4px 4px 2px 1px rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 5;
    bottom: 0;
    right: 0;
    display: table;
    text-align: center;
}

    .mnu-toggle:after {
        width: 58px;
        height: 58px;
        box-sizing: border-box;
        content: '';
        display: block;
        position: absolute;
        top: -2px;
        left: -1px;
        pointer-events: none;
        border: 4px solid #7645a7;
        border-radius: 50%;
        -webkit-animation-duration: 1.6s;
        animation-duration: 1.6s;
        -webkit-animation-name: intervalHamburgerBorder;
        animation-name: intervalHamburgerBorder;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

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

    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

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

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

    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

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

.mnu-toggle .fa {
    color: #fff;
    font-size: 2em;
    display: table-cell;
    vertical-align: middle;
    transition: 0.4s;
}

.mnu-toggle.open .fa {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.btn-app {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    position: absolute;
    color: #fff;
    text-align: center;
}

    .btn-app .fa {
        line-height: 1.9em;
    }

.menu-round {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3;
}

    .menu-round .btn-app {
        bottom: 0.25em;
        right: 0.25em;
        transition: 0.4s;
    }

    .menu-round.open .btn-app:nth-of-type(1) {
        right: 0.5em;
        bottom: 4.25em;
        transition-delay: 0.2s;
    }

    .menu-round.open .btn-app:nth-of-type(2) {
        right: 3.5em;
        bottom: 3.5em;
        transition-delay: 0.1s;
    }

    .menu-round.open .btn-app:nth-of-type(3) {
        right: 4.25em;
        bottom: 0.5em;
    }

.menu-line {
    position: absolute;
    z-index: 2;
}

    .menu-line .btn-app {
        bottom: 9px;
        right: 0.3em;
        transition: 0.3s;
        transition-delay: 0.5s;
        font-size: 23px;
        color: #fff;
    }

.btn-app a {
    color: #fff;
}

.menu-line.open .btn-app:nth-of-type(1) {
    bottom: 2.85em;
    background-color: #2e1fb2;
}

.menu-line.open .btn-app:nth-of-type(2) {
    bottom: 5.05em;
    background-color: #5fb21f;
}

.menu-line.open .btn-app:nth-of-type(3) {
    bottom: 7.35em;
    background-color: #d331e5;
}

.menu-line.open .btn-app:nth-of-type(4) {
    bottom: 14.35em;
}

.menu-line.open .btn-app:nth-of-type(5) {
    bottom: 17.35em;
}

.menu-line.open .btn-app:nth-of-type(6) {
    bottom: 20.35em;
}

.menu-line.open .btn-app:nth-of-type(7) {
    bottom: 23.35em;
}

.bx-conatct {
    background-color: #fff;
    height: 38px;
    width: 174px;
    position: absolute;
    right: 67px;
    bottom: 1px;
    box-shadow: 0 0 10px rgb(0 0 0 / 60%);
    border-radius: 5px;
    text-align: center;
    padding-top: 9px;
}

    .bx-conatct:after {
        border-right: 8px solid transparent;
        border-top: 8px solid transparent;
        border-left: 8px solid #FFF;
        border-bottom: 8px solid transparent;
        bottom: 16px;
        right: -15px;
        position: absolute;
        content: "";
    }

.close-nd {
    color: #39ab76;
    float: left;
    font-size: 23px;
    position: absolute;
    right: 9px;
    top: -4px;
}

.modal {
    display: block;
}

.btn-app a {
    display: block;
}

[tooltip] {
    position: relative; /* opinion 1 */
}

    [tooltip]::before,
    [tooltip]::after {
        text-transform: none; /* opinion 2 */
        font-size: 14px; /* opinion 3 */
        line-height: 1;
        user-select: none;
        pointer-events: none;
        position: absolute;
        display: none;
        opacity: 0;
    }

    [tooltip]::before {
        content: '';
        border: 5px solid transparent; /* opinion 4 */
        z-index: 1001; /* absurdity 1 */
    }

    [tooltip]::after {
        content: attr(tooltip); /* magic! */
        text-align: center;
        min-width: 3em;
        max-width: 21em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 1ch 1.5ch;
        border-radius: .3ch;
        box-shadow: 0 0 5px rgba(0,0,0,.6);
        background: #fff;
        color: #000;
        z-index: 1000; /* absurdity 2 */
    }

    [tooltip]:hover::before,
    [tooltip]:hover::after {
        display: block;
    }

[tooltip='']::before,
[tooltip='']::after {
    display: none !important;
}

[tooltip][flow^="left"]::after {
    top: 50%;
    right: calc(100% + 30px);
    transform: translate(-.5em, -50%);
}

@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%);
    }
}

[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
}