/*
Theme Name: DinaKala
Author: Meysam Hosseinkhani
Author URI: http://dinakala.elmfile.ir
Description: Sell online in the simplest way possible!
Version: 3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dina-kala
*/
/*
Dana fonts are considered a proprietary software. To gain information about the laws regarding the use of
these fonts, please visit www.fontiran.com
---------------------------------------------------------------------
This set of fonts are used in this project under the license: (DGNQV2)
---------------------------------------------------------------------
*/
/* IRANYekan fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com
---------------------------------------------------------------------
This set of fonts are used in this project under the license: (54QYAG)
--------------------------------------------------------------------- 
*/
/* IRAN Sans-serif fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com
---------------------------------------------------------------------
This set of fonts are used in this project under the license: (QT2KTP)
--------------------------------------------------------------------- 
*/

@font-face {
    font-family: 'fal-icon';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/fa-light/fa-light-300.eot);
    src: url(../fonts/fa-light/fa-light-300d41d.eot?#iefix) format("embedded-opentype"),
        url(../fonts/fa-light/fa-light-300.woff2) format("woff2"),
        url(../fonts/fa-light/fa-light-300.woff) format("woff"),
        url(../fonts/fa-light/fa-light-300.ttf) format("truetype"),
        url(../fonts/fa-light/fa-light-300.svg#fontawesome) format("svg")
}


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

h1, h2,h3,h4,h5,h6,a,p,body {
    font-family: 'IRANSans' !important;
}





.fal {
    font-family: "fal-icon" !important;
    font-weight: 300
}

@font-face {
    font-family: 'fab-icon';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/fa-brands/fa-brands-400.eot);
    src: url(../fonts/fa-brands/fa-brands-400d41d.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-brands/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands/fa-brands-400.woff) format("woff"),url(../fonts/fa-brands/fa-brands-400.ttf) format("truetype"),url(../fonts/fa-brands/fa-brands-400.svg#fontawesome) format("svg")
}

.fab {
    font-family: 'fab-icon'
}

@font-face {
    font-family: 'icomoon';
    font-display: swap;
    src: url(../fonts/icomoon/icomoon.eot);
    src: url(../fonts/icomoon/icomoon.eot) format("embedded-opentype"),url(../fonts/icomoon/icomoon.ttf) format("truetype"),url(../fonts/icomoon/icomoon.woff) format("woff"),url(../fonts/icomoon/icomoon.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

[class^="ico-"], [class*=" ico-"] {
    font-family: 'icomoon' !important;
    speak-as: 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
}

.elementor * {
    font-family: 'dana',Arial,dana-serif,tahoma
}

h1 {
    font-size: 2em
}

h2 {
    font-size: 1.5em
}

h3 {
    font-size: 1.17em
}

h4 {
    font-size: 1.12em
}

h5 {
    font-size: .83em
}

h6 {
    font-size: .75em
}

.ico-cloob:before {
    content: "\e900"
}

.ico-telegram:before {
    content: "\e901"
}

.ico-aparat:before {
    content: "\e902"
}

.ico-Bisphone:before {
    content: "\e903"
}

.ico-Eitaa:before {
    content: "\e904"
}

.ico-Gap:before {
    content: "\e905"
}

.ico-iGap:before {
    content: "\e906"
}

.ico-Soroush:before {
    content: "\e907"
}

.ico-Bale:before {
    content: "\e908"
}

.ico-rubika:before {
    content: "\e909"
}

.ico-hoorsa:before {
    content: "\e90a"
}

.dsidebar-btn {
    display: none
}

.woocommerce .woocommerce-ordering .orderby {
    width: 100%;
    max-width: 100%;
    line-height: 2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    outline: 0;
    padding: 5px 12px 5px 30px !important;
    border-radius: 22px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none
}

.woocommerce .woocommerce-ordering:after {
    content: "\f107" !important;
    font-family: fal-icon !important;
    color: #000 !important;
    position: absolute !important;
    left: 15px !important;
    top: 10px !important
}

.overlay-blur {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
    background-color: rgba(0,0,0,.3);
    display: none
}

.hblur {
    filter: grayscale(90%)
}

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

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

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden;
        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);
        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;
        backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

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

.product-con .elementor-widget-text-editor {
    color: #212529
}

body {
    background-color: #f4f5f9
}

a, a:hover {
    text-decoration: none
}

@media (min-width: 1350px) {
    .container, .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 1190px !important
    }
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .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, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 10px;
    padding-left: 10px
}

.modal-title {
    font-size: 18px
}

.modal-body .wp-video {
    max-width: 100%;
    height: auto;
    width: 100% !important
}

.modal-body .mejs-container {
    width: 100% !important
}

.modal-body video {
    width: 100%;
    height: auto
}

.modal-title i {
    float: right;
    line-height: 24px;
    margin-left: 6px
}

input {
    font-family: dana
}

textarea {
    padding: 15px !important
}

button, button:focus {
    outline: none
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'dana-md',Arial,dana-serif,tahoma
}

b, strong {
    font-weight: 400;
    font-family: dana-md !important
}

p {
    margin-bottom: 0
}

.page-con p, .post-con p, .woocommerce-Tabs-panel--description {
    line-height: 2.5
}

.alert {
    border-radius: 10px !important;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1) !important;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1) !important
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none
}

.pace-inactive {
    display: none
}

.pace .pace-progress {
    background: #03A9F4;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 3px
}

.pace .pace-progress-inner {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d,0 0 5px #29d;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0px,-4px);
    -moz-transform: rotate(3deg) translate(0px,-4px);
    -ms-transform: rotate(3deg) translate(0px,-4px);
    -o-transform: rotate(3deg) translate(0px,-4px);
    transform: rotate(3deg) translate(0px,-4px)
}

.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
    border: solid 2px transparent;
    border-top-color: #03A9F4;
    border-left-color: #03A9F4;
    border-radius: 10px;
    -webkit-animation: pace-spinner 400ms linear infinite;
    -moz-animation: pace-spinner 400ms linear infinite;
    -ms-animation: pace-spinner 400ms linear infinite;
    -o-animation: pace-spinner 400ms linear infinite;
    animation: pace-spinner 400ms linear infinite
}

@-webkit-keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

@-moz-keyframes pace-spinner {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes pace-spinner {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes pace-spinner {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes pace-spinner {
    0% {
        transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.woocommerce {
    font-family: dana
}

.elementor-section {
    margin: 0
}

.container.blank-page {
    padding: 5px
}

.btn {
    border-radius: 22px
}

    .btn.focus, .btn:focus {
        outline: 0;
        box-shadow: none !important
    }

.btn-outline-dina:hover {
    color: #fff
}

.btn-outline-dina {
    background-color: transparent;
    background-image: none
}

.tooltip .tooltip-inner {
    padding: 0 8px 5px !important;
    white-space: nowrap
}

.modal {
    z-index: 1080
}

.rtl .input-group > .custom-select:not(:last-child), .rtl .input-group > .form-control:not(:last-child) {
    border-radius: 0 22px 22px 0
}

.rtl .input-group > .input-group-append > .btn, .rtl .input-group > .input-group-append > .input-group-text, .rtl .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .rtl .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .rtl .input-group > .input-group-prepend:not(:first-child) > .btn, .rtl .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-radius: 22px 0 0 22px
}

.container.under {
    padding-top: 100px
}

.under h1, .under h2, .under h3 {
    margin: 0 auto;
    display: table;
    text-align: center
}

.under h2 {
    margin-top: 20px
}

.under img {
    max-width: 100%
}

.alignnone {
    margin: 0
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto;
    max-width: 100%;
    height: auto
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

a img.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #f7f7f7;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px;
    text-align: center
}

    .wp-caption.alignnone {
        margin: 10px auto
    }

    .wp-caption.alignleft {
        margin: 10px auto
    }

    .wp-caption.alignright {
        margin: 10px auto
    }

    .wp-caption img {
        border: 0 none;
        height: auto;
        margin: 0;
        max-width: 98.5%;
        padding: 0;
        width: auto
    }

    .wp-caption p.wp-caption-text {
        font-size: 13px;
        margin: 0;
        line-height: 17px;
        margin: 8px 0 2px;
        padding: 0 4px
    }

.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

    .screen-reader-text:focus {
        background-color: #f1f1f1;
        border-radius: 3px;
        box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
        clip: auto !important;
        color: #21759b;
        display: block;
        font-size: 14px;
        font-size: .875rem;
        font-weight: 700;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000
    }

.sticky {
    position: relative
}

.gallery-caption {
    color: #666;
    font-size: 13px;
    font-size: .8125rem;
    font-style: italic;
    margin-bottom: 1.5em;
    max-width: 100%
}

.bypostauthor {
    display: block
}

.head-msg {
    z-index: 15;
    position: relative;
    background: #32004b;
    color: #fff;
    padding: 10px 0;
    font-size: 15px;
    display: none;
    line-height: 35px;
    position: relative
}

.msg-icon {
    font-size: 20px;
    margin-left: 5px;
    line-height: 32px
}

.msg-close {
    position: absolute;
    left: 10px;
    top: 18px;
    font-size: 20px;
    cursor: pointer
}

.msg-btn {
    float: left
}

    .msg-btn i {
        font-size: 14px;
        margin-right: 4px
    }

header.site-header {
    z-index: 13;
    position: relative
}

.header {
    border-top: 3px solid;
    background-color: #fff;
    padding: 10px 0
}

.head-mc.left-head {
    flex-direction: row-reverse
}

.head-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    float: right
}

.left-head .head-menu ul {
    float: left
}

.head-menu li {
    float: right;
    position: relative;
    padding: 0 8px
}

    .head-menu li:after {
        content: "";
        width: 1px;
        height: 14px;
        border-left: 1px solid;
        position: absolute;
        left: 0;
        top: 2px;
        opacity: .7
    }

    .head-menu li:last-child:after {
        display: none
    }

    .head-menu li:first-child {
        padding-right: 0
    }

    .head-menu li:last-child {
        border-left: 0
    }

    .head-menu li a {
        color: #9E9E9E;
        font-size: 13px
    }

        .head-menu li a:hover {
            opacity: .8;
            text-decoration: none
        }

.head-email, .head-phone {
    margin-right: 15px;
    font-size: 14px;
    color: #9E9E9E;
    font-family: dana-fd;
    float: left
}

time {
    font-family: dana-fd
}

.head-contact .fal {
    font-size: 15px
}

.left-head .head-email, .left-head .head-phone {
    float: right;
    margin-right: 0;
    margin-left: 15px
}

.rtl .dropdown-toggle::after {
    vertical-align: .055em
}

.head-mc {
    margin-bottom: 10px
}

.text-box-area {
    padding: 15px
}

.logo-box {
    padding: 5px 0
}

    .logo-box.left-logo {
        flex-direction: row-reverse
    }

.logo img {
    max-width: 15%;
    height: auto
}

.logo h1 {
    margin-bottom: 0
}

.left-logo .logo a {
    float: left
}

.left-logo .btn-register, .left-logo .btn-login {
    float: right;
    margin-right: 0;
    margin-left: 5px
}

.left-logo .drop-con {
    float: right
}

.left-logo .user-drop {
    float: right
}

.left-logo .drop-con .mu-menu {
    right: 0;
    left: auto
}

.btn-register, .btn-login {
    margin-top: 1px;
    margin-right: 2px;
    padding: 7px 10px;
    font-size: 14px
}

.user-btn .btn-login {
    background-color: #fff
}

    .user-btn .btn-login:hover {
        background-color: #28a745
    }

.login-link, .register-link {
    display: inline-block;
    margin-top: 1px;
    margin-right: 2px;
    padding: 7px 0;
    font-size: 14px
}

    .login-link:hover, .register-link:hover {
        opacity: .8
    }

.logo strong {
    display: none
}

.logo a {
    display: inline-block
}

.drop-con {
    float: left;
    padding-top: 10px
}

.user-drop {
    float: left;
    position: relative
}

.user-menu {
    min-width: 100px;
    border: 0;
    background: transparent;
    line-height: 2.5;
    overflow: hidden;
    outline: none;
    cursor: pointer;
    padding: 8px !important;
    border-radius: 5px;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important
}

.user-name .wallet {
    float: left
}

    .user-name .wallet .woocommerce-Price-amount {
        color: #676767
    }

.user-name .wallet {
    float: left;
    margin-right: 5px
}

.mu-menu > li > a {
    display: block;
    padding: 5px 0;
    clear: both;
    line-height: 1.42857143;
    color: #505763;
    white-space: normal;
    font-size: 14px
}

.drop-con .mu-menu {
    left: 0;
    right: auto;
    background: #f5f5f5;
    z-index: 1025 !important;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.12) !important;
    box-shadow: 0 7px 10px 0 rgba(0,0,0,.12) !important
}

.dropdown-menu.mu-menu .fal {
    float: right;
    margin-left: 8px;
    font-size: 16px;
    line-height: 16px
}

.drop-con > .dropdown:hover .user-menu {
    background: #f5f5f5
}

.user-menu img {
    border-radius: 7px;
    border: 1px solid #E0E0E0;
    float: right
}

.user-menu .user-name {
    float: right;
    margin-right: 5px;
    text-transform: capitalize;
    font-size: 13px
}

.user-menu .caret {
    margin-right: 2px;
    color: #ccc
}

.search-con {
    padding-top: 10px
}

.searchwp-live-search-results {
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    height: 0;
    overflow: hidden;
    z-index: 9999;
    position: absolute;
    display: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.12);
    border-radius: 10px;
    max-height: 300px;
    min-height: 175px
}

.search-result-more {
    text-align: center;
    width: 100%;
    display: block;
    padding: 8px;
    cursor: pointer;
    border-top: 1px solid #e8e8e8
}

    .search-result-more i {
        margin-right: 5px
    }

.searchwp-live-search-results-showing {
    display: block;
    opacity: 1;
    height: auto;
    overflow: auto;
    outline: 0;
    min-height: 137px
}

.searchwp-live-search-result:hover {
    background: #FAFAFA
}

.searchwp-live-search-no-results {
    padding: 3em 2em;
    text-align: center
}

.searchwp-live-search-no-min-chars::after {
    display: block;
    text-align: center;
    padding: 1.5em 2em 0
}

.searchwp-live-search-no-min-chars .spinner {
    opacity: .3
}

.searchwp-live-search-result p {
    font-size: .9em;
    padding: 8px;
    margin: 0;
    border-bottom: 1px solid rgba(30,30,30,0.1)
}

.searchwp-live-search-result--focused {
    background: #DDD
}

    .searchwp-live-search-result--focused a {
        color: #000
    }

.searchwp-live-search-result:last-of-type p {
    border-bottom: 0
}

.searchwp-live-search-result a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.searchwp-live-search-instructions {
    border: 0 !important;
    clip: rect(1px,1px,1px,1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.re-img {
    float: right;
    width: 16%
}

    .re-img img {
        width: 100%;
        height: auto;
        border-radius: 10px
    }

.re-desc {
    float: right;
    padding-right: 10px;
    max-width: 83%
}

.re-title {
    display: block;
    font-size: 14px
}

.re-subtitle {
    color: #757575;
    font-size: 13px;
    float: right;
    display: block;
    width: 100%
}

.re-price {
    font-size: 13px;
    float: right;
    display: block;
    width: 100%
}

    .re-price ins {
        text-decoration: none
    }

    .re-price del {
        color: #39b156
    }

.re-nstock {
    color: #757575;
    font-size: 13px;
    float: right;
    display: block;
    width: 100%
}

.searchwp-live-search-results-showing::-webkit-scrollbar {
    width: 5px
}

.searchwp-live-search-results-showing::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3)
}

.searchwp-live-search-results-showing::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey
}

.prod-cat {
    padding: 0;
    border: none;
    position: relative
}

    .prod-cat select {
        max-width: 120px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        height: 100%;
        outline: 0;
        padding: 5px 20px 5px 15px !important;
        border-radius: 0 22px 22px 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none
    }

    .prod-cat:after {
        content: "\f107";
        font-family: fal-icon;
        color: #000;
        position: absolute;
        left: 0;
        top: 8px
    }

.search-field, .form-control, textarea, input[type=text], input[type=email], input[type=password], input[type=url], input[type=tel], input[type=number], input[type=date], select, #dokan_address_state {
    outline: none;
    display: block;
    min-height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: #ebebeb;
    border: #ebebeb;
    color: #495057;
    background-image: none;
    border: none;
    border-radius: 22px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    margin-bottom: 10px
}

.search-field {
    display: inline-block;
    max-width: 170px;
    min-height: 35px
}

.woocommerce div.product form.cart .reset_variations {
    display: block !important
}

label {
    margin-bottom: 0
}

.form-control:focus, textarea:focus, input[type=url]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=date]:focus, input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, select:focus, #dokan_address_state:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.1);
    box-shadow: 0 2px 8px rgba(0,0,0,.1)
}

.woocommerce table.my_account_orders .button {
    white-space: nowrap;
    margin: 0 3px
}

.woocommerce form .password-input, .woocommerce-page form .password-input {
    width: 100%
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
    top: .5em
}

.search-input, .search-input:focus {
    background: #ebebeb
}

.search-input {
    padding-right: 15px
}

.btn-search {
    background: #ebebeb;
    font-size: 20px;
    padding: 6px 10px;
    padding-bottom: 2px;
    font-size: 18px;
    color: #898989
}

.search-form {
    margin: 0 auto;
    padding: 0
}

.user-btn {
    padding-top: 12px;
    text-align: left
}

.left-logo .user-btn {
    text-align: right
}

.user-btn i {
    float: right;
    margin-left: 7px;
    font-size: 15px;
    line-height: 18px
}

.user-btn .digitsbtn i {
    float: none;
    margin-left: 2px;
    font-size: 15px;
    line-height: 18px
}

.navbar {
    z-index: 16;
    background: #f7f6f6;
    padding: 0;
    box-shadow: 0 7px 8px 0 rgba(0,0,0,.04);
    -webkit-box-shadow: 0 7px 8px 0 rgba(0,0,0,.04);
    -ms-box-shadow: 0 6px 20px -6px rgba(0,0,0,.12);
    -o-box-shadow: 0 6px 20px -6px rgba(0,0,0,.12)
}

.navbar-nav {
    padding: 0
}

.fixed-nav {
    transition: all 800ms cubic-bezier(0.55,0,0.1,1);
    top: -100px;
    position: initial
}

    .fixed-nav.sticky {
        width: 100%;
        position: fixed;
        top: 0 !important
    }

.mpadding {
    padding-top: 70px !important
}

.navbar-nav > .nav-item {
    padding: 5px 0 7px;
    border-top: 3px solid #f7f6f6
}

    .navbar-nav > .nav-item:hover {
        background: #fff
    }

.navbar-nav > li > a:hover, .navbar-nav > li:hover > a {
    color: #4D4D4D !important
}

.user-drop:hover .fal, .user-drop:hover .user-menu .user-name, .user-drop:hover .user-name .wallet .woocommerce-Price-amount {
    color: #4D4D4D !important
}

.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
    position: static
}

.yamm .container {
    position: relative
}

.yamm .dropdown-menu {
    left: auto
}

.yamm .yamm-content {
    padding: 20px 30px
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0
}

.yamm > .dropdown > .dropdown-menu {
    min-height: 300px;
    width: 98%;
    margin: 0 15px;
    border: none;
    box-shadow: 0 6px 20px -6px rgba(0,0,0,.12);
    -webkit-box-shadow: 0 11px 13px 0 rgba(0,0,0,.12);
    -ms-box-shadow: 0 6px 20px -6px rgba(0,0,0,.12);
    -o-box-shadow: 0 6px 20px -6px rgba(0,0,0,.12)
}

.yamm-s .mega-menu.dropdown > .dropdown-menu {
    position: absolute;
    top: 100%;
    z-index: 99;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 5px;
    background: #fff;
    width: 222px;
    box-shadow: none;
    left: unset;
    right: 0;
    min-height: 350px;
    border: 0;
    padding: 8px 0
}

.yamm-s {
    position: relative
}

    .yamm-s > li {
        position: static !important
    }

    .yamm-s .mega-menu.dropdown > .dropdown-menu > li.menu-image {
        display: none
    }

    .yamm-s .mega-menu.dropdown > .dropdown-menu li.menu-col {
        position: static;
        padding: 0;
        display: block;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        min-height: auto;
        border: 0
    }

        .yamm-s .mega-menu.dropdown > .dropdown-menu li.menu-col > a:after {
            left: 10px;
            content: '\f053';
            font-family: fal-icon;
            position: absolute;
            right: auto;
            font-size: 13px;
            color: #b1b1b1
        }

    .yamm-s .dropdown-menu li a {
        padding: 4px 12px
    }

    .yamm-s .dropdown-menu > li a {
        display: block
    }

    .yamm-s .mega-menu.dropdown > .dropdown-menu li.menu-col > a {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        color: #212529;
        font-family: dana;
        padding: 7px 8px;
        font-size: 14px
    }

    .yamm-s .mega-menu.dropdown > .dropdown-menu li.m-active > a {
        background: #f9f9f9;
        padding: 7px 8px;
        border-top: 1px solid #f0f0f1;
        border-bottom: 1px solid #f0f0f1
    }

    .yamm-s .mega-menu.dropdown > .dropdown-menu li.menu-col .yamm-fw {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 0;
        background: #fff;
        box-shadow: none
    }

    .yamm-s .yamm-fw {
        display: none
    }

    .yamm-s li.m-active .yamm-fw {
        display: block
    }

    .yamm-s .mega-menu.dropdown li.menu-col:hover > .yamm-fw, .yamm-s .mega-menu.dropdown li.m-active > .yamm-fw {
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-content: flex-start;
        width: 1030px;
        top: 0
    }

    .yamm-s .mega-menu.dropdown li.menu-col > .yamm-fw {
        position: absolute;
        left: 0;
        background: #fff;
        box-shadow: 0 2px 9px 0 rgba(112,112,112,.32);
        border-right: 1px solid #f0f0f1;
        left: unset;
        right: 100%
    }

.sub-menu-col {
    padding: 0
}

    .sub-menu-col .yamm-fw {
        padding: 0 7px
    }

        .sub-menu-col .yamm-fw a {
            color: #424242;
            padding: 2px 12px
        }

.yamm-s .sub-menu-col > a:after {
    content: '\f053';
    font-family: fal-icon;
    font-size: 11px;
    margin-right: 3px;
    vertical-align: middle
}

.yamm-s li {
    padding: 0;
    margin-bottom: 0
}

.yamm > li, .yamm-s > li {
    border-top: 3px solid #F7F8FA
}

    .yamm > li:hover, .yamm-s > li:hover {
        background: #fff;
        border-top: 3px solid #1E88E5
    }

.nav > li > a:focus {
    text-decoration: none;
    background-color: transparent
}

.nav > li > a:hover {
    text-decoration: none;
    background-color: #fff
}

.yamm > .dropdown:hover .yamm > .dropdown > a {
    background: #fff
}

.yamm-fw {
    list-style: none;
    padding: 10px;
    font-size: 14px
}

.menu-col {
    border-left: 1px solid #f0f0f0;
    padding: 20px 10px;
    min-height: 300px;
    height: auto
}

    .menu-col:last-of-type {
        border-left: none
    }

.yamm-fw li {
    margin-bottom: 4px
}

.yamm-s .yamm-fw li {
    margin-bottom: 0
}

.menu-link i.fal {
    float: right;
    margin-left: 10px;
    font-size: 20px
}

.cu-menu-icon {
    float: right;
    margin-left: 10px;
    max-width: 22px;
    max-height: 22px
}

.yamm .none, .yamm-s .none {
    margin: 0
}

.dropdown-toggle b.fal {
    float: left;
    margin-right: 8px;
    margin-left: 0;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out
}

.dropdown-toggle::after {
    display: none
}

.user-drop .fal {
    float: left;
    line-height: 30px;
    font-size: 12px;
    margin-right: 8px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out
}

.user-drop:hover .fal {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.yamm > li:hover .dropdown-toggle b.fal, .yamm-s > li:hover .dropdown-toggle b.fal {
    transform: rotate(180deg)
}

.yamm .dropdown-menu > li.menu-image {
    z-index: -1;
    position: absolute;
    display: block;
    bottom: 10px;
    left: 10px;
    width: auto;
    float: left;
    padding: 0 !important
}

.yamm-s li.menu-image {
    display: none
}

.yamm-s .mega-menu.dropdown li.m-active > .yamm-fw > li.menu-image {
    position: absolute;
    display: block;
    bottom: 10px;
    left: 10px;
    width: auto;
    padding: 0 !important
}

.yamm-s .menu-image {
    max-width: 220px
}

.yamm .menu-image {
    max-width: 260px
}

    .yamm .menu-image img, .yamm-s .menu-image img {
        max-width: 100%
    }

.yamm .dropdown-menu > li {
    float: right;
    padding: 20px 10px 10px
}

    .yamm .dropdown-menu > li.menu-col-5 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .yamm .dropdown-menu > li.menu-col-7 {
        -ms-flex: 0 0 14.28%;
        flex: 0 0 14.28%;
        max-width: 14.28%
    }

    .yamm .dropdown-menu > li.menu-col-8 {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

.yamm-s .yamm-fw > li.menu-col-5 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.yamm-s .yamm-fw > li.menu-col-7 {
    -ms-flex: 0 0 14.28%;
    flex: 0 0 14.28%;
    max-width: 14.28%
}

.yamm-s .yamm-fw > li.menu-col-8 {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.no-mega > .dropdown-menu {
    min-height: auto !important;
    width: auto !important;
    min-width: 220px !important;
    max-width: 220px !important
}

.no-mega .menu-image {
    display: none !important
}

.no-mega .dropdown-menu > li {
    float: right;
    display: block;
    width: 100%;
    padding: 5px;
    max-width: 100%;
    min-height: auto;
    position: relative;
    border: 0;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important
}

.no-mega .dropdown-menu > .dropdown > a:after {
    content: "\f104";
    font-family: fal-icon;
    left: 20px;
    position: absolute;
    font-size: 15px
}

.no-mega .yamm-fw {
    display: none
}

.no-mega > .dropdown-menu > .dropdown > .yamm-fw {
    display: none;
    position: absolute;
    top: 0;
    right: 210px;
    min-height: auto !important;
    width: auto !important;
    min-width: 220px;
    border-radius: 4px;
    background: #fff;
    border: none;
    box-shadow: 0 6px 20px -6px rgba(0,0,0,.12);
    -webkit-box-shadow: 0 11px 13px 0 rgba(0,0,0,.12);
    -ms-box-shadow: 0 6px 20px -6px rgba(0,0,0,.12);
    -o-box-shadow: 0 6px 20px -6px rgba(0,0,0,.12)
}

.no-mega > .dropdown-menu > .dropdown:hover .yamm-fw {
    display: block
}

.no-mega > .dropdown-menu > .dropdown > .yamm-fw .yamm-fw {
    display: none !important
}

.no-mega .yamm-fw li {
    float: none;
    display: block;
    width: 100%;
    padding: 5px;
    min-height: auto
}

.no-mega a {
    font-family: 'dana',Arial,sans-serif,tahoma;
    display: block;
    font-size: 15px
}

.yamm > .no-mega > .dropdown-menu, .yamm-s > .no-mega > .dropdown-menu {
    margin: 0;
    left: auto;
    right: auto
}

.yamm .dropdown-menu > .active > a, .yamm .dropdown-menu > .active > a:focus, .yamm .dropdown-menu > .active > a:hover {
    background-color: #fff
}

.navbar-nav > li {
    position: relative;
    display: inline-block
}

    .navbar-nav > li > a {
        position: relative;
        padding: 13px 10px;
        display: block;
        color: #4D4D4D
    }

.yamm .dropdown-toggle::after, .yamm-s .dropdown-toggle::after {
    display: none
}

.yamm > .dropdown > .dropdown-menu, .yamm-s > .dropdown > .dropdown-menu {
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    pointer-events: none;
    opacity: 0;
    display: block
}

.dropdown:hover > .dropdown-menu {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    pointer-events: all;
    opacity: 1;
    display: block
}

ul.dropdown-menu.submenu {
    right: 155px;
    top: 0
}

.menu-link {
    color: #000
}

.menu-col > .menu-link {
    font-family: dana-md;
    color: #388e3c
}

.no-mega .menu-col > .menu-link {
    font-family: dana;
    color: inherit
}

.btn-cart, .btn-wish, .btn-compare {
    position: relative;
    float: left;
    margin-right: 15px
}

    .btn-cart i, .btn-wish i, .btn-compare i {
        font-size: 25px;
        color: #898989;
        float: left;
        position: relative
    }

    .btn-cart:hover i, .btn-wish:hover i, .btn-compare:hover i {
        color: #17a2b8
    }

.shop-icon, .wish-icon, .compare-icon {
    width: auto;
    float: left;
    outline: none;
    cursor: pointer
}

.cart-amount, .compare-amount {
    position: absolute !important;
    color: #fff !important;
    font-family: dana-fd;
    border-radius: 50px;
    padding: 0 6px;
    font-style: normal;
    font-size: 11px !important;
    bottom: -6px;
    right: -7px
}

.btn-cart:hover i.cart-amount, .btn-compare:hover i.compare-amount {
    color: #fff !important
}

.btn-cart i.cart-amount, .btn-compare i.compare-amount {
    color: #fff !important
}

.not-msg {
    padding: 15px
}

.post-content {
    margin-top: 15px
}

.page-con, .post-con {
    padding: 25px;
    line-height: 2.5
}

h1.ptitle {
    clear: none;
    margin: 0 0 15px;
    font-size: 20px;
    line-height: 1.5;
    padding-bottom: 7px;
    width: 100%;
    border-bottom: 1px solid #E0E0E0
}

.post-det, .post-det a {
    color: #9ba4ab;
    margin-right: -10px;
    margin-left: -10px;
    font-family: dana-fd;
    font-size: 14px
}

    .post-det i {
        font-size: 18px
    }

.post-aut img {
    float: right;
    border-radius: 5px;
    margin-left: 5px
}

.post-img img {
    margin: 15px auto 20px;
    display: table;
    border: 10px solid #f5f5f5;
    max-width: 100%;
    height: auto
}

.post-share {
    text-align: left
}

.pshare {
    display: inline-block;
    cursor: pointer
}

.post-con h1.ptitle {
    margin-bottom: 10px
}

.post-views {
    text-align: left
}

.post-date {
    text-align: center
}

.page-con .woocommerce-notices-wrapper {
    padding: 0
}

.post-cats a, .post-tags a {
    background: #f5f5f5;
    font-size: 13px;
    padding: 0 10px;
    margin: 0;
    display: inline-block;
    border-radius: 10px
}

    .post-cats a:hover, .post-tags a:hover {
        color: #fff
    }

.post-tags {
    margin-bottom: 15px
}

.breadcrumbs {
    padding: 10px
}

.wid-content, .product-con, .navbar, .breadcrumbs, .mini-product-con, .mini-post-con, .woocommerce-message, .page-con, .post-con, .related.block, .sidebar .ads-image, .comments-list, .dokan-single-store, .store-review-wrap {
    margin-bottom: 25px
}

.page-template-home .navbar {
    margin-bottom: 15px
}

.comments-list {
    padding: 20px
}

.commentlist ol {
    padding-right: 20px;
    margin-top: 10px;
    list-style: none
}

.comments-title, #reply-title, .woocommerce-Reviews-title {
    clear: none;
    font-family: dana-fm;
    margin: 0 0 15px;
    font-size: 17px;
    line-height: 1.5;
    padding-bottom: 7px;
    width: 100%;
    border-bottom: 1px solid #E0E0E0;
    display: block
}

#reply-title {
    margin-top: 10px
}

.commentlist {
    padding: 0;
    list-style: none
}

.comment-form-rating .stars a {
    color: #ffc74a
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span {
    padding: 1px 0;
    display: inline
}

.comment, .woocommerce #reviews #comments ol.commentlist li {
    padding: 15px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 15px
}

    .woocommerce #reviews #comments ol.commentlist li .comment-text {
        border: none
    }

.woocommerce #reviews #comments ol.commentlist ul.children {
    list-style: none outside;
    margin: 0;
    padding-right: 20px
}

.comment-meta, .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
    font-size: 14px;
    margin: 0 0 18px
}

.comment-author {
    font-size: 16px
}

.commentlist .avatar {
    position: inherit !important;
    left: 0;
    background: #fff !important;
    width: 50px !important;
    margin-left: 4px !important;
    padding: 2px !important;
    border-radius: 10px;
    overflow: hidden
}

.fn, .woocommerce-review__author {
    font-family: 'dana-md',Arial,sans-serif,tahoma;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 16px
}

.comment-author .says {
    display: none
}

.comment-meta a:link, .comment-meta a:visited {
    color: #888;
    text-decoration: none
}

.reply {
    font-size: 14px;
    margin: 10px 0;
    position: absolute;
    top: 0;
    left: 0
}

    .reply a, a.comment-edit-link {
        padding: 1px 5px;
        border-radius: 4px;
        border: 1px solid
    }

.comment-body {
    position: relative
}

.comment-metadata {
    margin-top: 10px;
    font-size: 12px
}

.commentlist li {
    margin-bottom: 15px
}

.thread-even {
    background: #F5F5F5 !important
}

    .thread-even .comment.even {
        background: #F5F5F5 !important
    }

    .thread-even .comment.odd {
        background: #fff !important
    }

.thread-odd {
    background: #fff !important
}

    .thread-odd .comment.even {
        background: #fff
    }

    .thread-odd .comment.odd {
        background: #F5F5F5
    }

.review.thread-odd .comment.even {
    background: #fff !important
}

.review.thread-odd .comment.odd {
    background: #F5F5F5 !important
}

textarea#comment {
    width: 100%
}

.comment-form > p {
    margin-bottom: 15px
}

.comment-content, .comment .description {
    line-height: 2
}

.main {
    margin-top: 30px
}

.scon {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden
}

.slider-con {
    border-radius: 10px;
    overflow: hidden
}

.slider-title-outer {
    display: table;
    table-layout: fixed;
    position: absolute;
    color: #fff;
    font-size: 12px;
    bottom: 0;
    left: -1px;
    z-index: 1;
    padding: 0
}

ul#slider-title {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    display: table-row
}

#slider-title li {
    padding: 13px 10px;
    border-left: 1px solid #90A4AE;
    background: rgba(96,125,139,0.9);
    margin: 0;
    text-align: center;
    cursor: pointer;
    display: table-cell;
    position: relative
}

    #slider-title li.active {
        background: rgba(69,90,100,0.9)
    }

        #slider-title li.active::after {
            content: '';
            position: absolute;
            left: 50%;
            top: -4px;
            width: 0;
            height: 0;
            transform: translate(-50%,-50%);
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid rgba(69,90,100,0.9);
            clear: both
        }

    #slider-title li:last-child {
        border-left: 0
    }

.ads-image img {
    width: 100%;
    border-radius: 10px
}

.ads-image a {
    display: block
}

.ads-image img:hover, .ads-image img:hover {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1)
}

.shadow-box {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1) !important;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1) !important;
    background-color: #fff;
    border-radius: 10px !important;
    overflow: hidden;
    position: relative
}

.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells {
    width: 100%;
    float: right
}

.woocommerce-ordering-con {
    margin-bottom: 10px;
    padding: 1em
}

    .woocommerce-ordering-con .woocommerce-result-count {
        margin: 0;
        font-family: dana-fd;
        padding-top: 12px
    }

    .woocommerce-ordering-con .woocommerce-ordering {
        float: left;
        margin: 0;
        position: relative
    }

.woocommerce .woocommerce-ordering select {
    margin-bottom: 0
}

.pswp__bg {
    opacity: .7 !important
}

.pswp__counter {
    font-family: dana-fm
}

.services {
    margin-right: -10px;
    margin-left: -10px
}

.service-desc {
    font-size: 12px;
    display: block;
    margin-top: 5px;
    font-family: dana-fd
}

.service-title {
    display: block;
    font-family: dana-md
}

.services > .col-sm-3 {
    max-width: 20%;
    padding: 0 10px
}

.service {
    display: block;
    float: right;
    width: 100%;
    padding: 5px
}

.service-icon {
    float: right;
    padding: 0;
    text-align: center
}

    .service-icon i {
        font-size: 35px;
        line-height: 50px
    }

.service-det {
    float: left;
    color: #212529;
    padding: 0;
    padding-right: 7px;
    padding-top: 2px
}

ul.posts {
    margin: 0 -10px;
    padding: 0;
    list-style: none outside;
    clear: both;
    overflow: auto
}

.mini-post-con img {
    width: 100%;
    height: auto
}

.post-link {
    position: relative
}

.post-cat {
    color: #fff;
    padding: 2px 10px;
    font-size: 14px;
    border-radius: 10px;
    position: absolute;
    top: 10px;
    left: 10px
}

.product-block, .post-block {
    display: block;
    padding: 20px 0
}

.related.related-not {
    padding: 0
}

.product-block.white-title, .post-block.white-title {
    padding: 20px 0
}

.product-block.white-box, .post-block.white-box, .product-block-grid.white-box, .post-block-grid.white-box {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1) !important;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1) !important;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 20px
}

.block-title {
    display: block;
    font-size: 19px;
    padding-left: 10px;
    border-bottom: 3px solid;
    display: inline-block;
    line-height: 30px
}

    .block-title h2 {
        font-size: 19px;
        margin: 0;
        display: inline-block;
        font-family: dana-md
    }

.product-block-grid .block-title, .post-block-grid .block-title {
    margin: 0 auto;
    margin-bottom: 20px;
    display: table;
    padding: 0 10px 2px
}

.pgview-all {
    margin: 0 auto;
    display: table
}

    .pgview-all .fal {
        vertical-align: middle
    }

.block-title h2 i {
    margin-left: 8px;
    font-size: 25px;
    line-height: 18px;
    vertical-align: middle
}

.cust-icon {
    vertical-align: middle;
    max-width: 32px;
    max-height: 32px
}

.block-title .pview-all {
    background: #fff;
    font-size: 13px;
    font-family: dana;
    padding: 2px 5px;
    border-radius: 10px;
    margin-right: 5px;
    position: relative;
    top: -2px;
    white-space: nowrap
}

.woocommerce .products ul, .woocommerce ul.products {
    margin: 20px -10px 0;
    padding: 0;
    list-style: none outside;
    clear: both
}

.mini-post img, .mini-product img, .owl-carousel .owl-item .special-img img {
    border-radius: 10px !important
}

.mini-product, .mini-post {
    margin: 0;
    padding: 10px
}

.mini-product-con, .mini-post-con {
    float: right;
    width: auto !important;
    padding: 0 10px !important;
    margin: 0 0 25px !important
}

.mini-product:hover {
    -webkit-box-shadow: 0 0 10px 2px rgba(75,74,74,0.2);
    box-shadow: 0 0 10px 2px rgba(75,74,74,0.2)
}

.product img, .mini-product img {
    display: block;
    max-width: 100%;
   width: auto;
    height: auto;
    /*width: 231.88px;
    height: 231.88px;*/
}

.second-img {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: 0
}

.hover-image:hover img:first-child {
    opacity: 0;
    visibility: hidden
}

.hover-image:hover img.second-img {
    opacity: 1;
    visibility: visible
}

.page-con img, .post-con img {
    max-width: 100%;
    width: auto
}

.woocommerce-widget-layered-nav a {
    display: inline-block
}

.wc-layered-nav-term {
    font-family: dana-fd
}

.bread-row {
    margin: 0 -5px
}

.row.not-row {
    margin: 0 -9px
}

.product-title, .post-title {
    display: block;
    width: 100%;
    float: right;
    line-height: 1.5;
    text-align: center;
    font-family: dana;
    color: #000;
    height: 42px;
    overflow: hidden;
    margin-top: 14px
}

.product-price del, .product-price del .woocommerce-Price-amount {
    color: #BDBDBD;
    display: block;
    font-size: 13px
}

.product a, .mini-product a {
    text-decoration: none;
    position: relative
}

.woocommerce .mini-product .call-pro-link {
    position: absolute;
    bottom: 0;
    display: block;
    width: auto;
    left: 50%;
    transform: translate(-50%,-50%)
}

.product-dis {
    background: #ef5350;
    color: #fff;
    padding: 0 12px;
    border-radius: 5px;
    line-height: 2;
    position: absolute;
    font-family: dana-fd;
    top: 0;
    font-size: 16px;
    left: 0
}

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

.product-block .owl-stage, .post-block .owl-stage {
    margin-top: 20px
}

.product-block .item, .post-block .item {
    padding: 0 4px
}

.product-block .owl-nav, .post-block .owl-nav {
    position: absolute;
    top: -40px;
    left: 0
}

.product-block.nav-type-two .owl-nav, .post-block.nav-type-two .owl-nav {
    position: absolute;
    top: 40%;
    left: auto;
    width: 100%
}

.product-block.nav-type-two .owl-prev, .post-block.nav-type-two .owl-prev {
    width: 40px;
    height: 75px;
    border-radius: 10px 0 0 10px;
    margin-right: 5px;
    font-size: 30px !important;
    position: absolute;
    right: 0
}

.product-block.nav-type-two .owl-next, .post-block.nav-type-two .owl-next {
    width: 40px;
    height: 75px;
    border-radius: 0 10px 10px 0;
    margin-right: 0;
    margin-left: 5px;
    font-size: 30px !important;
    position: absolute;
    left: 0
}

.product-block .owl-carousel .owl-stage-outer, .post-block .owl-carousel .owl-stage-outer {
    padding-bottom: 6px
}

.product-block .owl-prev, .product-block .owl-next, .post-block .owl-prev, .post-block .owl-next {
    background-color: #fff !important;
    width: 35px;
    height: 35px;
    margin-right: 15px;
    border-radius: 50px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    color: #17a2b8;
    font-size: 17px !important;
    font-family: 'fal-icon' !important
}

    .product-block .owl-prev:after, .post-block .owl-prev:after {
        content: "\f054";
        position: relative
    }

    .product-block .owl-next:after, .post-block .owl-next:after {
        content: "\f053";
        position: relative
    }

.slider-con .owl-nav {
    position: absolute;
    top: 45%;
    width: 100%;
    display: none
}

.slider-con:hover .owl-nav {
    display: block
}

.slider-con .owl-prev, .slider-con .owl-next {
    background-color: rgba(255,255,255,0.8) !important;
    width: 45px;
    height: 45px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    color: rgba(0,0,0,.5) !important;
    font-size: 31px !important;
    font-family: 'fal-icon' !important
}

    .slider-con .owl-prev:active, .slider-con .owl-next:active {
        background-color: rgba(255,255,255,1) !important
    }

.slider-con .owl-prev {
    right: 20px;
    position: absolute
}

.slider-con .owl-next {
    left: 20px;
    position: absolute
}

.slider-con .owl-prev:after {
    content: "\f054";
    position: relative
}

.slider-con .owl-next:after {
    content: "\f053";
    position: relative
}

.slider-con .owl-dots {
    display: table;
    margin: 10px auto;
    position: absolute;
    width: 100%;
    bottom: 5px;
    text-align: center
}

    .slider-con .owl-dots .owl-dot span {
        transition: opacity .2s ease;
        width: 10px;
        height: 10px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        display: inline-block;
        margin: 0 5px;
        border: 2px solid;
        -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
        box-shadow: 0 0 10px 0 rgba(0,0,0,.1)
    }

    .slider-con .owl-dots .owl-dot.active span {
        background: #fff;
        width: 18px;
        border-radius: 5px
    }

    .slider-con .owl-dots .owl-dot:hover span {
        background: #fff
    }

.saled-container {
    background: #090131 url(images/sbg.html) repeat;
    color: #fff;
    padding: 10px 0
}

.logos.white-box {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 20px
}

.logos h2 {
    font-family: dana-md;
    border-bottom: 3px solid;
    margin: 0 auto;
    display: table;
    padding: 0 10px 2px;
    font-size: 22px
}

.logo-slider {
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 0 40px
}

    .logo-slider img {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: .6
    }

        .logo-slider img:hover {
            -webkit-filter: unset;
            filter: unset;
            opacity: 1
        }

    .logo-slider .owl-nav {
        position: absolute;
        top: -30px;
        width: 100%;
        right: 0;
        left: 0
    }

    .logo-slider .owl-prev, .logo-slider .owl-next {
        margin-right: auto;
        color: #7C7C7E !important;
        font-size: 35px !important;
        font-family: 'fal-icon' !important;
        top: 15px
    }

    .logo-slider .owl-prev {
        right: 0;
        position: absolute
    }

    .logo-slider .owl-next {
        left: 0;
        position: absolute
    }

        .logo-slider .owl-prev:after, .logo-slider .owl-next:after {
            position: relative;
            top: 10px
        }

    .logo-slider .owl-prev:after {
        content: "\f054"
    }

    .logo-slider .owl-next:after {
        content: "\f053"
    }

    .logo-slider .owl-dots {
        display: table;
        margin: 18px auto 10px;
        width: 100%;
        bottom: 5px;
        text-align: center
    }

        .logo-slider .owl-dots .owl-dot span {
            transition: opacity .2s ease;
            width: 10px;
            height: 10px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            display: inline-block;
            margin: 0 5px;
            border: 2px solid #7C7C7E
        }

        .logo-slider .owl-dots .owl-dot.active span {
            background: #7C7C7E;
            width: 18px;
            border-radius: 5px
        }

        .logo-slider .owl-dots .owl-dot:hover span {
            background: #7C7C7E
        }

.sfooter {
    box-shadow: 0 6px 20px -6px rgba(0,0,0,.12);
    -webkit-box-shadow: 0 -6px 20px -6px rgba(0,0,0,.12);
    -ms-box-shadow: 0 6px 20px -6px rgba(0,0,0,.12);
    -o-box-shadow: 0 6px 20px -6px rgba(0,0,0,.12);
    margin-top: 40px;
    height: 100%;
    padding: 0;
    background-color: #eceff1;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center top
}

    .sfooter li a {
        color: #212529;
        text-decoration: none
    }

.info-bar {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cfd8dc
}

.prod-count {
    text-align: center
}

    .prod-count .fal {
        display: table;
        font-size: 35px;
        border: 1px solid #cfd8dc;
        color: #17a2b8;
        width: 68px;
        height: 68px;
        border-radius: 50%;
        margin: 2px auto;
        line-height: 63px
    }

    .prod-count .count-num {
        display: block;
        margin-top: 8px;
        font-size: 20px;
        font-family: dana-fd
    }

    .prod-count .count-text {
        font-size: 14px
    }

.fwidget {
    float: right
}

.fwidget-title {
    font-size: 16px;
    font-family: dana-md;
    margin-bottom: 16px
}

.ftel, .addr-text {
    float: right;
    font-family: dana-fd;
    line-height: 40px
}

    .ftel a {
        color: #212529
    }

.apps-icon {
    text-align: left
}

.ios-btn, .and-btn {
    min-width: 125px
}

.ios-btn {
    margin-right: 5px
}

.ftel span {
    display: inline-block
}

.foot-tel {
    margin-right: 8px
}

.addr-text {
    padding-right: 0
}

.footer-addr {
    padding: 15px 0;
    border-top: 1px solid #cfd8dc
}

.footer-section-text {
    padding: 15px 0;
    border-top: 1px solid #cfd8dc
}

.footer-text-title h3 {
    font-size: 16px;
    font-family: dana-md;
    margin-bottom: 10px
}

.copyright {
    background: #fff;
    /* padding: 15px 0; */
    border-top: 3px solid;
    text-align: center;
}

.copy-text {
    font-size: 15px;
    line-height: 45px
}

.head-social ul {
    padding: 0;
    float: left;
    list-style: none;
    margin-bottom: 0
}

.left-head .head-social ul {
    float: right
}

.head-social ul li {
    float: left;
    margin-right: 5px
}

    .head-social ul li a i {
        float: left;
        color: #9E9E9E;
        width: 16px;
        height: 16px;
        opacity: .7;
        margin: 2px;
        text-align: center;
        font-size: 16px;
        transition: all .3s
    }

        .head-social ul li a i:hover {
            color: #757575;
            opacity: 1
        }

.social-footer ul {
    padding: 0;
    float: right;
    list-style: none;
    margin-bottom: 0
}

    .social-footer ul li {
        float: left;
        margin-right: 5px
    }

        .social-footer ul li a i {
            float: left;
            color: #fff;
            width: 38px;
            height: 38px;
            border-radius: 50%;
            margin: 2px;
            line-height: 38px;
            text-align: center;
            font-size: 22px;
            transition: all .3s;
            -webkit-box-shadow: 0 2px 10px 1px rgba(0,0,0,.07);
            box-shadow: 0 2px 10px 1px rgba(0,0,0,.07)
        }

            .social-footer ul li a i:hover {
                -webkit-box-shadow: 0 1px 20px 1px rgba(0,0,0,.3);
                box-shadow: 0 1px 20px 1px rgba(0,0,0,.3)
            }

.fa-facebook-f:before {
    content: "\f39e" !important
}

.social-footer .fa-facebook-f {
    background: #2871ea
}

.social-footer .fa-google-plus-g {
    background: #ff4157
}

.social-footer .fa-twitter {
    background: #00c8fe
}

.social-footer .fa-youtube {
    background: #be4f3b
}

.social-footer .fa-dribbble {
    background: #ae4a88
}

.social-footer .fa-linkedin-in {
    background: #0077b5
}

.social-footer .fa-instagram {
    background: #8A49A1
}

.social-footer .fa-whatsapp {
    background: #25D366
}

.social-footer .fa-telegram-plane {
    background: #31aaff
}

.social-footer .fa-pinterest-p {
    background: #BD081C
}

.social-footer .ico-aparat {
    background: #ec145b
}

.social-footer .ico-cloob {
    background: #3aaa35
}

.social-footer .ico-Soroush {
    background: #2A7A93
}

.social-footer .ico-Gap {
    background: #714AC9
}

.social-footer .ico-Eitaa {
    background: #E88214
}

.social-footer .ico-Bisphone {
    background: #E9453B
}

.social-footer .ico-Bale {
    background: #43AD9F
}

.social-footer .ico-iGap {
    background: #00B0BF
}

.social-footer .ico-rubika {
    background: #84D353
}

.social-footer .ico-hoorsa {
    background: #ffc108
}

.wid-content ul, .fwidget ul {
    padding: 0;
    list-style: none;
    margin: 0;
    display: block;
    float: right;
    width: 100%
}

.wid-content li, .fwidget li {
    width: 100%;
    float: right;
    margin-bottom: 10px
}

    .wid-content li:last-child, .fwidget li:last-child {
        margin-bottom: 0
    }

.wid-content a {
    color: #000;
    display: block
}

.wid-content {
    padding: 15px;
    width: 100%;
    float: right;
    display: block
}

.wid-title {
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 10px
}

    .wid-title h3 {
        font-size: 18px;
        font-family: dana-md;
        padding: 0 10px 5px;
        border-bottom: 2px solid;
        display: inline-block
    }

.w-post-title {
    display: block;
    max-height: 42px;
    overflow: hidden
}

.w-prod-desc {
    display: block;
    height: 20px;
    overflow: hidden
}

    .w-prod-desc.nstock {
        font-size: 13px;
        color: #BDBDBD
    }

.w-post-desc {
    display: block;
    height: 20px;
    overflow: hidden;
    font-size: 13px;
    color: #9E9E9E;
    font-family: dana-fd
}

.latest-posts .post-image img {
    border-radius: 10px;
    width: 64px;
    border: 1px solid #cfd8dc;
    height: 64px
}

.latest-posts .post-image {
    float: right;
    margin-left: 10px;
    position: relative
}

.tagcloud a {
    background: #fff;
    font-size: 14px !important;
    padding: 5px;
    margin: 3px;
    float: right;
    border-radius: 10px
}

    .tagcloud a:hover {
        color: #fff
    }

.namad-row {
    margin-right: -10px;
    margin-left: -10px
}

.namad-con {
    padding-top: 30px
}

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

.news-icon {
    margin: 20px auto 15px;
    display: table !important;
    font-size: 60px;
    line-height: 1 !important;
    color: #6c757d
}

.news-text {
    text-align: center;
    line-height: 30px
}

.news-form {
    margin: 0 auto;
    margin-top: 10px
}

    .news-form .input-group-text {
        color: #6c757d;
        background: #fff;
        border: 0;
        border-radius: 0 22px 22px 0 !important
    }

.news-input {
    border: 0 !important;
    font-size: 13px !important;
    padding: 10px !important;
    padding-right: 0 !important;
    background-color: #fff !important;
    color: #515151
}

input#feedemail {
    font-size: 12px !important;
    line-height: 18px
}

.btn-news {
    border-radius: 22px !important;
    padding-left: 15px;
    padding-right: 15px
}

.news-form .input-group-append {
    border-radius: 22px 0 0 22px;
    background: #fff
}

.link-list li {
    margin-bottom: 10px
}

.link-list a:before, .fwidget .menu-link:before {
    content: "\f058";
    font-family: fal-icon;
    margin-left: 7px;
    font-size: 17px;
    color: #ced1d8;
    float: right;
    line-height: 20px
}

.latest-posts li:hover img {
    -webkit-filter: blur(1px);
    filter: blur(1px)
}

.row.right-side {
    flex-direction: row-reverse
}

.jvm-woocommerce-wishlist-table th, .woocommerce .shop_table th, .woocommerce-shipping-methods, .woocommerce-shipping-methods .amount {
    font-family: dana-fm !important;
    font-weight: 400 !important;
    border-collapse: collapse !important
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 80px;
    box-shadow: none
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
    padding: 6px 12px
}

.coupon .button {
    margin-right: 5px !important
}

#coupon_code {
    padding: 6px 12px;
    width: auto;
    min-height: 34px;
    border: 0
}

.woocommerce a.remove, .jvm-woocommerce-wishlist-product .remove {
    display: block;
    height: 1em;
    border: 0;
    font-size: 18px;
    color: #fff !important;
    text-decoration: none;
    width: 18px;
    padding: 0;
    padding-top: 3px;
    line-height: 16px;
    text-align: center;
    background: #9e9e9e;
    font-weight: 400;
    border-radius: 50px
}

    .woocommerce a.remove:hover, .jvm-woocommerce-wishlist-product .remove:hover {
        background: #17a2b8
    }

.woocommerce-widget-layered-nav {
    overflow: visible
}

    .woocommerce-widget-layered-nav select.woocommerce-widget-layered-nav-dropdown {
        width: 100%;
        max-width: 100%;
        line-height: 2;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        outline: 0;
        padding: 5px 12px 5px 30px !important;
        border-radius: 22px;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none
    }

form.woocommerce-widget-layered-nav-dropdown {
    position: relative
}

.woocommerce .woocommerce-widget-layered-nav-dropdown:after {
    content: "\f107";
    font-family: fal-icon;
    color: #000;
    position: absolute;
    left: 15px;
    top: 10px
}

.checkout_coupon .form-row {
    width: auto !important;
    float: none !important;
    display: inline-block
}

.woocommerce form .form-row input.input-checkbox {
    width: auto !important
}

ul.order_details {
    padding: 0;
    margin: 0 auto 1em !important;
    display: table;
    float: none
}

.woocommerce ul.order_details li {
    padding: 15px;
    margin: 0;
    font-size: 14px;
    text-align: center
}

    .woocommerce ul.order_details li strong {
        margin-top: 10px
    }

.variable-item {
    font-family: dana-fd
}

.woocommerce-order-pay .page-con form {
    margin: 0 auto;
    display: table;
    text-align: center
}

.woocommerce-order-pay .page-con a {
    margin-top: 20px !important
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    width: 48%;
    max-width: inherit
}

.rtl .woocommerce .col2-set .col-1, .rtl .woocommerce-page .col2-set .col-1 {
    float: right
}

.rtl .woocommerce .col2-set .col-2, .rtl .woocommerce-page .col2-set .col-2 {
    float: left
}

#customer_login h2 {
    font-size: 20px;
    margin-bottom: 0;
    text-align: center
}

#customer_login .u-column1.col-1 h2::before {
    content: '\f4fc';
    font-family: 'fal-icon';
    margin-left: 7px;
    font-size: 25px
}

#customer_login .u-column2.col-2 h2::before {
    content: '\f234';
    font-family: 'fal-icon';
    margin-left: 7px;
    font-size: 25px
}

#customer_login .login, #customer_login .register {
    margin-top: 10px
}

.lost_reset_password button {
    margin: 0 !important
}

div.wid-content > ul > li.cat-item {
    border-radius: 4px;
    background: #f7f7f7;
    margin: 4px 0 !important;
    padding: 5px;
    transition: 620ms;
    border: none;
    font-size: 14px
}

.cat-item a {
    display: inline-block
}

.li-parent.closee:before {
    cursor: pointer;
    content: "\f067";
    font-family: fal-icon;
    margin: 0 10px;
    font-size: 14px;
    color: #283442;
    float: left
}

.li-parent.opene:before {
    cursor: pointer;
    content: "\f2d1";
    font-family: fal-icon;
    margin: 0 10px;
    font-size: 12px;
    color: #283442;
    float: left
}

div.wid-content > ul > li.cat-item > ul {
    background: #fff;
    padding: 5px
}

.pagination, .woocommerce-pagination {
    margin: 0;
    font-family: 'dana-fd',Arial,sans-serif,tahoma
}

    .pagination ul, .woocommerce-pagination ul {
        margin: 0 auto;
        border: 0 !important;
        list-style: none;
        display: table;
        padding: 0
    }

        .pagination ul > li, .woocommerce-pagination ul > li {
            display: inline;
            border: 0 !important;
            overflow: visible !important
        }

            .pagination ul > li > a, .pagination ul > li > span, .woocommerce-pagination ul > li > a, .woocommerce-pagination ul > li > span {
                float: right;
                padding: 10px 0 !important;
                text-align: center;
                line-height: 25px !important;
                text-decoration: none !important;
                background-color: #fff;
                font-size: 16px !important;
                color: #d81b60;
                border-radius: 50%;
                margin: 5px !important;
                width: 40px;
                height: 40px;
                -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1) !important;
                box-shadow: 0 0 10px 0 rgba(0,0,0,.1) !important
            }

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #f7f6f6;
    color: #d81b60
}

.woocommerce form .form-row textarea {
    height: 6em
}

.cart_item .amount, .shop_table .amount {
    font-family: dana-fd
}

.cart_totals h2 {
    font-size: 20px
}

.woocommerce-checkout h3 {
    font-size: 20px
}

.woocommerce form .form-row label, .woocommerce-page form .form-row label {
    display: block;
    width: 100%
}

.checkout input, .woocommerce-input-wrapper {
    width: 100% !important;
    display: block
}

.checkout .shipping_method {
    width: auto !important;
    display: inline-block
}

.wc_payment_method input {
    width: auto !important;
    display: inline-block
}

select.wpas-form-control {
    background-color: #EBEBEB !important
}

.wpas-reply-meta .wpas-timestamp {
    font-style: normal;
    font-size: 13px
}

.wpas-submission-form-inside-after-subject.container {
    width: 100%
}

.wpas-ticket-buttons-top .wpas-link-logout {
    display: none
}

.wpas-table > thead > tr > th {
    text-align: right
}

.wpas-table {
    text-align: right
}

.woocommerce-input-wrapper .select2-container--default .select2-selection--single, #billing_city_field .select2-selection, .select2-container--default .select2-selection--single {
    background-color: #eaeaea !important;
    border: 0 !important;
    height: 40px !important;
    border-radius: 25px !important;
    outline: none
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered, .woocommerce-input-wrapper .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-top: 8px
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow, .woocommerce-input-wrapper .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 5px;
    right: auto;
    top: 7px
}

#calc_shipping_state_field span {
    width: 100% !important
}

    #calc_shipping_state_field span.select2-selection__arrow {
        width: 20px !important
    }

#ship-to-different-address-checkbox {
    display: inline-block;
    width: auto !important;
    margin-right: 5px
}

#customer_details {
    margin-bottom: 20px
}

.woocommerce div.product {
    margin-bottom: 0;
    position: relative;
    width: 100%
}

.woocommerce #reviews #comment {
    height: auto
}

.woocommerce #respond .form-submit {
    margin-top: 20px !important
}

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

.product .btn-buy, .post .btn-buy {
    display: none;
    position: absolute;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.product-link, .post-link {
    display: block
}

.mini-product.prblur:hover .product-link, .mini-post.prblur:hover .post-link {
    -webkit-filter: blur(1px);
    filter: blur(1px)
}

.mini-product img, .mini-post img {
    transition: all .8s
}

.mini-product.przoom:hover img, .mini-post.przoom:hover img {
    transform: scale(1.06)
}

.woocommerce.mini-product:hover .btn-buy.button, .mini-post:hover .btn-buy {
    display: block
}

.woocommerce.mini-product .btn.loading {
    padding-left: 35px !important
}

.woocommerce.mini-product .btn-buy.button, .mini-post .btn-buy {
    display: none;
    position: absolute;
    width: auto;
    font-size: 14px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
    padding: 5px 10px;
    width: auto;
    line-height: 25px
}

.woocommerce.mini-product a.added_to_cart {
    display: none
}

.woocommerce.mini-product .product_type_variable.add_to_cart_button:before {
    content: '\f022';
    color: #fff;
    font-family: 'fal-icon';
    margin-left: 6px;
    font-size: 15px
}

.woocommerce.mini-product .product_type_simple.add_to_cart_button:before {
    content: '\f217';
    color: #fff;
    font-family: 'fal-icon';
    margin-left: 4px;
    font-size: 15px
}

.woocommerce.mini-product.prod-out-stock .product_type_simple:before, .mini-product.prod-coming .product_type_simple:before {
    content: '\f06e';
    color: #fff;
    font-family: 'fal-icon';
    margin-left: 4px;
    font-size: 15px
}

.woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after {
    font-family: 'fal-icon';
    content: "\f3f4";
    font-size: 16px;
    top: .45em;
    left: .8em
}

.woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after {
    font-family: 'fal-icon';
    content: "\f00c";
    font-size: 16px;
    margin-right: .53em;
    vertical-align: bottom
}

.mini-product a.button.loading {
    opacity: 1
}

.btn-buy i {
    font-size: 16px
}

#back-top {
    position: fixed;
    bottom: 40px;
    right: 20px;
    z-index: 10
}

    #back-top a {
        display: block;
        text-align: center;
        text-decoration: none
    }

    #back-top span {
        font-size: 40px;
        line-height: 55px;
        background: rgba(0,0,0,0.2);
        width: 55px;
        height: 55px;
        display: block;
        color: #fff;
        -webkit-border-radius: 10%;
        -moz-border-radius: 10%;
        border-radius: 10%;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s
    }

        #back-top span:hover {
            background: rgba(0,0,0,0.4)
        }

.di-socialbtn {
    position: fixed;
    bottom: 40px;
    left: 20px;
    z-index: 10
}

    .di-socialbtn a {
        display: block;
        text-align: center;
        text-decoration: none
    }

    .di-socialbtn span {
        font-size: 40px;
        line-height: 55px;
        width: 55px;
        height: 55px;
        display: block;
        opacity: .7;
        color: #fff;
        -webkit-border-radius: 10%;
        -moz-border-radius: 10%;
        border-radius: 10%;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s
    }

        .di-socialbtn span:hover {
            opacity: 1
        }

.special-box {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.special-slider {
    padding: 0
}

.special-img {
    float: right;
    padding: 10px 15px
}

    .special-img a {
        display: block;
        margin-top: 25px
    }

.special-box .owl-dots {
    margin: 5px auto;
    position: absolute;
    bottom: 0;
    padding-left: 10px;
    left: 0;
    display: block
}

    .special-box .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        display: inline-block;
        zoom: 1;
        background: transparent;
        border: none;
        margin: 0;
        padding: 0
    }

        .special-box .owl-dots .owl-dot span {
            transition: opacity .2s ease;
            width: 10px;
            height: 10px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            display: inline-block;
            margin: 0 2px;
            background-color: #fff;
            border: 1px solid
        }

        .special-box .owl-dots .owl-dot.active span {
            width: 20px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px
        }

.owl-carousel .owl-item .special-img img {
    display: table;
    height: auto;
    margin: 0 auto;
    max-width: 96%
}

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

.special-text {
    padding: 15px;
    float: right
}

.sp-stitle {
    text-align: center;
    font-family: dana-md;
    font-size: 20px;
    position: absolute;
    background: #f5f5f5;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #515151;
    border-radius: 0 0 22px 22px;
    padding: 5px 20px;
    white-space: nowrap
}

.sp-title {
    text-align: center;
    font-family: dana-md;
    font-size: 20px;
    height: 65px;
    margin-top: 40px;
    margin-bottom: 10px;
    overflow: hidden;
    color: #515151;
    padding-right: 15px
}

    .sp-title i {
        line-height: 1.5;
        margin-left: 5px;
        color: #ef5350
    }

.sp-price {
    text-align: center;
    font-family: dana-md
}

.sp-rprice .woocommerce-Price-amount, .sp-rprice del {
    font-size: 18px;
    color: #9E9E9E
}

.sp-rprice {
    filter: blur(0.7px)
}

.sp-sprice {
    font-size: 22px;
    color: #ec1717
}

    .sp-sprice > span {
        color: #39b156;
        padding: 5px 10px;
        border-radius: 5px
    }

.sp-discount {
    border-radius: 0;
    min-height: 30px;
    min-width: 137px;
    font-weight: 400;
    margin: 0;
    z-index: 9;
    background-color: #ef5662;
    color: #fff;
    width: 154px;
    font-size: 16px;
    position: absolute;
    text-align: center;
    padding: 4px;
    padding-top: 30px;
    right: -46px;
    font-family: dana-fd;
    top: -15px;
    transform: rotate(35deg);
    line-height: 2
}

.special-slider .item {
    overflow: hidden;
    padding: 0
}

.pnot-in-stock {
    position: absolute;
    z-index: 10;
    background: rgba(255,255,255,0.5);
    width: 100%;
    height: 100%;
    right: 0;
    top: 0
}

.not-stock-text {
    font-size: 35px;
    position: absolute;
    padding: 3px 12px;
    width: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    border-radius: 10px;
    white-space: nowrap
}

    .not-stock-text i {
        vertical-align: middle
    }

.pblur {
    -webkit-filter: blur(2px)grayscale(100%);
    filter: blur(2px)grayscale(100%);
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden
}

.sp-btn {
    margin: auto;
    display: table;
    margin-top: 10px;
    text-align: center;
    padding: 8px 25px;
    font-size: 15px
}

    .sp-btn i {
        float: right;
        margin-left: 5px;
        font-size: 20px;
        line-height: 22px
    }

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.special-title ul {
    padding: 15px 0;
    margin: 0;
    list-style: none
}

.special-title li {
    padding: 15px;
    background: #f4f5f9;
    margin-bottom: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    overflow: hidden;
    height: 50px;
    font-size: 15px;
    font-family: dana;
    cursor: pointer;
    border-radius: 5px
}

    .special-title li:last-child {
        margin: 0
    }

.product-price ins {
    display: block;
    width: 100%
}

.product-price ins, .woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
    text-decoration: none
}

.mini-product .product-price {
    display: block;
    width: 100%;
    float: right;
    text-align: center;
    margin-top: 10px;
    color: #39b156;
    font-family: dana-fd;
    position: relative;
    height: 43px;
    font-size: 16px
}

    .mini-product .product-price > .amount {
        width: 100%;
        text-align: center
    }

.mini-product .price-con {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.woocommerce div.product p.price del, .woocommerce div.product span.price del, .woocommerce div.product p.price del .woocommerce-Price-amount {
    color: #BDBDBD;
    font-size: 16px;
    opacity: 1;
    margin-left: 5px
}

.navbar .container {
    position: relative
}

.navbar .menu-logo {
    display: none
}

.fixed-nav.sticky .menu-logo {
    display: block;
    padding: 0;
    padding-top: 6px
}

.nav > li.sticky-logo > a:hover {
    background-color: transparent !important
}

.yamm > li.sticky-logo, .yamm-s > li.sticky-logo, .yamm > li.sticky-logo:hover, .yamm-s > li.sticky-logo:hover {
    border: 0 !important;
    background: transparent !important
}

.navbar .menu-logo .img-logo {
    width: 107px;
    height: 37px;
    margin-left: 5px
}

.menu-item-has-children, .menu-item-has-children .dropdown-menu {
    left: auto
}

    .menu-item-has-children .dropdown-menu {
        width: 100% !important
    }

.usermenu, .sidecart, .sidelogin, .sidenav {
    height: 100%;
    width: 320px;
    position: fixed;
    z-index: 99999;
    top: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: .2s
}

.usermenu, .sidecart {
    left: -320px
}

.sidenav, .sidelogin {
    right: -325px
}

.sidecart .woocommerce-mini-cart__empty-message {
    padding: 20px 20px 10px;
    text-align: center
}

.sidecart .woocommerce-mini-cart-item {
    float: right;
    position: relative;
    display: block;
    width: 100%;
    padding: 10px !important
}

.sidecart .woocommerce-mini-cart {
    padding: 0;
    width: 100%;
    list-style: none;
    display: block;
    float: right
}

.sidecart ul li:nth-of-type(odd) {
    background: #F5F5F5
}

.sidecart ul li:nth-of-type(even) {
    background: #fff
}

.sidecart .mini_cart_item a {
    font-weight: 400 !important;
    text-align: right;
    display: block;
    padding-left: 16px;
    min-height: 45px;
    float: right
}

span.side-cart-name {
    max-height: 40px;
    overflow: hidden;
    display: block
}

.shop_table span.side-cart-name {
    display: inline
}

.quantity .woocommerce-Price-amount {
    color: #757575
}

.sidecart .remove.remove_from_cart_button {
    font-size: 18px;
    color: #fff !important;
    text-decoration: none;
    min-height: 19px;
    width: 19px;
    padding: 0;
    padding-top: 2px;
    line-height: 17px;
    text-align: center;
    background: #BDBDBD;
    border-radius: 50px;
    position: absolute;
    left: 5px;
    top: 10px
}

    .sidecart .remove.remove_from_cart_button:hover {
        background: #17a2b8
    }

.sidecart img {
    float: right !important;
    width: 64px !important;
    height: 64px !important;
    border-radius: 5px;
    margin-left: 10px;
    border: 1px solid #e2dddd
}

.sidecart .mclosebtn {
    position: absolute;
    top: 5px;
    margin-right: 0 !important;
    right: 5px;
    font-size: 25px;
    padding: 0 10px;
    text-decoration: none
}

.mini-cart-title {
    float: right;
    height: 36px;
    width: 210px;
    overflow: hidden;
    font-weight: 400
}

.sidecart .woocommerce-mini-cart__buttons.buttons a.button {
    text-decoration: none;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 22px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition-property: color,background-color,border-color,box-shadow;
    transition-duration: 0.15s,0.15s,0.15s,.15s;
    transition-timing-function: ease-in-out,ease-in-out,ease-in-out,ease-in-out;
    transition-delay: 0s,0s,0s,0
}

.sidecart .quantity {
    display: block;
    margin-top: 10px;
    font-family: dana-fd;
    color: #757575;
    float: left;
    position: absolute;
    left: 10px;
    bottom: 5px
}

.sidecart .woocommerce-mini-cart__total.total {
    float: right;
    width: 100%;
    margin: 0;
    padding: 5px 0 0;
    text-align: center;
    font-family: dana-fd;
    font-size: 16px;
    color: #39b156
}

.sidecart .woocommerce-mini-cart__buttons.buttons {
    float: right;
    padding: 5px;
    display: block;
    width: 100%;
    text-align: center
}

    .sidecart .woocommerce-mini-cart__buttons.buttons a.button, .dataTables_paginate .paginate_button, .wpas-btn {
        text-decoration: none;
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid;
        border-radius: 22px;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition-property: color,background-color,border-color,box-shadow;
        transition-duration: 0.15s,0.15s,0.15s,.15s;
        transition-timing-function: ease-in-out,ease-in-out,ease-in-out,ease-in-out;
        transition-delay: 0s,0s,0s,0
    }

.sidecart .button.wc-forward, .dataTables_paginate .paginate_button, .wpas-btn {
    margin: 0 auto;
    width: auto;
    background-color: transparent;
    background-image: none !important
}

    .sidecart .button.wc-forward:hover, .dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button:hover, .wpas-btn:hover {
        color: #fff
    }

.sidecart .button.checkout.wc-forward, .woocommerce-order-pay .page-con input[type=submit] {
    display: block;
    background-color: #28A745 !important;
    border-color: #28A745 !important;
    color: #fff;
    margin: 0 auto;
    width: auto;
    margin-right: 10px
}

    .sidecart .button.checkout.wc-forward:hover, .woocommerce-order-pay .page-con input[type=submit]:hover {
        background-color: #1E7E34 !important;
        border-color: #1E7E34 !important
    }

.woocommerce-order-pay .page-con input[type=submit] {
    min-width: 250px;
    min-height: 50px;
    font-size: 18px !important;
    margin-right: 0;
    display: block
}

.side-head .msform {
    margin: 0 auto;
    margin-top: 25px;
    display: table;
    float: none;
    width: 95%
}

.side-head .prod-cat {
    font-size: 12px
}

.side-head .s-select select {
    padding: 5px;
    padding-left: 12px
}

.side-head .s-select:after {
    right: 58px;
    top: 12px
}

.side-head .msh {
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    padding: 6px 10px !important;
    font-size: 12px !important
}

.sidenav .prod-cat select {
    padding: 5px 14px 5px 12px !important;
    font-family: dana
}

.sidenav .prod-cat:after {
    font-size: 17px
}

.sidelogin .mclosebtn, .sidenav .mclosebtn, .sidebar .mclosebtn {
    position: absolute;
    top: 5px;
    margin-right: 0 !important;
    right: 5px;
    font-size: 25px;
    padding: 0 10px;
    text-decoration: none
}

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#cssmenu {
    width: 100%
}

    #cssmenu ul ul {
        display: none
    }

.align-right {
    float: right
}

#cssmenu > ul > li {
    margin: 4px
}

    #cssmenu > ul > li > a {
        padding: 10px 15px;
        cursor: pointer;
        z-index: 2;
        font-size: 14px;
        text-decoration: none;
        color: #505763;
        background: #f7f7f7
    }

    #cssmenu > ul > li.open > a {
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.15);
        border-bottom: 1px solid #1682ba
    }

#cssmenu li i {
    margin-left: 8px;
    font-size: 15px
}

.holder {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0
}

    .holder::after {
        display: block;
        position: absolute;
        content: "";
        width: 6px;
        height: 6px;
        left: 20px;
        z-index: 10;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        transition: 870ms;
        top: 12px;
        border-top: 2px solid #000;
        border-left: 2px solid #505763
    }

    .holder::before {
        top: 12px;
        border-top: 2px solid;
        border-left: 2px solid;
        border-top-color: inherit;
        border-left-color: inherit
    }

#cssmenu ul ul li a {
    cursor: pointer;
    padding: 10px 20px;
    z-index: 1;
    text-decoration: none;
    font-size: 13px;
    color: #eee;
    background: #607D8B;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1)
}

#cssmenu ul > li > ul > li > ul > li > a {
    color: #505763;
    background: #f7f7f7
}

#cssmenu ul > li > ul > li > ul > li > ul > li > a {
    color: #fff;
    background: #78909C
}

#cssmenu ul > li > ul > li > ul > li > a::after {
    border-top: 2px solid #505763 !important;
    border-left: 2px solid #505763 !important
}

#cssmenu ul ul li:first-child > a {
    box-shadow: none
}

#cssmenu ul ul ul li:first-child > a {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1)
}

#cssmenu ul ul ul li a {
    padding-left: 30px
}

#cssmenu > ul > li > ul > li:last-child > a, #cssmenu > ul > li > ul > li.last > a {
    border-bottom: 0
}

#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
    border-bottom: 0
}

#cssmenu li.has-sub > a::after {
    display: block;
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    left: 20px;
    z-index: 10;
    top: 11.5px;
    border-top: 2px solid #eee;
    border-left: 2px solid #eee;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    transition: 870ms
}

#cssmenu > ul > li.has-sub > a::after {
    border-top: 2px solid #505763;
    border-left: 2px solid #505763
}

#cssmenu li.open > a::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg) !important;
    -ms-transform: rotate(45deg) !important;
    -o-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important
}

#cssmenu ul ul li.active > a::after, #cssmenu ul ul li.open > a::after, #cssmenu ul ul li > a:hover::after {
    border-color: #fff
}

.side-icon {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #F5F5F5;
    font-size: 200px;
    z-index: -1
}

#login_form {
    padding: 50px 20px 0
}

    #login_form .input-group-text {
        background-color: #fff;
        border: 1px solid #ced4da;
        border-left: 0;
        color: #6c757d;
        border-radius: 0 22px 22px 0 !important;
        padding-right: 15px
    }

    #login_form .g-recaptcha {
        margin: 10px auto;
        display: table
    }

    #login_form input {
        border: 1px solid #ddd;
        font-size: 14px;
        padding: 10px;
        padding-right: 5px;
        background-color: #fff !important;
        color: #6c757d;
        border-radius: 22px 0 0 22px !important;
        border-right: 0;
        line-height: 18px
    }

#mySideLogin .digits-login #basic-addon1 {
    display: none
}

.digcon {
    position: relative;
    width: 100%
}

#login_form .digcon input {
    border-radius: 22px !important;
    border-right: 1px solid #ddd;
    text-align: right;
    padding-right: 15px
}

    #login_form .digcon input.countrycode {
        border-radius: 22px 0 0 22px !important;
        border-right: 0;
        text-align: left;
        padding-left: 15px
    }

.plogin-btn {
    margin: 10px auto 0;
    display: table;
    padding: .575rem 1rem;
    width: auto;
    min-width: 170px
}

    .plogin-btn .fal {
        margin-left: 5px
    }

.lost-password {
    float: right;
    padding-right: 5px;
    display: block;
    margin-bottom: 10px
}

.pregisterlink {
    float: left;
    padding-left: 5px;
    display: block;
    margin-bottom: 10px
}

.b-ul {
    list-style: none;
    width: 188px;
    margin: auto !important
}

.wid-content .b-ul {
    margin-bottom: 10px !important;
    display: table
}

.fwidgets {
    padding-bottom: 10px;
    padding-top: 65px
}

.fwidget .b-ul {
    list-style: none;
    width: 180px;
    margin: 30px auto 0 !important;
    display: table;
    float: none
}

.fwidget li.b-img {
    float: left;
    margin: 2px !important;
    background-color: #fff;
    padding: 0 !important;
    transition: 670ms;
    width: auto;
    border-radius: 3px;
    background-image: url(../images/spriteb.png);
    width: 40px;
    height: 40px
}

.b-img:hover {
    opacity: .6
}

.b1 {
    background-position: -7px -10px
}

.b2 {
    background-position: -10px -70px
}

.b3 {
    background-position: -6px -130px
}

.b4 {
    background-position: -4px -190px
}

.b5 {
    background-position: -7px -250px
}

.b6 {
    background-position: -10px -310px
}

.b7 {
    background-position: -10px -369px
}

.b8 {
    background-position: -10px -428px
}

.b9 {
    background-position: -10px -486px
}

.b10 {
    background-position: -8px -545px
}

.b11 {
    background-position: -10px -600px
}

.b12 {
    background-position: -10px -658px
}

.b13 {
    background-position: -6px -718px
}

.b14 {
    background-position: -8px -777px
}

.b15 {
    background-position: -10px -837px
}

.b16 {
    background-position: -8px -895px
}

.single-product .product .single_add_to_cart_button.button, .woocommerce .single_add_to_cart_button.button.alt.disabled, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover {
    border-radius: 22px;
    height: 37px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400
}

.call-pro .single_variation_wrap, .call-pro form.cart {
    display: none !important
}

.woocommerce div.product form.cart .variations {
    margin-bottom: 0;
    border: 0;
    width: auto
}

    .woocommerce div.product form.cart .variations label {
        font-weight: 400;
        margin-bottom: 0;
        line-height: 40px
    }

table.variations td {
    padding-bottom: 5px
}

.single-product .product .single_add_to_cart_button.button:hover, .woocommerce .product .add_to_cart_button.button:hover {
    background-color: #1E7E34;
    border-color: #1E7E34
}

.woocommerce-product-search button[type=submit], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce a.button.alt, .woocommerce button.button.alt, input[type=reset], input[type=submit] {
    text-decoration: none;
    outline: none;
    display: inline-block;
    padding: 6px 12px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 22px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition-property: color,background-color,border-color,box-shadow;
    transition-duration: 0.15s,0.15s,0.15s,.15s;
    transition-timing-function: ease-in-out,ease-in-out,ease-in-out,ease-in-out;
    transition-delay: 0s,0s,0s,0;
    margin: 0 auto;
    width: auto;
    background-color: #17a2b8;
    background-image: none !important
}

.search-input, .prod-cat select {
    margin-bottom: 0
}

.woocommerce a.button.alt {
    display: block;
    text-align: center;
    margin-bottom: 1em;
    font-size: 1.25em;
    padding: 1em
}

    .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, input[type=reset]:hover, input[type=submit]:hover {
        color: #fff
    }

button#place_order {
    text-align: center;
    margin: 1em auto;
    font-size: 1.25em;
    padding: .5em 3em
}

.single-product .product .single_add_to_cart_button.button::before {
    content: '\f217';
    font-family: 'fal-icon';
    margin-left: 7px;
    font-size: 16px
}

.woocommerce .widget_layered_nav_filters ul li a::before {
    font-family: 'fal-icon';
    content: '\f057';
    color: #a00;
    float: right;
    line-height: 20px
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a::before {
    font-family: 'fal-icon';
    content: '\f111';
    color: #BDBDBD;
    font-weight: 400;
    float: right;
    line-height: 20px;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    margin-left: .618em;
    text-decoration: none
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before {
    font-family: 'fal-icon';
    content: '\f058';
    color: #28A745
}

.wc-layered-nav-term span.count {
    float: left
}

.woocommerce div.product p.stock {
    font-size: 16px;
    font-family: dana-fd
}

.woocommerce #review_form #respond .form-submit input {
    right: auto;
    padding: 6px 25px
}

.woocommerce table.shop_attributes td {
    font-family: dana-fd;
    font-weight: 400;
    font-style: normal
}

.woocommerce-product-attributes-item td, .woocommerce-product-attributes-item th, .woocommerce table.shop_attributes {
    border: 0 !important;
    font-weight: 400 !important;
    font-family: dana-md
}

    .woocommerce table.shop_attributes th {
        padding: 15px;
        width: 200px
    }

.product_meta > span {
    display: block;
    margin-bottom: 10px
}

.sku {
    color: #17a2b8
}

.product-con {
    padding: 20px;
    position: relative
}

ul.prod-opts {
    color: #8c8b89;
    position: absolute;
    z-index: 5;
    list-style: none;
    top: 140px;
    font-size: 22px;
    right: 22px;
    padding: 0;
    width: 35px;
    margin: 0
}

.prod-opts li {
    display: block;
    margin-bottom: 5px;
    position: relative;
    float: right;
    text-align: center
}

.prod-opts > li > span, .prod-opts > li > a > span {
    display: block;
    float: right;
    height: 22px;
    line-height: 1;
    background: #fff;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50px;
    padding-top: 6px
}

.prod-opts i, .jvm_add_to_wishlist_heart {
    width: 30px;
    cursor: pointer
}

.prod-opts .out-compare {
    color: #938d89
}

.social-box {
    padding: 0;
    display: table;
    list-style: none;
    margin: 0 auto
}

    .social-box li {
        float: left;
        margin-right: 5px
    }

    .social-box a {
        display: block
    }

    .social-box li a i {
        float: left;
        color: #fff;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        margin: 2px;
        line-height: 38px;
        text-align: center;
        font-size: 22px;
        transition: all .3s;
        -webkit-box-shadow: 0 2px 10px 1px rgba(0,0,0,.07);
        box-shadow: 0 2px 10px 1px rgba(0,0,0,.07)
    }

    .social-box .fa-facebook-f {
        background: #2871ea
    }

    .social-box .fa-google-plus-g {
        background: #ff4157
    }

    .social-box .fa-twitter {
        background: #00c8fe
    }

    .social-box .fa-linkedin-in {
        background: #0077b5
    }

    .social-box .fa-telegram-plane {
        background: #31aaff
    }

    .social-box .fa-pinterest-p {
        background: #BD081C
    }

    .social-box .ico-cloob {
        background: #3aaa35
    }

    .social-box .fa-envelope {
        background: #43AD9F
    }

    .social-box .fa-whatsapp {
        background: #25D366
    }

.short-con {
    background: #f5f5f5;
    display: table;
    margin: 20px auto 5px;
    padding: 10px 20px;
    border-radius: 25px
}

.short-text {
    margin-left: 7px
}

.short-btn {
    margin-right: 12px;
    font-size: 17px;
    display: block;
    float: left;
    color: #9E9E9E
}

    .short-btn i {
        float: left;
        cursor: pointer
    }

    .short-btn:hover {
        color: #17a2b8
    }

.link-copy {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%)translateX(-50%);
    transform: translateY(-50%)translateX(-50%);
    background: rgba(0,0,0,0.7);
    color: #fff;
    border-radius: 20px;
    padding: 2px 13px
}

.product-features {
    font-size: 13px;
    margin: 10px 0;
    width: 50%;
    float: right
}

    .product-features strong {
        margin-bottom: 5px;
        display: block
    }

    .product-features ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

        .product-features ul li {
            margin-bottom: 5px
        }

            .product-features ul li:last-child {
                margin-bottom: 0
            }

            .product-features ul li:before {
                content: "\f111";
                font-size: 8px;
                font-family: 'fal-icon';
                color: #000;
                vertical-align: middle;
                margin-left: 5px;
                float: right;
                line-height: 18px
            }

    .product-features .ftitle {
        margin-left: 3px;
        float: right
    }

.product_extra {
    float: left;
    width: 40%;
    background: #F5F5F5;
    padding: 15px;
    border-radius: 10px;
    margin-top: 10px
}

.add_prod_info {
    background: #f5f5f5;
    padding: 6px;
    margin-top: 10px;
    font-size: .929rem;
    line-height: 1.692;
    border-radius: 10px;
    width: 100%;
    display: block;
    float: right
}

.thumbnail-nav img {
    border: 1px solid #CCC;
    border-radius: 10px
}

[dir="rtl"] .slick-prev::before {
    content: "\f054";
    font-family: 'fal-icon'
}

[dir="rtl"] .slick-next::before {
    content: "\f053";
    font-family: 'fal-icon'
}

.woocommerce div.product .product_title {
    clear: none;
    margin: 0 0 10px;
    font-size: 19px;
    line-height: 1.5;
    float: right;
    padding-bottom: 7px;
    width: 100%;
    border-bottom: 1px solid #f2f2f2
}

.ptitle-con {
    clear: none;
    margin: 0 0 10px;
    line-height: 1.5;
    display: block;
    float: right;
    width: 100%
}

.psub_title {
    float: right;
    font-size: 13px;
    color: #9E9E9E
}

.product_extra {
    float: left;
    font-size: 14px;
    width: 41%;
    margin-top: 10px;
    background: #F5F5F5;
    padding: 5px;
    border-radius: 10px
}

.col-sm-9 .product_extra {
    font-size: 12px;
    width: 47%
}

.product_extra ul {
    padding: 0;
    list-style: none;
    margin: 0;
    float: right
}

.product_extra li {
    margin-bottom: 2px;
    border-bottom: 1px solid #E4E4E4;
    width: 100%;
    float: right;
    padding: 6px 5px
}

.product_extra i {
    font-size: 20px;
    color: #388e3c;
    margin-left: 10px;
    float: right;
    width: 22px;
    text-align: center
}

.product_extra span {
    float: right
}

.product_extra li:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.woocommerce div.product .woocommerce-product-rating {
    margin: 0;
    float: left;
    color: #FFC74A
}

    .woocommerce div.product .woocommerce-product-rating .woocommerce-review-link {
        display: none
    }

.woocommerce .woocommerce-product-rating .star-rating {
    margin: 0;
    float: left
}

.woocommerce div.product .product_title::before {
    content: '\f053';
    font-family: 'fal-icon';
    margin-left: 7px;
    font-size: 16px;
    float: right
}

.product_meta {
    float: right;
    font-size: 13px;
    width: 100%
}

.sku_wrapper::before {
    content: '\f02a';
    font-family: 'fal-icon';
    margin-left: 5px;
    font-size: 13px
}

.posted_in::before {
    content: '\f54e';
    font-family: 'fal-icon';
    margin-left: 5px;
    font-size: 13px
}

.tagged_as::before {
    content: '\f02c';
    font-family: 'fal-icon';
    margin-left: 5px;
    font-size: 13px
}

.brand_wrapper::before {
    content: '\f02b';
    font-family: 'fal-icon';
    margin-left: 5px;
    font-size: 13px
}

.download-status {
    background: #80DEEA;
    padding: 0 5px;
    border-radius: 2px;
    color: #fff
}

.order-status {
    background: #8dbc3f;
    padding: 0 5px;
    border-radius: 2px;
    color: #fff
}

.download-status.published {
    background: #8dbc3f
}

.download-status.draft {
    background: #f19629
}

.mark, mark {
    padding: 2px 5px;
    background-color: #f7f7f7;
    border-radius: 4px
}

.woocommerce-orders-table, .woocommerce-table--order-downloads {
    border-radius: 0 !important;
    border: 0 !important
}

.woocommerce table.shop_table, .jvm-woocommerce-wishlist-table {
    font-family: dana-fd;
    font-size: .85em;
    border-collapse: collapse !important
}

.jvm-woocommerce-wishlist-table {
    width: 100%
}

    .jvm-woocommerce-wishlist-table th {
        background: #F5F5F5;
        padding: 10px 8px
    }

    .jvm-woocommerce-wishlist-table td {
        padding: 10px 8px;
        border-top: none;
        border-bottom: 1px solid rgba(0,0,0,.1)
    }

.jvm-woocommerce-wishlist-product .product-thumbnail, .jvm-woocommerce-wishlist-product .product-remove {
    text-align: center
}

.jvm-woocommerce-wishlist-product img {
    max-width: 80px;
    height: auto
}

.woocommerce-orders-table th, .woocommerce-table--order-downloads th {
    background: #F5F5F5;
    padding: 10px 8px !important;
    font-family: dana-md !important;
    font-weight: 400 !important
}

.woocommerce-orders-table td, .woocommerce-table--order-downloads td {
    padding: 10px 8px !important;
    border-top: none !important;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.woocommerce-Address-title .edit:before {
    content: "\f044";
    margin-left: 5px;
    font: normal normal normal 17px/1 fal-icon;
    line-height: 20px;
    float: right;
    font-size: 16px
}

.woocommerce-account .addresses .title h3 {
    font-size: 20px
}

.woocommerce-Address {
    background: #f5f5f5;
    border-radius: 4px;
    padding: 10px
}

.woocommerce-notices-wrapper {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.woocommerce-message, .woocommerce-info, .woocommerce-error {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    background-color: #fff;
    width: 100%;
    border-radius: 10px;
    line-height: 2;
    font-family: dana-fd;
    margin: 0 10px 25px
}

    .woocommerce-message::before {
        content: "\f058";
        color: #8fae1b;
        font-family: 'fal-icon';
        font-size: 17px;
        top: 13px
    }

    .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
        font-family: 'fal-icon';
        content: "\f05a";
        display: inline-block;
        position: absolute;
        font-size: 17px;
        top: 13px;
        right: 1.5em
    }

.woocommerce span.onsale {
    border-radius: 0;
    min-height: 30px;
    min-width: 137px;
    font-weight: 400;
    margin: 0;
    z-index: 9;
    background-color: #ef5662;
    color: #fff;
    width: 150px;
    font-size: 16px;
    position: absolute;
    text-align: center;
    padding: 4px;
    padding-top: 30px;
    right: -45px;
    font-family: dana-fd;
    top: -15px;
    transform: rotate(35deg);
    line-height: 1.8
}

.woocommerce div.product p.stock {
    font-size: 16px
}

.product_meta > span {
    display: block;
    margin-bottom: 10px;
    color: #8c8b89
}

.overlay3 {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    opacity: 0;
    transition: opacity 1s
}

.side-head img {
    border-radius: 4px;
    box-shadow: 0 1px 8px rgba(0,0,0,.1);
    margin: 0 auto;
    display: block
}

.side-uname {
    font-size: 15px;
    margin-top: 10px;
    display: block;
    text-transform: capitalize
}

.m-wallet .woocommerce-Price-amount, .m-wallet {
    font-size: 13px;
    font-family: dana-fd
}

.usmenu {
    list-style: none;
    margin: 0;
    margin-top: 10px;
    padding: 0
}

    .usmenu li {
        padding-top: 3px;
        background: #F7F9FA;
        margin: 3px;
        border-radius: 4px;
        height: 34px
    }

.usermenu a {
    padding: 4px 15px;
    text-decoration: none;
    font-size: 14px;
    display: block;
    transition: .3s
}

.usermenu .closebtn {
    position: absolute;
    top: 5px;
    margin-right: 0 !important;
    right: 5px;
    font-size: 25px;
    padding: 0 10px;
    text-decoration: none
}

.side-head {
    padding: 10px;
    text-align: center;
    padding-top: 15px;
    font-size: 20px;
    font-family: dana-md
}

    .side-head.nsearch {
        margin-bottom: 20px
    }

.mobile-search {
    margin-top: 10px
}

.side-title {
    margin: 0 auto;
    display: table;
    border-bottom: 3px solid;
    padding: 0 15px
}

.sidecart::-webkit-scrollbar {
    width: 5px
}

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

.sidecart::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey
}

.single-product div.product form.cart .quantity {
    float: none;
    margin: 0;
    display: inline-block
}

.woocommerce-Price-amount {
    font-family: dana-fd;
    color: #39b156
}

table.dataTable thead th, table.dataTable tfoot th {
    font-weight: 400;
    font-family: dana-md
}

.price-con {
    width: 100%;
    display: block;
    float: right
}

    .price-con p {
        margin-bottom: 5px
    }

    .price-con.variable-price > .price {
        display: none !important
    }

strong.product-quantity {
    font-family: dana-fd !important
}

.woocommerce-variation-price {
    display: block;
    margin-bottom: 5px;
    float: right;
    width: 100%
}

    .woocommerce-variation-price .price del .woocommerce-Price-amount {
        font-size: 16px
    }

.woocommerce .minus, .woocommerce .plus {
    height: 35px;
    color: #BDBDBD;
    padding: 8px;
    background: transparent;
    margin: 0;
    border: 0;
    float: right;
    border-radius: 0;
    font-size: 25px;
    cursor: pointer;
    line-height: 1
}

.minus {
    border-left: 1px solid #BDBDBD
}

.plus {
    border-right: 1px solid #BDBDBD
}

.woocommerce .minus:hover, .woocommerce .plus:hover {
    color: #515151
}

.woocommerce .quantity .qty {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    display: inline-block;
    min-height: 35px;
    width: 25px;
    font-size: 16px;
    border: 0;
    outline: none;
    padding: 0;
    font-family: dana-fd;
    vertical-align: top;
    background: #fff;
    margin-bottom: 0
}

    .woocommerce .quantity .qty:focus, .search-input:focus, .news-input:focus, .prod-cat select:focus {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

.woocommerce div.product form.cart div.quantity {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: right;
    margin: 0
}

.quantity-con {
    float: right;
    margin-left: 10px;
    border: 1px solid #ddd;
    border-radius: 25px
}

.product-quantity .quantity-con {
    margin: 0
}

.quantity {
    float: right
}

.woocommerce td.product-quantity {
    min-width: 105px
}

td.product-name {
    font-size: 14px
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    font-size: 1.25em;
    font-family: dana-fd;
    color: #39b156;
    margin-top: 10px;
    width: 100%;
    display: block;
    float: right
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0
}

    .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
        left: 0;
        border-bottom-right-radius: 0;
        border-width: 0;
        box-shadow: none
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
        right: 0;
        border-bottom-left-radius: 0;
        border-width: 0;
        box-shadow: none
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        display: inline-block;
        padding: .5em 0;
        font-weight: 400;
        font-family: dana-fd;
        color: #515151;
        text-decoration: none;
        font-size: 15px
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs::before {
        position: absolute;
        content: " ";
        width: 100%;
        bottom: 0;
        right: 0;
        border-bottom: 1px solid #eee;
        z-index: 1
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        border: 1px solid #eee;
        background-color: #ebe9eb;
        display: inline-block;
        position: relative;
        z-index: 0;
        border-radius: 0;
        margin: 0;
        padding: 0 1em
    }

        .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
            background: #fff;
            z-index: 2;
            border-bottom-color: #fff;
            border-top: 3px solid #17a2b8
        }

.dw_product_specifications_tab a::before {
    content: '\f46d';
    font-family: 'fal-icon';
    margin-left: 7px;
    font-size: 16px
}

.description_tab a::before {
    content: '\f15c';
    font-family: 'fal-icon';
    margin-left: 7px;
    font-size: 16px
}

.additional_information_tab a::before {
    content: '\f46d';
    font-family: 'fal-icon';
    margin-left: 7px;
    font-size: 16px
}

.reviews_tab a::before {
    content: '\f086';
    font-family: 'fal-icon';
    margin-left: 7px;
    font-size: 16px
}

.shipping_tab a::before {
    content: '\f0d1';
    font-family: 'fal-icon';
    margin-left: 7px;
    font-size: 16px
}

.seller_tab a::before {
    content: '\f2bb';
    font-family: 'fal-icon';
    margin-left: 7px;
    font-size: 16px
}

.more_seller_product_tab a::before {
    content: '\f847';
    font-family: 'fal-icon';
    margin-left: 7px;
    font-size: 16px
}

.dina_brand_tab a::before {
    content: '\f02c';
    font-family: 'fal-icon';
    margin-left: 7px;
    font-size: 16px
}

h3.brand-name {
    font-size: 18px
}

.brand-logo {
    margin: 10px auto;
    display: block;
    border: 5px solid #f5f5f5;
    padding: 5px
}

.brand-description {
    line-height: 2.5
}

.salecount {
    display: block;
    color: #fff;
    width: auto;
    text-align: center;
    margin: 10px auto 0
}

.counter-con {
    width: 100%;
    display: block;
    float: right
}

    .counter-con .salecount-section {
        display: inline-block;
        background: #fff;
        border: 0;
        text-align: center;
        width: 36px;
        margin: 0;
        border-radius: 0
    }

.prodcounter::after {
    content: "\f34e";
    font-family: fal-icon;
    line-height: 20px;
    font-size: 17px
}

.salecount-section {
    display: inline-block;
    background: #fff;
    border: 1px solid #eee;
    text-align: center;
    width: 65px;
    margin: 0 3px;
    border-radius: 50%
}

.salecount-amount {
    font-family: dana-fd;
    padding: 5px;
    font-size: 20px;
    display: block
}

.salecount-period {
    font-size: 12px;
    display: block;
    padding: 0 5px 5px
}

.mini-product .counter-con {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 7px;
    float: right;
    overflow: hidden;
    font-family: dana-fd;
    position: relative;
    height: 27px
}

.mini-product .salecount-amount {
    font-family: dana-fd;
    padding: 0;
    font-size: 17px;
    display: block
}

.mini-product .counter-con .salecount-section {
    display: inline-block;
    border: 0;
    text-align: center;
    width: 26px;
    margin: 0;
    border-radius: 0
}

.timed-products .product-price {
    margin-top: 0
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: right;
    width: 40%;
    padding-left: 10px
}

#content div.product div.summary, .woocommerce-page div.product div.summary {
    float: left;
    width: 60%;
    clear: none;
    padding-right: 15px;
    border-right: 1px solid #f2f2f2
}

.container-fluid.blank-page {
    padding: 0
}

.white-title h2 {
    color: #fff
}

.white-title .not-msg {
    color: #fff
}

.woocommerce-MyAccount-content, .woocommerce-MyAccount-navigation-con {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1) !important;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1) !important;
    background-color: #fff;
    border-radius: 10px !important;
    overflow: hidden;
    position: relative
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 73%;
    padding: 20px;
    line-height: 2
}

.woocommerce-MyAccount-navigation-con {
    width: 100%;
    float: right
}

.woocommerce-MyAccount-navigation {
    width: 100% !important;
    margin-top: 10px
}

    .woocommerce-MyAccount-navigation ul {
        padding: 0;
        list-style: none;
        margin-bottom: 0 !important
    }

    .woocommerce-MyAccount-navigation li.is-active, .woocommerce-MyAccount-navigation li.active {
        background: rgba(0,0,0,0.03)
    }

    .woocommerce-MyAccount-navigation li {
        padding: 0 !important;
        display: block !important;
        float: none !important;
        color: #666;
        height: auto;
        font-size: 15px;
        margin: 0 !important;
        transition: 470ms;
        font-weight: 400 !important
    }

        .woocommerce-MyAccount-navigation li:hover {
            background: rgba(0,0,0,0.03)
        }

        .woocommerce-MyAccount-navigation li a {
            display: block;
            padding: 12px !important;
            color: #505763;
            font-family: dana-md
        }

.woocommerce-MyAccount-navigation-con .avatar {
    display: table;
    margin: 0 auto;
    margin-top: 40px;
    border-radius: 25px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1)
}

    .woocommerce-MyAccount-navigation-con .avatar:hover {
        -webkit-box-shadow: 0 0 12px 1px rgba(0,0,0,.09);
        box-shadow: 0 0 12px 1px rgba(0,0,0,.09)
    }

.woocommerce-MyAccount-navigation-con .m-wallet {
    float: right;
    width: 100%;
    font-family: dana-fd;
    color: #999;
    text-align: center
}

.woocommerce-MyAccount-navigation-con .woocommerce-Price-amount {
    color: #999
}

.woocommerce-MyAccount-navigation-con .side-uname {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 5px;
    font-family: dana;
    font-size: 20px;
    text-transform: capitalize;
    float: right;
    width: 100%
}

.woocommerce-MyAccount-navigation-link a:before {
    margin-left: 10px;
    font: normal normal normal 17px/1 fal-icon;
    float: right;
    content: "\f32a"
}

.woocommerce-MyAccount-navigation-link--dashboard a:before {
    content: "\f3fd"
}

.woocommerce-MyAccount-navigation-link--orders a:before {
    content: "\f290"
}

.woocommerce-MyAccount-navigation-link--affiliate-wp a:before {
    content: "\f2b5"
}

.woocommerce-MyAccount-navigation-link--dokan-link a:before {
    content: "\f0c0"
}

.woocommerce-MyAccount-navigation-link--downloads a:before {
    content: "\f019"
}

.woocommerce-MyAccount-navigation-link--edit-address a:before {
    content: "\f2b9"
}

.woocommerce-MyAccount-navigation-link--edit-account a:before {
    content: "\f4ff"
}

.woocommerce-MyAccount-navigation-link--customer-logout a:before {
    content: "\f011"
}

.woocommerce-MyAccount-navigation-link--- a:before {
    content: "\f1d8"
}

.woocommerce-MyAccount-navigation-link---- a:before {
    content: "\f03a"
}

.woocommerce-MyAccount-navigation-con .woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link--woo-wallet a::before, .woocommerce-MyAccount-navigation-link--woo-wallet a::before {
    content: "\f555" !important;
    font-family: fal-icon !important
}

.woocommerce-MyAccount-navigation-link--tickets a:before {
    content: "\f145"
}

.woocommerce-MyAccount-navigation-link--following a:before {
    content: "\f0c0"
}

.woocommerce-MyAccount-navigation-link--support-tickets a:before {
    content: "\f1cd"
}

.woo-wallet-transactions-items {
    padding: 0
}

    .woo-wallet-transactions-items li div:last-child {
        float: right
    }

    .woo-wallet-transactions-items li div:first-child {
        float: left
    }

.woo-wallet-transaction-type-credit .woocommerce-Price-amount {
    margin-right: 5px;
    font-family: dana-fd
}

.woo-wallet-sidebar ul li.card:hover {
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24) !important
}

.woo-wallet-transactions-items li:nth-child(even) {
    background: #F7F7F7
}

.woo-wallet-transactions-items li {
    padding: 8px
}

.woo-wallet-sidebar ul li span {
    margin-bottom: 5px
}

.woocommerce-MyAccount-content .woo-wallet-sidebar ul {
    display: table;
    margin: 0 auto;
    float: none;
    width: auto;
    padding: 0
}

.woo-wallet-sidebar ul li.card {
    border-radius: 5px;
    margin: 10px;
    min-width: 166px;
    box-shadow: -2px 2px 5px rgba(0,0,0,.1)
}

    .woo-wallet-sidebar ul li.card:hover {
        box-shadow: -2px 2px 5px rgba(0,0,0,.2)
    }

.woocommerce-MyAccount-content .woo-wallet-content .woo-wallet-price {
    float: right;
    color: #4CAF50;
    font-size: 15px;
    margin-right: 5px;
    font-family: dana-fd;
    line-height: 1em
}

.woocommerce-MyAccount-content .woo-wallet-content .woo-wallet-content-h3 {
    font-size: 15px
}

.woocommerce-MyAccount-content .woo-wallet-add-amount .woo-wallet-balance-to-add {
    width: auto !important;
    float: right
}

.woo-wallet-add-amount label {
    float: right;
    line-height: 30px;
    margin-left: 10px
}

.woo-wallet-add-amount .woo-add-to-wallet {
    float: right;
    margin-top: 0;
    margin-right: 5px
}

.woo-wallet-sidebar-heading {
    display: none
}

.dataTables_wrapper .dataTables_length {
    float: right !important
}

.dataTables_length select {
    width: auto !important;
    display: inherit
}

table.dataTable thead .sorting, table.dataTable thead .sorting_desc {
    background-position: 0
}

.woocommerce-MyAccount-content .woo-wallet-sidebar {
    padding-top: 0
}

.wpas-ticket-buttons-top {
    display: none
}

.wid-content p {
    margin: 0
}

.wid-content .woo-wallet-balance-to-add {
    width: 100%;
    max-width: 100% !important
}

.woo-wallet-add-amount .button {
    margin: 10px auto 0 !important;
    display: table !important
}

.wid-content .widget_shopping_cart {
    font-family: dana-fd
}

.wid-content .woocommerce-mini-cart__buttons {
    margin: 0;
    text-align: center;
    float: right;
    width: 100%
}

.wid-content .woocommerce-mini-cart__total.total {
    text-align: center;
    color: #3fb176;
    font-family: dana-md;
    border: none !important;
    margin-top: 0;
    float: right;
    width: 100%
}

.wid-content .woocommerce-mini-cart-item.mini_cart_item {
    float: right;
    width: 100%;
    padding-top: 10px !important;
    padding-right: 0 !important;
    padding-left: 2em
}

.wid-content .woocommerce-mini-cart-item a.remove {
    top: 10px !important;
    left: 6px;
    right: auto !important
}

.wid-content .widget_shopping_cart .cart_list li a.remove {
    position: absolute;
    top: 10px
}

.wid-content ul.cart_list li img, .wid-content ul.product_list_widget li img {
    float: right;
    margin-left: 2px;
    width: 54px
}

.wid-content .side-cart-name {
    font-size: 13px
}

.wid-content .woocommerce-mini-cart-item .quantity {
    color: #fb3449;
    font-size: 13px;
    margin-top: 6px;
    float: left;
    font-family: dana-fd
}

.woocommerce-mini-cart__total.total .woocommerce-Price-amount {
    font-family: dana-fm;
    font-size: 14px
}

.wid-content .widget_shopping_cart .cart_list li {
    padding-right: 0;
    padding-left: 2em
}

    .wid-content .widget_shopping_cart .cart_list li a.remove {
        right: auto;
        left: 0
    }

.wid-content .woocommerce-mini-cart__buttons .wc-forward {
    padding: 7px 8px !important
}

.wid-content ul.cart_list li a, .wid-content ul.product_list_widget li a {
    display: block;
    font-weight: 400 !important
}

.star-rating {
    color: #FFC74A
}

.wid-content .price_slider_wrapper {
    margin: 20px 0 0
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    border-radius: 1em;
    background-color: #9E9E9E;
    border: 0
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #1e88e5
}

.rtl.woocommerce .price_label {
    float: right
}

    .rtl.woocommerce .price_label, .rtl.woocommerce .price_label span {
        direction: rtl;
        font-size: 13px;
        line-height: 2.5;
        text-align: center;
        font-family: dana-fd;
        margin-top: 5px;
        width: 100%
    }

.woocommerce .widget_price_filter .price_slider_amount .button {
    float: none;
    display: table;
    margin: 0 auto
}

.wid-content .product-title {
    font-size: 13px;
    height: 38px;
    text-align: right;
    margin-top: 0
}

.wid-content del, .wid-content del .woocommerce-Price-amount, .fwidget del, .fwidget del .woocommerce-Price-amount {
    font-size: 12px;
    color: #ddd;
    font-size: 11px;
    color: #ddd
}

.wid-content ins, .fwidget ins {
    text-decoration: none;
    font-size: 13px
}

.wid-content .woocommerce-Price-amount, .fwidget .woocommerce-Price-amount {
    font-size: 13px
}

.widget_top_rated_products .star-rating, .widget_recent_reviews .star-rating {
    font-size: 12px
}

.widget_recent_reviews .reviewer {
    font-size: 12px;
    color: #bdbdbd
}

.prod-excerpt {
    font-size: 16px;
    overflow: auto;
    color: #757575;
    background: #f5f5f5;
    padding: 10px
}

    .prod-excerpt i {
        font-size: 75px;
        float: right;
        margin-left: 16px
    }

.product-pros, .product-cons {
    font-size: 16px;
    overflow: auto;
    color: #757575;
    background: #f5f5f5;
    padding: 10px;
    border-right: 4px solid;
    margin-top: 1rem
}

.product-pros {
    border-right-color: #A5C984
}

.product-cons {
    border-right-color: #ED9D9D;
    margin-bottom: 10px
}

    .product-pros ul, .product-cons ul {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 15px
    }

    .product-pros strong, .product-cons strong {
        color: #494c50
    }

    .product-pros ul li:before, .product-cons ul li:before {
        content: "\f053";
        font-family: fal-icon;
        margin-left: 7px;
        line-height: 20px
    }

.product-pros ul li:before {
    color: #A5C984
}

.product-cons ul li:before {
    color: #ED9D9D
}

.woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl {
    font-size: 12px;
    border: 0;
    padding: 0;
    float: right;
    display: block;
    width: 100%;
    margin-top: 5px
}

dl.variation p {
    line-height: 1.5
}

dl.variation {
    float: right;
    width: 100%;
    display: block;
    margin-top: 5px;
    font-size: 13px
}

.variation dt {
    font-weight: 400;
    font-family: dana-md;
    float: right;
    margin-left: 5px
}

.woocommerce td.product-name .wc-item-meta dd, .woocommerce td.product-name dl.variation dd {
    margin: 0;
    float: right
}

.woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd {
    padding: 0;
    margin: 0
}

.woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt {
    font-weight: 400;
    padding: 0 0 .25em;
    margin: 0 0 0 4px;
    clear: right;
    font-family: dana-md
}

.mobile-footer {
    display: none
}

.jvm_add_to_wishlist.button {
    border: 0 !important;
    color: #938d89 !important;
    padding: 0 !important;
    font-size: 22px !important;
    line-height: 1 !important
}

    .jvm_add_to_wishlist.button:hover {
        background-color: transparent !important
    }

.jvm_add_to_wishlist_heart {
    line-height: 1 !important
}

.wccm-compare-table {
    font-size: 14px
}

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

.price ins {
    text-decoration: none
}

.price del .woocommerce-Price-amount, .price del {
    color: #BDBDBD;
    display: block;
    font-size: 13px
}

.wccm-thead .wccm-table-wrapper {
    overflow: auto
}

.woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 10px;
    position: relative;
    padding-bottom: 5px
}

    .woocommerce div.product div.images .flex-control-thumbs li {
        width: 100% !important
    }

    .woocommerce div.product div.images .flex-control-thumbs .owl-item {
        border: 1px solid #ddd;
        border-radius: 10px;
        overflow: hidden
    }

.flex-control-nav .owl-nav {
    position: absolute;
    width: 100%;
    right: 0;
    top: 30%;
    transform: translate(0,-30%)
}

.flex-control-nav .owl-prev {
    right: 5px;
    position: absolute
}

.flex-control-nav .owl-next {
    left: 5px;
    position: absolute
}

.flex-control-nav .owl-prev, .flex-control-nav .owl-next {
    margin-right: auto;
    color: #7C7C7E !important;
    font-size: 25px !important;
    font-family: 'fal-icon' !important
}

    .flex-control-nav .owl-prev:after {
        content: "\f054"
    }

    .flex-control-nav .owl-next:after {
        content: "\f053"
    }

.owl-next.disabled, .owl-prev.disabled {
    display: none
}

.offer-block {
    border: 1px solid rgba(239,83,80,0.3)
}

    .offer-block .mini-product .price-con {
        bottom: 6px
    }

    .offer-block .block-title {
        padding: 10px;
        padding: 10px;
        border-bottom-color: transparent !important;
        display: block
    }

        .offer-block .block-title h2 {
            padding: 5px 0;
            text-align: center;
            display: block
        }

    .offer-block .mini-product {
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .offer-block .mini-product:hover .product-link {
            -webkit-filter: blur(0px) !important;
            filter: blur(0px) !important
        }

    .offer-block .owl-carousel .owl-item img {
        max-width: 67.4%;
        margin: 0 auto
    }

.more-height.offer-block .owl-carousel .owl-item img {
    max-width: 88%
}

.slide-progress {
    width: 0;
    max-width: 100%;
    height: 2px
}

.cat-desc {
    padding: 15px;
    line-height: 2;
    font-size: 14px;
    margin-bottom: 25px
}

    .cat-desc > div {
        position: relative
    }

    .cat-desc div#showmore-button-1 {
        display: block
    }

.showmore-button {
    position: absolute;
    display: block;
    color: #17a2b8;
    cursor: pointer;
    width: 100%;
    text-align: center;
    margin: 0;
    padding-top: 40px;
    font-size: 17px;
    background-image: linear-gradient(180deg,hsla(0,0%,100%,.3),#fff);
    bottom: -15px
}

    .showmore-button.less {
        position: relative;
        padding-top: 0;
        bottom: -5px
    }

    .showmore-button:before {
        content: "\f078";
        font-family: fal-icon;
        margin-left: 7px;
        line-height: 20px
    }

    .showmore-button.less:before {
        content: "\f077";
        font-family: fal-icon;
        margin-left: 7px;
        line-height: 20px
    }

.wccm-th {
    width: 150px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px
}

.wccm-table-wrapper {
    margin: 0 150px 0 0;
    overflow: hidden
}

.textwidget {
    line-height: 2;
    font-size: 14px
}

.page-load-status {
    display: none;
    margin: 10px 0
}

.load-more {
    margin: 10px 0 25px;
    padding: 0;
    text-align: center;
    display: none
}

.infinite-scroll-request i {
    font-size: 30px;
    color: #9E9E9E
}

.affwp-affiliate-dashboard-tab a:before {
    margin-left: 10px;
    font: normal normal normal 17px/1 fal-icon;
    float: right;
    width: 17px;
    text-align: center
}

.affwp-affiliate-dashboard-tab a[href$="urls"]:before {
    content: "\f2b5"
}

.affwp-affiliate-dashboard-tab a[href$="stats"]:before {
    content: "\f080"
}

.affwp-affiliate-dashboard-tab a[href$="graphs"]:before {
    content: "\f200"
}

.affwp-affiliate-dashboard-tab a[href$="referrals"]:before {
    content: "\f079"
}

.affwp-affiliate-dashboard-tab a[href$="payouts"]:before {
    content: "\f155"
}

.affwp-affiliate-dashboard-tab a[href$="visits"]:before {
    content: "\f06e"
}

.affwp-affiliate-dashboard-tab a[href$="creatives"]:before {
    content: "\f0c0"
}

.affwp-affiliate-dashboard-tab a[href$="settings"]:before {
    content: "\f013"
}

table.affwp-table td, table.affwp-table th, table.affwp-table {
    text-align: right;
    border: 0
}

    table.affwp-table th {
        background: #f5f5f5;
        font-weight: 400;
        font-family: dana-md;
        padding: 15px !important;
        vertical-align: middle !important;
        border-top: 1px solid #f5f5f5 !important
    }

    table.affwp-table tr {
        border-top: 1px solid #f5f5f5 !important;
        border-bottom: 1px solid #f5f5f5 !important
    }

    table.affwp-table td {
        padding: 15px !important
    }

#affwp-graphs-date-options {
    width: auto !important;
    float: right;
    height: 35px;
    border-radius: 4px;
    margin-left: 10px
}

.affwp-form input, #affwp-generate-ref-url input, .affwp-form textarea, .affwp-tab-content .form-control {
    width: 50%
}

    .affwp-form input[type=submit] {
        width: auto
    }

input#affwp-referral-notifications {
    width: auto
}

.affwp-tab-content {
    font-family: dana-fd
}

form#affwp-login-form {
    display: none
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    box-shadow: none
}

.cross-sells h2 {
    font-size: 1.2em
}

.wc_payment_method label img {
    max-width: 80px;
    height: auto
}

blockquote {
    margin: 1rem 0;
    font-size: 16px;
    overflow: auto;
    color: #757575;
    background: #f5f5f5;
    padding: 10px
}

form#woo_sms_form {
    float: right;
    width: 100%
}

@media (min-width: 992px) and (max-width: 1199px) {
    .offer-block .owl-carousel .owl-item img {
        max-width: 60%
    }

    .more-height.offer-block .owl-carousel .owl-item img {
        max-width: 87%
    }

    .ios-btn, .and-btn {
        min-width: 95px;
        font-size: 13px
    }

    .yamm .menu-image, .yamm-s .menu-image {
        max-width: 220px
    }

    .product_extra {
        float: left;
        font-size: 14px;
        width: 50%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cross-sells .mini-product-con {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .offer-block .owl-carousel .owl-item img {
        max-width: 60%
    }

    .more-height.offer-block .owl-carousel .owl-item img {
        max-width: 100%;
        margin: 23px 0
    }
}

@media (max-width:991px) {
    aside.sidebar {
        height: 100%;
        width: 320px;
        position: fixed !important;
        z-index: 99999;
        top: 0;
        background-color: #fff;
        overflow: scroll !important;
        transition: .2s;
        right: -320px;
        min-height: unset !important
    }

    .sidebar .theiaStickySidebar {
        left: auto !important;
        position: relative !important;
        width: auto !important
    }

    #mySidebar .shadow-box {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        margin-bottom: 5px
    }

    .dsidebar-btn {
        display: block;
        float: right;
        margin: 0;
        margin-top: 10px
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    td.product-quantity {
        overflow: hidden
    }

    .product-quantity .quantity-con {
        float: left
    }

    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
        width: 100%;
        margin-bottom: 20px;
        padding-left: 0
    }

    #content div.product div.summary, .woocommerce-page div.product div.summary {
        width: 100%;
        border: none
    }

    .search-con .search-input {
        padding: 6px 5px
    }

    .search-con .btn-search {
        padding-right: 5px
    }

    .hidden-ta {
        display: none
    }

    .user-btn i {
        margin-left: 0;
        float: none
    }

    .btn-register, .btn-login {
        min-width: 50px;
        padding: 6px 10px;
        margin-top: 0
    }

    .user-menu {
        min-width: 50px
    }

    .yamm .dropdown-menu > li.menu-image {
        display: none
    }

    .fwidget {
        margin-bottom: 20px
    }

    .foot-tel {
        margin-right: 0
    }

    .ios-btn, .and-btn {
        margin-bottom: 5px
    }

    .user-menu .user-name {
        font-size: 14px;
        max-width: 90px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        float: left
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        float: right
    }
}

@media screen and (max-width: 1199px) {
    .service-det {
        padding: 0
    }

    .service-title {
        text-align: center
    }

    .checkout_coupon #coupon_code {
        padding: 6px 12px;
        width: auto
    }

    #coupon_code {
        width: 48%
    }

    #wooswipe .thumbnails {
        height: auto
    }

    .woocommerce-MyAccount-navigation-con {
        width: 100%;
        margin-bottom: 25px
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .woocommerce-ordering-con .woocommerce-ordering {
        float: none;
        margin: 0 auto;
        display: table
    }

    .sfooter {
        margin-top: 0
    }

    .mobile-hidden {
        display: none
    }

    .add_prod_info {
        margin-top: 2em
    }

    .woocommerce-Tabs-panel--description div#showmore-1, .post-content div#showmore-1 {
        position: relative
    }

    .post-content #showmore-1 {
        margin-bottom: 20px
    }

    .shop_table dl.variation {
        display: none
    }

    .fixed-mobile {
        transition: all 800ms cubic-bezier(0.55,0,0.1,1);
        top: -100px;
        position: initial
    }

        .fixed-mobile.sticky {
            width: 100%;
            position: fixed;
            top: 0 !important
        }

    .mpadding {
        padding-top: 0 !important
    }

    .mobilepad.mpadding {
        padding-top: 80px !important
    }

    .hide-copy-m, .hide-footer-m {
        display: none
    }

    .main-con {
        padding-bottom: 15px !important
    }

    .prodcounter:before {
        margin-left: 5px
    }

    .di-socialbtn {
        display: none
    }

    .jvm-woocommerce-wishlist-table {
        border: 1px solid rgba(0,0,0,.1);
        border-top: none
    }

        .jvm-woocommerce-wishlist-table thead {
            display: none
        }

        .jvm-woocommerce-wishlist-table td {
            border-top: 1px solid rgba(0,0,0,.1);
            border-bottom: none;
            padding: 9px 12px;
            line-height: 1.5em;
            display: block;
            text-align: left !important
        }

    .jvm-woocommerce-wishlist-product td.product-thumbnail {
        text-align: center !important
    }

    .jvm-woocommerce-wishlist-table td.product-name::before, .jvm-woocommerce-wishlist-table td.product-price::before {
        content: attr(data-title) ": ";
        font-weight: 700;
        float: right
    }

    .sp-btn {
        padding: 8px 15px
    }

    .sp-sprice {
        font-size: 20px
    }

    .sp-rprice .woocommerce-Price-amount, .sp-rprice del {
        font-size: 16px
    }

    .mini-product .btn-buy, .mini-post .btn-buy {
        padding: 5px 10px;
        font-size: 14px
    }

    .short-con {
        padding: 10px;
        font-size: 13px
    }

    .woocommerce ul.order_details li {
        width: 100%;
        border: 0;
        border-bottom: 1px dashed #d3ced2
    }

    .post-date, .post-views {
        text-align: right
    }

    .post-share {
        text-align: right;
        margin-top: 5px
    }

    .product-title, .post-title {
        font-size: 13px;
        height: 55px
    }

    .mobile-footer a {
        color: #212529
    }

    .btn.btn-success.go-to-add {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        box-shadow: 0 -1px 4px 0 rgba(0,0,0,.19);
        -webkit-box-shadow: 0 -1px 4px 0 rgba(0,0,0,.19);
        -ms-box-shadow: 0 -1px 4px 0 rgba(0,0,0,.19);
        -o-box-shadow: 0 -1px 4px 0 rgba(0,0,0,.19);
        z-index: 999;
        border-radius: 0;
        padding: .575rem .75rem;
        border-radius: 10px 10px 0 0
    }

    .mobile-footer {
        display: table;
        table-layout: fixed;
        position: fixed;
        bottom: 0;
        background: #fff;
        width: 100%;
        box-shadow: 0 -1px 4px 0 rgba(0,0,0,.19);
        -webkit-box-shadow: 0 -1px 4px 0 rgba(0,0,0,.19);
        -ms-box-shadow: 0 -1px 4px 0 rgba(0,0,0,.19);
        -o-box-shadow: 0 -1px 4px 0 rgba(0,0,0,.19);
        z-index: 999
    }

        .mobile-footer ul {
            list-style: none;
            margin: 0;
            display: table-row;
            width: 100%;
            padding: 0
        }

        .mobile-footer li {
            text-align: center;
            font-size: 22px;
            display: table-cell
        }

        .mobile-footer span {
            display: block;
            outline: none;
            cursor: pointer;
            position: relative;
            padding: 5px 10px 0
        }

        .mobile-footer .mf-title {
            font-size: 12px;
            padding: 0;
            margin-top: -7px
        }

        .mobile-footer .cart-amount, .mobile-footer .compare-amount {
            bottom: 8px;
            right: 26%;
            font-style: normal
        }

    .mobile-btns i {
        font-size: 17px
    }

    .mobile-btns {
        padding-top: 10px
    }

        .mobile-btns .btn {
            margin-left: 4px
        }

    .mregister {
        padding: .375rem .55rem
    }

    #back-top {
        display: none !important
    }

    .msg-text {
        padding-left: 25px
    }

    .msg-btn {
        margin: 0 auto !important;
        display: table;
        float: none
    }

    .container-fluid.header {
        box-shadow: 0 1px 4px 0 rgba(0,0,0,.19);
        -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.19);
        -ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,.19);
        -o-box-shadow: 0 1px 4px 0 rgba(0,0,0,.19)
    }

    .navbar, .btn-cart, .btn-wish, .btn-compare {
        display: none !important
    }

    #myUmenu a {
        color: #000
    }

    .reply {
        position: relative
    }

    .breadcrumbs {
        margin-top: 25px
    }

    .elementor-section {
        margin: 0
    }

    .head-mc {
        margin-bottom: 0
    }

    .head-menu ul {
        margin: 0 auto 10px;
        display: table;
        float: none !important
    }

    .head-social, .head-contact, .head-menu {
        display: none
    }

        .head-menu.visible-mobile {
            display: block
        }

    .logo-box {
        padding: 0
    }

        .logo-box.left-logo {
            flex-direction: row
        }

    .search-con {
        display: none
    }

    .drop-con {
        display: none
    }

    #slider-title li {
        padding: 4px 10px
    }

    .slide-title {
        display: none
    }

    #slider-title li.active::after {
        border: 0
    }

    .slider-con .owl-dots {
        margin: 0 auto
    }

    .special-title {
        display: none
    }

    .sp-stitle {
        display: none
    }

    .special-img a {
        margin-top: 10px
    }

    .special-text {
        padding: 0 0 15px
    }

    .sp-title {
        margin-top: 0
    }

    .salecount-section {
        width: 50px
    }

    .salecount-period {
        font-size: 11px
    }

    .salecount-amount {
        padding: 4px;
        font-size: 15px
    }

    .counter-con {
        text-align: center;
        margin: 10px 0 0
    }

        .counter-con .salecount-amount {
            font-size: 17px
        }

    .service-det {
        padding: 0
    }

    .service-title {
        font-size: 13px
    }

    .services {
        margin-right: -5px;
        margin-left: -5px
    }

        .services > .col {
            padding: 0 5px
        }

    .prod-count {
        margin-bottom: 10px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .fwidget {
        margin-bottom: 25px
    }

    .fnews {
        width: 80%;
        margin: 0 auto;
        display: table
    }

    .news-icon {
        margin-top: 5px
    }

    .namad-con {
        padding-top: 10px;
        text-align: center
    }

    .addr-text {
        line-height: 2;
        padding-right: 10px
    }

    .ftel {
        text-align: center
    }

    .apps-icon {
        text-align: center
    }

    .copy-text {
        line-height: 2;
        text-align: center;
        padding-bottom: 5px
    }

    .logo {
        text-align: left
    }

    .slider-con .owl-nav {
        display: none !important
    }

    body {
        padding-bottom: 35px !important
    }

        body.no-bbar {
            padding-bottom: 0 !important
        }

    .social-footer ul {
        padding: 0;
        float: none;
        list-style: none;
        display: table;
        margin: 0 auto;
        margin-bottom: 10px
    }

    .woocommerce-message .button {
        display: table !important;
        float: none !important;
        margin-bottom: 5px !important
    }

    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
        width: 100%;
        margin-bottom: 20px;
        padding-left: 0
    }

    #content div.product div.summary, .woocommerce-page div.product div.summary {
        width: 100%;
        border: none;
        padding: 0
    }

    .woocommerce-message, .woocommerce-info, .woocommerce-error {
        margin: 0 0 25px
    }

    .product-features {
        width: 100%
    }

    .product_extra {
        font-size: 13px;
        width: 100%
    }

    .price-con {
        text-align: center
    }

    .woocommerce div.product form.cart {
        float: none;
        display: table;
        margin: 0 auto
    }

    .single-product .product .single_add_to_cart_button.button, .woocommerce .product .add_to_cart_button.button, .woocommerce .single_add_to_cart_button.button.alt.disabled, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover {
        font-size: 14px
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        padding: 0 5px;
        width: 100%
    }

    .quantity-con {
        margin-left: 5px
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        width: 100%;
        font-size: 13px
    }

    .woocommerce table.shop_attributes th {
        font-weight: 400;
        font-family: dana-md
    }

    .woocommerce table.shop_attributes td {
        font-size: 13px
    }

    .product-quantity .quantity-con {
        float: left
    }

    td.product-quantity {
        overflow: hidden
    }

    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
        width: 100%;
        max-width: inherit;
        margin-bottom: 10px
    }

    .woocommerce-MyAccount-navigation {
        width: 100% !important;
        margin-top: 10px;
        float: right !important
    }

    .woocommerce-ordering-con .woocommerce-result-count {
        width: 100%;
        padding: 0 0 5px;
        text-align: center
    }
}

@media screen and (max-width: 479px) {
    .variable-item.button-variable-item {
        height: auto !important;
        line-height: 1.5
    }

    .woocommerce .shop_table.cart .quantity .minus, .woocommerce .shop_table.cart .quantity .plus {
        width: 29px;
        height: 18px;
        display: block;
        padding: 3px 5px 3px 20px
    }
}

@media (max-width: 767px) and (min-width: 341px) {
    .mini-product .counter-con .salecount-section {
        width: 20px
    }

    .mini-product .counter-con .salecount-amount {
        font-size: 15px
    }
}

@media screen and (max-width: 340px) {
    .short-con {
        font-size: 12px
    }

    .sp-btn {
        padding-right: 8px;
        padding-left: 8px;
        font-size: 14px
    }

    .salecount-section {
        width: 46px
    }

    .salecount-amount {
        font-size: 15px
    }

    .product-title, .post-title {
        height: 40px
    }

    .mini-product-con, .mini-post-con {
        width: 100%;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    #mySidebar {
        right: 0 !important
    }

    #myCanvasSide {
        width: 0 !important
    }

    .sidebar .side-head {
        display: none
    }

    .special-box .owl-dots {
        display: none
    }

    .col-20.col-md-3, .cross-sells .mini-product-con {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width: 768px) {
    .btn.btn-success.go-to-add {
        display: none
    }

    .woocommerce-Tabs-panel--description div#showmore-1, .post-content div#showmore-1 {
        max-width: unset !important
    }

    .woocommerce-Tabs-panel--description .post-sh, .post-content .post-sh {
        min-height: unset !important;
        max-height: unset !important;
        height: auto !important
    }

    div#showmore-button-1, .post-content div#showmore-button-1 {
        display: none
    }

    .product_meta > span {
        width: 50%;
        float: right
    }

    .user-drop > .dropdown-menu {
        min-width: 12rem
    }

    .dropdown:hover > .dropdown-menu {
        visibility: visible;
        border: 0;
        display: block;
        opacity: 1;
        margin-top: -1px !important;
        border-radius: 0;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        transition: all .2s ease-in-out
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 1140px
    }
}

@media (max-width: 1230px) {
    .msg-btn {
        margin-left: 25px
    }
}

@media (min-width: 1200px) {
    .container, .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 1200px !important
    }
}

@media screen and (min-width: 1400px) {
    .container, .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 1280px !important
    }

    .offer-block .owl-carousel .owl-item img {
        max-width: 71%
    }

    .more-height.offer-block .owl-carousel .owl-item img {
        max-width: 87%
    }
}

@media screen and (min-width: 1600px) {
    .container, .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 1450px !important
    }

    .offer-block .owl-carousel .owl-item img {
        max-width: 77%
    }

    .more-height.offer-block .owl-carousel .owl-item img {
        max-width: 85%
    }

    .owl-carousel .owl-item .special-img img {
        max-width: 91%
    }
}

@media screen and (min-width: 1900px) {
    .container, .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 1620px !important
    }

    .offer-block .owl-carousel .owl-item img {
        max-width: 83%
    }

    .more-height.offer-block .owl-carousel .owl-item img {
        max-width: 84%
    }

    .owl-carousel .owl-item .special-img img {
        max-width: 79%
    }
}