@charset "UTF-8";

/* Iransanx font */

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

@font-face {
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/iransans/IRANSansX-Regular.woff2") format("woff2"), url("../fonts/iransans/IRANSansX-Regular.woff") format("woff");
}

@font-face {
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/iransans/IRANSansX-Medium.woff2") format("woff2"), url("../fonts/iransans/IRANSansX-Medium.woff") format("woff");
}

@font-face {
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/iransans/IRANSansX-DemiBold.woff2") format("woff2"), url("../fonts/iransans/IRANSansX-DemiBold.woff") format("woff");
}

@font-face {
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/iransans/IRANSansX-Bold.woff2") format("woff2"), url("../fonts/iransans/IRANSansX-Bold.woff") format("woff");
}

@font-face {
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("../fonts/iransans/IRANSansX-ExtraBold.woff2") format("woff2"), url("../fonts/iransans/IRANSansX-ExtraBold.woff") format("woff");
}

@font-face {
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/iransans/IRANSansX-Black.woff2") format("woff2"), url("../fonts/iransans/IRANSansX-Black.woff") format("woff");
}

/*Iransanx font */

/* Iranyekanx font */

/*@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/iranyekan/IRANYekanX-Light.woff) format('woff'), url(../fonts/iranyekan/IRANYekanX-Light.woff2) format('woff2');
}*/

/*@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 950;
    src: url(../fonts/iranyekan/IRANYekanX-ExtraBlack.woff) format('woff'), url(../fonts/iranyekan/IRANYekanX-ExtraBlack.woff2) format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 1000;
    src: url(../fonts/iranyekan/IRANYekanX-Heavy.woff) format('woff'), url(../fonts/iranyekan/IRANYekanX-Heavy.woff2) format('woff2');
}*/

/*@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/iranyekan/IRANYekanX-Regular.woff) format('woff'), url(../fonts/iranyekan/IRANYekanX-Regular.woff2) format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/iranyekan/IRANYekanX-Medium.woff) format('woff'), url(../fonts/iranyekan/IRANYekanX-Medium.woff2) format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/iranyekan/IRANYekanX-DemiBold.woff) format('woff'), url(../fonts/iranyekan/IRANYekanX-DemiBold.woff2) format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/iranyekan/IRANYekanX-ExtraBold.woff) format('woff'), url(../fonts/iranyekan/IRANYekanX-ExtraBold.woff2) format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/iranyekan/IRANYekanX-Black.woff) format('woff'), url(../fonts/iranyekan/IRANYekanX-Black.woff2) format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: bold;
    src: url(../fonts/iranyekan/IRANYekanX-Bold.woff) format('woff'), url(../fonts/iranyekan/IRANYekanX-Bold.woff2) format('woff2');
}*/

/* Iranyekanx font */

/* yekan bakh font */

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

@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: 950;
    src: url(../fonts/yekanbakh/YekanBakh-ExtraBlack.woff) format('woff'), url(../fonts/yekanbakh/YekanBakh-ExtraBlack.woff2) format('woff2');
}

@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: 1000;
    src: url(../fonts/yekanbakh/YekanBakh-Black.woff) format('woff'), url(../fonts/yekanbakh/YekanBakh-Black.woff2) format('woff2');
}

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

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

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

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

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

@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: bold;
    src: url(../fonts/yekanbakh/YekanBakh-Bold.woff) format('woff'), url(../fonts/yekanbakh/YekanBakh-Bold.woff2) format('woff2');
}
*/
/* yekan bakh font */

/*-*/
/*  GENERAL
/*-*/


body, input[type="text"], input[type="button"], textarea, button, select, code, kbd, pre, samp {
    font-family: 'IRANSansX',arial;
}

body {
    font-size: 10pt;
    text-align: left;
    color: var(--textcolor);
    fill: var(--textcolor);
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    background-color: var(--bgcolorlight);
}

    body.rtl {
        text-align: right;
        font-size: 10pt;
    }

        body.rtl * {
            -moz-font-feature-settings: "ss02";
            -webkit-font-feature-settings: "ss02";
            font-feature-settings: "ss02";
        }

        body.rtl .enfont {
            -moz-font-feature-settings: initial;
            -webkit-font-feature-settings: initial;
            font-feature-settings: initial;
        }

    body.ltr .lang-dir, .left-dir {
        direction: ltr;
    }

    body.rtl .lang-dir {
        direction: rtl;
    }
/* form */
em {
    font-style: initial
}

i {
    font-style: normal
}

.pre, pre {
    font-family: inherit;
    white-space: pre-wrap;
    margin-bottom: 0;
}

label, .label {
    font-weight: normal;
    color: var(--textcolor);
    font-size: 1em;
    padding: 0;
}

    label.error, label.errorText {
        font-weight: normal; /*background-color:#f2dede;*/
        padding: 2px 5px;
        color: #b60000 !important;
        font-size: .92em;
    }

input[type="text"], input[type="password"], input[type="email"], input[type="number"], textarea, .form-control, select, .form-select {
    border-radius: .25rem;
    font-weight: 600
}

body.rtl input[type="text"], body.rtl input[type="password"], body.rtl input[type="number"], body.rtl .form-label, body.rtl textarea, body.rtl .form-control, body.rtl select, body.rtl .form-select {
    font-weight: 500;
}

.form-control, .form-select {
    color: var(--textcolordark);
    background-color: var(--bgcolor);
    font-size: 1em;
    padding-top: .65rem;
    padding-bottom: .65rem;
    border-color: #bbb;
    transition: all 0.5s linear 0s;
}

.ui-datepicker .ui-datepicker-title select {
    border: solid 1px #ccc;
    background: #f5f5f5;
}

.form-control:disabled {
    background-color: var(--bgcolorlight);
}

body.rtl .radio input[type="radio"], body.rtl .radio-inline input[type="radio"], body.rtl .checkbox input[type="checkbox"], body.rtl .checkbox-inline input[type="checkbox"] {
    margin-left: 0;
    margin-right: -20px;
}

body.rtl .radio label, body.rtl .checkbox label {
    direction: rtl;
    padding-left: 0;
    padding-right: 20px;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.form-select {
    background-position: left .5rem center;
    background-size: 9px 12px;
}

    .form-control:hover, .form-select:hover {
        border-color: var(--primerycolorlight);
    }

    .form-control:focus, .form-select:focus {
        color: var(--textcolordark);
        background-color: var(--bgcolor);
        border-color: var(--primerycolordark);
        outline: 0;
        box-shadow: none;
    }

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

textarea.form-control {
    min-height: 100px;
}

input.error, textarea.error {
    border-color: #cc0000;
}

input.input-hg {
    font-size: 1.3em;
    font-weight: bold;
    padding: .7rem 1rem;
    line-height: 1.7;
    border-radius: var(--brediusmedium)
}

input.input-lg {
    font-size: 1.15em;
    font-weight: 600;
    padding: .6rem 1rem;
    line-height: 1.6;
    border-radius: var(--brediusmedium)
}

input.input-sm {
    padding: 5px;
    font-size: 1em;
}

input.input-150 {
    max-width: 150px;
}

input.input-120 {
    max-width: 120px;
    text-align: center
}

input.input-80 {
    max-width: 80px;
    text-align: center
}

input.input-60 {
    max-width: 60px;
    text-align: center
}

input.input-50 {
    max-width: 55px;
    text-align: center
}

input.p-light::placeholder {
    color: #bbb;
}

input.p-dark::placeholder {
    color: #212529;
}

.form .input-btn {
    position: absolute;
    right: 10px;
    bottom: 5px;
}

body.rtl .form .input-btn {
    right: auto;
    left: 10px;
}

span.required, .red-text {
    color: #ed1c24;
    padding: 0;
}

.text-p {
    text-align: justify;
    line-height: 1.9 !important;
}

.text.text-p {
    color: var(--textcolormed)
}

.text-info {
    color: #1c6799 !important;
    fill: #1c6799 !important;
}

[data-theme="dark"] .text-info, [data-theme="dark"] .btn-lightinfo, [data-theme="dark"] .btn.lightinfo {
    color: #b2e0ff !important;
    fill: #b2e0ff !important;
}

.text-default {
    color: #444 !important;
    fill: #444 !important;
}

.text-danger {
    color: #cc0033 !important;
    fill: #cc0033 !important;
}


[data-theme="dark"] .text-danger, [data-theme="dark"] .btn-lightdanger, [data-theme="dark"] .btn.lightdanger {
    color: #f4a5b8 !important;
    fill: #f4a5b8 !important;
}

.text-success {
    color: #5d921f !important;
    fill: #5d921f !important;
}

    .text-success:hover {
        color: #5d921f !important;
        fill: #5d921f !important;
    }

.text-warning {
    color: #ff3300 !important;
    fill: #ff3300 !important;
}
/* #7aae3d */
.text-white {
    color: #fff !important;
    fill: #fff !important;
}

.bg-light {
    background-color: var(--bgcolormed) !important;
}

.bg-success.dark {
    background-color: #6fa431 !important;
}

.bg-warning {
    background-color: #f47300 !important;
}

.text-light a {
    color: #f8f9fa !important
}

.btn-success {
    color: #fff;
    background-color: #6fa431;
    border-color: #6fa431
}

    .btn-success:hover {
        background-color: #608d2b;
        border-color: #608d2b
    }

.btn-info {
    color: #fff;
    background-color: #006DB4;
    border-color: #006DB4
}

    .btn-info:hover, .btn-info:focus {
        color: #fff;
        background-color: #005599;
        border-color: #005599
    }

.btn-warning {
    color: #fff;
    background-color: #DC5328;
    border-color: #DC5328;
}

    .btn-warning:hover {
        color: #fff;
        background-color: #ba4622;
        border-color: #ba4622;
    }

.theme_color_primery, .text-primarycolor {
    color: var(--primerycolor);
}

.text-primary {
    color: var(--primerycolor) !important;
    fill: var(--primerycolor);
}

.theme_color_primery_dark {
    color: var(--primerycolordark);
}

.theme_color_secondery, .text-seconderycolor, .text-secondary {
    color: var(--seconderycolor);
}

.text-secondary {
    color: var(--seconderycolor) !important;
    color: var(--seconderycolor);
}

.theme_color_light, .text_disable {
    color: var(--textcolorlight);
}

.theme_color_gray, .text-gray {
    color: var(--textcolormed);
}

.theme_color_gray_dark {
    color: var(--textcolor);
}

.theme_color_dark {
    color: var(--textcolordark);
}

.theme_bg_primery {
    background-color: var(--primerycolor);
}

.theme_bg_primery_vlight {
    background-color: var(--primerycolorrgblight);
}

.theme_bg_secondery {
    background-color: var(--seconderycolordark);
}

.textbox-style {
    border: solid 1px #bbb;
    border-radius: var(--brediusmedium);
    padding: .3rem 1.2rem;
    width: 180px;
}

.translate-x-50 {
    transform: translateX(-50%)
}

.bold, strong, b {
    font-weight: bold !important;
}

.lightred, .currency {
    color: var(--lightred) !important;
    font-weight: 500;
    font-size: .85em;
}

.alert {
    border-radius: var(--brediussmall);
    display: flex;
    align-items: center;
    width: 100%;
}

.alert-danger {
    background-color: #fff5f6;
}

.alert-warning {
    background-color: #fffae9;
}

.alert-info {
    background-color: #e5faff;
}

.alert-success {
    background-color: #e9fbf3;
}

.alert p {
    margin-bottom: 0;
}

.py-6 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important
}

.pt-6 {
    padding-top: 5rem !important;
}

.pb-6 {
    padding-bottom: 5rem !important;
}

.mt--5 {
    margin-top: -3rem !important
}

.v-invisible {
    visibility: hidden
}

.v-7 {
    opacity: .7;
}

.v-4 {
    opacity: .4;
}

.hide {
    display: none
}
/*.collapse:not(.show){display:block;opacity: 0;height: 0;overflow: hidden;transition:opacity 0.5s ease, height 0.5s ease;}
.collapse.show{opacity: 1;height: auto;}*/

.img-parent {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

    .img-parent img {
        object-fit: contain;
    }

        .img-parent img:not(.img-thumbnail) {
            max-width: 100%;
        }

.lp-column img {
    max-width: 100%;
    height: unset;
}

.flex-align {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-valign {
    display: flex;
    justify-content: center;
}

.flex-halign {
    display: flex;
    align-items: center;
}

/* form */
/* modal */
.modal {
    z-index: 3000000002;
}

.modal-dialog .modal-header {
    background: transparent;
    border: none;
    border-left: solid 5px var(--primerycolor);
    gap: 1.5em;
}

body.rtl .modal-dialog .modal-header {
    border-left: none;
    border-right: solid 5px var(--primerycolor);
}

.modal-dialog .modal-header .btn-app i {
    font-size: 1.45em;
    padding: 10px;
}

.modal-dialog .modal-header .modal-badge .btn {
    min-width: 55px;
}

.modal-content .btn-close {
    background-color: #fff;
}

    .modal-content .btn-close.overlay {
        opacity: 1;
        border-radius: 20em;
        z-index: 100;
        padding: 10px;
    }

        .modal-content .btn-close.overlay:hover {
            opacity: 1;
        }

.modal-dialog .newmodal .modal-header {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    top: 0;
    height: 50px;
    z-index: 1;
}

.modal-dialog .modal-title {
    font-size: calc(.8rem + .1vw);
    font-weight: bold;
}

    .modal-dialog .modal-title .icon {
        width: 20px;
    }

.modal-dialog .newmodal .modal-pic {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-color: var(--primerycolordark);
}

.modal-dialog .modal-content {
    border: none;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    background-color: var(--bgcolor);
}

    .modal-dialog .modal-content .modal-body {
        min-height: 200px;
    }

.modal-dialog .icon-box {
    color: #fff;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -55px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    z-index: 9;
    padding: 15px;
    text-align: center;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

    .modal-dialog .icon-box i {
        font-size: 3em;
        position: relative;
        top: 3px;
    }

.modal-dialog .modal-logo img {
    max-height: 60px;
    max-width: 50%;
}

.modal .btn-modal-back {
    position: absolute;
    top: -2.4em;
    font-size: 1.5em;
}

#DivRegisterLogin.modal {
    z-index: 1080
}
/* modal */
.inline {
    display: inline-block;
    vertical-align: top;
}

a {
    transition: all 0.2s linear 0s;
    color: var(--textcolordark);
    fill: var(--textcolordark);
}

.lp-column a:not(.btn):not(.overlay-title) {
    color: var(--gtextcolordark);
    fill: var(--gtextcolordark);
}

.lp-column .text a:not(.btn) {
    color: var(--gtextcolor);
    fill: var(--gtextcolor);
}

.lp-column .product a:not(.btn) {
    color: var(--textcolordark);
    fill: var(--textcolordark);
}

a:hover, a:focus, .chover:hover, .lp-column a:not(.btn):hover {
    color: var(--primerycolor);
    fill: var(--primerycolor);
}

a.link, button.link {
    padding: 0;
    padding-bottom: 4px;
    border-bottom: dashed 1px var(--primerycolordark);
    border-radius: 0 !important;
}

    a.link:hover, button.link:hover {
        border-bottom-color: transparent;
    }

a.link-primery, button.link-primery {
    color: var(--primerycolordark);
}

    a.link-primery:hover, button.link-primery:hover {
        color: var(--seconderycolor);
    }

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

svg.icon:not(.new-svg) {
    fill: inherit;
}

svg.icon {
    width: 20px;
    height: 20px;
    overflow: visible;
}

/*    svg.icon.new-svg {
        fill: transparent;
    }*/

.btn .icon.icon-32, .icon.icon-32 {
    width: 32px;
    height: 32px;
}

.btn .icon.icon-16, img.icon.icon-16, svg.icon.icon-16 {
    width: 16px;
    height: 16px;
}

.btn .icon.icon-12, .icon.icon-12 {
    width: 13px;
    height: 13px;
}

.btn .icon.tiny-thumb {
    width: 25px;
    height: 25px;
}

.icon.angle.down, .icon.angle.up {
    transform: rotate(90deg);
    display: inline-block;
    font-weight: 300;
}

body.rtl .icon.angle.down, body.rtl .icon.angle.up {
    transform: rotate(-90deg);
}

.icon.angle.up {
    transform: rotate(90deg);
}

.icon.arrow.reverse {
    transform: rotate(-180deg);
    display: inline-block
}

.center-align {
    margin: 0 auto;
}

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

a {
    outline: none !important;
    cursor: pointer;
}

.img-thumbnail {
    font-size: 8pt;
    color: #777;
    font-weight: 500;
    background-color: var(--bgcolor);
    border-color: var(--bgcolormed);
}

.bigthumb {
    max-height: 300px;
    max-width: 300px;
}

.med-bigthumb {
    max-height: 150px;
    max-width: 150px;
}

.med-thumb {
    max-height: 90px;
    max-width: 120px;
}

.smallmed-thumb {
    max-height: 70px;
    max-width: 70px;
}

.small-thumb {
    max-height: 50px;
}

.small-box-thumb {
    max-height: 90px;
    max-width: 90px;
}

.tinymed-thumb {
    max-height: 40px;
    max-width: 40px;
}

.tiny-thumb {
    max-height: 20px;
}

.tiny-box-thumb {
    max-height: 50px;
    max-width: 50px;
}

.macro-thumb, .micro-thumb {
    max-height: 30px;
}

.macro-box-thumb, .micro-box-thumb {
    max-height: 30px;
    max-height: 30px;
}

.brand-thumb {
    border: none;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    background: #bbb;
}

    hr.m-sm {
        margin-top: .4rem;
        margin-bottom: .4rem;
    }

a:hover,
a:active,
a:focus {
    text-decoration: none;
}

h3 {
    font-size: calc(1rem + .1vw);
}

.h3 {
    font-size: calc(1rem + .1vw) !important;
}

h4 {
    font-size: calc(.85rem + .1vw);
}

.h4 {
    font-size: calc(.85rem + .1vw) !important;
}

h5 {
    font-size: calc(.75rem + .1vw);
}

.h5 {
    font-size: calc(.75rem + .1vw) !important;
}

.h6, h6 {
    font-size: 9.5pt !important;
}

.text-huge {
    font-size: calc(1.5rem + 1vw);
}

.text-big {
    font-size: calc(1.2rem + .5vw);
}

.text-small {
    font-size: calc(.8rem + .1vw);
}

.text-tiny {
    font-size: calc(.64rem + .08vw);
}

h1 {
    font-size: calc(1.3rem + .4vw);
    font-weight: 800;
}

    h1 .text-small {
        font-size: calc(1.1rem + .4vw);
    }

    h1 .text-tiny {
        font-size: calc(.9rem + .4vw);
    }

h2 {
    font-size: calc(1.05rem + .3vw);
    font-weight: bold;
}

    h2 .text-small {
        font-size: calc(1rem + .3vw);
    }

    h2 .text-tiny {
        font-size: calc(.9rem + .3vw);
    }

.fs-big {
    font-size: calc(1.1em + .05vw);
}

.fs-normal {
    font-size: 1em;
}

.fs-med {
    font-size: .95em;
}

.fs-small {
    font-size: calc(.8em + .05vw);
}

.fs-6 {
    font-size: calc(.9rem + .1vw) !important
}

.fs-tiny {
    font-size: .7em;
}

code, kbd, pre, samp {
    unicode-bidi: initial;
    font-size: inherit;
    overflow: visible
}

body.rtl code, body.rtl kbd, body.rtl pre, body.rtl samp {
    direction: rtl
}

.fa.active {
    font-weight: bold;
}

.fa-15x {
    font-size: 1.5em;
}

.fw-1000, .fw-huge {
    font-weight: 1000 !important;
}

.fw-600, .fw-med {
    font-weight: 600 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.letter-spacing-sm {
    letter-spacing: 1px;
}

.letter-spacing-lg {
    letter-spacing: 4px;
}

.text-left {
    text-align: left;
}

.lh-tiny {
    line-height: .8;
}

.text.lh-med {
    line-height: 2;
}

.rounded-huge {
    border-radius: var(--brediushuge) !important;
}

.rounded-big, .rounded-3 {
    border-radius: var(--brediusbig) !important;
}

.rounded-med, .rounded-2 {
    border-radius: var(--brediusmedium) !important;
}

.rounded-sm, .rounded-1 {
    border-radius: var(--brediussmall) !important;
}

.border-solid {
    border-style: solid;
}

.border-dashed {
    border-style: dashed;
}

.border-dotted {
    border-style: dotted;
}

.border-double {
    border-style: double;
}

.border-box {
    border: solid 1px var(--bgcolormed);
    border-radius: var(--brediusbig);
}

/*.border-start, .border-end {
    border-sty: var(--textcolorlight) !important;
}*/

.theme-hgradiant {
    background-image: linear-gradient(90deg,var(--primerycolor),var(--seconderycolor));
}

.theme-vgradiant {
    background-image: linear-gradient(0deg,var(--primerycolor),var(--seconderycolor));
}

.theme-txt-grad {
    background: -webkit-linear-gradient(0deg,rgba(41,163,221,1),rgba(224,65,151,1),rgba(250,175,28,1),rgba(117,192,68,1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.shadow-primary {
    box-shadow: 0 1rem 1rem var(--primerycolorrgblight);
}

.shadow {
    box-shadow: 0 0 .75rem rgba(40,40,40,.25);
}

.shadow-sm {
    box-shadow: 0 0 .5rem rgba(40,40,40,.25);
}

.shadow-md {
    box-shadow: 0 0 1rem rgba(40,40,40,.25);
}

.shadow-lg {
    box-shadow: 0 0 2rem rgba(40,40,40,.25);
}

img[src="Templates/Newimages/blank.gif"] {
    background: url("../images/ajax.gif") no-repeat scroll center center #ffffff;
}

.dropdown-toggle:after {
    border: none;
    content: none;
}

.dropdown-menu {
    font-size: 1em;
    border-radius: var(--brediusmedium);
    box-shadow: none;
    border: 1px solid #ddd;
    box-shadow: 0 5px 20px -5px rgba(0,0,0,.2);
    background: var(--bgcolor);
    /*display: block;*/
    opacity: 0;
    transform: translateY(10px);
    /*transition: opacity 0.5s ease, transform 0.5s ease;*/
    visibility: hidden;
}

    .dropdown-menu.show {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
    }

body.rtl .dropdown-menu[style] {
    left: 0 !important;
    right: auto !important;
}

.dropdown-menu li > a:not(.btn), .dropdown-menu li > .title {
    display: block;
    width: 100%;
    padding: .35rem .25rem;
    clear: both;
    font-size: .95em;
    cursor: pointer;
}

    .dropdown-menu li > .title:hover {
        color: var(--primerycolor)
    }

.dropdown-menu li > a .icon, .dropdown-menu li > div .icon {
    margin-left: 5px;
    width: 16px;
    height: 16px;
    text-align: center;
}

.dropdown-item {
    color: var(--textcolor);
}

    .dropdown-item:hover, .dropdown-item.hover {
        background-color: unset;
    }

    .dropdown-item:active, .dropdown-item.active {
        background-color: var(--primerycolorrgblight);
    }

.tooltip {
    font-family: inherit;
    font-size: .95em;
}

    .tooltip .tooltip-inner {
        border-radius: 5px;
    }

    .tooltip.bs-tooltip-end .tooltip-arrow {
        transform: translate(0px, 8px) !important;
    }

.accordion-body {
    padding: 1.25rem 1.25rem;
}

.form-check {
    min-height: 1.2rem;
    margin-bottom: 0;
}

.form-check-input {
    border-color: #aaa;
    margin-top: .15em;
}

.form-check.form-check-btn .form-check-input {
    margin-right: -1em;
}

.form-check-input:checked {
    background-color: var(--primerycolor);
    border-color: var(--primerycolor);
}

body.rtl .form-check label {
    padding-left: unset;
    padding-right: unset;
}

.form-check .tc {
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    border: solid 1px #222;
    vertical-align: middle;
}

.form-check-btn {
    cursor: pointer;
    background: #f8f8f8;
    border: solid 1px #f8f8f8;
    transition: all 0.2s ease 0s;
}

    .form-check-btn img {
        width: 100px;
        height: 100px;
    }

    .form-check-btn.selected {
        border: solid 1px var(--primerycolor);
    }

.switch-lg {
    display: flex;
    align-items: end;
    gap: 10px;
}

    .switch-lg .form-check-input {
        width: 2.5rem;
        height: 1.25rem;
        background-color: #dee2e6;
    }

        .switch-lg .form-check-input:checked {
            background-color: #0d6efd;
        }

        .switch-lg .form-check-input::before {
            transform: scale(1.2);
        }

.form-switch .form-check-input:focus {
    box-shadow: none;
}

.list-group {
    border-radius: var(--brediusmedium);
}

.list-group-item {
    background-color: var(--bgcolor);
    padding-right: 0;
    padding-left: 0;
    cursor: pointer;
    flex: 1;
    transition: all linear 0.3s;
}

    .list-group-item:last-child {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .list-group-item label {
        cursor: inherit;
        flex: 1;
    }

.list-group.flex-row .list-group-item + .list-group-item {
    border-top-width: 2px;
}

.list-group-item.active {
    background: inherit;
    border-color: inherit;
    color: inherit;
    border-radius: var(--brediussmall);
}

.list-group-item.current, .list-group-item.current a {
    color: var(--primerycolor);
}

.row-list-group .list-group-item {
    border: solid 1px #ccc;
    border-radius: var(--brediusmedium);
    background: var(--bgcolor);
}

.row-list-group .row .list-group-item {
    height: 100%;
}

.simple-row-list-group .list-group-item {
    border: solid 1px #ccc;
    border-radius: var(--brediusmedium);
    padding: .75rem;
}

.simple-row-list-group.flex-align .list-group-item {
    flex: 0 0 auto;
}

.simple-row-list-group .list-group-item.active, .row-list-group .list-group-item.active {
    border: solid 1px var(--primerycolor);
    box-shadow: var(--primerycolor) 0px 0px 0pt 1pt;
}

.menu-simple-list .list-group-item, .menu-simple-list .item {
    font-weight: 500;
    color: var( --textcolormed);
    fill: var( --textcolormed);
}

    .menu-simple-list .list-group-item:hover {
        color: var(--primerycolor);
    }

    .menu-simple-list .list-group-item.activated {
        color: var(--primerycolordark);
    }

.disabled .enable-button {
    pointer-events: auto;
    opacity: 1;
    cursor: pointer;
}

.nav-tabs {
    border-color: var(--primerycolordark);
}

    .nav-tabs .nav-link {
        background: var(--primerycolorrgblight);
        color: var(--primerycolordark);
        display: flex;
        align-items: center;
        font-size: .95em;
    }

        .nav-tabs .nav-link:hover {
            border-bottom-color: var(--primerycolor);
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: var(--primerycolordark);
            background-color: #fff;
            border-color: var(--primerycolordark);
            border-bottom-color: #fff;
        }

    .nav-tabs.simple-tab .nav-link {
        background: transparent;
        position: relative;
        color: var(--textcolormed);
        fill: var(--textcolormed);
        background: transparent;
        font-weight: 600;
    }

        .nav-tabs.simple-tab .nav-link .icon {
            width: 18px;
            height: 18px;
        }

        .nav-tabs.simple-tab .nav-link:hover {
            background: transparent;
            color: var(--primerycolor);
        }

        .nav-tabs.simple-tab .nav-link.active, .nav-tabs.simple-tab .nav-link.active .icon {
            background: transparent;
            color: var(--primerycolor);
            fill: var(--primerycolor);
            font-weight: 600;
        }

            .nav-tabs.simple-tab .nav-link.active:before {
                content: ' ';
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 5px;
                border-radius: 5px 5px 0 0;
                background: var(--primerycolor);
                z-index: 2;
            }

.btn {
    font-size: 9pt;
    font-weight: 500;
    border-radius: var(--brediussmall);
    position: relative;
}

[data-theme="dark"] .btn {
    color: var(--textcolorlight);
    fill: var(--textcolorlight);
}

div.btn {
    pointer-events: none;
}

.btn.btn-med {
    padding: .5rem .8rem;
    line-height: 1.3;
    border-radius: var(--brediusmedium);
}

.btn.btn-lg {
    padding: .65rem 1rem;
    line-height: 1.5;
    border-radius: var(--brediussmall);
}

.btn.btn-hg {
    padding: .75rem 1rem;
    line-height: 1.7;
    border-radius: var(--brediusmedium);
}

.btn.btn-md {
    padding: .5rem .7rem;
    font-size: .9em;
    line-height: 1.3;
    border-radius: var(--brediussmall);
}

.btn.btn-sm {
    padding: .2rem .4rem;
    font-size: .9em;
    border-radius: var(--brediussmall);
}

.btn.btn-xs {
    padding: .2rem .4rem;
    font-size: .8em;
    border-radius: var(--brediussmall);
}

.btn-default {
    background: rgba(0,0,0,.1);
    color: #fff;
    border: none;
    border-radius: var(--brediusmedium);
    color: var(--textcolormed);
    padding: .6rem .8rem;
    font-size: 1em;
}

.file-actions .btn-default,
.file-actions .btn-default {
    background: rgba(0,0,0,.05);
}

.btn-primary {
    position: relative;
    background: var(--primerycolor);
    border: solid 1px var(--primerycolor);
    color: #fff;
    fill: #fff;
    border: none;
    font-size: calc(.8em + .1vw);
    font-weight: 500;
    border-radius: var(--brediussmall);
    transition: all linear 0.2s;
}

.btn-secondery, .btn-secondary {
    position: relative;
    background: var(--seconderycolor);
    color: #fff;
    border: none;
    font-size: 1em;
    font-weight: 500;
    transition: all linear 0.2s;
}

.btn-primary-transparent, .btn-primary-transparent-alt, .btn-secondery-transparent {
    background: var(--bgcolor);
    color: var(--textcolor);
    box-shadow: 0px 0px 0px 1px var(--textcolorlight) inset;
    border: none;
    border-radius: var(--brediusmedium);
}

.btn-primary-transparent-alt {
    color: var(--primerycolor);
    fill: var(--primerycolor);
    box-shadow: 0px 0px 0px 2px var(--primerycolor) inset;
}

    .btn-primary-transparent-alt:hover, .btn-primary-transparent-alt.active {
        background: var(--primerycolor);
        color: #fff;
        fill: #fff;
    }

.btn-defualt-transparent {
    border: solid 1px #aaa;
    color: #666;
}

    .btn-defualt-transparent:hover {
        border: solid 1px var(--primerycolor);
        color: var(--primerycolor);
    }

.btn .icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.btn.btn-sm .icon {
    width: 13px;
    height: 13px;
}

.btn .icon:before {
    position: relative;
    top: 3px;
}

.btn-primary.buy.icon i {
    position: absolute;
    height: 100%;
    top: 0;
    right: -1px;
    width: 40px;
    background: #fdd922;
    color: #58585b;
    font-size: 1.4em;
    text-align: center;
    padding-top: 10px;
    border-radius: 0 3px 3px 0;
}

.btn-primary:hover,
.btn-black:hover,
.btn-secondary:hover,
.btn-secondery:hover,
.btn-primary:focus,
.btn-black:focus {
    color: #fff;
    fill: #fff;
    background: var(--primerycolordark);
    border-color: var(--primerycolordark);
}

.btn-primary-transparent:hover,
.btn-primary-transparent:focus,
.btn-secondery-transparent:hover,
.btn-secondery-transparent:focus,
.btn-primary-transparent-alt:hover,
.btn-primary-transparent-alt:focus {
    background: var(--primerycolor);
    border-color: var(--primerycolor);
    color: #fff;
}

.btn-default.active, .btn-default:hover,
.btn-default:focus {
    background: rgba(0,0,0,.25);
}

.file-actions .btn-default:hover,
.file-actions .btn-default:focus {
    background: rgba(0,0,0,.1);
}

.btn-lightdefault, .lightdefault {
    background: rgba(90,90,90,.04) !important;
    line-height: 1;
    border: solid 1px var(--bgcolordark);
    color: var(--textcolor);
}

    .btn-lightdefault:hover, .btn-lightdefault.active {
        color: var(--textcolordark);
        border-color: #aaa;
    }

.btn-lightdanger {
    background: rgba(204,0,51,.1) !important;
    line-height: 1;
    color: #cc0033;
}

    .btn-lightdanger:hover, .btn-lightdanger.active {
        background: rgba(204,0,51,.3) !important;
    }

.btn-lightsuccess, .lightsuccess {
    background: rgba(139,195,74,.12) !important;
    line-height: 1;
}

    .btn-lightsuccess:hover, .btn-lightsuccess.active {
        background: rgba(139,195,74,.3) !important;
    }

.btn-lightwarning {
    background: rgba(255,193,7,.1) !important;
    line-height: 1;
}

    .btn-lightwarning:hover, .btn-lightwarning.active {
        background: rgba(255,193,7,.3) !important;
    }

.btn-lightinfo {
    background: rgba(41,128,185,.08) !important;
    color: #1c6799;
    line-height: 1;
}

    .btn-lightinfo:hover, .btn-lightinfo.active {
        background: rgba(41,128,185,.3) !important;
        color: #1c6799;
    }

.btn-lightpurple {
    background: rgba(98,54,155,.1) !important;
}

    .btn-lightpurple:hover, .btn-lightpurple.active {
        background: rgba(98,54,155,.3) !important;
    }

.btn.lightdanger {
    color: #cc0033;
    fill: #cc0033;
    background: rgba(204,0,51,.1);
}

    .btn.lightdanger:hover {
        color: #cc0033;
        background: rgba(204,0,51,.3);
    }

.btn.lightinfo {
    color: #1c6799;
    fill: #1c6799;
    background: #eef5fa;
}

    .btn.lightinfo:hover {
        background: #d3e6f3;
    }

.btn-link {
    text-decoration: none;
    border-radius: 0;
    color: inherit;
}

    .btn-link:hover {
        color: var(--primerycolor);
        fill: var(--primerycolor);
    }

    .btn-link.link-primary {
        color: var(--primerycolor);
    }

        .btn-link.link-primary:hover {
            color: var(--seconderycolor);
        }

    .btn-link.underline {
        border-bottom: dashed 1px var(--primerycolor);
    }

        .btn-link.underline:hover {
            border-bottom: dashed 1px transparent;
        }

.underline {
    border-bottom: dotted 1px var(--primerycolor);
}

.link-info {
    color: #0066cc;
}

    .link-info:focus, .link-info:hover {
        color: #000033;
    }

.btn-img {
    position: relative;
}

    .btn-img .title {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.btn-tooltip .icon {
    vertical-align: middle;
    cursor: pointer;
    width: 14px;
}

.header-stickybtn {
    transform: translateY(95%);
}

/* Landing */
.lp-column {
    position: relative;
    color: var(--gtextcolor)
}

    .lp-column .product {
        position: relative;
        color: var(--textcolor)
    }

    .lp-column .inner {
        position: relative;
    }

    .lp-column .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

.container .raw-html-embed .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
}

/* Landing */

/* Landing Padding General */
.p-huge {
    padding: calc(7em + 2vw);
}

.p-verybig {
    padding: calc(5em + 1.5vw);
}

.p-big {
    padding: calc(4em + 1vw);
}

.p-medium {
    padding: calc(2em + .8vw);
}

.p-small {
    padding: calc(1.5em + .5vw);
}

.p-tiny {
    padding: 1em;
}

.py-huge {
    padding-top: calc(7em + 2vw);
    padding-bottom: calc(7em + 2vw);
}

.py-verybig {
    padding-top: calc(5em + 1.5vw);
    padding-bottom: calc(5em + 1.5vw);
}

.py-big {
    padding-top: calc(4em + 1vw);
    padding-bottom: calc(4em + 1vw);
}

.py-medium {
    padding-top: calc(2em + .8vw);
    padding-bottom: calc(2em + .8vw);
}

.py-small {
    padding-top: calc(1.5em + .5vw);
    padding-bottom: calc(1.5em + .5vw);
}

.py-tiny {
    padding-top: 1em;
    padding-bottom: 1em;
}

.px-huge {
    padding-left: calc(7em + 2vw);
    padding-right: calc(7em + 2vw);
}

.px-verybig {
    padding-left: calc(5em + 1.5vw);
    padding-right: calc(5em + 1.5vw);
}

.px-big {
    padding-left: calc(4em + 1vw);
    padding-right: calc(4em + 1vw);
}

.px-medium {
    padding-left: calc(2em + .8vw);
    padding-right: calc(2em + .8vw);
}

.px-small {
    padding-left: calc(1.5em + .5vw);
    padding-right: calc(1.5em + .5vw);
}

.px-tiny {
    padding-left: 1em;
    padding-right: 1em;
}

.pt-huge {
    padding-top: calc(7em + 2vw);
}

.pt-verybig {
    padding-top: calc(5em + 1.5vw);
}

.pt-big {
    padding-top: calc(4em + 1vw);
}

.pt-medium {
    padding-top: calc(2em + .8vw);
}

.pt-small {
    padding-top: calc(1.5em + .5vw);
}

.pt-tiny {
    padding-top: 1em;
}

.pb-huge {
    padding-bottom: calc(7em + 2vw);
}

.pb-verybig {
    padding-bottom: calc(5em + 1.5vw);
}

.pb-big {
    padding-bottom: calc(4em + 1vw);
}

.pb-medium {
    padding-bottom: calc(2em + .8vw);
}

.pb-small {
    padding-bottom: calc(1.5em + .5vw);
}

.pb-tiny {
    padding-bottom: 1em;
}

.pl-huge {
    padding-left: calc(7em + 2vw);
}

.pl-verybig {
    padding-left: calc(5em + 1.5vw);
}

.pl-big {
    padding-left: calc(4em + 1vw);
}

.pl-medium {
    padding-left: calc(2em + .8vw);
}

.pl-small {
    padding-left: calc(1.5em + .5vw);
}

.pl-tiny {
    padding-left: 1em;
}

.pr-huge {
    padding-right: calc(7em + 2vw);
}

.pr-verybig {
    padding-right: calc(5em + 1.5vw);
}

.pr-big {
    padding-right: calc(4em + 1vw);
}

.pr-medium {
    padding-right: calc(2em + .8vw);
}

.pr-small {
    padding-right: calc(1.5em + .5vw);
}

.pr-tiny {
    padding-right: 1em;
}

/* Landing padding general end */

/* Landing Margin general start */

.m-huge {
    margin: calc(7em + 2vw);
}

.m-verybig {
    margin: calc(5em + 1.5vw);
}

.m-big {
    margin: calc(4em + 1vw);
}

.m-medium {
    margin: calc(2em + .8vw);
}

.m-small {
    margin: calc(1.5em + .5vw);
}

.m-tiny {
    margin: 1em;
}

.my-huge {
    margin-top: calc(7em + 2vw);
    margin-bottom: calc(7em + 2vw);
}

.my-verybig {
    margin-top: calc(5em + 1.5vw);
    margin-bottom: calc(5em + 1.5vw);
}

.my-big {
    margin-top: calc(4em + 1vw);
    margin-bottom: calc(4em + 1vw);
}

.my-medium {
    margin-top: calc(2em + .8vw);
    margin-bottom: calc(2em + .8vw);
}

.my-small {
    margin-top: calc(1.5em + .5vw);
    margin-bottom: calc(1.5em + .5vw);
}

.my-tiny {
    margin-top: 1em;
    margin-bottom: 1em;
}

.mx-huge {
    margin-left: calc(7em + 2vw);
    margin-right: calc(7em + 2vw);
}

.mx-verybig {
    margin-left: calc(5em + 1.5vw);
    margin-right: calc(5em + 1.5vw);
}

.mx-big {
    margin-left: calc(4em + 1vw);
    margin-right: calc(4em + 1vw);
}

.mx-medium {
    margin-left: calc(2em + .8vw);
    margin-right: calc(4em + 1vw);
}

.mx-small {
    margin-left: calc(1.5em + .5vw);
    margin-right: calc(4em + 1vw);
}

.mx-tiny {
    margin-left: 1em;
    margin-right: 1em;
}

.mt-huge {
    margin-top: calc(7em + 2vw);
}

.mt-verybig {
    margin-top: calc(5em + 1.5vw);
}

.mt-big {
    margin-top: calc(4em + 1vw);
}

.mt-medium {
    margin-top: calc(2em + .8vw);
}

.mt-small {
    margin-top: calc(1.5em + .5vw);
}

.mt-tiny {
    margin-top: 1em;
}

.mb-huge {
    margin-bottom: calc(7em + 2vw);
}

.mb-verybig {
    margin-bottom: calc(5em + 1.5vw);
}

.mb-big {
    margin-bottom: calc(4em + 1vw);
}

.mb-medium {
    margin-bottom: calc(2em + .8vw);
}

.mb-small {
    margin-bottom: calc(1.5em + .5vw);
}

.mb-tiny {
    margin-bottom: 1em;
}

.ml-huge {
    margin-left: calc(7em + 2vw);
}

.ml-verybig {
    margin-left: calc(5em + 1.5vw);
}

.ml-big {
    margin-left: calc(4em + 1vw);
}

.ml-medium {
    margin-left: calc(2em + .8vw);
}

.ml-small {
    margin-left: calc(1.5em + .5vw);
}

.ml-tiny {
    margin-left: 1em;
}

.mr-huge {
    margin-right: calc(7em + 2vw);
}

.mr-verybig {
    margin-right: calc(5em + 1.5vw);
}

.mr-big {
    margin-right: calc(4em + 1vw);
}

.mr-medium {
    margin-right: calc(2em + .8vw);
}

.mr-small {
    margin-right: calc(1.5em + .5vw);
}

.mr-tiny {
    margin-right: 1em;
}

/* Landing Margin general end */

.section .section-inner {
    display: block;
}

.white-bg-color {
    background: #fff;
}

.grey-bg-color {
    background-color: rgba(245,245,245,.9);
}

.colorful-setion .section-title {
    color: #fff;
}

.column-title, .section-title {
    position: relative;
    font-size: calc(.95rem + .1vw);
    color: var(--textcolor);
    padding-bottom: 6px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 0px;
    line-height: 1.6;
    letter-spacing: 1.5px;
}

.lp-column .column-title {
    color: var(--gtextcolor);
}

.lp-column.text-white .column-title .subtitle {
    color: #fff;
    margin-top: 8px;
}

body.rtl .column-title, body.rtl .section-title {
    letter-spacing: 0;
}

.d-flex.justify-content-between > .column-title, .d-flex.justify-content-between > .column-title * {
    margin: 0;
    /*  padding:0;*/
}

.column-title {
    margin-bottom: 12px;
}

    .column-title .title {
        font-size: inherit;
        margin-bottom: 6px;
        line-height: 1.5
    }

        .column-title .title .img-parent, .lp-column .btn.h-link .img-parent {
            aspect-ratio: unset !important;
            display: inline-block;
            vertical-align: middle;
        }

    .column-title * {
        font-size: inherit
    }

    .column-title .subtitle {
        color: var(--textcolormed);
        font-size: .85rem;
        font-weight: 300;
    }

body.rtl .column-title {
    padding-left: 0;
    padding-right: 12px;
}

.column-title:not(.center-title):after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 30px;
    background: var(--primerycolor);
    z-index: 2;
    border-radius: 0 5px 5px 0;
}

body.rtl .column-title:not(.center-title):after {
    left: auto;
    right: 0;
    border-radius: 5px 0 0 5px;
}

.inner-head-title {
    background: #f5f5f5;
    font-weight: 500;
    padding: 6px 8px;
    border-left: solid 4px var(--primerycolordark)
}

body.rtl .inner-head-title {
    border-left-width: 0;
    border-right: solid 4px var(--primerycolordark)
}

.arrowCollapse {
    cursor: pointer;
}

/*-*/
/*  preloader strat
/*-*/

.preloader {
    position: fixed;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    left: 0px;
    top: 0px;
    background: rgba(255,255,255,.7);
    width: 100%;
    height: 100%;
    z-index: 3000000002;
}

    .preloader .loading-box {
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        width: 170px;
        height: 170px;
        background: transparent;
        border-radius: 0;
    }

        .preloader .loading-box img {
            width: 180px;
            max-width: 100%;
        }

/*-*/
/*  preloader end
/*-*/


/*-*/
/*  loading animate start
/*-*/

.loading-animate {
    animation: shimmer 1.5s linear infinite;
    background-size: 400%;
    background-image: linear-gradient(90deg,#f2f2f2 0,#f2f2f2 30%,#d9d9d9 45%,#d9d9d9 50%,#f2f2f2 60%,#f2f2f2);
    border-radius: 8px;
}

@keyframes shimmer {
    0% {
        background-position: 100%
    }

    to {
        background-position: 0
    }
}

.loading-animate-text {
    animation: shimmers 1.5s linear infinite;
    background-size: 400%;
    color: linear-gradient(90deg,#f2f2f2 0,#f2f2f2 30%,#d9d9d9 45%,#d9d9d9 50%,#f2f2f2 60%,#f2f2f2)
}

@keyframes shimmers {
    0% {
        background-position: 100%
    }

    to {
        background-position: 0
    }
}

.spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

/*-*/
/*  loading animate end
/*-*/

/*-*/
/*  loading overlay start
/*-*/

.loading-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 30vh;
    z-index: 1000;
}

    .loading-overlay .inner {
        padding: 10px;
        background: rgba(255,255,255,.9);
        border-radius: 3px;
    }

/*-*/
/*  loading overlay end
/*-*/

.nav-tabs > li.nav-item.active > a, .nav-tabs > li.nav-item.active > a:hover, .nav-tabs > li.nav-item.active > a:focus {
    border: none;
    box-shadow: unset;
}

.products {
    position: relative;
    margin: 10px 0;
    padding: 15px;
    transition: all 0.5s linear 0s;
    /*  box-shadow: 0 0 10px hsla(0,0%,74.9%,.35);*/
    border-radius: var(--brediusmedium);
    border: solid 1px #ccc;
    background: var(--bgcolor);
    /*    width: 100%;*/
}

.products-List .products {
    background: var(--bgcolorlight);
}

.products:hover {
    border-color: #999;
}

.products .product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .products .product .product-data {
        display: flex;
        flex-direction: column;
    }

.swiper-slide .products {
    width: 100%;
    padding: 15px;
}

    .swiper-slide .products .product {
        height: 100%;
    }

    .swiper-slide .products:hover {
        border-color: var(--primerycolor);
    }

.colorful-setion .swiper-slide .products {
    border-color: #fff;
}

.swiper-slide .blog-post {
    padding: 10px;
    /*background: rgba(255,255,255,.95);*/
    border-radius: 10px;
    text-align: center;
}

    .swiper-slide .blog-post .name {
        font-weight: 600;
        margin-bottom: 10px;
    }

    .swiper-slide .blog-post img:not(.icon):not(.avatar):not(.avatar-small) {
        border-radius: var(--brediusmedium);
        transition: all 0.2s linear 0s;
    }

    .swiper-slide .blog-post:hover img {
        transform: scale(1.05) rotate(.5deg);
    }

    .swiper-slide .blog-post .blog-post-info h3 a {
        line-height: 1.6;
    }

.unicase-form-control {
    border-color: #ddd;
    box-shadow: none;
    height: auto;
    padding: 10px 12px;
}

    .unicase-form-control:focus {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: var(--primerycolor);
    }

.animate-dropdown .open > .dropdown-menu,
.animate-dropdown .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
    animation-name: slidenavAnimation;
    animation-duration: 200ms;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    -webkit-animation-name: slidenavAnimation;
    -webkit-animation-duration: 200ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slidenavAnimation;
    -moz-animation-duration: 200ms;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-fill-mode: forwards;
}

@keyframes slidenavAnimation {
    from {
        margin-top: -30px;
        opacity: 0;
    }

    to {
        margin-top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes slidenavAnimation {
    from {
        margin-top: -30px;
        opacity: 0;
    }

    to {
        margin-top: 0;
        opacity: 1;
    }
}

.product-slider .products {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 15px
}

.product-slider.colored .products {
    border-color: #fff;
}

.caret {
    border: none;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0;
    vertical-align: middle;
}

    .caret:before {
        display: inline-block;
        font-weight: normal;
        content: "❯";
        line-height: .8;
        margin-left: 5px;
        vertical-align: top;
        transform: rotate(90deg);
        font-size: 8pt;
    }

body.rtl .caret:before {
    transform: rotate(-90deg);
    vertical-align: super;
}

.top-cart-row {
    position: relative;
}

    .top-cart-row:first-child {
        margin: 0 !important;
    }

    .top-cart-row .dropdown-toggle:after {
        display: none;
    }


.category-list {
    background-color: var(--bgcolorlight);
    /*box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);*/
    border-radius: var(--brediusbig);
}

.body-content.landing-content {
    background-color: #fff;
}

.body-content .content-page {
    padding-top: 15px;
    padding-bottom: 15px;
    background: var(--bgcolorlight);
    background-size: 100% auto;
}

.simple-page {
    background-color: var(--bgcolorlight);
    /*box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);*/
    border-radius: var(--brediusmedium);
    padding: 20px 0;
    overflow: hidden;
    min-height: 150px;
}

/*-*/
/* top-offer
/*-*/

.top-offer {
    min-height: 55px;
    width: 100%;
    transition: all .5s linear 0s;
}

    /*header.fixed-header .header-inner .top-offer:not(.fixed) {
    height: 0;
    min-height: unset;
    overflow: hidden;
    transform: translateY(-55px);
}*/

    .top-offer a, .top-offer div {
        height: inherit;
        width: 100%;
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center center;
    }

.top-bar {
    padding: 0px;
    /*  border-bottom: 1px solid #f5f5f5;*/
}

    .top-bar .top-bar-inner {
        display: flex;
        justify-content: space-between;
    }

    .top-bar .top-bar-box > ul {
        display: flex;
    }

        .top-bar .top-bar-box > ul > li a {
            display: flex;
            align-items: center;
            color: #777;
            padding: 5px 0;
            font-size: 1em;
            font-weight: 400;
            transition: all 0.5s linear 0s;
            cursor: pointer;
        }

            .top-bar .top-bar-box > ul > li a svg.icon {
                margin-right: 5px;
                width: 16px;
                height: 16px;
                fill: #888;
                transition: inherit;
            }

body.rtl .top-bar .top-bar-box > ul > li a svg.icon {
    margin-right: 0;
    margin-left: 5px;
}

.top-bar .top-bar-box > ul > li a i.icon {
    transform: rotate(-90deg);
    display: inline-block;
    fill: #888;
    font-size: .9em
}

.top-bar .top-bar-box > ul > li a:hover, .top-bar .top-bar-box > ul > li a:hover .icon {
    color: var(--primerycolor);
    fill: var(--primerycolor);
}

/*-*/
/* header start
/*-*/

header {
    position: relative;
    z-index: 1040;
    transition: all .6s linear 0s;
}

    header .header-inner {
        background-color: var(--bgcolorlight);
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
        position: relative;
        z-index: 1045;
        transition: all .5s linear 0s;
    }

    header.fixed-header .header-inner {
        position: fixed;
        width: 100%;
        top: -100%;
        left: 0;
        right: 0;
        z-index: 1040;
    }

    header.fixed-header.show .header-inner {
        top: 0;
    }

.main-header {
    background: var(--bgcolorlight);
    position: relative;
    z-index: 10;
}

    .main-header .logo-holder .img-parent {
        max-height: 50px;
        width: 175px
    }

        .main-header .logo-holder .img-parent img {
            max-height: 50px;
            width: 175px
        }

    .main-header .logo-holder.tiny img {
        max-height: 75px;
    }

.top-search-holder .search-area .search-field {
    padding-left: 20px;
    padding-right: 20px;
    height: 45px;
    line-height: 45px;
    border-color: var(--bgcolorlight);
    font-size: 1em;
    font-weight: 400;
    background: var(--bgcolormed);
    border-radius: var(--brediusmedium);
    transition: all 0.2s linear 0s;
}

    .top-search-holder .search-area .search-field:focus, .top-search-holder .search-area.active .search-field {
        background: #f9f9f9;
        border-color: #ccc;
    }

.top-search-holder .search-area.active .search-field {
    border-radius: var(--brediusbig) var(--brediusbig) 0 0;
}

.search-area .search-button, .btn-inner {
    position: absolute;
    right: 0;
    top: 0;
    min-width: 35px;
    font-size: 1.3em;
    background: transparent;
    border-radius: 20px;
    color: var(--textcolor);
    fill: var(--textcolor);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

    .search-area .search-button:hover {
        color: var(--primerycolor);
        fill: var(--primerycolor);
        background-color: inherit;
    }

body.rtl .search-area .search-button, body.rtl .btn-inner {
    right: auto;
    left: 0;
}


.search-area .resultsearch {
    background: var(--bgcolor);
    position: absolute;
    right: 0;
    left: 0;
    top: 98%;
    padding: 10px;
    border-radius: 0 0 var(--brediusbig) var(--brediusbig);
    z-index: 1000;
    border: solid 1px #ccc;
    border-top: none;
    box-shadow: 0 5px 20px -5px rgba(0,0,0,.2);
    transition: all 1s linear 0s;
}

    .search-area .resultsearch .search-list {
        max-height: 75vh;
        overflow-y: auto;
    }

    .search-area .resultsearch .list-group {
        margin-bottom: 1.5em;
    }

    .search-area .resultsearch .search-list .group-title {
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 10;
        width: 100%;
        margin-bottom: .6em;
    }

        .search-area .resultsearch .search-list .group-title .title, .search-area .resultsearch .search-list .group-title > a {
            flex-grow: 1;
            flex-shrink: 1;
        }

        .search-area .resultsearch .search-list .group-title .inner {
            position: relative;
            display: flex;
            /*flex-wrap: wrap;*/
            align-items: center;
            padding: 0 0 5px;
            justify-content: space-between;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.05)
        }

            .search-area .resultsearch .search-list .group-title .inner:before {
                position: absolute;
                content: '';
                bottom: 0;
                left: 0;
                height: 1px;
                width: 15%;
                background: #999;
                z-index: 10;
            }

            .search-area .resultsearch .search-list .group-title .inner:before {
                left: 0;
                right: 0;
            }

            .search-area .resultsearch .search-list .group-title .inner .title h4 {
                font-size: .95em;
                font-weight: 600;
                line-height: 1.5;
                margin: 0;
            }

            .search-area .resultsearch .search-list .group-title .inner .btn {
                padding: .2rem .5rem;
                font-size: .8em;
                transition: all 0.2s linear 0s;
                line-height: 1.5;
            }

                .search-area .resultsearch .search-list .group-title .inner .btn i {
                    top: 1px;
                    position: relative;
                }

    .search-area .resultsearch .search-list .item {
        position: relative;
        display: flex;
        align-items: center;
        gap: .5em;
    }

        .search-area .resultsearch .search-list .item .col-title {
            flex-grow: 1;
            flex-shrink: 1;
        }

            .search-area .resultsearch .search-list .item .col-title .title {
                font-size: .95em;
                font-weight: 400;
                padding: 6px 5px;
                line-height: 1.6;
            }


        .search-area .resultsearch .search-list .item .image .img-parent, .search-area .resultsearch .search-list .item .image {
            height: 40px;
            overflow: unset;
            max-width: 100% !important;
        }

            .search-area .resultsearch .search-list .item .image img {
                max-height: 100%;
            }

/*.productListCustom {
    position: absolute;
    background-color: white;
    z-index: 10000;
    border: 1px solid #aaa;
    padding: 10px;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 1px 4px rgba(0,0,0,.2)
}
.top-search-holder .search-area .categories-filter {
    border-right: 1px solid #E0E0E0;
    text-transform: capitalize;
    display: inline-block;
    line-height: 44px;
    background: #f6f6f6;
    border-radius: 0 3px 3px 0
}
.top-search-holder .search-area .categories-filter a {
  padding: 0 10px;
  color: var(--textcolor);
  font-size: 1em;
}

.top-search-holder .search-area .categories-filter .dropdown-menu {
  box-shadow: none;
  border: 1px solid #e1e1e1;
  padding: 12px 17px;
  border-radius: 0px;
}
.top-search-holder .search-area .categories-filter .dropdown-menu li a {
  padding: 0px;
  line-height:2;
}
.top-search-holder .search-area .categories-filter .dropdown-menu li a:hover,
.top-search-holder .search-area .categories-filter .dropdown-menu li a:focus {
  background: rgba(0, 0, 0, 0);
}
.top-search-holder .search-area .categories-filter .dropdown-menu li.menu-header {
  font-family: inherit;
  line-height: 30px;
}
*/
.top-cart-row .dropdown-cart .lnk-cart {
    padding: 0px;
    border-radius: var(--brediusmedium);
    vertical-align: middle;
}

    .top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .total-price-basket {
        padding: 12px 12px 13px 15px;
        font-family: inherit;
        text-transform: uppercase;
    }

    .top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket {
        display: flex;
        flex-direction: column;
        /*justify-content: center;*/
        align-items: center;
        padding: 0;
        background: var(--bgcolorlight);
        /*border: solid 1px var(--bgcolordark);
        border-radius: var(--brediusmedium);*/
        line-height: 1.3;
        font-weight: bold;
        letter-spacing: .5px;
        font-size: .9em;
    }

body.rtl .top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket {
    letter-spacing: 0;
    font-weight: 500;
}

.top-cart-row.active .dropdown-cart .lnk-cart .items-cart-inner .basket {
    fill: var(--primerycolor);
    /* background: var(--primerycolorrgblight);
    border-color: var(--primerycolorrgbmedlight) !important;*/
}

.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket-item-count {
    position: absolute;
    left: -8px;
    top: -6px;
    width: 20px;
    height: 20px;
    background: var(--primerycolor);
    color: #fff;
    font-size: .8em;
    font-weight: bold;
    display: flex;
    align-items: end;
    justify-content: center;
    border-radius: 100px;
    z-index: 2;
}

.top-cart-row .dropdown-cart .items-cart-inner .basket span {
    font-size: .9em;
    font-weight: 500;
    vertical-align: middle;
    color: var(--textcolor);
}

.top-cart-row .dropdown-cart .items-cart-inner .basket .icon {
    color: var(--textcolor);
    fill: var(--textcolor);
    /*margin-right: 5px;*/
    margin-bottom: 7px;
    width: 22px;
    height: 22px;
    transition: all 0.2s linear 0s;
}

/*body.rtl .top-cart-row .dropdown-cart .items-cart-inner .basket .icon {
    margin-right: 0;
    margin-left: 5px
}*/

.top-cart-row .dropdown-cart .items-cart-inner .basket:hover .icon {
    color: var(--primerycolor);
    fill: var(--primerycolor);
}

.top-cart-row.active .dropdown-cart .lnk-cart .items-cart-inner .basket, .top-cart-row.active .dropdown-cart .items-cart-inner .basket .icon {
    color: var(--primerycolordark);
}

.top-cart-row .dropdown-cart .dropdown-item {
    padding: .6rem 1rem;
}

.top-cart-row .dropdown-cart .dropdown-menu.popupDiv {
    width: 550px;
}

.top-cart-row .summary-box {
    /*max-height: 54vh;*/
    /*overflow-y: auto;*/
    font-size: .9em;
}

    .top-cart-row .summary-box .item {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

        .top-cart-row .summary-box .item .type-name {
            font-size: .95em;
            padding: 5px;
            background: #f9f9f9;
            margin-top: 0;
            margin-bottom: 10px;
            color: var(--primerycolordark);
            border-radius: 6px;
            text-align: center;
        }

        .top-cart-row .summary-box .item .name a {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            min-height: 1em;
            padding: 0;
            font-size: 9pt;
            line-height: 1.4;
        }

    .top-cart-row .summary-box .brand .brand-thumb {
        max-height: 22px;
    }

.top-cart-row .dropdown-cart .dropdown-menu .cart-total {
    padding-top: 14px;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    box-shadow: 0px -10px 10px -5px rgba(0,0,0,.1);
}

.header-nav {
    transform: translateY(0);
    transition: all 0.5s linear 0s;
}

    .header-nav .navbar-default {
        background: unset;
        border: medium none;
        border-radius: 0;
        margin: 0;
        min-height: unset;
    }

    .header-nav .navbar-default {
        padding: 0;
    }

        .header-nav .navbar-default .navbar-nav li {
            position: relative;
        }

        .header-nav .navbar-default .navbar-nav > li > a:not(.admin-edit) {
            display: block;
            color: var(--textcolor);
            font-family: inherit;
            font-size: 10pt;
            font-weight: bold;
            line-height: 1.7;
            padding: 12px 10px;
            text-transform: uppercase;
            transition: all 0.2s linear 0s;
        }

        .header-nav .navbar-default .navbar-setting .navbar-nav > li > a:not(.admin-edit) {
            padding: .2em .6em .2em 1em;
            border: solid 1px #ccc;
            border-radius: 50rem;
            box-shadow: 0 0 0 5px rgba(180,180,180,.1);
        }

body.rtl .header-nav .navbar-default .navbar-nav > li > a {
    font-weight: 500;
}

header .header-nav .navbar-default .nav-outer .navbar-nav > li:first-child > a {
    padding-left: 0;
}

body.rtl header .header-nav .navbar-default .nav-outer .navbar-nav > li:first-child > a {
    padding-left: 10px;
    padding-right: 0;
}

.header-nav .navbar-default .navbar-nav > li > a .icon.angle {
    transform: rotate(90deg);
    display: inline-block;
    font-weight: 400;
    font-size: 8pt;
}

body.rtl .header-nav .navbar-default .navbar-nav > li > a .icon.angle {
    transform: rotate(-90deg);
}

.header-nav .navbar-default .navbar-nav li a:hover, .header-nav .navbar-default .navbar-nav li a:focus, .header-nav .navbar-default .navbar-nav li.open a:hover {
    color: var(--primerycolor);
    fill: var(--primerycolor);
    background: transparent;
}

.header-nav .navbar-default .navbar-nav > li > a > .icon {
    font-size: 1.2em;
    margin-right: 5px;
    opacity: .7;
    color: inherit;
    vertical-align: top;
    width: 20px;
}

body.rtl .header-nav .navbar-default .navbar-nav > li > a > .icon {
    vertical-align: middle;
    margin-right: 0;
    margin-left: 5px;
}

.header-nav .navbar-default .navbar-nav > li .menu-label {
    position: absolute;
    text-transform: uppercase;
    top: -5px;
    display: inline;
    padding: 1px 7px;
    color: #fff;
    font-size: .75em;
    font-weight: 400;
    left: 10px;
    line-height: normal;
    border-radius: 6px;
}

    .header-nav .navbar-default .navbar-nav > li .menu-label:after {
        border-width: 6px 7px 0 6px;
        right: 18px;
        top: 90%;
        border-style: solid;
        content: "";
        display: block;
        height: 0;
        position: absolute;
        transition: all 0.3s ease 0s;
        width: 0;
        z-index: 100;
    }

    .header-nav .navbar-default .navbar-nav > li .menu-label:before {
        right: 18px;
        top: 90%;
    }

/* navbar-expand */

.navbar-expand .dropdown-menu .banner-image, .navbar-expand .dropdown-menu .custom-banner {
    text-align: center !important;
}

.navbar-expand .navbar-expand-content .links li a {
    padding: 4px 0px;
    font-size: .95em;
    color: #565656;
}

.navbar-expand .dropdown-item.active {
    background: unset;
    color: var(--textcolordark);
}

.navbar-expand .dropdown-menu li a:not(.btn) {
    color: var(--textcolor);
    line-height: normal;
    text-transform: none;
    display: block;
    padding: 6px 0;
}

body.ltr .navbar-expand .dropdown-menu li a:not(.btn) {
    font-weight: 600;
}

.navbar-expand .dropdown-menu li a i {
    font-weight: 500;
}

.fa-angle-start:before {
    content: "\f105";
}

body.ltr .fa-angle-start:before {
    content: "\f104";
}

.navbar-expand .dropdown-menu li .title {
    position: relative;
    font-size: .95em;
    line-height: 1.2;
    color: var(--primerycolor);
    margin: 0;
    font-weight: bold;
}

    .navbar-expand .dropdown-menu li .title a {
        color: var(--primerycolordark);
    }

.navbar-expand .dropdown-menu li .navbar-expand-content .title span {
    border-left: solid 2px var(--primerycolor);
    padding-left: 5px;
}

body.rtl .navbar-expand .dropdown-menu li .navbar-expand-content .title span {
    border-left: none;
    border-right: solid 2px var(--primerycolor);
    padding-left: 0;
    padding-right: 5px;
}

.navbar-expand .dropdown-menu li .navbar-expand-group a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1em;
    padding: 15px 20px;
}

    .navbar-expand .dropdown-menu li .navbar-expand-group a.active {
        background: #f9f9f9;
    }

.navbar-expand .dropdown-menu li {
    line-height: normal;
    padding: 0;
    transition: all 0.3s ease 0s;
}

.navbar-expand .mega-menu {
    padding: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-height: 75vh;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 0 0 var(--brediusmedium) var(--brediusmedium)
}

.navbar-expand .has-mega-menu {
    position: static !important;
}

.navbar-expand .dropdown-menu .text {
    font-size: 1em;
    line-height: 20px;
    position: relative;
    bottom: 0px;
    top: 73px;
}

/* navbar-expand */

.header-nav .navbar-default .dropdown .dropdown-menu.pages .links > li {
    border-bottom: 1px solid #E0E0E0;
    padding: 5px 0;
}

    .header-nav .navbar-default .dropdown .dropdown-menu.pages .links > li:last-child {
        border-bottom: none;
    }

    .header-nav .navbar-default .dropdown .dropdown-menu.pages .links > li > a {
        line-height: 26px;
        padding: 0px;
    }

        .header-nav .navbar-default .dropdown .dropdown-menu.pages .links > li > a:hover,
        .header-nav .navbar-default .dropdown .dropdown-menu.pages .links > li > a:focus {
            margin-left: 0px;
        }
/*-*/
/* header end
/*-*/

/*-*/
/* General sliding menu start
/*-*/
body.overlay-open {
    overflow: hidden;
}

.body-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100vh;
    width: 100%;
    background: rgba(0,0,0,.5);
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    transition: all 500ms ease;
}

    .body-overlay.now-visible {
        opacity: 1;
        visibility: visible;
        z-index: 1035;
    }

.sliding-menu {
    position: fixed;
    left: -320px;
    top: 0px;
    bottom: 0px;
    width: 320px;
    max-width: 320px;
    height: 100vh;
    padding: 0px 0px;
    background: var(--bgcolor);
    z-index: 3000000002;
    transition: all 500ms ease;
}

    .sliding-menu.fixed-sliding {
        z-index: 2100000002;
    }

body.rtl .sliding-menu {
    left: auto;
    right: -320px;
}

.sliding-menu.d-end {
    left: auto;
    right: -320px;
}

body.rtl .sliding-menu.d-end {
    right: auto;
    left: -320px;
}

.sliding-menu .inner {
    overflow: auto;
    height: inherit;
    padding: 2.5em 5px 2em;
}

.sliding-menu.mobile-menu-header {
    opacity: 0;
    visibility: hidden;
    padding: 0 15px;
    overflow: auto;
}

    .sliding-menu.mobile-menu-header .inner {
        padding: 2.5em 5px 2em;
    }

.sliding-menu .close {
    position: absolute;
    right: 0;
    top: 8px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    z-index: 1000;
}

.sliding-menu.d-end .close {
    right: auto;
    left: 0;
}

body.rtl .sliding-menu .close {
    right: auto;
    left: 0;
}

body.rtl .sliding-menu.d-end .close {
    left: auto;
    right: 0;
}

.sliding-menu .toggle-fixed-btn {
    display: flex;
    justify-content: center;
    font-size: .85em;
    font-weight: 600;
    position: absolute;
    width: 160px;
    right: -94px;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%) rotate(90deg);
}

    .sliding-menu .toggle-fixed-btn .t-inner {
        background: var(--primerycolordark);
        color: #fff;
        max-width: 160px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 7px 12px;
        box-shadow: 1px 1px 5px rgba(255,255,255,.5);
        border-radius: var(--brediusbig) var(--brediusbig) 0 0;
    }

body.rtl .sliding-menu .toggle-fixed-btn {
    right: auto;
    left: -94px;
    transform: translateY(-50%) rotate(-90deg);
}
/*
    body.rtl .sliding-menu .toggle-fixed-btn .t-inner {
        border-radius: var(--brediusbig) var(--brediusbig) 0 0;
    }
*/
.sliding-menu.now-visible {
    left: 0px;
    box-shadow: 0 10px 10px rgba(0,0,0,.2);
}

.sliding-menu.d-end.now-visible {
    left: auto;
    right: 0px;
}

body.rtl .sliding-menu.now-visible {
    left: auto;
    right: 0;
}

body.rtl .sliding-menu.d-end.now-visible {
    right: auto;
    left: 0;
}

.sliding-menu.mobile-menu-header.now-visible {
    opacity: 1;
    visibility: visible;
    z-index: 3000000002;
    padding-bottom: 4.5em;
}

.sliding-menu .header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
}

.sliding-menu .inner .body {
    overflow: auto;
}

.sliding-menu .inner .cart-total.list {
    flex-shrink: 1;
    min-height: 0;
    overflow: auto;
}

.sliding-menu .inner .cart-total.price {
    flex-shrink: 0;
    min-height: 0;
}

.sliding-menu .inner .footer .btns .btn, .sliding-menu .inner .cart-total .btn {
    flex: 1;
}
/*-*/
/* General sliding menu end
/*-*/

/*-*/
/*  mobile menu header start
/*-*/
.mobile-menu-header .logo {
    padding: 10px 0 0;
    width: 100%;
    text-align: center;
}

    .mobile-menu-header .logo img {
        max-height: 30px;
        max-width: 99%;
    }

.mobile-menu-header .header-nav .navbar-default .navbar-nav li a, .treeview-menu .navbar-default .navbar-nav li a {
    position: relative;
    padding: 10px 20px 11px;
    border-bottom: solid 1px var(--bgcolormed);
    background-color: transparent;
    text-align: start;
    display: block;
    font-weight: 500;
}

.mobile-menu-header .header-nav .navbar-default .navbar-nav > li > a, .treeview-menu .navbar-default .navbar-nav > li > a {
    font-weight: 500;
}

.mobile-menu-header .header-nav .navbar-default .navbar-nav li li a, .treeview-menu .navbar-default .navbar-nav li li a {
    font-size: .95em;
}

.treeview-menu .navbar-default .navbar-nav li a.active {
    color: var(--primerycolor);
    font-size: 1em;
}

.mobile-menu-header .header-nav .navbar-default .navbar-nav li:last-child > a, .treeview-menu .navbar-default .navbar-nav li:last-child > a {
    border: none;
}

.mobile-menu-header .header-nav .navbar-default .btn-toggle-nav, .treeview-menu .navbar-default .btn-toggle-nav {
    padding: 0 5px;
    background: rgba(0,0,0,.05);
    margin-top: -1px;
    /*border: solid 1px #ccc;*/
    border-radius: 0 0 var(--brediussmall) var(--brediussmall);
    position: relative;
    z-index: 1;
}

.treeview-menu .navbar-default .navbar-nav .btn-toggle-nav li a {
    border-bottom: solid 1px var(--bgcolor);
}

.mobile-menu-header .header-nav .navbar-default .navbar-nav li a.btn-toggle:before, .treeview-menu .navbar-default .navbar-nav li a.btn-toggle:before {
    font-size: .65em;
    font-weight: normal;
    content: "⚊";
    position: absolute;
    top: 13px;
    left: 0;
    padding: 3px;
    width: 15px;
    text-align: center;
    background: rgba(50,50,50,.1);
    line-height: 1;
    border-radius: 5px;
}

.mobile-menu-header .header-nav .navbar-default .navbar-nav li a.btn-toggle:before {
    top: 16px;
}

body.rtl .mobile-menu-header .header-nav .navbar-default .navbar-nav li a.btn-toggle:before, body.rtl .treeview-menu .navbar-default .navbar-nav li a.btn-toggle:before {
    left: auto;
    right: 0;
}

.mobile-menu-header .header-nav .navbar-default .navbar-nav li a.btn-toggle.collapsed:before, .treeview-menu .navbar-default .navbar-nav li a.btn-toggle.collapsed:before {
    content: "✚";
}

.mobile-menu-header .header-nav .navbar-default .navbar-nav li a.btn-toggle::after, .treeview-menu .navbar-default .navbar-nav li a.btn-toggle::after {
    content: "❯";
    position: absolute;
    padding: 0 4px;
    vertical-align: middle;
    top: 13px;
    right: 0;
    font-size: .8em;
    transform: rotate(90deg)
}

body.rtl .mobile-menu-header .header-nav .navbar-default .navbar-nav li a.btn-toggle:after, body.rtl .treeview-menu .navbar-default .navbar-nav li a.btn-toggle:after {
    transform: rotate(-90deg);
    right: auto;
    left: 0;
}

/*-*/
/*  mobile menu header end
/*-*/

/*.main-slider .container {
    display: table;
    height: inherit;
}

.main-slider .caption {
    display: table-cell;
}

    .main-slider .caption.vertical-center {
        vertical-align: middle;
        padding-bottom: 3vh;
    }

    .main-slider .caption.vertical-top {
        vertical-align: top;
        padding-top: 8vh;
    }

    .main-slider .caption.vertical-bottom {
        vertical-align: bottom;
        padding-bottom: 14vh;
    }

    .main-slider .caption.text-center {
        padding-left: 10%;
        padding-right: 10%;
    }

    .main-slider .caption.text-left {
        padding-right: 20%;
    }

    .main-slider .caption.text-right {
        padding-left: 20%;
    }

.main-slider .item {
    position: relative;
}

    .main-slider .item .caption {
        color: #fff;
        left: 100px;
        position: absolute;
        top: 30%;
        z-index: 100;
    }

        .main-slider .item .caption .slider-header {
            font-size: 14px;
            font-weight: bold;
            text-transform: uppercase
        }

        .main-slider .item .caption .big-text {
            font-size: 1.8em;
            line-height: 50px;
            text-transform: uppercase;
            color: #fff;
            font-weight: 600;*/
/*letter-spacing:-1px*/
/*padding: 0px;
            color: #fff;
        }

        .main-slider .item .caption .excerpt,
        .main-slider .item .caption .small {
            font-size: 14px;*/
/*line-height: 50px;*/
/*margin-top: 10px;
            font-weight: 500;
            padding-left: 23px;
            background: rgba(0, 0, 0, 0);
        }

            .main-slider .item .caption .excerpt span,
            .main-slider .item .caption .small span {
                color: #fff;
                line-height: 336%;
                padding: 5px;
                display: inline;
            }

        .main-slider .item .caption .button-holder {
            margin: 20px 0 0;
        }

        .main-slider .item .caption.bg-color .excerpt,
        .main-slider .item .caption.bg-color .small {
            background: rgba(0, 0, 0, 0);
            padding: 0px;
            color: #fff;
            margin-top: 0px;
        }

            .main-slider .item .caption.bg-color .excerpt span,
            .main-slider .item .caption.bg-color .small span {
                background: rgba(0, 0, 0, 0);
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                box-shadow: none;
                display: block;
                line-height: 24px;
            }

.main-slider .full-width-slider {
    margin-bottom: 30px;
}

    .main-slider .full-width-slider .item {
        background-color: #FFFFFF;
        background-position: center 55%;
        background-size: cover;
        height: 449px;
    }

        .main-slider .full-width-slider .item .caption {
            position: absolute;
            top: 11%;
            z-index: 100;
        }

            .main-slider .full-width-slider .item .caption .big-text {
                font-size: 119px;
                line-height: 80px;
                font-family: 'PacificoRegular';
                color: #fff;
                background: rgba(0, 0, 0, 0);
                padding: 0px;
                text-transform: none;
            }

            .main-slider .full-width-slider .item .caption .excerpt {
                font-size: 60px;
                line-height: 80px;
                margin-top: 15px;
                font-family: 'LatoBold';
                text-transform: uppercase;
                color: #fff;
                background: rgba(0, 0, 0, 0);
                padding: 0px;
            }

            .main-slider .full-width-slider .item .caption .button-holder {
                margin: 31px 0 0;
            }*/

/*fast search*/

.fast-search, .fast-search-parent {
    position: relative;
    text-align: center;
}

    .fast-search.float {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 10;
        transform: translateY(-50%);
    }

    .fast-search .dropdown button {
        border: solid 1px #ccc;
        width: 100%;
        padding: .75rem .75rem;
        background: rgba(255,255,255,.6)
    }

    .fast-search .dropdown .dropdown-menu li > a {
        padding: .45rem .75rem;
    }

/*fast search*/

/* menu-grouping */
.menu-grouping {
    position: relative;
}

    .menu-grouping .item {
        text-align: center;
        position: relative;
    }

    .menu-grouping [class^="col"] .item {
        height: calc(100% - 1rem);
    }

    .menu-grouping :not(.swiper-slide) > .item {
        margin-bottom: 1rem;
    }

    .menu-grouping .item > a {
        display: block;
    }

    .menu-grouping .item > .btn {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .menu-grouping .item .img-parent {
        border-radius: 10px;
    }

    .menu-grouping.circle .item .img-parent img {
        border-radius: 50%;
    }

    .menu-grouping .item .head {
        display: block;
        font-size: calc(.8rem + .1vw);
        font-weight: 600;
        margin-bottom: 10px;
        transition: all ease-in 0.2s;
    }

    .menu-grouping .item a:not(.btn) .head {
        color: var(--textcolormed);
    }

.lp-column .menu-grouping .item a:not(.btn) .head {
    color: var(--gtextcolormed);
}

.lp-column .swiper-slide .menu-grouping .item {
    height: 100%;
}

.menu-grouping .item:hover a:not(.btn) .head {
    color: var(--primerycolordark);
}

.menu-grouping.noPhoto .item {
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

    .menu-grouping.noPhoto .item .head {
        margin: 0;
    }

.menu-grouping.row-content .item .head {
    font-size: 1.1rem;
    margin-bottom: 15px;
}

.menu-grouping .item .text {
    font-size: .9rem;
    font-weight: 300;
    color: var(--textcolormed);
    margin: 0;
}

.menu-grouping.row-content .item .text {
    font-size: .9rem;
    line-height: 1.8;
    text-align: justify;
}

.menu-grouping .item[class*=" text-"] .text {
    text-align: inherit;
}

.menu-grouping.photo-up .img-parent, .menu-grouping.photo-up .item > .icon {
    margin: 0 auto 15px;
}

.menu-grouping.photo-up .item:not(:has(.txt-parent)) .img-parent {
    margin: 0 auto;
}

.menu-grouping.photo-up .item.text-lg-start .img-parent,
.menu-grouping.photo-up .item.text-lg-end .img-parent {
    margin-left: 0;
    margin-right: 0;
}

.menu-grouping.row-content .item > a, .menu-grouping.row-content .item, .menu-grouping.row-content a.item {
    display: flex;
    row-gap: 10px;
    align-items: inherit;
    text-align: start
}

.menu-grouping.row-content .txt-parent {
    flex: 60%;
    line-height: 1.8;
    font-size: calc(.85rem + .1vw);
}

.menu-grouping.row-content .img-parent {
    flex: 40%;
    align-items: start;
}

.menu-grouping.row-content .img-parent, .menu-grouping.row-content .txt-parent, .menu-grouping.row-content .item .txt-parent p {
    margin-bottom: 0;
}

.menu-grouping.row-content .img-parent {
    margin-right: 15px;
}

body.rtl .menu-grouping.row-content .img-parent {
    margin-right: 0;
    margin-left: 15px;
}

.menu-grouping.row-content.right .img-parent, .menu-grouping.row-content.left .txt-parent {
    order: 1;
}

.menu-grouping.row-content.left .img-parent, .menu-grouping.row-content.right .txt-parent {
    order: 2;
}

.menu-grouping.row-content .item > .btn {
    order: 3;
}

.menu-grouping.content-inner .head {
    position: absolute;
    display: block;
    top: 30px;
    width: 100%;
    padding: 8px 10% 5px 10%;
    left: 10px;
    text-align: start;
}

/* menu-grouping */
.product {
    position: relative;
}

    .product .product-image {
        /*  text-align:center;*/
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 12px;
        transition: all ease-in 0.5s;
    }

        .product .product-image > .image {
            display: block;
            width: 100%;
        }

        .product .product-image a {
            display: block;
            text-align: center;
            /*display:flex;
  align-items:center;
  justify-content:center;
  min-height:230px;*/
        }

    .product.row-display .product-image a {
        min-height: unset;
    }

    .product .product-image .image img {
        width: auto;
        margin: 0 auto;
        max-width: 100%;
        max-height: 350px;
        border-radius: 10px;
    }

    .product .product-image .tag-parrent {
        position: absolute;
    }

    .product .product-info {
        min-height: 42px;
        /* margin:0 auto;*/
        transition: all ease-in 0.5s;
    }

    .product .product-mobile-info {
        flex: 100%;
    }

    .product .product-info .name {
        font-size: 1.06em;
        font-weight: 600;
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.4;
        /*cursor:pointer;*/
    }

        .product .product-info .name a:hover, .product .product-info .name a:focus {
            color: var(--primerycolor);
            letter-spacing: 0;
        }

.swiper-slide .product .product-info {
    margin: 0 0 5px;
}

    .swiper-slide .product .product-info .name {
        font-size: 1em;
        font-weight: 500;
        min-height: 4em;
    }

.product .product-info .sub-name {
    font-size: 1em;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.2;
}

    .product .product-info .sub-name a {
        color: var(--textcolormed);
    }

        .product .product-info .sub-name a:hover {
            color: var(--primerycolor);
        }

.product .product-info .text {
    font-size: .95em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
    color: var(--textcolormed);
}

.product .product-price .price {
    font-weight: 400;
    font-size: 1em;
    line-height: 1.5;
    text-align: left;
}

.product .product-price.text-center .price {
    text-align: center;
}

.product .product-price .price b {
    font-size: 1.25em;
}

.price-box .price b.s-price {
    font-size: 1.9em;
}

.product.row-display .product-price .price b {
    font-size: .95em;
}

.product-price .price.discount, .price-box .price.discount {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}

.discount .badge {
    display: flex;
    align-items: center;
    border-radius: 30px;
    font-size: .85rem;
    font-weight: 500;
    letter-spacing: 1px;
}

.product .product-price .price-before-discount {
    text-decoration: line-through;
    color: var(--textcolormed);
    line-height: 1.4;
    font-size: 1em;
    text-align: left;
    display: block;
}

    .product .product-price .price-before-discount b {
        font-weight: normal;
    }

.product .product-info .product-remain {
    display: flex;
    min-height: 2rem;
    flex-direction: column;
}

    .product .product-info .product-remain .sales-progress {
        width: 100%;
        background-color: #e2e2e2;
        height: .25rem;
        position: relative;
        border-radius: .25rem;
        margin-top: .5rem;
    }

    .product .product-info .product-remain .sales-progress-bar {
        background-image: linear-gradient(90deg,#ff5b79,#dc3755);
        position: absolute;
        top: 0;
        height: 100%;
        border-radius: .25rem;
        transition: all 0.2s linear 0s;
    }

    .product .product-info .product-remain .sales-percentage-text {
        margin: 0;
        color: #dc3755;
        font-size: .95em;
        position: relative;
    }

.product .product-info .description ul li {
    line-height: 1.6;
    margin-bottom: 4px;
    font-weight: 400;
    font-size: .95em;
    color: var(--textcolor);
}

    .product .product-info .description ul li .title {
        color: #777;
    }

    .product .product-info .description ul li .icon {
        margin-left: 6px;
    }

.product .product-info .dropdown-menu {
    min-width: 200px;
    background-color: var(--bgcolor);
    border: solid 1px #ccc;
    border-radius: 7px;
    font-size: .9em;
}

.products-List .product .product-info .dropdown-menu {
    min-width: 350px;
}

.product .product-info .dropdown-menu .title {
    font-size: 9pt;
}

.product .product-tag .badge {
    background: #eee;
    color: var(--primerycolorlight);
    padding: 5px 10px;
    margin-bottom: 4px;
    cursor: pointer;
    white-space: normal;
    line-height: 1.4;
    font-weight: 500;
    font-size: .85em;
    border: none;
    transition: all 0.2s linear 0s;
}

    .product .product-tag .badge:hover {
        background: var(--primerycolor);
        color: #fff;
    }

.product .flex-switch {
    display: flex;
    justify-content: space-between;
}

.swiper-slide .product .flex-switch {
    display: unset;
    justify-content: unset;
}

.product .cart {
    z-index: 80;
    left: -8px;
    position: absolute;
    top: -10px;
    width: auto;
    margin: 0;
    background: rgba(255,255,255,.9);
    border-radius: var(--brediusmedium);
}

    .product .cart .action ul {
        display: table;
        border-radius: 30px;
        padding: 1px 3px;
        margin: 0 auto;
    }

        .product .cart .action ul li {
            display: inline-block;
            text-align: center;
        }

.product-tags-actions {
    position: absolute;
    top: 20px;
    left: 30px;
    z-index: 80
}

body.rtl .product-tags-actions {
    left: auto;
    right: 30px;
}

.product .cart .action ul li.lnk a, .product-actions .cart .action ul li.lnk button {
    display: block;
    color: var(--textcolorlight);
    fill: var(--textcolorlight);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    cursor: pointer;
}

    .product-actions .cart .action ul li.lnk button.new-svg {
        fill: transparent;
    }

.product .sale-offer-tag {
    position: absolute;
    color: #FFFFFF;
    font-size: 1em;
    font-weight: 600;
    top: 0;
    right: 0;
    z-index: 100;
    padding: .5em;
    border-radius: var(--brediussmall);
    background-color: #ed1c24;
}

.product-sbox .product-offer .btn {
    margin-bottom: 5px;
    font-size: .9em;
    padding-top: .75em;
    padding-bottom: .75em;
}

    .product-sbox .product-offer .btn:last-child {
        margin-bottom: 0;
    }

.product-offer .offer-plus {
    position: relative;
}

    .product-offer .offer-plus .icon-p {
        position: absolute;
        top: -.9em;
        right: .75rem;
        width: 18px;
        height: 18px;
        background: var(--bgcolor);
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product-offer .offer-plus .icon i {
        height: 15px;
    }

.timing-wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    padding: 5px 0 0;
}

    .timing-wrapper.overlay {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 10px;
        padding: 0;
    }

    .timing-wrapper .box-wrapper {
        display: table;
        text-align: center;
        vertical-align: middle;
    }

    .timing-wrapper.overlay .box-wrapper {
        border-spacing: 4px;
    }

    .timing-wrapper .box-wrapper .box {
        background-color: #fff;
        color: var(--textcolordark);
        display: table-cell;
        height: 35px;
        vertical-align: middle;
        width: 33px;
        line-height: 1.4;
    }

    .timing-wrapper.overlay .box-wrapper .box {
        padding: .4rem;
        margin: .4rem;
        width: 50px;
        aspect-ratio: 1/1;
        border-radius: var(--brediusmedium)
    }

    .timing-wrapper .box-wrapper .box .key {
        display: block;
        font-size: 1.2em;
        color: var(--lightred);
        font-weight: 700;
        line-height: 1.5;
    }

    .timing-wrapper .box-wrapper .box .value {
        display: block;
        font-size: .85em;
        font-weight: 500;
        letter-spacing: 0.5px
    }

    .timing-wrapper .box-wrapper:last-child {
        margin-right: 0px;
    }

.product-actions .cart .action ul li.lnk button {
    border: solid 2px #ddd;
    border-radius: var(--brediusmedium);
    background: var(--bgcolor);
    width: 35px;
    height: 35px;
    padding: .1rem .1rem;
}

.swiper-slide .product .cart .action ul {
    padding: 0;
}

.cart .action ul li.lnk.wishlist.active button, .cart .action ul li.lnk.wishlist.active a {
    border-color: var(--lightred);
    color: var(--lightred);
    fill: var(--lightred);
}

.cart .action ul li.lnk.compare.active button, .cart .action ul li.lnk.compare.active a {
    border-color: #2980b9;
    color: #2980b9;
    fill: #2980b9;
}

.product .cart .action ul li.lnk a i, .product-actions .cart .action ul li.lnk button i {
    font-size: 1.3em;
    color: inherit;
}

.product .cart .action ul li.lnk a:hover, .product .cart .action ul li.lnk a:focus, .product-actions .cart .action ul li.lnk button:hover, .product-actions .cart .action ul li.lnk button:focus {
    color: var(--textcolor);
    fill: var(--textcolor);
    border-color: var(--textcolor);
}

.listView .products {
    margin: 6px 0
}

.listView .product {
    display: flex;
    flex-direction: row;
}

.product .product-info .property-list .list-gr {
    font-size: .95em;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
}

.swiper-slide .product-info .property-list .plist-btns {
    padding-bottom: 10px;
}

.product .product-info .property-list .plist-btns .dropdown > .btn {
    border-radius: 50rem;
}

.product .product-info .product-brand {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

    .product .product-info .product-brand .brand {
        text-align: left;
    }

.listView .product .product-info .name {
    /*  -webkit-line-clamp:1;*/
    min-height: unset;
}

.swiper-slide .product .product-info .product-brand {
    flex-direction: column;
    align-items: start;
}

.listView .products .product .product-data {
    flex: 78%;
    flex-direction: row;
}

.listView .products .product .price-before-discount.v-invisible {
    display: none;
}

.listView .product .product-info {
    flex: 65%;
    padding: 0 8px;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.listView .product .product-image {
    margin-bottom: 0;
    flex: 15%;
}

    .listView .product .product-image a {
        min-height: unset;
    }

    .listView .product .product-image .image img {
        max-height: 120px;
    }

.product .product-ex-btns .img-parent {
    max-height: 60px !important;
}

.listView .product .product-ex-btns {
    flex: 22%;
    border-left: solid 1px #ccc;
    padding-left: 15px;
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    justify-content: start;
}

body.rtl .listView .product .product-ex-btns {
    border-left: none;
    border-right: solid 1px #ccc;
    padding-left: 0;
    padding-right: 15px;
}

.product .product-ex-btns .btns .btn {
    width: 100%;
    margin: 0 auto;
}

/*product parts*/

.product-parts {
    width: 100%;
}

    .product-parts .product-parts-item {
        border: solid 1px #ccc;
        border-radius: var(--brediusmedium);
        padding: 4px;
        margin-bottom: 6px;
    }

        .product-parts .product-parts-item .pps-item-data .product-name {
            font-size: .95em;
            line-height: 1.4;
            font-weight: 500;
        }

        .product-parts .product-parts-item .pps-showlist-btn {
            margin-bottom: -5px;
            text-align: center;
        }

            .product-parts .product-parts-item .pps-showlist-btn button {
                background: #f9f9f9;
                padding: 4px 10px;
                border: solid 1px #ccc;
                border-radius: 10px 10px 0 0;
                color: var(--textcolor);
                font-size: .85em;
                transition: all 0.2s ease 0s;
            }

                .product-parts .product-parts-item .pps-showlist-btn button:hover, .pps-showlist-btn button:not(.collapsed) {
                    color: var(--textcolordark);
                }

                .product-parts .product-parts-item .pps-showlist-btn button.collapsed i {
                    transform: rotate(180deg);
                }
/*product parts*/
.product-ver-tiny {
    height: 100%;
    padding: 5px;
    box-sizing: border-box;
    border: solid 1px #ccc;
    background: var(--bgcolor);
    border-radius: var(--brediusmedium);
    cursor: pointer;
    transition: all 0.2s ease 0s;
    width: 100%;
}

    .product-ver-tiny:hover {
        border-color: var(--seconderycolor);
    }

    .product-ver-tiny.active {
        border-color: #009966;
        background: #bce4d7
    }

    .product-ver-tiny .action {
        position: absolute;
        left: 10px;
        top: 10px;
    }

    .product-ver-tiny .pvt-btn {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        padding: 2px 5px 5px;
        background: var(--bgcolor);
        border-radius: var(--brediussmall);
        min-height: 90px;
    }

    .product-ver-tiny .image, .swiper-slide .product-ver-tiny .image {
        background: var(--bgcolor);
        border: 0;
        margin-bottom: 5px;
        max-width: 70px !important;
        max-height: 70px !important;
        padding: 5px;
    }

    .product-ver-tiny .title {
        position: absolute;
        bottom: 10px;
        display: flex;
        align-items: center;
        margin: 0;
        text-align: center;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.2;
        font-size: .9em;
    }

    .product-ver-tiny .tag {
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 5;
    }

.tag-parrent {
    top: 0;
    right: 0;
}

.tag {
    display: flex;
    align-items: center;
    font-size: .96em;
    font-weight: 600;
    line-height: 1;
    padding: .6em;
    text-transform: uppercase;
    top: 0;
    z-index: 100;
    border-radius: var(--brediusmedium);
    color: #fff;
    right: 0;
    text-align: center;
}

body.rtl .tag {
    font-weight: 500;
}

.tag .icon {
    width: 16px;
    height: 16px;
}

.swiper-slide .tag {
    font-size: .95em;
    padding: .5em;
    border-radius: var(--brediussmall);
}

    .swiper-slide .tag span {
        font-size: .85em;
    }

.tag span {
    position: relative;
    z-index: 100;
    vertical-align: middle;
}

.tag.new {
    background: #46aad7;
}

.tag.hot {
    background: #ed1c24;
}

.tag.sale {
    background: #dc3545;
}

.tag.install {
    background: #abd07e;
}

.cart {
    margin-top: 5px;
    opacity: 1;
    transition: all 0.4s linear 0s;
    width: 100%;
    z-index: 80;
    left: 0px;
}

.add-cart-button .btn.cart-btn {
    padding-top: .9rem;
    padding-bottom: .9rem;
}

.add-cart-button .btn.icon {
    background: #6fa431;
    color: rgba(0,0,0,.5);
    min-width: 40px;
    padding-right: .5rem;
    padding-left: .5rem;
}

.cart .action.lnk {
    margin: 10px 0px;
}

    .cart .action.lnk a {
        padding: 0 10px;
        color: #dadada;
    }

    .cart .action.lnk.wishlist {
        border-right: 1px solid #dadada;
    }

.product-micro .product-image .image a .zoom-overlay:before {
    color: #FFFFFF;
    content: "\f00e";
    font-family: 'Font Awesome 5 Pro';
    left: 45%;
    position: relative;
    right: 40%;
}

.product-micro .product-image .image a .zoom-overlay {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s linear 0s;
    width: 100%;
    z-index: 99;
}

    .product-micro .product-image .image a .zoom-overlay:hover,
    .product-micro .product-image .image a .zoom-overlay:focus {
        opacity: 1;
    }

.cnt-home .product-micro .tag-micro {
    width: 30px;
    height: 30px;
    font-size: 11px;
    line-height: 29px;
    top: 5.5%;
}

.cnt-home .product-micro .product-info .name {
    font-size: 1em;
    margin-top: 0px !important;
    text-align: inherit;
}

.cnt-home .product-micro .product-info .action .lnk.btn.btn-primary {
    font-size: 12px;
    line-height: 1.7;
}

.product .product-micro .product-image a {
    min-height: initial;
}

.product .product-micro .product-image img {
    border-radius: 10px;
}

.best-product .product:first-child {
    margin-bottom: 15px;
    border-bottom: solid 1px #eee;
    padding-bottom: 15px;
}

.gray-hover .image img {
    filter: grayscale(1);
    transition: all 0.2s ease 0s;
}

.gray-hover .image:hover img {
    filter: grayscale(0);
}

.disable-box .header, .disable-box .body {
    filter: grayscale(1);
    transition: all 0.2s ease 0s;
}

.disable-box .overlay {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.3);
    z-index: 10;
}

    .disable-box .overlay .title {
        color: #b50000;
        background: var(--bgcolor);
        transform: rotate(-20deg);
    }

        .disable-box .overlay .title img {
            position: absolute;
            width: 100%;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }
/* tab-navbar */
.navbar.tab-navbar.sticky {
    position: sticky;
    top: 72px;
    z-index: 50;
}

.navbar.tab-navbar .navbar-nav, .scroll-line {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    align-items: center;
}

.tab-navbar .nav-item .nav-link {
    display: flex;
    align-items: center;
    background: var(--bgcolor);
    border-radius: 50rem;
    font-size: calc(.78em + .1vw);
    border: solid 1px #fff;
    box-shadow: 0 .1rem .1rem #ddd;
    padding: .3rem 0.3rem;
    cursor: pointer;
}

.tab-navbar.alt .nav-item .nav-link {
    padding: .4rem 0.6rem;
    border: solid 1px #bbb;
}

.mobile-datalist .tab-navbar .nav-item .nav-link {
    border-color: #aaa;
}

.tab-navbar .nav-item .nav-link:hover, .tab-navbar .nav-item .nav-link.all, .tab-navbar .nav-item .nav-link.selected {
    border-color: var(--primerycolor);
    color: var(--primerycolor);
    fill: var(--primerycolor);
}

.tab-navbar .nav-item .nav-link.all {
    background: var(--primerycolorrgblight);
}

.tab-navbar .nav-item .nav-link.active {
    background: var(--primerycolorrgb);
    border-color: var(--primerycolor);
    color: #fff;
    fill: #fff;
}

.tab-navbar .nav-item .nav-link span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
}

.tab-navbar .nav-item .nav-link .img-parent {
    width: 120px;
    height: 31px;
    border-radius: 10px;
}

.mobile-datalist .tab-navbar .nav-item .nav-link .img-parent {
    width: 100px;
    height: 26px;
}
/* fixed-navbar */

.fixed-navbar {
    background: var(--bgcolor);
    border-bottom: solid 1px #ccc;
    z-index: 100;
    overflow: auto;
}

    .fixed-navbar.fixed {
        position: fixed;
        width: 90%;
        top: 75px;
        left: 5%;
        right: 5%;
    }

    .fixed-navbar .flex-row {
        display: flex;
    }

    .fixed-navbar .scroll {
        position: relative;
        display: flex;
        align-items: center;
    }

        .fixed-navbar .scroll.active {
            color: var(--primerycolor);
        }

            .fixed-navbar .scroll.active:after {
                content: ' ';
                position: absolute;
                bottom: -8px;
                left: 0;
                width: 100%;
                height: 8px;
                background: var(--primerycolor);
                border-radius: 15px 15px 0 0;
            }

        .fixed-navbar .scroll span {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 200px;
        }

/* bottom-fixed-navbar */

.position-fixed.bottom-0 {
    z-index: 1020;
}

.membuat-bottom-navbar .navbar {
    background: var(--bgcolormed);
    border-top: solid 1px #ccc;
}

    .membuat-bottom-navbar .navbar.alt, .membuat-bottom-navbar .navbar-fixed, .membuat-bottom-navbar > .flex-halign {
        background: var(--bgcolor);
        border-radius: var(--brediusbig) var(--brediusbig) 0 0;
        border-top: solid 1px #ddd;
    }

    .membuat-bottom-navbar .navbar .nav-item a {
        display: block;
        position: relative;
        color: var(--textcolorlight);
        fill: var(--textcolorlight);
    }

    .membuat-bottom-navbar .navbar .nav-item .nav-link {
        position: relative;
        padding-right: .15rem;
        padding-left: .15rem;
    }

        .membuat-bottom-navbar .navbar .nav-item .nav-link.active a {
            color: var(--primerycolordark);
            fill: var(--primerycolordark);
        }

    .membuat-bottom-navbar .navbar .nav-item a .title {
        font-size: .8em;
    }

    .membuat-bottom-navbar .navbar .nav-item a:hover {
        color: var(--primerycolor);
        fill: var(--primerycolor);
    }

    .membuat-bottom-navbar .navbar .nav-item a .icon {
        font-size: 1.5em;
        width: 18px;
        height: 18px;
    }

    .membuat-bottom-navbar .navbar .nav-item a span {
        display: block;
        font-size: .85em;
        line-height: 1;
        margin-top: 4px;
    }

    .membuat-bottom-navbar .navbar .nav-item a .basket-item-count {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 12.5%;
        top: -15px;
        border-radius: 50%;
        color: #fff;
        width: 20px;
        height: 20px;
        background: var(--lightred)
    }

/* copyright-bar */
.copyright-bar {
    background: var(--primerycolor);
    padding: 0;
    text-align: center;
}

    .copyright-bar .copyright {
        color: var(--textcolor);
        padding: 10px;
    }

        .copyright-bar .copyright a {
            color: #fff;
        }

            .copyright-bar .copyright a.box-style {
                display: inline-block;
                color: #fff;
                background: var(--primerycolorverydark);
                padding: 3px 10px;
                border-radius: 10px;
                letter-spacing: 2px;
            }

.wide-banner {
    overflow: hidden;
}

    .wide-banner .image img {
        display: block;
        transition: all 0.3s ease;
    }

.cnt-strip {
    position: relative;
    display: block;
}

    .cnt-strip .strip {
        position: absolute;
        top: 30px;
        width: 100%;
        padding: 8px 10% 5px 10%;
        left: 10px;
    }

body.rtl .cnt-strip .strip {
    left: auto;
    right: 0;
}

.cnt-strip .strip h2 {
    font-size: 1.5em;
    color: #fff;
    margin: 0 0 10px;
    font-weight: bold;
    line-height: 1.5;
}

.cnt-strip .strip.darkb h2 {
    color: var(--textcolordark);
    text-shadow: 1px 1px 3px #fff;
    font-size: 1.3em;
}

.cnt-strip .strip .shopping-needs {
    display: block;
    color: var(--primerycolor);
    font-size: .9em;
}

.cnt-strip .strip.darkb .shopping-needs {
    color: var(--primerycolordark);
}

.cnt-strip .strip h3 {
    font-size: 1.35em;
    color: #434343;
    margin: 0;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

.cnt-strip .strip h4 {
    font-size: 1.2em;
    margin: 0;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

.cnt-strip .strip.strip-text {
    width: 80%;
}

.new-banner {
    margin-top: 30px;
}

    .new-banner .cnt-strip .strip {
        width: auto;
        padding: 0px;
        right: 23px;
    }

        .new-banner .cnt-strip .strip h3 {
            background: #707070;
            padding: 13px 23px 13px 16px;
            line-height: 24px;
            font-size: 30px;
            font-family: inherit;
        }

        .new-banner .cnt-strip .strip h5 {
            font-size: 16px;
            line-height: 30px;
            font-weight: 700;
            padding-right: 21px;
            text-transform: uppercase;
        }

            .new-banner .cnt-strip .strip h5 span {
                background: none repeat scroll 0 0 #707070;
                box-shadow: -1.4em 0 0 #707070, 1.4em 0 0 #707070;
                padding: 0.6em 0;
            }

    .new-banner.no-margin {
        margin-top: -10px;
    }

.footer .links-social {
    border-top: 1px solid #e5e5e5;
    font-size: 12px;
    line-height: 18px;
    color: #666666;
    margin-bottom: 70px;
}


.social a {
    /*	color: #fff;*/
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 3px;
}

    .social a:hover {
        color: #fff;
    }

.social h4 {
    margin: 25px 0 0px 0px;
}

.social ul {
    margin: 0;
    list-style: none;
}

    .social ul li {
        margin-right: 7px;
        border-bottom: none;
    }

.social a {
    transition: background 400ms ease-in-out;
}

/*-*/
/*  footer start
/*-*/

footer.footer {
    background-size: cover cover !important;
    position: relative;
}

.footer .footer-logo img {
    margin: 0 auto 10px;
    max-height: 70px;
}

.footer .links-social .contact-info .about-us {
    margin-bottom: 20px;
}

.footer .links-social .contact-info .social-icons a {
    color: #888888;
    font-size: 16px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    width: 2em;
    height: 2em;
    display: inline-block;
    border-radius: 20px;
    text-align: center;
}

    .footer .links-social .contact-info .social-icons a:hover,
    .footer .links-social .contact-info .social-icons a:focus,
    .footer .links-social .contact-info .social-icons a.active {
        border-radius: 20px;
        color: #fff;
    }

    .footer .links-social .contact-info .social-icons a .icon {
        line-height: 2em;
    }

.social .icon-socials {
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: 100%;
    transition: all 0.2s linear 0s;
}

    .social .icon-socials:hover {
        transform: scale(1.1);
    }

    .social .icon-socials a {
        display: block;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

        .social .icon-socials a img {
            max-width: 100%;
            font-size: .7em;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

.footer .module-heading {
    font-size: 16px;
    text-transform: uppercase;
    font-family: inherit;
    color: var(--textcolor);
}

.footer .contact-timing .contact-number {
    font-family: inherit;
}

.footer .contact-information .media .media-body a {
    color: #666666;
}

.footer .footer-bottom {
    padding-top: 4em;
    padding-bottom: 1em;
}

footer .footer-bottom h1, footer .footer-bottom h2 {
    font-size: .9em;
    color: var(--textcolor);
    line-height: 1.5;
    margin: 5px 0;
    font-weight: 600;
}

body.rtl .footer .footer-bottom h1, body.rtl footer .footer-bottom h2 {
    font-size: .95em;
    line-height: 1.7;
    font-weight: normal;
}

.footer .footer-bottom .footer-box {
    margin-top: 10px;
    background: rgba(0,0,0,0.05);
    padding: 20px;
    border-radius: var(--brediusbig);
}

.footer .footer-bottom .certificate-list {
    display: flex;
    justify-content: space-evenly;
}

    .footer .footer-bottom .certificate-list > a, .footer .footer-bottom .certificate-list > img {
        max-width: 90px;
        margin: 0 .2em 0;
    }

        .footer .footer-bottom .certificate-list > a img {
            max-width: 100%;
            height: auto !important;
        }

.input-group .form-control {
    display: table-cell;
    border-radius: var(--brediussmall);
    font-size: 1em;
}

.footer .footer-bottom .module-heading {
    position: relative;
    font-size: 1em;
    text-transform: uppercase;
    font-family: inherit;
    color: var(--textcolordark);
}

.footer .footer-bottom .module-title {
    position: relative;
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.7;
    color: var(--textcolordark);
    fill: var(--textcolordark);
    max-width: 100%;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 10px;
}

    .footer .footer-bottom .module-title .icon {
        width: 16px;
        height: 16px;
    }

.footer .footer-bottom .module-body ul li {
    position: relative;
}

    .footer .footer-bottom .module-body ul li a:not(.admin-edit) {
        font-size: .95em;
        font-weight: 600;
        line-height: 30px;
        color: var(--textcolor);
        fill: var(--textcolor);
        position: relative;
        display: block;
    }

body.rtl .footer .footer-bottom .module-body ul li a {
    font-weight: 500;
}

.footer .footer-bottom .module-body ul li a:hover,
.footer .footer-bottom .module-body ul li a:focus {
    color: var(--primerycolordark);
    fill: var(--primerycolordark);
}

.footer .footer-bottom .module-body ul li a .icon {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

body.rtl .footer .footer-bottom .module-body ul li a .icon {
    margin-right: 0;
    margin-left: 5px;
}

.raw-html-embed {
    display: flow-root;
    position: relative;
    font-style: normal;
    margin: 0 auto;
    min-width: 15em;
}

footer .certificate-list .raw-html-embed {
    display: flex;
}

    footer .certificate-list .raw-html-embed > * {
        padding: .6em;
        max-width: 130px;
        max-height: 130px;
    }

    footer .certificate-list .raw-html-embed img {
        max-height: 100%;
    }
/*-*/
/*  footer end
/*-*/
.product-tag .item, .tag-list .item {
    background-color: #f5f5f5;
    border: solid 1px #f5f5f5;
    color: #666666;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 2px;
    padding: 6px 12px;
    border-radius: 15px;
    font-size: .95em;
    user-select: none;
    white-space: nowrap;
}

    .tag-list .item:hover {
        border: solid 1px #999;
    }

body.rtl .product-tag .item, body.rtl .tag-list .item {
    margin-right: 0;
    margin-left: 2px;
}

.hot-deals .hot-deal-wrapper {
    position: relative;
}

    .hot-deals .hot-deal-wrapper .image img {
        width: 100%;
        border-radius: 8px 8px 0 0;
    }

    .hot-deals .hot-deal-wrapper .sale-offer-tag {
        position: absolute;
        color: #FFFFFF;
        font-size: 1em;
        font-weight: 600;
        top: 0;
        right: 0;
        z-index: 100;
        padding: .5em;
        border-radius: var(--brediussmall);
        background-color: #ed1c24;
    }

    .hot-deals .hot-deal-wrapper .timing-wrapper {
        bottom: 10px;
        position: absolute;
        padding: 6px 0;
        left: 0;
        width: 100%;
        text-align: center;
        background: var(--primerycolorrgb);
        border-radius: 30px;
    }

        .hot-deals .hot-deal-wrapper .timing-wrapper .box-wrapper {
            display: table;
            text-align: center;
            display: inline-block;
            vertical-align: middle;
        }

            .hot-deals .hot-deal-wrapper .timing-wrapper .box-wrapper .box {
                background-color: #fff;
                color: var(--textcolordark);
                display: table-cell;
                height: 35px;
                vertical-align: middle;
                width: 35px;
                line-height: 15px;
                border-radius: 30px;
                box-shadow: 0 2px 4px 0 rgba(0,0,0,.1)
            }

                .hot-deals .hot-deal-wrapper .timing-wrapper .box-wrapper .box .key {
                    display: block;
                    font-size: 1em;
                    color: var(--primerycolordark);
                    font-weight: 400;
                }

                .hot-deals .hot-deal-wrapper .timing-wrapper .box-wrapper .box .value {
                    display: block;
                    font-size: .7em;
                    font-weight: 500;
                    letter-spacing: 0.5px
                }

            .hot-deals .hot-deal-wrapper .timing-wrapper .box-wrapper:last-child {
                margin-right: 0px;
            }

.hot-deals .product-info .name {
    font-size: 14px;
    font-family: inherit;
}

    .hot-deals .product-info .name a {
        color: var(--textcolordark);
        display: block;
        line-height: 1.5em;
        min-height: 45px;
        /* overflow: hidden;*/
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

.hot-deals .product-price .price {
    font-size: 1em;
    line-height: 30px;
    color: #ed1c24;
}

    .hot-deals .product-price .price b {
        color: #444;
        font-weight: 600;
        font-size: 1.3em;
    }

.hot-deals .product-price .price-before-discount {
    text-decoration: line-through;
    color: #999;
    font-size: .95em;
}

.hot-deals .cart {
    margin-top: 5px;
    transition: all 0.2s linear 0s;
    z-index: 666;
    left: 0px;
}

    .hot-deals .cart .action .add-cart-button a {
        background: none repeat scroll 0 0 #a8a8a8;
        border: medium none;
        color: #FFFFFF;
        display: block;
        overflow: hidden;
        position: relative;
        text-decoration: none;
        padding: 0px;
    }

        .hot-deals .cart .action .add-cart-button a .icon {
            background: none repeat scroll 0 0 #575757;
            color: #FFFFFF;
            height: 100%;
            left: 0;
            font-size: 1em;
            padding: 11px 0 0;
            position: absolute;
            text-align: center;
            top: 0;
            width: 35px;
        }

        .hot-deals .cart .action .add-cart-button a span {
            display: block;
            margin-left: 35px;
            overflow: hidden;
            padding: 8px 13px;
        }

        .hot-deals .cart .action .add-cart-button a:hover,
        .hot-deals .cart .action .add-cart-button a:focus {
            background: #c6c6c6;
        }

/*-*/
/*  pagination start
/*-*/

.pagination-container {
    margin-top: 15px;
    margin-bottom: 15px;
    display: block;
    text-align: center;
}

    .pagination-container ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center
    }

        .pagination-container ul li {
            padding: 0;
            margin: 2px;
        }

            .pagination-container ul li a, .pagination-container ul li > span {
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: var(--brediussmall);
                border: solid 1px #ddd;
                color: #444;
                padding: 5px 10px;
                min-width: 38px;
                min-height: 38px;
                font-size: 1em;
                font-weight: normal;
                cursor: pointer;
            }

            .pagination-container ul li > span {
                border: none;
                cursor: default;
            }

            /*  .pagination-container ul li:first-child a, .pagination-container ul li:last-child a {
                background: #f8f8f8;
            }*/

            .pagination-container ul li a:hover {
                background: var(--bgcolormed);
            }

            .pagination-container ul li a.active {
                border-color: var(--primerycolorrgblight);
                background: var(--primerycolorrgblight);
                color: var(--primerycolor);
                font-weight: bold;
            }

/*-*/
/*  pagination end
/*-*/

.search-result-container .category-product .product .product-image .tag {
    width: auto;
    font-size: .85em;
    right: 0;
    border-radius: var(--brediussmall);
}

body.rtl .search-result-container .category-product .product .product-image .tag {
    left: auto;
    right: 0;
}

.category-product .products-List:not(.listView) .product .product-info .name {
    min-height: 3em;
}

.search-result-container .category-product-inner .product-list.product {
    position: relative;
    margin-bottom: 30px;
}

    .search-result-container .category-product-inner .product-list.product .product-info {
        padding: 0px;
    }

        .search-result-container .category-product-inner .product-list.product .product-info .cart {
            margin-top: 20px;
            top: auto;
            bottom: 0px;
            opacity: 1;
            left: 0;
            position: relative;
            margin-left: 0px
        }

        .search-result-container .category-product-inner .product-list.product .product-info .cart-btn {
            display: block;
            margin-right: 5px;
        }

    .search-result-container .category-product-inner .product-list.product .tag {
        position: absolute;
        right: 12px;
        top: 18px;
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: .9em;
        right: 14px;
    }

.quantity-container .cart-quantity .quant-input {
    height: 32px;
    position: relative;
    width: 85px;
    user-select: none;
}

.quantity-container.q-compress .cart-quantity .quant-input {
    height: 28px;
}

.quantity-container .cart-quantity .quant-input .arrows {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 25px;
    height: 100%;
    color: var(--textcolordark);
    cursor: pointer;
    border-radius: 0;
    transition: all 0.2s linear 0s;
}

body.rtl .quantity-container .cart-quantity .quant-input .arrows {
    right: 0;
    left: auto;
}

.quantity-container .cart-quantity .quant-input .arrows .icon {
    height: 18px;
    color: var(--bs-danger);
    transition: all 0.2s linear 0s;
}

.quantity-container .cart-quantity .quant-input .arrows:hover .icon {
    color: var(--bs-success);
}

.quantity-container .cart-quantity .quant-input .arrows.minus:hover .icon {
    color: var(--bs-danger);
}

.quantity-container .cart-quantity .quant-input .arrows.minus {
    right: 0;
    left: auto;
}

body.rtl .quantity-container .cart-quantity .quant-input .arrows.minus {
    left: 0;
    right: auto;
}

.quantity-container .cart-quantity .quant-input .arrows.disabled .icon, .quantity-container .cart-quantity .quant-input .arrows.disabled:hover .icon {
    color: #aaa !important;
    cursor: not-allowed;
}

.quantity-container .cart-quantity .quant-input input {
    background: none repeat scroll 0 0 var(--bgcolor);
    border: 1px solid var(--textcolorlight);
    box-sizing: border-box;
    font-size: 1em;
    font-weight: bold;
    height: 100%;
    left: 0;
    padding: 0 20px 0 18px;
    position: absolute;
    top: 0;
    width: 100%;
    min-width: auto;
    color: var(--textcolordark);
    text-align: center;
    z-index: 1;
    transition: all 0.5s linear 0s;
}

    .quantity-container .cart-quantity .quant-input input:focus {
        outline: 0;
        box-shadow: none;
        border-color: var(--primerycolordark);
    }

.remain-status {
    background: rgba(0,0,0,.05);
    font-size: .75em;
    border-radius: 8px 8px 0 0;
    margin: 2px auto -.25rem;
    padding: 2px 10px;
    color: var(--textcolor);
    display: block;
    line-height: 1.2;
    width: fit-content;
    user-select: none;
}

    .remain-status span {
        letter-spacing: 1px;
        font-weight: bold;
    }

.wrapper .box {
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;
}

    .wrapper .box .wrapper-inner {
        background: none repeat scroll 0 0 #FFFFFF;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    }

.section .summary-disc p, .section .summary-disc .text {
    padding-top: 15px;
    font-size: calc(.9rem + .08vw);
    font-weight: normal;
    line-height: 1.9;
    text-align: justify;
    color: var(--textcolormed);
    margin-bottom: 0px;
}

.summary-disc .text img {
    max-width: 100%;
    height: auto !important;
}

.video-embed {
    max-width: 100%;
    width: 800px;
    margin: 30px auto;
}

.video, video {
    width: 100%;
}

iframe {
    max-width: 100%;
}

.h_iframe-aparat_embed_frame {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    margin-bottom: 30px;
}

.modal .h_iframe-aparat_embed_frame {
    margin: 0;
}
/*-*/
/*  table
/*-*/
.lp-column table {
    min-width: 50%;
    display: table;
    margin: 1rem auto;
    border: solid 1px #ddd;
    clear: both;
    border-radius: var(--brediusbig);
    padding-left: .5rem !important;
    padding-right: .5rem !important;
}

    .lp-column table p {
        margin: 0;
        font-size: calc(9pt + .1vw);
    }

.table-fixheight {
    max-height: 50vh;
    overflow: auto;
}

    .table-fixheight .table > thead {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 3;
        background: var(--bgcolorlight);
        box-shadow: 0 4px 2px -2px rgba(0,0,0,.08);
    }

table.table-compress td {
    padding: .25rem .5rem;
}

.divDesktopOrder {
    overflow: unset;
}

/*table.theme-table tr:last-child td{
  border:0;
}*/

table td.td-wlimit {
    width: 200px;
}

table.table-small {
    font-size: .85em;
}

table.table-minwidth-med {
    min-width: 800px;
}

.search-area {
    position: relative;
}

    .search-area .search-input {
        position: relative;
        z-index: 999;
    }

.dark-underlay {
    transition-property: opacity;
    transition-duration: 200ms;
    opacity: 1;
    position: fixed;
    width: 100vw;
    height: 0;
    top: 0;
    left: 0;
    z-index: 990;
    background: rgba(0,0,0,.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s ease;
}

    .dark-underlay.upper {
        z-index: 1050;
    }

    .dark-underlay.active {
        height: 100vh;
        opacity: 1;
        visibility: visible;
    }

.search-area.search-table:before {
    position: absolute;
    top: 7px;
    content: "⌕";
    font-size: 1.4em;
    font-weight: 400;
    z-index: 10;
    right: 5px;
    color: var(--textcolor);
    background: var(--bgcolor);
    padding: 0 5px;
}

.search-area.search-table .form-control {
    padding-left: 1.9rem;
}

body.rtl .search-area.search-table .form-control {
    padding-left: .75rem;
    padding-right: 1.9rem;
}

table.theme-table td, table.theme-table th {
    vertical-align: middle;
    text-align: center;
    color: var(--textcolordark);
    min-width: 55px;
}

table.theme-table th {
    border-color: #ccc !important;
    color: var(--textcolordark);
    font-weight: 600;
}

table.theme-table tr td.title {
    font-weight: 500;
}

table.theme-table td .price {
    min-width: 90px;
}

    table.theme-table td .price .icon {
        max-width: 24px;
    }

table.theme-table .form-select, table.theme-table .form-control {
    min-width: 200px;
    font-size: 9.5pt;
}

    table.theme-table .form-select option {
        font-size: .95em;
    }

.theme-table-responsive {
    overflow: auto;
}

table.theme-table.table-row, .lp-column table, .dynamic-content table {
    border-collapse: separate;
    border-spacing: 0 .5rem;
}

    table.theme-table.table-row thead th, .lp-column table thead th, .dynamic-content table thead th {
        position: relative;
        background-color: #ddd;
        border: none;
        font-weight: 400;
        padding: .65rem .7rem;
        font-weight: 600;
        text-align: center;
    }

    table.theme-table.table-row tbody, .lp-column table tbody, .dynamic-content table tbody {
        border: 1px solid #ccc;
    }

        table.theme-table.table-row tbody tr, .lp-column table tbody tr, .dynamic-content table tbody tr {
            border: none;
        }

        table.theme-table.table-row tbody td, .lp-column table tbody td, .dynamic-content table tbody td {
            position: relative;
            font-weight: 400;
            border: none;
            padding: .65rem .5rem;
            text-align: center;
        }

            table.theme-table.table-row tbody td:before, table.theme-table.table-row thead th:before, .lp-column table tbody td:before, .lp-column table thead th:before, .dynamic-content table tbody td:before, .dynamic-content table thead th:before {
                content: " ";
                position: absolute;
                border-left: solid 1px #ddd;
                height: 25px;
                left: 0;
                top: 50%;
                z-index: 2;
                transform: translateY(-50%)
            }

    table.theme-table.table-row thead th:before, .lp-column table thead th:before, .dynamic-content table thead th:before {
        border-color: rgba(255,255,255,.7);
    }

    table.theme-table.table-row tbody td:last-child:before, .lp-column table tbody td:last-child:before, .dynamic-content table tbody td:last-child:before {
        visibility: hidden;
    }

    table.theme-table.table-row tbody tr td:first-child, table.theme-table.table-row thead th:first-child, .lp-column table tbody tr td:first-child, .lp-column table thead th:first-child, .dynamic-content table tbody tr td:first-child, .dynamic-content table thead th:first-child {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    table.theme-table.table-row tbody tr td:last-child, table.theme-table.table-row thead th:last-child, .lp-column table tbody tr td:last-child, .lp-column table thead th:last-child, .dynamic-content table tbody tr td:last-child, .dynamic-content table thead th:last-child {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .lp-column table > tbody > tr:nth-of-type(2n+1), .dynamic-content table > tbody > tr:nth-of-type(2n+1) {
        --bs-table-accent-bg: var(--bs-table-striped-bg);
        color: var(--bs-table-striped-color);
    }

.table > :not(caption) > * > * {
    background-color: transparent;
    background-image: none;
}

.lp-column .table table > :not(caption) > * > *, .dynamic-content table > :not(caption) > * > * {
    background-color: var(--bs-table-bg);
    background-image: linear-gradient(var(--bs-table-accent-bg),var(--bs-table-accent-bg));
}

table.theme-table.fullborder td, table.theme-table.fullborder th {
    border: solid 1px #ccc;
}

table.theme-table .productListCustom {
    width: 280px;
    margin-top: 1px;
    border-radius: var(--brediussmall);
}

table.table-light {
    background: var(--bgcolormed)
}

/*-*/
/* order page table
/*-*/
[name="divDesktopOrder"] table.theme-table td {
    min-width: 45px;
}

[name="divDesktopOrder"] table.theme-table .form-select, table.theme-table .form-control {
    min-width: 150px;
}

[name="divDesktopOrder"] table.theme-table .btn.btn-lightdanger, [name="divDesktopOrder"] table.theme-table .btn.btn-lightsuccess {
    padding: .375rem;
}

.table-fixed-header {
    position: sticky;
    top: 0;
    border: solid 1px #ccc;
    border-width: 1px 1px 0;
    text-align: center;
    background: var(--bgcolor);
    z-index: 100;
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,.1)
}

    .table-fixed-header .item {
        padding: 10px;
        font-weight: 600;
    }

.table-responsive.table-bordered {
    border: solid 1px #ccc;
    border-left: 0;
    border-right: 0;
    border-radius: var(--brediusmedium);
}

/*-*/
/* datalist /*
/*-*/

.mobile-datalist .item {
    position: relative;
    border: solid 1px #ddd;
    background: var(--bgcolor);
    font-size: calc(.85em + .1vw);
    border-radius: var(--brediusmedium);
    transition: all 0.2s;
    box-shadow: 0 .1rem .1rem #ddd;
}

    .mobile-datalist .item .header {
        background: #f9f9f9;
        border-radius: var(--brediusmedium) var(--brediusmedium) 0 0;
        font-weight: 600;
    }

        .mobile-datalist .item .header .row-num {
            border-bottom: solid 1px #ccc;
            padding: 5px 10px;
        }

    .mobile-datalist .item:after {
        height: 25px;
    }

.copon-list .code-box {
    background: var(--bgcolor);
    border-radius: 3px;
    padding: 10px 15px;
    font-size: 1.3em;
}

/*-*/
/*  Terms and Condition/track orders  /*
/*-*/
.summary-disc {
    max-height: 220px;
    overflow: hidden;
    position: relative;
    padding-bottom: 25px;
    transition: all 0.2s linear 0s;
}

    .summary-disc.open {
        max-height: unset;
        overflow: visible;
    }

    .summary-disc.big {
        max-height: 400px;
    }

    .summary-disc .view-btn {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        color: var(--textcolormed);
        fill: var(--textcolormed);
        font-weight: 600;
        font-size: .95em;
        padding: 60px 0 20px;
        background: rgba(255,255,255,.5);
        background: linear-gradient(0deg, var(--bgcolor) 0%,var(--bgcolor) 30%, rgba(255,255,255,0) 100%);
        cursor: pointer;
    }

        .summary-disc .view-btn:hover {
            color: var(--primerycolor);
            fill: var(--primerycolor);
        }

        .summary-disc .view-btn .icon, .summary-disc .min-btn .icon {
            transform: rotate(-90deg);
            display: inline-block;
            font-size: .8em;
        }

    .summary-disc .min-btn .icon {
        transform: rotate(90deg);
    }

.footer-bottom .summary-disc .view-btn {
    background: linear-gradient(0deg,rgba(238,238,241,1) 0%,rgba(238,238,241,.95) 70%, rgba(238,238,241,.3) 100%);
}

/*-*/
/*  counter section start
/*-*/

.section-counter .col {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    border-radius: var(--brediusbig);
    background-size: 100% auto !important;
}

.counter-intro {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    padding: 2em 0;
}

.rtl .counter-intro {
    flex-direction: row-reverse
}

.counter-intro .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(65px + 3vw);
    height: calc(65px + 3vw);
    background: var(--bgcolor);
    border-radius: var(--brediusmedium);
    margin: 5px;
}

    .counter-intro .item .value {
        color: var(--lightred);
        font-size: calc(1.2em + 1vw) !important;
        font-weight: bold;
        margin-bottom: 0;
    }

/*-*/
/*  counter section end
/*-*/


/*-*/
/*  faq section
/*-*/

.faq-section .accordion-header {
    position: relative;
}

.faq-section .accordion-button {
    font-size: calc(.65rem + .25vw );
    font-weight: 600;
    padding: 1rem 1.2rem;
    border: none;
    background: #f2f2f2;
    border-radius: var(--brediusmedium);
    color: var(--textcolor);
    text-align: start;
}

    .faq-section .accordion-button:after, .accordion.normal .accordion-button:after {
        content: '➜';
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 1px;
        font-size: 1em;
        font-weight: 300;
        line-height: 1;
        opacity: .7;
        background: #ddd;
        color: #666;
        border-radius: 50px;
        width: 25px;
        height: 25px;
        border: solid 1px #666;
        transform: rotate(45deg);
    }

    .faq-section .accordion-button:not(.collapsed):after, .accordion.normal .accordion-button:not(.collapsed):after {
        transform: rotate(145deg);
    }

    .faq-section .accordion-button:before {
        top: 15%;
        height: 70%;
        background-color: #aaa;
    }

    .faq-section .accordion-button:not(.collapsed):before {
        background-color: var(--primerycolor);
    }

    .faq-section .accordion-button.collapsed {
        border-bottom-width: 1px;
    }

    .faq-section .accordion-button:not(.collapsed) {
        color: var(--primerycolor);
        background-color: transparent;
    }

.faq-section .accordion-collapse {
    background: #f5f5f5;
    border-radius: var(--brediusmedium);
    border: none
}

/*-*/
/*  faq section end
/*-*/

/*-*/
/*  commnet section start
/*-*/

.comment-section .comment-item, .comment-section .comment-form {
    background: #f2f2f2;
    width: 100%;
}

.comment-section .swiper-slide .comment-item {
    margin-top: 100px;
}

.comment-section .comment-item .commnet-header .avatar {
    width: 90px;
    margin-top: -55px;
    margin-bottom: 5px;
    border-radius: 50%;
}

.comment-section .comment-item .commnet-text .title {
    font-size: 1.1em;
    font-weight: bold;
}

.comment-section .comment-item .commnet-text .text {
    font-size: .95em;
    text-align: justify;
    color: var(--textcolormed)
}

.comment-section .comment-item .commnet-response .text {
    background: var(--bgcolor);
}

.comment-section .comment-item .comment-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.comment-list-alt .comment-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: solid 1px #ddd;
    border-radius: var(--brediusmedium);
}

.swiper-slide .comment-item {
    width: 100%;
}

.comment-list-alt .comment-item .header .info {
    color: var(--textcolorlight);
    font-weight: 300;
    font-size: calc(.85em + .1vw);
}

.comment-list-alt .comment-item .title {
    font-size: calc(.85em + .1vw);
}

.comment-list-alt .comment-item .body .text, .comment-list-alt .comment-item .body p {
    color: var(--textcolor);
    line-height: 1.8;
    font-weight: 300;
    font-size: calc(.75rem + .15vw);
}

.comment-list-alt .comment-item .footer .text {
    color: var(--textcolor);
    font-size: .85em;
    font-weight: 500;
}
/*-*/
/*  commnet section end
/*-*/

.heading-title {
    position: relative;
    text-transform: none !important;
    font-size: calc(1.05em + 0.1vw);
    padding: 0 0 .4rem 0;
    margin: 10px 0 20px;
    font-weight: bold;
    line-height: 1.4;
    fill: var(--textcolormed);
}

.heading-subtitle {
    font-size: 1.05em;
    font-weight: 700;
    color: var(--primerycolordark);
    fill: var(--primerycolordark);
    background: #f5f5f5;
    position: relative;
}

    .heading-subtitle .inner {
        background: var(--bgcolor);
        display: table;
        padding: 6px 12.5px;
    }

    .heading-subtitle:after {
        top: 0;
        background: var(--primerycolordark);
    }

.comment-section .progress, [name="divRatingResult"] .progress {
    height: .5rem;
    border-radius: .5rem;
    overflow: hidden;
}

    .comment-section .progress .progress-bar, [name="divRatingResult"] .progress .progress-bar {
        position: relative;
        background-color: var(--primerycolor);
        overflow: visible;
        border-radius: 50rem;
    }


.tooltip.top {
    padding: 5px 0;
    margin-top: -5px;
}

.tooltip-inner {
    font-family: inherit;
    border-radius: 2px;
    min-width: 70px;
    z-index: 10000
}

.file-preview-image {
    font-family: inherit !important;
    font-size: 1em !important;
    color: #777 !important;
}

.file-preview .fileinput-remove {
    background-color: rgba(0,0,0,.08);
    color: #dc3545;
    background-size: 10px 10px;
}

.file-preview .file-drop-zone {
    margin: 4px 15px 4px 12px
}

.file-preview .file-drop-zone-title {
    font-size: 1em;
    color: #888;
}

/*-*/
/*  LHS banners
/*-*/
.home-banner, .wide-banner {
    /*box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);*/
    border-radius: var(--brediusbig);
    cursor: pointer;
    transition: all 0.2s linear 0s;
}

    .menu-grouping.content-inner img, .home-banner img, .wide-banner img {
        border-radius: var(--brediusbig);
        width: 100%;
    }

/* swiper slider*/
.swiper-container {
    width: 100%;
    /*height: 100%;*/
}

.productListStatic .swiper-slide, .writingListStatic .swiper-slide {
    padding: 1px;
    height: auto;
}

.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    height: initial !important;
    padding: 1px;
}

    .swiper-slide > .item {
        display: block;
        width: 100%;
    }

    .swiper-slide > .h-link {
        display: block;
        width: 100%;
    }

        .swiper-slide > .h-link > .img-parent {
            margin-left: auto;
            margin-right: auto;
        }
    /*.container-fluid .swiper-slide .img-parent {
    border-radius:unset;
}*/
    .swiper-slide .swiper-lazy {
        width: inherit;
        height: inherit;
    }

.swiper:not(.fullwidth):not(.multi-slider) .swiper-slide img:not(.icon):not(.img-thumbnail):not(.avatar):not(.avatar-small) {
    border-radius: var(--brediusbig);
}

.swiper-slide img:not(.icon):not(.img-thumbnail):not(.avatar):not(.avatar-small), .swiper-slide picture {
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}

.swiper-slide .product-brand .img-parent {
    max-height: 50px !important;
    max-width: 120px;
}

.swiper-slide .product-brand .med-thumb.brand-thumb {
    max-height: 50px;
}

.swiper-slide .product-info-body img {
    width: inherit;
}

.mySwiper2 {
    height: 80%;
    width: 100%;
}

.mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

    .mySwiper .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
    }

    .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
    }

.swiper .swiper-button-prev, .swiper .swiper-button-next {
    display: flex;
    background: rgba(255,255,255,.3);
    color: var(--textcolorlight);
    padding: 20px 12px;
    border-radius: 10px 0 0 10px;
    box-shadow: -4px 0 4px rgba(0,0,0,.1);
    transition: all 300ms ease;
}

    .swiper .swiper-button-prev:hover, .swiper .swiper-button-next:hover {
        color: var(--primerycolor);
        background: rgba(255,255,255,1);
    }

    .swiper .swiper-button-next:after, .swiper .swiper-button-prev:after {
        font-family: unset;
        font-size: 1em;
    }

    .swiper .swiper-button-prev:after, .swiper .swiper-rtl .swiper-button-next:after {
        content: '❮' !important;
    }

    .swiper .swiper-button-next:after, .swiper .swiper-rtl .swiper-button-prev:after {
        content: '❯' !important;
    }

.swiper .swiper-button-prev, .swiper.swiper-rtl .swiper-button-next {
    left: -7px;
    right: auto;
}

.swiper .swiper-button-next, .swiper.swiper-rtl .swiper-button-prev {
    right: -7px;
    left: auto;
}

    .swiper .swiper-button-prev:after,
    .swiper .swiper-button-next:after {
        font-size: 1.1em;
    }

.swiper .swiper-button-next {
    border-radius: 0 10px 10px 0;
    box-shadow: 4px 0 4px rgba(0,0,0,.1);
}

label.active {
    font-weight: bold;
}

.swiper-wrapper.disabled {
    transform: translate3d(0px, 0, 0) !important;
}

.swiper-pagination {
    background: rgba(0,0,0,.5);
    display: table;
    width: unset;
    border-radius: 5rem;
    padding: 0 4px;
    transform: translateX(-50%);
    left: 50%;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
    left: 50%;
    width: unset;
}

.multi-slider .swiper-pagination {
    position: relative;
}

.swiper-pagination.disabled {
    display: none;
}

/*.main-sliderDynamic .swiper-button-prev, .main-sliderDynamic .swiper-button-next {
    color: #fff;
    text-shadow: 0 2px 4px #616161;
    background: transparent;
    box-shadow: none;
}

body.rtl .main-sliderDynamic .swiper-button-next, .main-sliderDynamic .swiper-container-rtl .swiper-button-prev {
    left: 15px
}

body.rtl .main-sliderDynamic .swiper-button-prev, .main-sliderDynamic .swiper-container-rtl .swiper-button-next {
    right: 15px
}*/

.swiper-pagination-bullet {
    transition: all 1s ease;
    opacity: .8;
    background:#fff;
}

.swiper-pagination-bullet-active {
    background: var(--primerycolor);
    width: 30px;
    border-radius: 50rem;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
}

/* dynamic content */

.dynamic-content {
    font-size: calc(10.2pt + .1vw);
    line-height: 1.7
}

    .dynamic-content ul {
        padding-left: 2rem;
    }

body.rtl .dynamic-content ul {
    padding-left: 0;
    padding-right: 2rem;
}

.dynamic-content iframe {
    clear: both;
    margin: 15px 0;
    width: 100%;
}

.dynamic-content img {
    max-width: 100% !important;
    height: auto !important;
}

.dynamic-content figure table {
    display: table;
    margin: 1rem auto;
    min-width: 50%;
    padding: 0 6px;
    border: solid 1px #ccc;
    border-radius: 13px;
    clear: both;
}

    .dynamic-content figure table th {
        background: #eee;
    }

    .dynamic-content figure table td {
        padding: .5rem;
    }

    .dynamic-content figure table p {
        margin: 0;
        font-size: calc(9pt + .1vw);
    }

.lp-column figure.image, .dynamic-content figure.image {
    text-align: center;
}

    .lp-column figure.image.image_resized {
        margin-left: auto;
        margin-right: auto;
    }

.lp-column p, .dynamic-content p {
    font-size: calc(10pt + .1vw);
    text-align: justify;
    line-height: 1.9 !important;
}

.lp-column .blog-box p {
    text-align: inherit;
}

.dynamic-content figure.image {
    margin-left: auto;
    margin-right: auto;
}

.dynamic-content blockquote, [id^="item"] blockquote, .dynamic-content blockquote {
    border-left: 5px solid #ccc;
    font-style: italic;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

body.rtl .dynamic-content blockquote, body.rtl [id^="section"] blockquote, body.rtl .dynamic-content blockquote {
    border-left: none;
    border-right: 5px solid #ccc;
}

.scroll-to-top {
    opacity: 1;
    position: fixed;
    text-align: center;
    padding-top: 7.5px;
    bottom: 15px;
    right: 20px;
    width: 40px;
    height: 40px;
    color: var(--textcolorlight);
    fill: var(--primerycolordark);
    font-size: 1.2em;
    z-index: 100;
    cursor: pointer;
    background: #ffffff;
    display: none;
    border-radius: 50px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
    transition: all 300ms ease;
}

    .scroll-to-top .icon {
        width: 25px;
        height: 25px;
    }

    .scroll-to-top:hover {
        color: #ffffff;
        fill: #ffffff;
        background: var(--seconderycolor);
    }

/* userpanel temp */
.up-card, .up-card.transparent-card .card-header {
    background: transparent;
    border: 0;
}
/* autocomplete temp */

.autoComplete {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    color: #555555;
    display: inline-block;
    padding: .25rem .5rem;
    position: relative;
    background-color: #fff;
    vertical-align: middle;
}

    .autoComplete.disable, .formInput .disable {
        background: #f0f0f0;
        border-color: #cccccc;
    }
/*.autoCompleteFocus{border:#0094fd 1px solid;box-shadow:0 5px 5px rgba(2,214,255,0.07) inset, 0 0 8px rgba(0,54,253,0.4)}*/
.autoDropDown {
    background: url(../images/autoComplete/dropDown.png) no-repeat center center;
    cursor: pointer;
    float: left;
    height: 26px;
    width: 20px
}

.autoDropDownQuick {
    background: url(../images/autoComplete/Lightning.png) no-repeat center center;
    cursor: pointer;
    float: left;
    height: 26px;
    width: 20px
}

.autoCWaiting {
    background: url(../images/autoComplete/Waiting32.gif) no-repeat center center #fff;
    display: none;
    filter: alpha(opacity=5);
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%
}

.autoCompleteList {
    display: block;
    padding: 0
}

    .autoCompleteList li {
        display: inline;
        margin: 0 0 1px 1px
    }

        .autoCompleteList li input {
            border: none;
            width: auto;
            background: none;
            padding-right: 5px;
            line-height: 25px;
            outline: 0 !important
        }

.singleAutoComplete {
    border: 1px #AAA solid;
    height: 35px;
    position: relative;
    width: 228px
}

.auto-Comp {
    position: absolute;
    z-index: 6000;
    font-size: .9em;
}

    .auto-Comp ul {
        padding: 0 8px;
        background-color: #fff;
        border: solid 1px #aaa;
        display: none;
        min-width: 200px;
    }

        .auto-Comp ul li {
            list-style: none;
            background-image: url(images/backgrounds/submenu_sep.png);
            background-position: 10px 0px;
            background-repeat: no-repeat;
            width: 100%;
            min-height: 27px;
            cursor: pointer;
        }

    .auto-Comp li:first-child {
        background-position: -5px -5px;
    }

    .auto-Comp li:last-child {
        margin-bottom: 5px;
    }

    .auto-Comp ul li span {
        color: #666;
        display: block;
        padding: 7px 6px;
        text-decoration: none
    }

        .auto-Comp ul li span span {
            background-color: #fff;
            border: solid 1px #dedede;
            float: right;
            height: 20px;
            margin-left: 10px;
            padding: 1px;
            width: 20px
        }

    .auto-Comp ul li.liSelected {
        border-radius: 3px;
        background-image: url(images/Backgrounds/liSelected.png);
        background-repeat: repeat-x;
    }

    .auto-Comp ul li:hover {
        background-color: #fafafa;
    }

.auto-Comp-ico-npos {
    display: block;
    float: right;
    margin-left: 15px
}

.autoComplete .autoCompleteList .autoItemSpan {
    background-color: #D2E0EE;
    border: solid 1px #AFBFCF;
    display: block;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    overflow: hidden;
    padding: .25rem;
    text-align: center
}

    .autoComplete .autoCompleteList .autoItemSpan span {
        margin: 4px;
        float: left;
    }

/*autocomplete  */

/* chatbox fixed */

.chat_btn_popup {
    position: fixed;
    left: 30px;
    bottom: 126px;
    cursor: pointer;
    z-index: 900;
}

    .chat_btn_popup.chat_right {
        left: auto;
        right: 10px;
    }

.chat_popup_box {
    width: 351px;
    border-radius: 5px 5px 8px 8px;
    position: fixed;
    overflow: hidden;
    box-shadow: 0 10px 10px 4px rgba(0,0,0,.04);
    bottom: 170px;
    left: 25px;
    z-index: 999999998;
    opacity: 0;
    visibility: hidden;
    transform: translate(0,50px);
    transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    will-change: transform,visibility,opacity;
    max-width: calc(100% - 50px)
}

    .chat_popup_box.chat_right {
        left: auto;
        right: 25px;
    }

    .chat_popup_box.chat_active {
        -ms-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        visibility: visible;
        opacity: 1
    }

    .chat_popup_box .chat_popup_heading {
        position: relative;
        padding: 12px 42px 10px 74px;
        color: #d9ebc6;
        font-weight: 400;
        background: #2db742;
    }

    .chat_popup_box.chat_right .chat_popup_heading {
        padding: 12px 74px 10px 42px;
    }

    .chat_popup_box .chat_popup_heading:before {
        content: '';
        background: url(../images/icon/whatsapp_logo.svg) center top no-repeat;
        background-size: 33px;
        display: block;
        width: 55px;
        height: 33px;
        position: absolute;
        top: 20px;
        left: 12px
    }

    .chat_popup_box.chat_right .chat_popup_heading:before {
        left: auto;
        right: 12px;
    }

    .chat_popup_box .chat_popup_heading .chat_popup_title {
        padding-top: 2px;
        padding-bottom: 3px;
        color: #fff;
        font-size: 16px;
        line-height: 24px;
        font-weight: bold;
    }

    .chat_popup_box .chat_stt {
        padding: 10px 40px 10px 74px;
        position: relative;
        text-decoration: none;
        display: table;
        width: 100%;
        border-right: 2px solid #2db742;
        background: #f5f7f9;
        border-radius: 4px 2px 4px 2px;
    }

    .chat_popup_box.chat_right .chat_stt {
        padding: 10px 74px 10px 40px;
    }

    .chat_popup_box .chat_stt:after {
        content: '';
        background: url(../images/icon/whatsapp_logo_green.svg) 100% 0 no-repeat;
        position: absolute;
        right: 14px;
        top: 21px;
        width: 20px;
        height: 20px;
        background-size: 100% 100%;
    }

    .chat_popup_box.chat_right .chat_stt:after {
        right: auto;
        left: 14px;
    }

    .chat_popup_box .chat_stt.chat_stt_offline::after {
        background-image: url(../images/icon/whatsapp_logo_gray_sm.svg);
    }

    .chat_popup_box .chat_stt.chat_stt_offline {
        border-right: 2px solid #ccc;
    }

    .chat_popup_box .chat_popup_content {
        background: var(--bgcolor);
        padding: 10px 19px 18px 20px;
    }

    .chat_popup_box .chat_popup_avatar {
        position: absolute;
        overflow: hidden;
        border-radius: 50%;
        left: 10px;
        top: 7px
    }

    .chat_popup_box.chat_right .chat_popup_avatar {
        left: auto;
        right: 10px;
    }

.chat_popup_content_item .chat_cs_img_wrap {
    width: 50px;
    height: 50px;
}

.chat_popup_content_list .chat_popup_content_item {
    margin: 10px 0 0;
    transform: translate(0,20px);
    -webkit-transform: translate(0,20px);
    -moz-transform: translate(0,20px);
    will-change: opacity,transform;
    opacity: 0
}

    .chat_popup_content_list .chat_popup_content_item .chat_member_name {
        font-size: 14px;
        font-weight: bold;
        color: #363c47;
        line-height: 1.5
    }

.chat_popup_box.chat_pending .chat_popup_content_list .chat_popup_content_item {
    transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    transition-delay: 2.1s;
    -webkit-transition-delay: 2.1s;
    -moz-transition-delay: 2.1s
}

.chat_popup_box.chat_lauch .chat_popup_content_list .chat_popup_content_item {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0)
}

.chat_popup_box.chat_pending .chat_popup_content_list .chat_popup_content_item:nth-child(1) {
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s
}

.chat_popup_box.chat_pending .chat_popup_content_list .chat_popup_content_item:nth-child(2) {
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s
}

.chat_popup_box.chat_pending .chat_popup_content_list .chat_popup_content_item:nth-child(3) {
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s
}

.chat_popup_box.chat_pending .chat_popup_content_list .chat_popup_content_item:nth-child(4) {
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;
    -moz-transition-delay: 0.9s
}

.chat_stt_offline {
    background: #ddd !important;
    color: #595B60;
    box-shadow: none;
    cursor: initial
}

.chat_popup_content_list .chat_popup_content_item .chat_member_duty {
    font-size: 13px;
    color: #777;
    padding: 5px 0 0;
    line-height: 1.3;
}

.chat_btn_popup .chat_btn_popup_txt {
    position: absolute;
    width: 156px;
    left: 100%;
    background-color: #f5f7f9;
    font-size: 13px;
    color: #43474e;
    top: 15px;
    padding: 7px 12px 7px 0;
    margin-left: 7px;
    letter-spacing: -.03em;
    border-radius: 4px;
    text-align: center;
    transition: 0.4s ease all;
}

.chat_btn_popup.chat_right .chat_btn_popup_txt {
    left: auto;
    right: 100%;
}

.chat_btn_popup.chat_active .chat_btn_popup_icon:before {
    opacity: 0;
    -ms-transform: scale(0) rotate(-360deg);
    transform: scale(0) rotate(-360deg);
    -webkit-transform: scale(0) rotate(-360deg);
    -moz-transform: scale(0) rotate(-360deg)
}

.chat_btn_popup.chat_active .chat_btn_popup_icon:after {
    opacity: 1;
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg)
}

.chat_btn_popup.chat_active .chat_btn_popup_txt {
    transform: translate(0,15px);
    opacity: 0;
    visibility: hidden
}

.chat_btn_popup .chat_btn_popup_icon {
    width: 56px;
    height: 56px;
    background: #2db742;
    /*background: var(--primerycolor);*/
    border-radius: 50%;
    box-shadow: 0 6px 8px 2px rgba(0,0,0,.14);
}

    .chat_btn_popup .chat_btn_popup_icon:before {
        content: '';
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        background: transparent url(../images/icon/whatsapp_logo.svg) center center no-repeat;
        background-size: 30px auto;
        transition: 0.4s ease all;
    }

    .chat_btn_popup .chat_btn_popup_icon:after {
        content: '';
        opacity: 0;
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        background: transparent url(../images/icon/x_icon.svg) center center no-repeat;
        background-size: 14px auto;
        transition: 0.4s ease all;
        transform: scale(0) rotate(360deg);
    }

/* chatbox fixed */

.scroll-style-one::-webkit-scrollbar {
    height: 4px;
}

.scroll-style-one::-webkit-scrollbar-track {
    background: #eee;
}

.scroll-style-one::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 4px;
}

    .scroll-style-one::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

/* admin edit icon */

.admin-edit {
    position: absolute !important;
    left: 0px !important;
    top: 0px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 18px !important;
    height: 18px !important;
    padding: 6px 6px 5px !important;
    background-color: #eef5fa;
    border: solid 1px #1c6799 !important;
    border-radius: 4px;
    z-index: 30;
    transition: all 0.3s ease 0s;
}

    .admin-edit.d-none {
        display: none !important;
    }

    .admin-edit:hover {
        transform: scale(1.25);
    }

    .admin-edit.top-align {
        top: 4px;
    }

    .admin-edit:after {
        display: block;
        content: '✎';
        color: #1c6799;
        text-align: center;
        line-height: 1;
    }

.lp-column > .admin-edit {
    left: 10px !important;
    top: 10px !important;
}

.container-fluid > .row > .lp-column > .admin-edit {
    left: calc(var(--bs-gutter-x)/ 2 + 35px) !important;
}

/*custom modal*/
.custom-modalbar {
    position: fixed;
    background: var(--bgcolor);
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 1500;
    transition: all 0.2s linear 0s;
    height: 0;
    overflow: hidden;
    transform: translateY(250px);
}

    .custom-modalbar.bottom {
        border-top: solid 1px #eee;
        box-shadow: 0px -5px 10px rgba(0,0,0,0.05);
        overflow: visible;
    }

        .custom-modalbar.bottom.show {
            height: auto;
            transform: translateY(0);
        }

        .custom-modalbar.bottom .image {
            display: flex;
            align-items: flex-end;
            justify-content: center;
            position: relative;
            overflow: visible;
            height: 35px;
        }

            .custom-modalbar.bottom .image img {
                display: block;
                max-width: 100px;
            }

        .custom-modalbar.bottom p {
            margin-bottom: 0;
            line-height: 1.8
        }

/*custom modal*/
/*responsive*/

@media (min-width:576px) {
    .border-sm {
        border: 1px solid #dee2e6;
    }

    .rounded-sm-big {
        border-radius: var(--brediusbig);
    }

    .container, .container-sm {
        max-width: 95%
    }

    /* Landing Margin Tablet */

    .m-md-huge {
        margin: calc(7em + 2vw);
    }

    .m-md-verybig {
        margin: calc(5em + 1.5vw);
    }

    .m-md-big {
        margin: calc(4em + 1vw);
    }

    .m-md-medium {
        margin: calc(2em + .8vw);
    }

    .m-md-small {
        margin: calc(1.5em + .5vw);
    }

    .m-md-tiny {
        margin: 1em;
    }

    .my-md-huge {
        margin-top: calc(7em + 2vw);
        margin-bottom: calc(7em + 2vw);
    }

    .my-md-verybig {
        margin-top: calc(5em + 1.5vw);
        margin-bottom: calc(5em + 1.5vw);
    }

    .my-md-big {
        margin-top: calc(4em + 1vw);
        margin-bottom: calc(4em + 1vw);
    }

    .my-md-medium {
        margin-top: calc(2em + .8vw);
        margin-bottom: calc(2em + .8vw);
    }

    .my-md-small {
        margin-top: calc(1.5em + .5vw);
        margin-bottom: calc(1.5em + .5vw);
    }

    .my-md-tiny {
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .mx-md-huge {
        margin-left: calc(7em + 2vw);
        margin-right: calc(7em + 2vw);
    }

    .mx-md-verybig {
        margin-left: calc(5em + 1.5vw);
        margin-right: calc(5em + 1.5vw);
    }

    .mx-md-big {
        margin-left: calc(4em + 1vw);
        margin-right: calc(4em + 1vw);
    }

    .mx-md-medium {
        margin-left: calc(2em + .8vw);
        margin-right: calc(2em + .8vw);
    }

    .mx-md-small {
        margin-left: calc(1.5em + .5vw);
        margin-right: calc(1.5em + .5vw);
    }

    .mx-md-tiny {
        margin-left: 1em;
        margin-right: 1em;
    }

    .mt-md-huge {
        margin-top: calc(7em + 2vw);
    }

    .mt-md-verybig {
        margin-top: calc(5em + 1.5vw);
    }

    .mt-md-big {
        margin-top: calc(4em + 1vw);
    }

    .mt-md-medium {
        margin-top: calc(2em + .8vw);
    }

    .mt-md-small {
        margin-top: calc(1.5em + .5vw);
    }

    .mt-md-tiny {
        margin-top: 1em;
    }

    .mb-md-huge {
        margin-bottom: calc(7em + 2vw);
    }

    .mb-md-verybig {
        margin-bottom: calc(5em + 1.5vw);
    }

    .mb-md-big {
        margin-bottom: calc(4em + 1vw);
    }

    .mb-md-medium {
        margin-bottom: calc(2em + .8vw);
    }

    .mb-md-small {
        margin-bottom: calc(1.5em + .5vw);
    }

    .mb-md-tiny {
        margin-bottom: 1em;
    }

    .ml-md-huge {
        margin-left: calc(7em + 2vw);
    }

    .ml-md-verybig {
        margin-left: calc(5em + 1.5vw);
    }

    .ml-md-big {
        margin-left: calc(4em + 1vw);
    }

    .ml-md-medium {
        margin-left: calc(2em + .8vw);
    }

    .ml-md-small {
        margin-left: calc(1.5em + .5vw);
    }

    .ml-md-tiny {
        margin-left: 1em;
    }

    .mr-md-huge {
        margin-right: calc(7em + 2vw);
    }

    .mr-md-verybig {
        margin-right: calc(5em + 1.5vw);
    }

    .mr-md-big {
        margin-right: calc(4em + 1vw);
    }

    .mr-md-medium {
        margin-right: calc(2em + .8vw);
    }

    .mr-md-small {
        margin-right: calc(1.5em + .5vw);
    }

    .mr-md-tiny {
        margin-right: 1em;
    }

    /* Landing Margin Tablet */

    /* Landing Padding Tablet */

    .p-md-huge {
        padding: calc(7em + 2vw);
    }

    .p-md-verybig {
        padding: calc(5em + 1.5vw);
    }

    .p-md-big {
        padding: calc(4em + 1vw);
    }

    .p-md-medium {
        padding: calc(2em + .8vw);
    }

    .p-md-small {
        padding: calc(1.5em + .5vw);
    }

    .p-md-tiny {
        padding: 1em;
    }

    .py-md-huge {
        padding-top: calc(7em + 2vw);
        padding-bottom: calc(7em + 2vw);
    }

    .py-md-verybig {
        padding-top: calc(5em + 1.5vw);
        padding-bottom: calc(5em + 1.5vw);
    }

    .py-md-big {
        padding-top: calc(4em + 1vw);
        padding-bottom: calc(4em + 1vw);
    }

    .py-md-medium {
        padding-top: calc(2em + .8vw);
        padding-bottom: calc(2em + .8vw);
    }

    .py-md-small {
        padding-top: calc(1.5em + .5vw);
        padding-bottom: calc(1.5em + .5vw);
    }

    .py-md-tiny {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .px-md-huge {
        padding-left: calc(7em + 2vw);
        padding-right: calc(7em + 2vw);
    }

    .px-md-verybig {
        padding-left: calc(5em + 1.5vw);
        padding-right: calc(5em + 1.5vw);
    }

    .px-md-big {
        padding-left: calc(4em + 1vw);
        padding-right: calc(4em + 1vw);
    }

    .px-md-medium {
        padding-left: calc(2em + .8vw);
        padding-right: calc(2em + .8vw);
    }

    .px-md-small {
        padding-left: calc(1.5em + .5vw);
        padding-right: calc(1.5em + .5vw);
    }

    .px-md-tiny {
        padding-left: 1em;
        padding-right: 1em;
    }

    .pt-md-huge {
        padding-top: calc(7em + 2vw);
    }

    .pt-md-verybig {
        padding-top: calc(5em + 1.5vw);
    }

    .pt-md-big {
        padding-top: calc(4em + 1vw);
    }

    .pt-md-medium {
        padding-top: calc(2em + .8vw);
    }

    .pt-md-small {
        padding-top: calc(1.5em + .5vw);
    }

    .pt-md-tiny {
        padding-top: 1em;
    }

    .pb-md-huge {
        padding-bottom: calc(7em + 2vw);
    }

    .pb-md-verybig {
        padding-bottom: calc(5em + 1.5vw);
    }

    .pb-md-big {
        padding-bottom: calc(4em + 1vw);
    }

    .pb-md-medium {
        padding-bottom: calc(2em + .8vw);
    }

    .pb-md-small {
        padding-bottom: calc(1.5em + .5vw);
    }

    .pb-md-tiny {
        padding-bottom: 1em;
    }

    .pl-md-huge {
        padding-left: calc(7em + 2vw);
    }

    .pl-md-verybig {
        padding-left: calc(5em + 1.5vw);
    }

    .pl-md-big {
        padding-left: calc(4em + 1vw);
    }

    .pl-md-medium {
        padding-left: calc(2em + .8vw);
    }

    .pl-md-small {
        padding-left: calc(1.5em + .5vw);
    }

    .pl-md-tiny {
        padding-left: 1em;
    }

    .pr-md-huge {
        padding-right: calc(7em + 2vw);
    }

    .pr-md-verybig {
        padding-right: calc(5em + 1.5vw);
    }

    .pr-md-big {
        padding-right: calc(4em + 1vw);
    }

    .pr-md-medium {
        padding-right: calc(2em + .8vw);
    }

    .pr-md-small {
        padding-right: calc(1.5em + .5vw);
    }

    .pr-md-tiny {
        padding-right: 1em;
    }
    /* Land
        ing Padding Tablet */
}

@media (min-width:768px) {
    .container, .container-md, .container-sm {
        max-width: 95%
    }

    .header-nav {
        height: 50px
    }

        .header-nav .navbar-default {
            justify-content: space-between;
        }

    .sticky-sidebar {
        position: sticky !important;
        top: 90px;
    }

    header.hide-menu .header-inner > .top-bar {
        height: 0;
        overflow: hidden;
    }

    header.hide-menu .header-inner > .header-nav {
        height: 0;
        overflow: hidden;
        transform: translateY(-30px);
    }

    .listView .product .product-price .price {
        text-align: center;
    }

    .sliding-menu.d-end.mobile-shopping-cart {
        z-index: 10000;
    }
}

@media (min-width:992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 95%
    }

    /* Landing Margin Laptop */

    .m-lg-huge {
        margin: calc(7em + 2vw);
    }

    .m-lg-verybig {
        margin: calc(5em + 1.5vw);
    }

    .m-lg-big {
        margin: calc(4em + 1vw);
    }

    .m-lg-medium {
        margin: calc(2em + .8vw);
    }

    .m-lg-small {
        margin: calc(1.5em + .5vw);
    }

    .m-lg-tiny {
        margin: 1em;
    }

    .my-lg-huge {
        margin-top: calc(7em + 2vw);
        margin-bottom: calc(7em + 2vw);
    }

    .my-lg-verybig {
        margin-top: calc(5em + 1.5vw);
        margin-bottom: calc(5em + 1.5vw);
    }

    .my-lg-big {
        margin-top: calc(4em + 1vw);
        margin-bottom: calc(4em + 1vw);
    }

    .my-lg-medium {
        margin-top: calc(2em + .8vw);
        margin-bottom: calc(2em + .8vw);
    }

    .my-lg-small {
        margin-top: calc(1.5em + .5vw);
        margin-bottom: calc(1.5em + .5vw);
    }

    .my-lg-tiny {
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .mx-lg-huge {
        margin-left: calc(7em + 2vw);
        margin-right: calc(7em + 2vw);
    }

    .mx-lg-verybig {
        margin-left: calc(5em + 1.5vw);
        margin-right: calc(5em + 1.5vw);
    }

    .mx-lg-big {
        margin-left: calc(4em + 1vw);
        margin-right: calc(4em + 1vw);
    }

    .mx-lg-medium {
        margin-left: calc(2em + .8vw);
        margin-right: calc(2em + .8vw);
    }

    .mx-lg-small {
        margin-left: calc(1.5em + .5vw);
        margin-right: calc(1.5em + .5vw);
    }

    .mx-lg-tiny {
        margin-left: 1em;
        margin-right: 1em;
    }

    .mt-lg-huge {
        margin-top: calc(7em + 2vw);
    }

    .mt-lg-verybig {
        margin-top: calc(5em + 1.5vw);
    }

    .mt-lg-big {
        margin-top: calc(4em + 1vw);
    }

    .mt-lg-medium {
        margin-top: calc(2em + .8vw);
    }

    .mt-lg-small {
        margin-top: calc(1.5em + .5vw);
    }

    .mt-lg-tiny {
        margin-top: 1em;
    }

    .mb-lg-huge {
        margin-bottom: calc(7em + 2vw);
    }

    .mb-lg-verybig {
        margin-bottom: calc(5em + 1.5vw);
    }

    .mb-lg-big {
        margin-bottom: calc(4em + 1vw);
    }

    .mb-lg-medium {
        margin-bottom: calc(2em + .8vw);
    }

    .mb-lg-small {
        margin-bottom: calc(1.5em + .5vw);
    }

    .mb-lg-tiny {
        margin-bottom: 1em;
    }

    .ml-lg-huge {
        margin-left: calc(7em + 2vw);
    }

    .ml-lg-verybig {
        margin-left: calc(5em + 1.5vw);
    }

    .ml-lg-big {
        margin-left: calc(4em + 1vw);
    }

    .ml-lg-medium {
        margin-left: calc(2em + .8vw);
    }

    .ml-lg-small {
        margin-left: calc(1.5em + .5vw);
    }

    .ml-lg-tiny {
        margin-left: 1em;
    }

    .mr-lg-huge {
        margin-right: calc(7em + 2vw);
    }

    .mr-lg-verybig {
        margin-right: calc(5em + 1.5vw);
    }

    .mr-lg-big {
        margin-right: calc(4em + 1vw);
    }

    .mr-lg-medium {
        margin-right: calc(2em + .8vw);
    }

    .mr-lg-small {
        margin-right: calc(1.5em + .5vw);
    }

    .mr-lg-tiny {
        margin-right: 1em;
    }

    /* Landing Margin Laptop */

    /* Landing Padding Laptop */

    .p-lg-huge {
        padding: calc(7em + 2vw);
    }

    .p-lg-verybig {
        padding: calc(5em + 1.5vw);
    }

    .p-lg-big {
        padding: calc(4em + 1vw);
    }

    .p-lg-medium {
        padding: calc(2em + .8vw);
    }

    .p-lg-small {
        padding: calc(1.5em + .5vw);
    }

    .p-lg-tiny {
        padding: 1em;
    }

    .py-lg-huge {
        padding-top: calc(7em + 2vw);
        padding-bottom: calc(7em + 2vw);
    }

    .py-lg-verybig {
        padding-top: calc(5em + 1.5vw);
        padding-bottom: calc(5em + 1.5vw);
    }

    .py-lg-big {
        padding-top: calc(4em + 1vw);
        padding-bottom: calc(4em + 1vw);
    }

    .py-lg-medium {
        padding-top: calc(2em + .8vw);
        padding-bottom: calc(2em + .8vw);
    }

    .py-lg-small {
        padding-top: calc(1.5em + .5vw);
        padding-bottom: calc(1.5em + .5vw);
    }

    .py-lg-tiny {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .px-lg-huge {
        padding-left: calc(7em + 2vw);
        padding-right: calc(7em + 2vw);
    }

    .px-lg-verybig {
        padding-left: calc(5em + 1.5vw);
        padding-right: calc(5em + 1.5vw);
    }

    .px-lg-big {
        padding-left: calc(4em + 1vw);
        padding-right: calc(4em + 1vw);
    }

    .px-lg-medium {
        padding-left: calc(2em + .8vw);
        padding-right: calc(2em + .8vw);
    }

    .px-lg-small {
        padding-left: calc(1.5em + .5vw);
        padding-right: calc(2em + .5vw);
    }

    .px-lg-tiny {
        padding-left: 1em;
        padding-right: 1em;
    }

    .pt-lg-huge {
        padding-top: calc(7em + 2vw);
    }

    .pt-lg-verybig {
        padding-top: calc(5em + 1.5vw);
    }

    .pt-lg-big {
        padding-top: calc(4em + 1vw);
    }

    .pt-lg-medium {
        padding-top: calc(2em + .8vw);
    }

    .pt-lg-small {
        padding-top: calc(2em + .5vw);
    }

    .pt-lg-tiny {
        padding-top: 1em;
    }

    .pb-lg-huge {
        padding-bottom: calc(7em + 2vw);
    }

    .pb-lg-verybig {
        padding-bottom: calc(5em + 1.5vw);
    }

    .pb-lg-big {
        padding-bottom: calc(4em + 1vw);
    }

    .pb-lg-medium {
        padding-bottom: calc(2em + .8vw);
    }

    .pb-lg-small {
        padding-bottom: calc(2em + .5vw);
    }

    .pb-lg-tiny {
        padding-bottom: 1em;
    }

    .pl-lg-huge {
        padding-left: calc(7em + 2vw);
    }

    .pl-lg-verybig {
        padding-left: calc(5em + 1.5vw);
    }

    .pl-lg-big {
        padding-left: calc(4em + 1vw);
    }

    .pl-lg-medium {
        padding-left: calc(2em + .8vw);
    }

    .pl-lg-small {
        padding-left: calc(2em + .5vw);
    }

    .pl-lg-tiny {
        padding-left: 1em;
    }

    .pr-lg-huge {
        padding-right: calc(7em + 2vw);
    }

    .pr-lg-verybig {
        padding-right: calc(5em + 1.5vw);
    }

    .pr-lg-big {
        padding-right: calc(4em + 1vw);
    }

    .pr-lg-medium {
        padding-right: calc(2em + .8vw);
    }

    .pr-lg-small {
        padding-right: calc(1.5em + .5vw);
    }

    .pr-lg-tiny {
        padding-right: 1em;
    }
    /* Landing Padding Laptop */
}

@media (min-width:1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 95%
    }
}

@media (min-width:1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 94%
    }
}

@media (min-width:1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 94%
    }
}

@media (min-width:1920px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1500px
    }
}

@media (min-width:2560px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1920px
    }
}

@media (max-width:1200px) {
    .sliding-menu .inner {
        padding-bottom: 6em;
    }

    .top-offer {
        height: 52px;
    }
}

@media (max-width: 767px) {
    .navbar-default .navbar-toggler {
        color: var(--textcolor);
        fill: var(--textcolor);
    }

        .navbar-default .navbar-toggler:hover {
            color: var(--primerycolordark);
            fill: var(--primerycolordark);
        }

        .navbar-default .navbar-toggler .icon {
            color: inherit;
            font-size: 1.6em;
            width: 35px;
            height: 35px;
            transition: color .3s ease-in-out
        }

    .navbar-collapse {
        box-shadow: none;
        border: none;
    }

    .fixed-header .main-header {
        display: none;
    }

    .top-bar .header-top-inner .cnt-account {
        clear: both;
        display: inline-block;
        float: none;
        margin: auto;
        text-align: center;
    }

    .top-search-holder .search-area .categories-filter {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #e0e0e0;
    }

    .hot-deal-wrapper .image img {
        width: 100%;
        height: auto;
        display: block;
    }

    /*   .main-slider .item .caption {
        left: auto;
        width: 100%;
        text-align: center;
        padding: 0 22px;
    }

    body.rtl .main-slider .item .caption {
        right: 100px;
    }

    .main-slider .item .caption .big-text {
        display: table;
        font-size: 1em;
        line-height: normal;
        background: rgba(0,0,0,.4);
        padding: 10px 10px;
        margin: 0 auto;
        border-radius: var(--brediusbig);
    }

    .main-slider .item .caption .btn-primary {
        padding: 5px 15px;
    }*/

    .info-boxes .info-box {
        margin-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .product-sbox.dropdown-menu .menu-simple-list .item {
        padding-top: 0;
    }

    .add-cart-button {
        max-width: unset;
    }

    .divDesktopOrder {
        overflow: auto;
    }
}

@media (max-width: 575px) {
    .no-padding-sm {
        padding: 0 !important;
        overflow: hidden;
    }

    h4 {
        font-size: 14px;
    }

    .h6, h6 {
        font-size: .8rem;
    }

    input.input-large {
        font-size: 1.1em;
    }

    .section-counter .col {
        border-radius: 0;
        background-color: #eeedf2 !important;
    }


    .search-area .resultsearch .search-list {
        max-height: 60vh;
    }

    .header-nav .navbar-default .navbar-nav > li > a:not(.admin-edit) {
        padding: 12px 18px;
    }

    .menu-grouping.row-content .img-parent {
        margin-right: 10px;
    }

    .menu-grouping.row-content .img-parent {
        margin-left: 10px;
    }

    .products {
        padding: .75rem;
        margin-left: 0;
        margin-right: 0;
    }

    .product .cart .action ul li.lnk a, .product-actions .cart .action ul li.lnk button {
        width: 30px;
        height: 30px;
    }

        .product .cart .action ul li.lnk a i {
            font-size: 1.2em;
        }

    .product-tags-actions {
        left: 15px;
    }

    body.rtl .product-tags-actions {
        left: auto;
        right: 15px;
    }

    .product .product-image, .listView .product .product-image {
        flex: 40%;
        justify-content: start;
        margin-bottom: 5px;
    }

    .swiper-slide .product .product-image {
        justify-content: center;
    }

    .product .product-image a {
        min-height: unset;
    }

    .product .product-info, .listView .product .product-info {
        flex: 60%;
        padding: 0 5px;
        margin: 0;
        min-height: 100px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .product .product-price .price b {
        font-size: 1.1em;
    }

    .products-List .product .product-info .dropdown-menu {
        min-width: 260px;
    }

    .swiper-slide .product .product-info .dropdown-menu {
        min-width: 150px;
    }

        .swiper-slide .product .product-info .dropdown-menu:first-child .btn .icon {
            display: none
        }

    .search-result-container .category-product .product .product-image .tag {
        font-size: .75em;
        padding: .3em;
    }

    .product .product-info .dropdown-menu .title {
        font-size: 8.1pt;
    }

    .product .product-info .property-list .plist-btns .btn {
        font-size: .85em;
    }

        .product .product-info .property-list .plist-btns .btn .icon {
            width: 11px;
            height: 11px;
        }

    .swiper-slide .product .product-price .price b {
        font-size: 1em;
    }

    .quantity-container.simple .cart-quantity .quant-input input {
        width: 45px;
        padding: 0 2px;
    }

    .currency {
        font-size: .7em;
    }

    .price-box .price b.s-price {
        font-size: 1.3em;
    }

    .swiper-slide .product .product-info {
        min-height: 60px;
    }

        .swiper-slide .product .product-info .name {
            font-size: .95em;
            min-height: 2em;
        }

    .tableView .products .product .product-data {
        flex-direction: row;
    }

    .listView .products .product .product-data {
        flex: 100%;
    }

    .listView .product .product-ex-btns {
        display: block;
        flex-direction: unset;
        justify-content: unset;
        border: none !important;
        padding: 0 !important;
    }

    .listView .product {
        flex-wrap: wrap;
    }

        .listView .product .product-info .product-brand {
            display: block;
        }

    .discount .badge {
        font-size: .75rem;
        padding: .35em .4em;
        letter-spacing: 0;
    }

    .swiper-slide .timing-wrapper .box-wrapper {
        border-spacing: 2px;
    }

    .swiper-slide .timing-wrapper.overlay .box-wrapper .box {
        padding: .3rem .2rem;
    }

    .swiper-slide .timing-wrapper .box-wrapper .box .key {
        font-size: 1em;
        line-height: 1;
    }

    .product .timing-wrapper .box-wrapper .box {
        width: 30px;
        height: 30px;
        line-height: 1.1;
    }

        .product .timing-wrapper .box-wrapper .box .key {
            font-size: .9em;
            font-weight: 500;
        }

    .product .timing-wrapper.timing-wrapper .box-wrapper .box .value {
        font-size: .68em;
    }

    .product .product-price .price-before-discount {
        line-height: 1;
    }

    .product .product-tag .badge {
        line-height: 1.15;
        font-size: .8em;
    }

    .product .product-info .product-info-body .product-property .brand {
        display: none;
    }

    .swiper-slide .tag {
        font-size: .9em;
    }

        .swiper-slide .tag span {
            font-size: .75em;
        }

    .position-fixed.bottom-0 {
        width: 100%;
    }

    .toast {
        width: 300px;
    }

    table td.td-wlimit {
        width: unset;
    }

    .remain-status {
        padding: 2px 5px;
    }

    .tab-navbar .nav-item .nav-link .img-parent {
        width: 85px;
        height: 23px;
    }

    .mobile-datalist .tab-navbar .nav-item .nav-link .img-parent {
        width: 75px;
        height: 20px;
    }

    .navbar.tab-navbar.sticky {
        top: 60px;
    }
    /*modal bottom*/
    .modal.modal-bottom .modal-dialog {
        -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }

    .modal.modal-bottom .modal-content {
        height: auto;
        overflow-y: auto;
        border-radius: 15px 15px 0 0;
    }

    .modal.modal-bottom .modal-dialog {
        position: fixed;
        margin: auto;
        width: 100%;
        max-width: 100%;
        height: auto;
        display: unset;
        align-items: unset;
        min-height: unset;
    }

    .modal.modal-bottom.fade .modal-dialog {
        bottom: -100%;
        -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;
        -o-transition: opacity 0.3s linear, bottom 0.3s ease-out;
        transition: opacity 0.3s linear, bottom 0.3s ease-out;
    }

    .modal.modal-bottom.fade.show .modal-dialog {
        bottom: 0;
    }
    /*modal bottom*/
}

@media (max-width: 480px) {

    .preloader .loading-box {
        width: 120px;
        height: 120px;
    }

    svg .icon {
        fill: inherit;
        width: 16px;
        height: 16px;
    }

    .btn .icon.icon-16, .icon.icon-16 {
        width: 14px;
        height: 14px;
    }

    .top-offer {
        height: 48px;
    }
    /*
    header.fixed-header .header-inner .top-offer:not(.fixed) {
        transform: translateY(-48px);
    }*/

    .top-bar .top-bar-box > ul > li a {
        padding: 5px;
    }

        .top-bar .top-bar-box > ul > li a i.icon {
            margin: 0 !important;
        }

    .top-bar .top-bar-box > ul > li > a > span {
        display: none;
    }

    .top-cart-row .dropdown {
        right: 20px;
        position: static;
    }

    body.rtl .top-cart-row .dropdown-cart .dropdown {
        position: static;
    }

    .top-cart-row .dropdown-cart .dropdown-menu.popupDiv {
        width: 320px;
    }

    body.rtl .top-cart-row .dropdown-cart .dropdown-menu {
        left: 20px;
    }

    .top-cart-row .dropdown-cart .items-cart-inner .basket {
        padding: .5em;
        border-color: #fff !important;
    }

        .top-cart-row .dropdown-cart .items-cart-inner .basket > div {
            display: none;
        }

        .top-cart-row .dropdown-cart .items-cart-inner .basket > .icon {
            margin: 0 !important;
        }

    .main-header .logo-holder img .img-parent, .main-header .logo-holder .img-parent img {
        max-height: 60px;
    }

    .main-slider .item .caption .big-text {
        padding: 5px 10px;
    }

    .top-search-holder .search-area .search-field {
        height: 44px;
        line-height: 40px;
        font-size: .9em;
    }

    .hot-deals .hot-deal-wrapper {
        height: 200px;
    }

        .hot-deals .hot-deal-wrapper .sale-offer-tag {
            top: -5px;
            right: 10px;
            font-size: .85em;
        }

        .hot-deals .hot-deal-wrapper .timing-wrapper {
            position: relative;
            padding: 3px;
            bottom: 0;
            border-radius: 0 0 10px 10px;
        }

            .hot-deals .hot-deal-wrapper .timing-wrapper .box-wrapper .box {
                height: 28px;
                width: 28px;
            }

    .hot-deals .product-info .name a {
        font-size: .95em;
    }

    .swiper-slide .blog-post .blog-post-info h3 a {
        font-size: .95em;
    }

    .summary-disc .text img {
        float: none !important;
        clear: both;
        margin: 20px auto;
    }

    table.theme-table {
        border-radius: 10px;
    }

        table.theme-table td, table.theme-table th {
            font-size: .95em;
        }

    .table.theme-table > :not(caption) > * > * {
        padding: .25rem .2rem;
    }

    .table-fixheight {
        max-height: unset;
    }

    #divVersatileProduct .modal-footer {
        box-shadow: 0 -5px 10px rgba(0,0,0,.1);
        border-top: solid 1px #ccc;
    }

    .btn {
        font-size: 8.5pt;
        padding: .5rem .5rem;
    }

        .btn.btn-lg {
            padding: .6rem .6rem;
        }

        .btn i.icon {
            width: 20px;
            height: 20px;
        }

    .mobile-datalist .item .body {
        font-size: .9em;
    }

    .swiper-slide .products {
        padding: 10px;
    }

        .swiper-slide .products .product .product-info {
            padding: 0;
        }

    .product-ver-tiny .image, .swiper-slide .product-ver-tiny .image {
        max-width: 50px !important;
        max-height: 50px !important;
    }

    /*.swiper-button-prev, .swiper-button-next{
    display:none!important;
  }*/

    /*mobile vertical scroll bug*/
    .body-content .container-fluid {
        overflow: hidden !important
    }

    .copyright-bar .copyright {
        padding: 10px 10px 5.5em;
    }

    span[name="lblUrlName"] {
        max-width: 180px;
        display: inline-block
    }
}