body {    padding: 0px;    margin: 0px;    direction: rtl;    font-variation-settings: "dots" 8;    font-family: 'iransansxv', iransansx, tahoma !important;}@font-face {    font-family: 'iransansxv';    src: url('/Content/Font/iransansxv.woff') format('woff-variations'), url('/Content/Font/iransansxv.woff') format('woff');    font-weight: 100 900;    font-display: fallback;}@font-face {    font-family: iransansx;    src: url('/Content/Font/iransansx-regular.woff') format('woff');}@font-face {    font-family: iransansx;    src: url('/Content/Font/iransansx-bold.woff') format('woff');    font-weight: 700;}@supports (font-variation-settings: normal) {    body {        font-family: 'iransansxv', tahoma;    }}.ss02 {    -moz-font-feature-settings: "ss02";    -webkit-font-feature-settings: "ss02";    font-feature-settings: "ss02";}.ss03 {    -moz-font-feature-settings: "ss03";    -webkit-font-feature-settings: "ss03";    font-feature-settings: "ss03";}body, button, input, option, select, textarea {    font-size: 12px;    -moz-transition: all ease-in-out .3s;    -o-transition: all ease-in-out .3s;    -webkit-transition: all ease-in-out .3s;    transition: all ease-in-out .3s;}*:not(input,textarea) {    -moz-font-feature-settings: "ss02";    -webkit-font-feature-settings: "ss02";    font-feature-settings: "ss02";}*, :after, :before {    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box;}body * {    -webkit-tap-highlight-color: transparent;}.box-loading {    width: 49px;    height: 49px;    margin: auto;    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;}    .box-loading:before {        content: '';        width: 49px;        height: 5px;        background: rgb(0,0,0);        opacity: 0.1;        position: absolute;        top: 58px;        left: 0;        border-radius: 50%;        animation: shadow 0.58s linear infinite;        -o-animation: shadow 0.58s linear infinite;        -ms-animation: shadow 0.58s linear infinite;        -webkit-animation: shadow 0.58s linear infinite;        -moz-animation: shadow 0.58s linear infinite;    }    .box-loading:after {        content: '';        width: 49px;        height: 49px;        background: url(/Content/images/loginLogo.png);        background-size: cover;        position: absolute;        top: 0;        left: 0;        border-radius: 3px;        animation: animate 0.58s linear infinite;        -o-animation: animate 0.58s linear infinite;        -ms-animation: animate 0.58s linear infinite;        -webkit-animation: animate 0.58s linear infinite;        -moz-animation: animate 0.58s linear infinite;    }.clearfix::after {    content: "";    clear: both;    display: table;}body.ltr {    direction: ltr !important;}    body.ltr .form-input.form-input-icon label {        padding-right: inherit !important;        padding-left: 35px;    }    body.ltr .form-input.form-input-icon input, .form-input.form-input-icon select, .form-input.form-input-icon textarea {        padding-right: 0 !important;        padding-left: 35px !important;        z-index: 1;    }    body.ltr .form-input.form-input-float-label.form-input-float-label-border > label {        right: inherit !important;        left: 0 !important;    }@keyframes animate {    17% {        border-bottom-right-radius: 3px;    }    25% {        transform: translateY(9px) rotate(22.5deg);    }    50% {        transform: translateY(18px) scale(1, 0.9) rotate(45deg);        border-bottom-right-radius: 39px;    }    75% {        transform: translateY(9px) rotate(67.5deg);    }    100% {        transform: translateY(0) rotate(90deg);    }}@-o-keyframes animate {    17% {        border-bottom-right-radius: 3px;    }    25% {        -o-transform: translateY(9px) rotate(22.5deg);    }    50% {        -o-transform: translateY(18px) scale(1, 0.9) rotate(45deg);        border-bottom-right-radius: 39px;    }    75% {        -o-transform: translateY(9px) rotate(67.5deg);    }    100% {        -o-transform: translateY(0) rotate(90deg);    }}@-ms-keyframes animate {    17% {        border-bottom-right-radius: 3px;    }    25% {        -ms-transform: translateY(9px) rotate(22.5deg);    }    50% {        -ms-transform: translateY(18px) scale(1, 0.9) rotate(45deg);        border-bottom-right-radius: 39px;    }    75% {        -ms-transform: translateY(9px) rotate(67.5deg);    }    100% {        -ms-transform: translateY(0) rotate(90deg);    }}@-webkit-keyframes animate {    17% {        border-bottom-right-radius: 3px;    }    25% {        -webkit-transform: translateY(9px) rotate(22.5deg);    }    50% {        -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);        border-bottom-right-radius: 39px;    }    75% {        -webkit-transform: translateY(9px) rotate(67.5deg);    }    100% {        -webkit-transform: translateY(0) rotate(90deg);    }}@-moz-keyframes animate {    17% {        border-bottom-right-radius: 3px;    }    25% {        -moz-transform: translateY(9px) rotate(22.5deg);    }    50% {        -moz-transform: translateY(18px) scale(1, 0.9) rotate(45deg);        border-bottom-right-radius: 39px;    }    75% {        -moz-transform: translateY(9px) rotate(67.5deg);    }    100% {        -moz-transform: translateY(0) rotate(90deg);    }}@keyframes shadow {    0%, 100% {        transform: scale(1, 1);    }    50% {        transform: scale(1.2, 1);    }}@-o-keyframes shadow {    0%, 100% {        -o-transform: scale(1, 1);    }    50% {        -o-transform: scale(1.2, 1);    }}@-ms-keyframes shadow {    0%, 100% {        -ms-transform: scale(1, 1);    }    50% {        -ms-transform: scale(1.2, 1);    }}@-webkit-keyframes shadow {    0%, 100% {        -webkit-transform: scale(1, 1);    }    50% {        -webkit-transform: scale(1.2, 1);    }}@-moz-keyframes shadow {    0%, 100% {        -moz-transform: scale(1, 1);    }    50% {        -moz-transform: scale(1.2, 1);    }}.main-tab {    padding-top: 5px;}@media all and (max-width: 530px) {    .login .title .caption {        width: 100%;    }    .login .content .container {        width: 85%;    }    .ribbon {        position: relative;    }    .main-tab {        padding-top: 0;    }}.menu-title {}    .menu-title .image-profile {        width: 128px;        height: 128px;    }    .menu-title .name {        font-size: 18px;    }    .menu-title .buttons {    }        .menu-title .buttons div {            width: 24px;            height: 24px;            -moz-border-radius: 50%;            -webkit-border-radius: 50%;            border-radius: 50%;            display: inline-block;            -moz-transition: all ease-in-out .2s;            -o-transition: all ease-in-out .2s;            -webkit-transition: all ease-in-out .2s;            transition: all ease-in-out .2s;        }            .menu-title .buttons div:hover {                -moz-transform: scale(1.3);                -ms-transform: scale(1.3);                -o-transform: scale(1.3);                -webkit-transform: scale(1.3);                transform: scale(1.3);            }.user-panel {    cursor: default;}    .user-panel .user-panel-header {        overflow: hidden;        background: #19375c;        color: #fff;        min-height: 40px;        position: fixed;        left: 0;        top: 0;        right: 0;        width: 100%;        z-index: 1;    }        .user-panel .user-panel-header * {            -moz-transition: all ease-in-out .3s;            -o-transition: all ease-in-out .3s;            -webkit-transition: all ease-in-out .3s;            transition: all ease-in-out .3s;            vertical-align: middle;        }        .user-panel .user-panel-header .user-panel-header-logo {            width: 250px;            cursor: pointer;            float: right;            padding: 5px;        }            .user-panel .user-panel-header .user-panel-header-logo:hover {                background: rgba(255, 255, 255, 0.1);            }            /*.user-panel .user-panel-header .user-panel-header-logo * { vertical-align: middle; }*/            .user-panel .user-panel-header .user-panel-header-logo img {                height: 40px;            }            .user-panel .user-panel-header .user-panel-header-logo button {                margin-left: 5px;                display: none;                color: whitesmoke;                border: 1px solid whitesmoke;                -moz-border-radius: 3px;                -webkit-border-radius: 3px;                border-radius: 3px;                background: transparent;            }        .user-panel .user-panel-header .user-panel-header-user:hover .user-panel-header-dropdown {            display: block;        }        .user-panel .user-panel-header .user-panel-header-dropdown {            z-index: 123;            background: #fff;            display: none;            position: fixed;            -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22) !important;            -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22) !important;            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22) !important;            -moz-border-radius: 5px;            -webkit-border-radius: 5px;            border-radius: 5px;            padding: 5px 0;            color: #19375c;        }            .user-panel .user-panel-header .user-panel-header-dropdown > div {                padding: 5px 10px;            }                .user-panel .user-panel-header .user-panel-header-dropdown > div:hover {                    background: #19375c;                    color: #fff;                }                .user-panel .user-panel-header .user-panel-header-dropdown > div i {                    padding: 0 5px;                }        .user-panel .user-panel-header .user-panel-header-buttons {            float: left;        }            .user-panel .user-panel-header .user-panel-header-buttons > div {                float: left;                padding: 5px;            }            .user-panel .user-panel-header .user-panel-header-buttons .user-panel-header-button {                padding: 14px;            }            .user-panel .user-panel-header .user-panel-header-buttons > div:hover {                background: rgba(255, 255, 255, 0.1);            }            .user-panel .user-panel-header .user-panel-header-buttons .user-panel-header-user {            }                .user-panel .user-panel-header .user-panel-header-buttons .user-panel-header-user img {                    -moz-border-radius: 50%;                    -webkit-border-radius: 50%;                    border-radius: 50%;                    height: 40px;                }    .user-panel .user-panel-content {        margin: 50px 250px 0 0;        padding: 2px;    }.dp-block {    position: fixed;    z-index: 0;    width: 100%;    height: 100%;    top: 0;    left: 0;    right: 0;    bottom: 0;}@media (max-width: 992px) {    .user-panel .user-panel-header {        position: relative;    }        .user-panel .user-panel-header .user-panel-header-logo button {            display: inline-block;        }    .user-panel .user-panel-content {        margin: 0;    }}@media (max-width: 768px) {    .user-panel .user-panel-header .user-panel-header-logo {        width: 100%;    }    .user-panel .user-panel-header .user-panel-header-buttons {        width: 100%;    }}.buttonbar {}    .buttonbar > div, .buttonbar > button {        display: inline-table;        padding: 5px 10px;        position: relative;        border-radius: 4px;        background: transparent;        border: 0px;        transition: all ease-in-out .2s;    }        .buttonbar > div.select, .buttonbar > button.select {            background-color: #43a33a;        }        .buttonbar > div span, .buttonbar > button span {            margin: 0 5px;        }    .buttonbar.buttonbar-large i {        font-size: 24px;        margin-left: 5px;    }    .buttonbar.buttonbar-large img {        width: 24px;        height: 24px;        margin-left: 5px;        margin-right: 5px;    }    .buttonbar.buttonbar-large > div, .buttonbar.buttonbar-large > button {        padding: 10px 15px;    }    .buttonbar.buttonbar-xlarge > div, .buttonbar.buttonbar-xlarge > button {        padding: 20px 25px;    }    .buttonbar.buttonbar-xlarge i {        font-size: 36px;        margin-left: 5px;        margin-right: 5px;    }    .buttonbar.buttonbar-xlarge img {        width: 32px;        height: 32px;        margin-left: 5px;        margin-right: 5px;    }@media (max-width:600px) {    .buttonbar > div span, .buttonbar > button span {        display: none;    }}.text-shadow {    text-shadow: 1px 2px 3px #b5b5b5;}.box-shadow {    box-shadow: 1px 2px 3px #b5b5b5;}.position-relative {    position: relative;}.position-absolute {    position: absolute;}.position-absolute-left {    left: 0;    top: 0;    position: absolute;}.position-absolute-bottom {    bottom: 0;    left: 0;    position: absolute;}.position-absolute-right {    right: 0;    top: 0;    position: absolute;}.position-fix {    position: fixed;}.position-fix-bottom {    bottom: 0;    left: 0;    position: fixed;    width: 100%;}.position-fix-top {    top: 0;    left: 0;    position: fixed;    width: 100%;}.display-inlineblock {    display: inline-block;}.display-block {    display: block;}.overflow {    overflow: auto;}.fit-to-screen {    position: fixed;    left: 0;    right: 0;    top: 0;    bottom: 0;    width: 100%;    height: 100%;    background: #fff;}.content-fit {    position: absolute;    top: 0;    left: 0;    bottom: 0;    right: 0;}.content-center {    margin: auto;}.border-radius {    -moz-border-radius: 4px;    -webkit-border-radius: 4px;    border-radius: 4px;}.border-radius-8 {    -moz-border-radius: 8px;    -webkit-border-radius: 8px;    border-radius: 8px;}.input, select, textarea, .tag {    -moz-border-radius: 1px;    -webkit-border-radius: 1px;    border-radius: 1px;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box;    background: #fff;    width: 100%;    padding: 3px 7px;    border: 1px solid #d6d6d7;    margin: 5px 0;}label {    color: #686c71;    margin: 0 5px;}a.btn {    text-decoration: none;}    a.btn:visited, a.btn:link {        color: #fff !important;    }.hide {    display: none !important;}.form-input {    display: table;    position: relative;    margin: 5px 2px;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box;    width: 100%;}    .form-input [class*=col-] {        padding: 0 !important;    }    .form-input.hide {        display: none !important;    }    .form-input.form-input-icon {    }        .form-input.form-input-icon label {            padding-right: 35px;        }        .form-input.form-input-icon input, .form-input.form-input-icon select, .form-input.form-input-icon textarea {            padding-right: 35px !important;            z-index: 1;        }    .form-input > i {        position: absolute;        font-size: 16px;        margin: 8px;        color: #acacac;    }    .form-input.form-input-float-label {        margin-top: 20px;    }        .form-input.form-input-float-label label:first-child {            -webkit-box-sizing: border-box;            box-sizing: border-box;            pointer-events: none;            position: absolute;            z-index: 11;            -moz-transition: all ease-in-out .2s;            -o-transition: all ease-in-out .2s;            -webkit-transition: all ease-in-out .2s;            transition: all ease-in-out .2s;            width: 100%;            right: -5px;            bottom: 0;            top: 0px;            font-size: 14px;        }        /*.form-input input:not([class*=col-]), .form-input select:not([class*=col-]), .form-input div[contenteditable] { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: table-cell; margin: 0 !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; padding: 5px 9px; border: 1px solid #a09e9e; width: 100%; }*/        .form-input.form-input-float-label input {            border-top-width: 0 !important;            border-left-width: 0 !important;            border-right-width: 0 !important;            border-bottom: 2px solid #a09e9e;            background: transparent !important;            border-radius: 0 !important;        }        .form-input.form-input-float-label.form-input-float-label-border {            border: 1px solid #d6d6d7 !important;        }            .form-input.form-input-float-label.form-input-float-label-border > input, .form-input.form-input-float-label.form-input-float-label-border > textarea, .form-input.form-input-float-label.form-input-float-label-border > select {                border: 0 !important;            }            .form-input.form-input-float-label.form-input-float-label-border > label {                padding: 0 5px;                right: 0 !important;                bottom: auto !important;                width: auto !important;                top: 3px !important;            }            .form-input.form-input-float-label.form-input-float-label-border.focus > label {                top: -18px !important;                background: #fff;            }            .form-input.form-input-float-label.form-input-float-label-border .form-input-buttons {                padding: 0 !important;            }                .form-input.form-input-float-label.form-input-float-label-border .form-input-buttons a, .form-input.form-input-float-label.form-input-float-label-border .form-input-buttons button {                    cursor: pointer;                    padding: 4px 10px;                    border: 0 !important;                    background-color: transparent !important;                }    .form-input.form-input-border .form-input-buttons {        padding: 0 !important;    }        .form-input.form-input-border .form-input-buttons a, .form-input.form-input-border .form-input-buttons button {            cursor: pointer;            padding: 4px 10px;            border: 0 !important;            background-color: transparent !important;        }    .form-input.form-input-border {        border: 1px solid #989b9d;        margin: 0 !important;    }        .form-input.form-input-border input, .form-input.form-input-border select, .form-input.form-input-border textarea {            border: 0 !important;        }    .form-input div[contenteditable] {        display: block;    }    .form-input > span {        display: table-cell;        width: 1%;        white-space: nowrap;    }    .form-input > .form-input-buttons {        display: table-cell;        width: 1%;        white-space: nowrap;        vertical-align: middle;        padding-top: 13px;    }        .form-input > .form-input-buttons a, .form-input > .form-input-buttons button, .form-input > .form-input-buttons .btn {            text-decoration: none;            padding: 2px 2px;            color: #000;        }            .form-input > .form-input-buttons a i, .form-input > .form-input-buttons button i, .form-input > .form-input-buttons .btn i {                font-size: 16px;            }    .form-input.focus label:first-child {        color: #3968bd;    }    .form-input.focus.form-input-float-label label:first-child {        top: -20px;    }    /*.form-input.focus input[type=text], .form-input.focus input[type=password], .form-input.focus select, .form-input.focus textarea, .form-input.focus div[contenteditable] { border-color: #3968bd; }*/    .form-input.has-success input, .input[type=text].has-success, .input[type=password].has-success, .has-success {        border-color: #1f7728 !important;    }    .form-input.has-success label, .form-input.has-success > i {        color: #1f7728;    }    .form-input.has-error input, .input[type=text].has-error, .input[type=password].has-error, .has-error {        border-color: #cf2828 !important;    }    .form-input.has-error label, .form-input.has-error > i {        color: #cf2828;    }    .form-input.has-warning input, .input[type=text].has-warning, .input[type=password].has-warning, .has-warning {        border-color: #bf7830 !important;    }    .form-input.has-warning label, .form-input.has-warning > i {        color: #bf7830;    }    .form-input.has-info input, .input[type=text].has-info, .input[type=password].has-info, .has-info {        border-color: #29a4bb !important;    }    .form-input.has-info label, .form-input.has-info > i {        color: #29a4bb;    }    .form-input.has-white input, .input[type=text].has-white, .input[type=password].has-white {        border-color: #fff;        color: #fff;    }    .form-input.has-white label, .form-input.has-white i {        color: #fff;    }.pull-right {    float: right;}.pull-left {    float: left;}body.ltr .pull-right {    float: left;}body.ltr .pull-left {    float: right;}.image-circle {    -moz-border-radius: 50%;    -webkit-border-radius: 50%;    border-radius: 50%;}.image-size-128 {    width: 128px !important;    height: 128px !important;    min-height: 128px;    min-width: 128px;}.image-size-64 {    width: 64px !important;    height: 64px !important;}.image-frame-upload {    border: 3px dashed #202020;    text-align: center;    font-size: 14px;}i {    cursor: default;}.btn {    cursor: default;    position: relative;    overflow: hidden;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box;    -moz-border-radius: 2px;    -webkit-border-radius: 2px;    border-radius: 2px;    padding: 5px 10px;    margin: 10px 0;    border: 0px;    background: #aeaeae;    border: 1px solid #aeaeae;    -moz-transition: all ease-in-out .3s;    -o-transition: all ease-in-out .3s;    -webkit-transition: all ease-in-out .3s;    transition: all ease-in-out .3s;    cursor: pointer;}    .btn.btn-action {        background: transparent;        border: 0px;    }        .btn.btn-action:active, .btn.btn-action:focus, .btn.btn-action:hover {            background: transparent;        }    .btn i {        margin: 0 5px;        cursor: pointer;    }    .btn.btn-circle {        -moz-border-radius: 50%;        -webkit-border-radius: 50%;        border-radius: 50%;    }    .btn.btn-xs {        margin: 0 !important;        padding: 1px 3px;    }    .btn.btn-block {        display: block;        width: 100%;    }    .btn:focus, .btn:hover {        background: #8e8c8c;    }    .btn.outline {        background: #fff !important;    }    .btn.blue {        background: #3974b0;        color: #fff;        border-color: #366390;    }        .btn.blue:active {            background: #366390;        }        .btn.blue.outline {            color: #3974b0 !important;        }    .btn.green {        background: rgba(67, 163, 58, 0.8);        color: #fff;        border-color: rgba(67, 163, 58, 0.8);    }        .btn.green:active {            background: #398132;        }        .btn.green.outline {            color: #43a33a !important;        }    .btn.paleGreen {        background: #98FB98;        color: #fff;        border-color: #43a33a;    }        .btn.paleGreen:active {            background: #8feb8f;        }        .btn.paleGreen.outline {            color: #98FB98 !important;        }    .btn.red {        background: #942e2e;        color: #fff;        border-color: #942e2e;    }        .btn.red:active {            background: #6d2626;        }        .btn.red.outline {            color: #942e2e !important;        }    .btn.yellow {        background: #c58f26;        color: #fff;        border-color: #c58f26;    }        .btn.yellow:active {            background: #ac812d;        }        .btn.yellow.outline {            color: #c58f26 !important;        }    .btn.btn-white {        background: #fcfcfc;        color: #2b3541;        border-color: #fbfbfb;    }        .btn.btn-white:active {            background: #f6f6f6;        }        .btn.btn-white.outline {            color: #2b3541 !important;        }    .btn[disabled] {        background: #686c71 !important;        border-color: #545557 !important;        color: #fff !important;        -moz-box-shadow: 0 0 0 transparent;        -webkit-box-shadow: 0 0 0 transparent;        box-shadow: 0 0 0 transparent;    }    .btn.btn-transparent {        background: transparent !important;        border-color: transparent !important;    }    .btn.btn-simple {        border-radius: 0px !important;        margin: 0 !important;    }.row {    margin: 10px 5px;}.section {    overflow: hidden;}    .section .title {        border-bottom: 2px solid #eee;        padding: 12px;        color: #aa2a2a;        margin-bottom: 10px;    }    .section .section {        padding: 0 10px;    }.font-white, .font-white * {    color: #fff !important;}.font-red, .font-red * {    color: #b43030 !important;}.font-silver, .font-silver * {    color: #e5e5e5 !important;}.font-black, .font-black * {    color: rgb(0,0,0) !important;}.font-yellow, .font-yellow * {    color: #c58f26 !important;}.font-green, .font-green * {    color: #43a33a !important;}.font-blue, .font-blue * {    color: #3974b0 !important;}.font-gray, .font-gray * {    color: #a09e9e !important;}.background-white {    background: #fff !important;}.background-red {    background: #b43030 !important;}.background-silver {    background: #e5e5e5 !important;}.background-black {    background: rgb(0,0,0) !important;}.background-yellow {    background: #ffd664 !important;}.background-paleGreen {    background: #98FB98 !important;}.background-green {    background: #43a33a !important;}.background-blue {    background: #3974b0 !important;}.background-darkgreen {    background: #154e1e !important;}.background-darkblue {    background: #19375c !important;}.background-gray {    background: #e1e4e9 !important;}.border-bottom {    border-bottom: 1px solid #d6d9d9;}.border-top {    border-top: 1px solid #d6d9d9;}.border-right {    border-right: 1px solid #d6d9d9;}.border-left {    border-left: 1px solid #d6d9d9;}.border-color-white {    border-color: #fff !important;}.border-color-red {    border-color: #b43030 !important;}.border-color-silver {    border-color: #e5e5e5 !important;}.border-color-black {    border-color: #000 !important;}.border-color-yellow {    border-color: #c58f26 !important;}.border-color-green {    border-color: #43a33a !important;}.border-color-blue {    border-color: #3974b0 !important;}.inline {    display: inline-block;}hr {    border: 1px solid #e5e5e5 !important;    background: #e5e5e5 !important;}.font-size-8, .font-size-8 * {    font-size: 8px;}.font-size-10, .font-size-10 * {    font-size: 10px;}.font-size-12, .font-size-12 * {    font-size: 12px;}.font-size-14, .font-size-14 * {    font-size: 14px;}.font-size-16, .font-size-16 * {    font-size: 16px;}.font-size-18, .font-size-18 * {    font-size: 18px;}.font-size-20, .font-size-20 * {    font-size: 20px;}.font-size-22, .font-size-22 * {    font-size: 22px;}.font-size-24, .font-size-24 * {    font-size: 24px;}.font-size-26, .font-size-26 * {    font-size: 26px;}.font-size-28, .font-size-28 * {    font-size: 28px;}.font-size-30, .font-size-30 * {    font-size: 30px;}.font-size-32, .font-size-32 * {    font-size: 32px;}.icon-16 {    font-size: 16px;}.icon-24 {    font-size: 24px;}.icon-32 {    font-size: 32px;}.icon-48 {    font-size: 48px;}.icon-64 {    font-size: 64px;}.icon-96 {    font-size: 96px;}.icon-128 {    font-size: 128px;}.icon-256 {    font-size: 256px;}.icon-512 {    font-size: 512px;}.font-bold {    font-weight: bold;}.font-500 {    font-weight: 500;}.font-300 {    font-weight: 300;}.font-200 {    font-weight: 200;}.text-align-left {    text-align: left;}.text-align-right {    text-align: right;}.text-align-center {    text-align: center;}.margin-bottom-2 {    margin-bottom: 2px;}.margin-bottom-4 {    margin-bottom: 4px;}.margin-bottom-6 {    margin-bottom: 6px;}.margin-bottom-10 {    margin-bottom: 10px;}.margin-top-2 {    margin-top: 2px;}.margin-top-4 {    margin-top: 4px;}.margin-top-6 {    margin-top: 6px;}.margin-top-10 {    margin-top: 10px;}.margin-left-2 {    margin-left: 2px;}.margin-left-4 {    margin-left: 4px;}.margin-left-6 {    margin-left: 6px;}.margin-left-8 {    margin-left: 8px;}.margin-left-10 {    margin-left: 10px;}.margin-right-2 {    margin-right: 2px;}.margin-right-4 {    margin-right: 4px;}.margin-right-6 {    margin-right: 6px;}.margin-right-8 {    margin-right: 8px;}.margin-right-10 {    margin-right: 10px;}.margin-2 {    margin: 2px;}.margin-4 {    margin: 4px;}.margin-8 {    margin: 8px;}.margin-16 {    margin: 16px;}.margin-24 {    margin: 24px;}.margin-32 {    margin: 32px;}.padding-bottom-2 {    padding-bottom: 2px;}.padding-bottom-5 {    padding-bottom: 5px;}.padding-bottom-10 {    padding-bottom: 10px;}.padding-bottom-20 {    padding-bottom: 20px;}.padding-bottom-30 {    padding-bottom: 30px;}.padding-top-2 {    padding-top: 2px;}.padding-top-5 {    padding-top: 5px;}.padding-top-10 {    padding-top: 10px;}.padding-top-20 {    padding-top: 20px;}.padding-top-30 {    padding-top: 30px;}.padding-right-2 {    padding-right: 2px;}.padding-right-5 {    padding-right: 5px;}.padding-right-10 {    padding-right: 10px;}.padding-right-20 {    padding-right: 20px;}.padding-right-30 {    padding-right: 30px;}.padding-left-2 {    padding-left: 2px;}.padding-left-5 {    padding-left: 5px;}.padding-left-10 {    padding-left: 10px;}.padding-left-20 {    padding-left: 20px;}.padding-left-30 {    padding-left: 30px;}.padding-2 {    padding: 2px;}.padding-4 {    padding: 4px;}.padding-6 {    padding: 6px;}.padding-8 {    padding: 8px;}.padding-10 {    padding: 10px;}.padding-14 {    padding: 14px;}.padding-18 {    padding: 18px;}.padding-20 {    padding: 20px;}.padding-30 {    padding: 30px;}.padding-0 {    padding: 0 !important;}.badge {    position: absolute;    -moz-border-radius: 50%;    -webkit-border-radius: 50%;    border-radius: 50%;    padding: 0px 7px;    margin-right: -10px;    margin-top: -10px;}    .badge.badge-red {        background: rgba(154, 25, 25, 0.9);        color: #fff;    }    .badge.badge-blue {        background: rgba(25, 71, 154, 0.9);        color: #fff;    }    .badge.badge-green {        background: rgba(46, 154, 25, 0.9);        color: #fff;    }    .badge.badge-yellow {        background: rgba(208, 154, 24, 0.9);        color: #fff;    }.panel {    display: block;    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);    position: relative;    margin: 3px;    overflow: hidden;    -moz-border-radius: 2px;    -webkit-border-radius: 2px;    border-radius: 2px;    padding: 3px 7px;    border: 1px solid transparent;    border-bottom-width: 2px;}    .panel .panel-title {        padding: 3px 7px;        font-size: 14px;        margin: -5px -10px 5px -10px;        color: #6095cb;        border-bottom: 1px solid #eee;    }    .panel .panel-footer {        padding: 3px 7px;        margin: -4px -10px;        bottom: 0;        right: 0;        left: 0;    }    .panel:after, .panel:before {        display: table;        content: " ";    }    .panel .icon {        height: 80px;        width: 80px;        display: block;        float: left;        padding-top: 10px;        padding-left: 15px;        margin-bottom: 15px;        font-size: 35px;        line-height: 35px;    }    .panel .panel-title.panel-title-transparent {        background-color: transparent !important;    }    .panel.panel-hover {        cursor: pointer;        transition: all ease-in-out .2s;    }    .panel.white {        background: #fff;    }        .panel.white > .panel-title, .panel.white > .panel-footer {            background: #eee;        }        .panel.white.panel-outline {            border-color: #eee;        }        .panel.white.panel-hover:hover {            background: #f6f6f6;        }    .panel.glass {        background: rgba(255, 255, 255, 0.40);    }        .panel.glass > .panel-title, .panel.glass > .panel-footer {            background: rgba(238, 238, 238, 0.7);        }        .panel.glass.panel-outline {            border-color: rgba(238, 238, 238, 0.7);        }    .panel.red {        background: #e7505a;        padding: 20px;        color: #fff;        border-radius: 10px;        line-height: 25px;    }        .panel.red:not(.panel-outline) * {            color: #fff !important;        }        .panel.red.panel-outline {            border-color: #e7505a;            background: #fff;        }            .panel.red.panel-outline > .panel-title {                background: #e7505a;                color: #fff;            }        .panel.red.panel-hover:hover {            background: #dd3d48;        }    .panel.panel-red-light {        background: #f3a1a6;    }        .panel.panel-red-light:not(.panel-outline) * {            color: #fff !important;        }        .panel.panel-red-light.panel-outline {            border-color: #f3a1a6;            background: #fff;        }            .panel.panel-red-light.panel-outline > .panel-title {                background: #f3a1a6;                color: #fff;            }        .panel.panel-red-light.panel-hover:hover {            background: #ee888e;        }    .panel.yellow {        background: #ffd664;    }        .panel.yellow:not(.panel-outline) * {            color: #151515 !important;        }        .panel.yellow.panel-outline {            border-color: #ffd664;            background: #fff;        }            .panel.yellow.panel-outline > .panel-title {                background: #ffd664;            }        .panel.yellow.panel-hover:hover {            background: #f3c955;        }    .panel.panel-yellow-light {        background: #fee6a4;    }        .panel.panel-yellow-light:not(.panel-outline) * {            color: #000 !important;        }        .panel.panel-yellow-light.panel-outline {            border-color: #fee6a4;            background: #fff;        }            .panel.panel-yellow-light.panel-outline > .panel-title {                background: #fee6a4;            }        .panel.panel-yellow-light.panel-hover:hover {            background: #fbdd8b;        }    .panel.green {        background: #37874a;        color: #fff;    }        .panel.green:not(.panel-outline) * {            color: #fff !important;        }        .panel.green.panel-outline {            border-color: #37874a;            background: #fff;            color: #202020;        }            .panel.green.panel-outline > .panel-title {                background: #37874a;                color: #fff;            }        .panel.green.panel-hover:hover {            background: #5da86f;        }    .panel.panel-green-light {        background: #7ed493;        color: #2a5735;    }        .panel.panel-green-light:not(.panel-outline) * {            color: #fff !important;        }        .panel.panel-green-light.panel-outline {            border-color: #7ed493;            background: #fff;            color: #202020;        }            .panel.panel-green-light.panel-outline > .panel-title {                background: #7ed493;                color: #2a5735;            }        .panel.panel-green-light.panel-hover:hover {            background: #61c179;        }    .panel.paleGreen {        background: #98FB98;        color: #fff;    }        .panel.paleGreen:not(.panel-outline) * {            color: #fff !important;        }        .panel.paleGreen.panel-outline {            border-color: #98FB98;            background: #fff;            color: #202020;        }            .panel.paleGreen.panel-outline > .panel-title {                background: #98FB98;                color: #fff;            }        .panel.paleGreen.panel-hover:hover {            background: #72e972;        }    .panel.blue {        background: #3598dc;        color: #fff;    }        .panel.blue:not(.panel-outline) * {            color: #fff !important;        }        .panel.blue.panel-outline {            border-color: #3598dc;            background: #fff;            color: #202020;        }            .panel.blue.panel-outline > .panel-title {                background: #3598dc;                color: #fff;            }        .panel.blue.panel-hover:hover {            background: #257ebb;        }    .panel.panel-blue-light {        background: #89c6ef;        color: #19375c;    }        .panel.panel-blue-light:not(.panel-outline) * {            color: #19375c !important;        }        .panel.panel-blue-light.panel-outline {            border-color: #89c6ef;            background: #fff;            color: #202020;        }            .panel.panel-blue-light.panel-outline > .panel-title {                background: #89c6ef;                color: #19375c;            }        .panel.panel-blue-light.panel-hover:hover {            background: #65b1e4;        }    .panel.gray {        background: #d0d0d0;    }        .panel.gray:not(.panel-outline) * {            color: #fff !important;        }        .panel.gray.panel-outline {            border-color: #d0d0d0;            background: #fff;        }            .panel.gray.panel-outline > .panel-title {                background: #d0d0d0;                color: #fff;            }        .panel.gray.panel-hover:hover {            background: #bfbfbf;        }    .panel .details {        position: absolute;        right: 15px;        padding-right: 15px;        color: #fff;    }        .panel .details .number {            padding-top: 25px;            text-align: right;            font-size: 34px;            line-height: 36px;            letter-spacing: -1px;            margin-bottom: 0px;            font-weight: 300;        }        .panel .details .title {            text-align: right;            font-size: 16px;            letter-spacing: 0;            font-weight: 300;        }    .panel .items {        margin-top: 95px;        padding: 5px;        border-top: 1px solid rgba(255, 255, 255, 0.50);    }    .panel.other {        min-height: 40px;        color: #000;        padding: 5px;        border: 1px solid #eee;    }    .panel .panel-footer {        border-top: rgba(0, 0, 0, 0.37);    }.date {    text-align: center;    direction: ltr;}.md-click {    position: relative;    overflow: hidden;}    .md-click .ink {        display: block;        position: absolute;        background: rgba(104, 104, 104, 0.30);        border-radius: 100%;        -webkit-transform: scale(0);        -moz-transform: scale(0);        -o-transform: scale(0);        transform: scale(0);        pointer-events: all;    }        .md-click .ink.animate {            -webkit-animation: ripple 0.65s linear;            -moz-animation: ripple 0.65s linear;            -ms-animation: ripple 0.65s linear;            -o-animation: ripple 0.65s linear;            animation: ripple 0.65s linear;        }.show-in-xs,.show-in-sm,.show-in-md,.show-in-lg {    display: none;}@media (max-width:768px) {    .show-in-xs {        display: block;    }    .hide-in-xs {        display: none;    }}@media (min-width:768px) {    .show-in-sm {        display: block;    }    .hide-in-sm {        display: none;    }}@media (min-width:992px) {    .show-in-md {        display: block;    }    .hide-in-md {        display: none;    }}@media (min-width:1200px) {    .show-in-lg {        display: block;    }    .hide-in-lg {        display: none;    }}@-webkit-keyframes ripple {    100% {        opacity: 0;        -webkit-transform: scale(2.5);    }}@-moz-keyframes ripple {    100% {        opacity: 0;        -moz-transform: scale(2.5);    }}@-o-keyframes ripple {    100% {        opacity: 0;        -o-transform: scale(2.5);    }}@keyframes ripple {    100% {        opacity: 0;        transform: scale(2.5);    }}.linear-loading {    width: 30px;    height: 30px;    position: absolute;    background-color: #ccc;    border-radius: 50%;}    .linear-loading:nth-child(1) {        background-color: #3b3b3b;        animation: move 2s infinite cubic-bezier(.2,.64,.81,.23);    }    .linear-loading:nth-child(2) {        background-color: #5f5f5f;        animation: move 2s 150ms infinite cubic-bezier(.2,.64,.81,.23);    }    .linear-loading:nth-child(3) {        background-color: #868686;        animation: move 2s 300ms infinite cubic-bezier(.2,.64,.81,.23);    }    .linear-loading:nth-child(4) {        background-color: #d8d8d8;        animation: move 2s 450ms infinite cubic-bezier(.2,.64,.81,.23);    }@keyframes move {    0% {        left: 0%;    }    100% {        left: 100%;    }}/* clears the 'X' from Internet Explorer */input[type=search]::-ms-clear {    display: none;    width: 0;    height: 0;}input[type=search]::-ms-reveal {    display: none;    width: 0;    height: 0;}/* clears the 'X' from Chrome */input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration {    display: none;}.link {    color: #15304e;    cursor: pointer;    position: relative;    transition: all ease-in-out 4s;}    .link:after {        border-bottom: 1px solid #15304e;        left: 0;        right: 0;        top: 50%;        margin-top: 5px;        content: "";        position: absolute;    }:root {    --bs-body-font-family: 'iransansxv', iransansx, tahoma !important;    --tw-translate-x: 0;    --tw-translate-y: 0;    --tw-rotate: 0;    --tw-skew-x: 0;    --tw-skew-y: 0;    --tw-scale-x: 1;    --tw-scale-y: 1;    --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.goodsList .card-hover:hover {    border: 1px solid rgba(var(--bs-light-danger-rgb),var(--bs-bg-opacity)) !important;}.pointer {    cursor: pointer;}.invisibleZoom {    visibility: hidden;}.img-zoom-lens {    position: absolute;    border: 1px solid #d4d4d4;    width: 40px;    height: 40px;}.bg-no-repeat {    background-repeat: no-repeat;}.bottom-0 {    bottom: 0px;}.left-0 {    left: 0px;}.right-0 {    right: 0px;}.absolute {    position: absolute;}.transition-primary {    transition-property: all;    transition-duration: 150ms;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}.goodsList img {    max-height: 240px;    max-width: 100%;    width: auto;}.overlay-default {    background-color: rgb(0 0 0 / var(--tw-bg-opacity));    --tw-bg-opacity: 0.1;    --tw-text-opacity: 1;    color: rgb(255 255 255 / var(--tw-text-opacity));    --tw-backdrop-blur: blur(8px);    -webkit-backdrop-filter: var(--tw-backdrop-filter);    backdrop-filter: var(--tw-backdrop-filter);    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.08);}.relative {    position: relative;}.product-slider img {    max-width: 100%;    height: auto;}.w-full {    width: 100%;}.h-full {    height: 100%;}.block {    display: block;}.text-sm {    font-size: 0.875rem;    line-height: 1.25rem;}.swiperitemsale:hover {    color: #754ffe !important;}.object-contain {    -o-object-fit: contain;    object-fit: contain;}.swiper-navigation {    pointer-events: none;    position: absolute;    left: 0px;    right: 0px;    top: 50%;    z-index: 10;    display: flex;    --tw-translate-y: -50%;    transform: var(--tw-transform);    justify-content: space-between;    padding-left: 0.25rem;    padding-right: 0.25rem;}    .swiper-navigation .swiper-prev span, .swiper-navigation .swiper-next span {        --tw-text-opacity: 1;        color: rgb(255 255 255 / var(--tw-text-opacity));    }    .swiper-navigation .swiper-prev.primary, .swiper-navigation .swiper-next.primary {        background-color: rgb(255 155 105 / var(--tw-bg-opacity));        --tw-bg-opacity: 0.5;    }        .swiper-navigation .swiper-prev.primary:hover, .swiper-navigation .swiper-next.primary:hover {            --tw-bg-opacity: 1;        }        .swiper-navigation .swiper-prev.primary span, .swiper-navigation .swiper-next.primary span {            --tw-text-opacity: 1;            color: rgb(255 255 255 / var(--tw-text-opacity));        }    .swiper-navigation .swiper-prev.info, .swiper-navigation .swiper-next.info {        background-color: rgb(0 189 215 / var(--tw-bg-opacity));        --tw-bg-opacity: 0.5;    }        .swiper-navigation .swiper-prev.info:hover, .swiper-navigation .swiper-next.info:hover {            --tw-bg-opacity: 1;        }        .swiper-navigation .swiper-prev.info span, .swiper-navigation .swiper-next.info span {            --tw-text-opacity: 1;            color: rgb(255 255 255 / var(--tw-text-opacity));        }    .swiper-navigation .swiper-prev.greey, .swiper-navigation .swiper-next.greey {        background-color: rgb(156 163 175 / var(--tw-bg-opacity));        --tw-bg-opacity: 0.25;    }        .swiper-navigation .swiper-prev.greey:hover, .swiper-navigation .swiper-next.greey:hover {            --tw-bg-opacity: 1;        }        .swiper-navigation .swiper-prev.greey span, .swiper-navigation .swiper-next.greey span {            --tw-text-opacity: 1;            color: rgb(156 163 175 / var(--tw-text-opacity));        }    .swiper-navigation .swiper-prev.success, .swiper-navigation .swiper-next.success {        background-color: rgb(25 203 152 / var(--tw-bg-opacity));        --tw-bg-opacity: 0.5;    }        .swiper-navigation .swiper-prev.success:hover, .swiper-navigation .swiper-next.success:hover {            --tw-bg-opacity: 1;        }        .swiper-navigation .swiper-prev.success span, .swiper-navigation .swiper-next.success span {            --tw-text-opacity: 1;            color: rgb(255 255 255 / var(--tw-text-opacity));        }    .swiper-navigation .swiper-prev, .swiper-navigation .swiper-next {        transition-property: all;        transition-duration: 150ms;        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);        pointer-events: auto;        display: flex;        height: 2.5rem;        width: 2.5rem;        transform: var(--tw-transform);        align-items: center;        justify-content: center;        border-radius: 9999px;        background-color: rgb(156 163 175 / var(--tw-bg-opacity));        --tw-bg-opacity: 0.25;    }.navbar-brand img {    max-height: 50px;}.line-through {    -webkit-text-decoration-line: line-through;    text-decoration-line: line-through;}@supports (-webkit-appearance: none) or (-moz-appearance: none) {    .RadioCustom input[type="checkbox"],    .RadioCustom input[type="radio"] {        --active: #275efe;        --active-inner: #fff;        --focus: 2px rgba(39, 94, 254, 0.3);        --border: #bbc1e1;        --border-hover: #275efe;        --background: #fff;        --disabled: #f6f8ff;        --disabled-inner: #e1e6f9;        -webkit-appearance: none;        -moz-appearance: none;        height: 21px;        outline: none;        display: inline-block;        vertical-align: top;        position: relative;        margin: 0;        cursor: pointer;        border: 1px solid var(--bc, var(--border));        background: var(--b, var(--background));        -webkit-transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;        transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;    }        .RadioCustom input[type="checkbox"]:after,        .RadioCustom input[type="radio"]:after {            content: "";            display: block;            left: 0;            top: 0;            position: absolute;            -webkit-transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);            transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);            transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);            transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);        }        .RadioCustom input[type="checkbox"]:checked,        .RadioCustom input[type="radio"]:checked {            --b: var(--active);            --bc: var(--active);            --d-o: 0.3s;            --d-t: 0.6s;            --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);        }        .RadioCustom input[type="checkbox"]:disabled,        .RadioCustom input[type="radio"]:disabled {            --b: var(--disabled);            cursor: not-allowed;            opacity: 0.9;        }            .RadioCustom input[type="checkbox"]:disabled:checked,            .RadioCustom input[type="radio"]:disabled:checked {                --b: var(--disabled-inner);                --bc: var(--border);            }            .RadioCustom input[type="checkbox"]:disabled + label,            .RadioCustom input[type="radio"]:disabled + label {                cursor: not-allowed;            }        .RadioCustom input[type="checkbox"]:hover:not(:checked):not(:disabled),        .RadioCustom input[type="radio"]:hover:not(:checked):not(:disabled) {            --bc: var(--border-hover);        }        .RadioCustom input[type="checkbox"]:focus,        .RadioCustom input[type="radio"]:focus {            box-shadow: 0 0 0 var(--focus);        }        .RadioCustom input[type="checkbox"]:not(.switch),        .RadioCustom input[type="radio"]:not(.switch) {            width: 21px;            margin-left: 2px;            margin-right: 2px;        }            .RadioCustom input[type="checkbox"]:not(.switch):after,            .RadioCustom input[type="radio"]:not(.switch):after {                opacity: var(--o, 0);            }            .RadioCustom input[type="checkbox"]:not(.switch):checked,            .RadioCustom input[type="radio"]:not(.switch):checked {                --o: 1;            }        .RadioCustom input[type="checkbox"] + label,        .RadioCustom input[type="radio"] + label {            font-size: 14px;            line-height: 21px;            display: inline-block;            vertical-align: top;            cursor: pointer;            margin-left: 4px;        }        .RadioCustom input[type="checkbox"]:not(.switch) {            border-radius: 7px;        }            .RadioCustom input[type="checkbox"]:not(.switch):after {                width: 5px;                height: 9px;                border: 2px solid var(--active-inner);                border-top: 0;                border-left: 0;                left: 7px;                top: 4px;                -webkit-transform: rotate(var(--r, 20deg));                transform: rotate(var(--r, 20deg));            }            .RadioCustom input[type="checkbox"]:not(.switch):checked {                --r: 43deg;            }        .RadioCustom input[type="checkbox"].switch {            width: 38px;            border-radius: 11px;        }            .RadioCustom input[type="checkbox"].switch:after {                left: 2px;                top: 2px;                border-radius: 50%;                width: 15px;                height: 15px;                background: var(--ab, var(--border));                -webkit-transform: translateX(var(--x, 0));                transform: translateX(var(--x, 0));            }            .RadioCustom input[type="checkbox"].switch:checked {                --ab: var(--active-inner);                --x: 17px;            }            .RadioCustom input[type="checkbox"].switch:disabled:not(:checked):after {                opacity: 0.6;            }    .RadioCustom input[type="radio"] {        border-radius: 50%;    }        .RadioCustom input[type="radio"]:after {            width: 19px;            height: 19px;            border-radius: 50%;            background: var(--active-inner);            opacity: 0;            -webkit-transform: scale(var(--s, 0.7));            transform: scale(var(--s, 0.7));        }        .RadioCustom input[type="radio"]:checked {            --s: 0.4;        }}.rk-default {    cursor: default;    -moz-user-select: text;    -ms-user-select: text;    -webkit-user-select: text;    user-select: text;}    .rk-default .rk-header {        z-index: 111;        font-weight: bold;        -moz-box-shadow: 0px 5px 20px #ddd;        -webkit-box-shadow: 0px 5px 20px #ddd;        box-shadow: 0px 5px 20px #ddd;        position: fixed;        top: 0;        left: 0;        right: 0;        overflow: hidden;        padding: 5px 5px 0 5px;        background: rgba(255, 255, 255, 0.9);    }        .rk-default .rk-header .rk-header-search i {            cursor: pointer;            /*color: #000000 !important;*/            color: #7d7d7d !important;            margin: 15px 9px;            font-size: 15pt;        }        .rk-default .rk-header .rk-header-search .form-input input {            background: #dadada;            border: none;            font-size: 11pt;            border-radius: 30px;            height: 50px;        }        .rk-default .rk-header .rk-header-search .form-input.focus input {            border-color: #a09e9e;        }        .rk-default .rk-header .rk-header-search.active .form-input * {            color: #171717 !important;        }        .rk-default .rk-header .rk-header-search.active .form-input input {            background: #fff;        }        .rk-default .rk-header .rk-header-search.active .form-input.focus input {            border-color: #fff;        }    .rk-default .rk-header-search-result {        position: fixed;        z-index: 11;        background: #fff;        border-radius: 0 0 5px 5px;        box-shadow: 0 0 5px #d7d7d7;        z-index: 111111;    }        .rk-default .rk-header-search-result div {            cursor: default;        }            .rk-default .rk-header-search-result div:hover {                background: #ddd;            }    .rk-default .rk-header .rk-profile-button {        border: 1px solid #ddd;        border-radius: 8px;        transition: all ease-in-out .2s;        font-size: 14px;        margin-left: 10px;        margin-bottom: 4px;    }        .rk-default .rk-header .rk-profile-button:hover {            background: #ddd;        }    .rk-default .rk-header .rk-profile {        color: #7d7d7d;        font-size: 13px;        font-weight: normal;        cursor: default;        position: fixed;        display: none;        border: 1px solid #ddd;        -moz-box-shadow: 0 3px 3px #ddd;        -webkit-box-shadow: 0 3px 3px #ddd;        box-shadow: 0 3px 3px #ddd;        background: #fff;    }        .rk-default .rk-header .rk-profile .rk-profile-item {            padding: 5px;            border-bottom: 1px solid #ddd;            transition: all ease-in-out .2s;        }            .rk-default .rk-header .rk-profile .rk-profile-item:hover {                background: #ddd;            }    .rk-default .rk-header .rk-header-buttons {        color: #7d7d7d;    }        .rk-default .rk-header .rk-header-buttons div {            margin: 0 5px;            cursor: pointer;        }    .rk-default .rk-content {        padding: 20px;        overflow: hidden;    }.rk-site-logo {    width: 128px;    vertical-align: middle;}.rk-site-logo-title {    font-size: 24px;}.rk-user {}    .rk-user .rk-user-profile {    }        .rk-user .rk-user-profile .rk-user-profile-button {        }            /*.rk-user .rk-user-profile .rk-user-profile-button > div:first-child {                border-left: 1px solid #ddd;            }            .rk-user .rk-user-profile .rk-user-profile-button > div:nth-child(3) { border-left: 1px solid #ddd; }*/            .rk-user .rk-user-profile .rk-user-profile-button > div:hover {                background: #eee;                transition: all ease-in-out .2s;                cursor: pointer;            }            .rk-user .rk-user-profile .rk-user-profile-button .rk-user-profile-button-item {                border-bottom: 1px solid #ddd;                border-left: 1px solid #ddd;                padding: 2px;            }.navigation-menu .navigation-menu-sideBySide-items .navigation-menu-sideBySide-items-main {    width: 220px !important;    background-color: #f7f7f7 !important;}.rk-title {    color: #7d7d7d;    font-size: 16px;    padding: 5px;    font-weight: bold;}.rk-frame {    background-color: #fff;    -webkit-box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11);    box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11);    border: 1px solid #dedede;    margin: 0 0 10px;    border-radius: 10px !important;    /*custom*/}    .rk-frame::after {        content: "";        clear: both;        display: table;    }    .rk-frame.rk-frame-radius {        border-radius: 3px;    }    .rk-frame .rk-frame-title {        font-size: 16px;        padding: 5px 10px;        border-bottom: 1px solid #ddd;        color: #7d7d7d;        font-weight: bold;    }    .rk-frame .rk-frame-content {        padding: 10px;    }.rk-border-top {    border-top: 1px solid #ddd;}.rk-border-bottom {    border-bottom: 1px solid #ddd;}.rk-border-left {    border-left: 1px solid #ddd;}.rk-border-right {    border-right: 1px solid #ddd;}.rk-border {    border: 1px solid #ddd;}.rk-link {    color: #754ffe;    cursor: pointer;    position: relative;    transition: all ease-in-out 1s;}    .rk-link:after {        /*border-bottom: 1px dashed #00ACB3;*/        left: 0;        right: 0;        top: 50%;        margin-top: 12px;        content: "";        position: absolute;    }    .rk-link:hover:after {        border-bottom-style: solid;    }.rk-default .rk-main-menu {}    .rk-default .rk-main-menu .rk-main-menu-group1, .rk-default .rk-main-menu .rk-main-menu-group2, .rk-default .rk-main-menu .rk-main-menu-item {        display: inline-block;        margin: 0;        cursor: pointer;        transition: all ease-in-out .2s;        color: #000000;        padding: 7px 8px 8px;        line-height: 30px;    }        .rk-default .rk-main-menu .rk-main-menu-group1:hover, .rk-default .rk-main-menu .rk-main-menu-group2:hover, .rk-default .rk-main-menu .rk-main-menu-item:hover {            background: #ddd;        }    .rk-default .rk-main-menu .rk-main-menu-other .rk-main-menu-Item {        display: inline-block;        margin: 0;        cursor: pointer;        transition: all ease-in-out .2s;        color: #000000;        padding: 7px 8px 8px;        line-height: 30px;    }        .rk-default .rk-main-menu .rk-main-menu-other .rk-main-menu-Item:hover {            background: #ddd;        }.rk-default .navigation-menu-item {    color: #171717;}.rk-input-code {    border: 1px solid #e6e6e6;    text-align: center;    letter-spacing: 8px;    border-radius: 3px;}.rk-default .rk-main-menu .rk-main-menu-group2 {    display: none;}.rk-default .rk-main-menu .rk-main-menu-other {    margin: 0;    color: #000000;    line-height: 30px;    display: inline-block;}.showMobile {    display: none;}@media (max-width: 768px) {    .rk-default .rk-main-menu .rk-main-menu-group2 {        display: inline-block;    }    .rk-default .rk-main-menu .rk-main-menu-other {        margin: 0;        color: #000000;        line-height: 30px;        display: none;        position: fixed;        background-color: #ffffff;        border-bottom-right-radius: 5px;        border-bottom-left-radius: 5px;        -webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,.15);        box-shadow: 0 10px 10px 0 rgba(0,0,0,.15);    }    .rk-default .rk-main-menu .rk-main-menu-Item {        display: block !important;    }    .rk-default .rk-main-menu .rk-main-menu-other-display {        display: block !important;        right: 105px;    }    .hideMobile {        display: none;        visibility: hidden;        opacity: 0;        transition: visibility 0s, opacity 0.5s linear;    }    .showMobile {        display: block;    }    .rk-site-logo-title {        font-size: 16px;    }    .rk-site-logo {        width: 80px;    }    .rk-goods-list-header .btn {        padding: 4px 4px;    }}.rk-goods-list {}    .rk-goods-list .rk-goods-list-header {    }    .rk-goods-list .rk-goods-list-content {    }        .rk-goods-list .rk-goods-list-content .rk-goods-list-content-item {            transition: all ease-in-out .2s;            background: #fff;            border: 1px solid #ebebeb;            border-top: none;            position: relative;            display: -webkit-box;            display: -ms-flexbox;            display: flex;            -webkit-box-orient: vertical;            -webkit-box-direction: normal;            -ms-flex-direction: column;            flex-direction: column;            -webkit-box-pack: justify;            -ms-flex-pack: justify;            justify-content: space-between;        }.rk-goods-list-content-item-h2 {    height: 36px;}    .rk-goods-list-content-item-h2 .inBasket {        padding-left: 10px;    }.rk-goods-list-content-item-h1 {    height: 58px;}.rk-goods-list .rk-goods-list-content .rk-goods-list-content-item img {    cursor: pointer;}.rk-goods-list .rk-goods-list-content .rk-goods-list-content-item:hover {    transform: scale(1.1);    z-index: 1;    border-color: #d8dce1;    -webkit-box-shadow: 0 2px 17px 0 rgba(0,0,0,.09);    box-shadow: 0 2px 17px 0 rgba(0,0,0,.09);}.rk-goods-list .rk-goods-list-content .rk-goods-list-content-item .rk-goods-list-content-item-image {    max-width: 100%;    max-height: 100%;    -o-object-fit: contain;    object-fit: contain;    overflow: hidden;    border-style: none;}.rk-goods-list .rk-goods-list-content .rk-goods-list-content-item .rk-goods-list-content-item-image-box {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    padding-top: 10px;    height: 200px;    position: relative;}.rk-goods-list .rk-goods-list-content .rk-goods-list-content-item .rk-goods-list-content-item-name {    margin-top: 10px;    color: #0094ff;    font-size: 14px;    height: 50px;    cursor: pointer;}.rk-goods-list .rk-goods-list-content .rk-goods-list-content-item .rk-goods-list-content-item-price {    text-align: left;    font-size: 14px;}.rk-goods-list .rk-goods-list-content .rk-goods-list-content-item .rk-goods-list-content-item-price-not-invetory {    font-size: 14px;    text-align: center;    left: 0;    right: 0;    top: 0;    bottom: 0;    position: relative;    border-bottom: 2px solid #7d7d7d;    margin-bottom: 20px;}    .rk-goods-list .rk-goods-list-content .rk-goods-list-content-item .rk-goods-list-content-item-price-not-invetory div {        position: absolute;        left: 50%;        transform: translate(-50%,-50%);        top: 20%;        height: 23px;        color: #7d7d7d;        background: #fff;        padding: 0 10px;    }.rk-goods-list .rk-goods-list-footer {    border-top: 1px solid #ddd;    background: #fff;    padding: 10px;}    .rk-goods-list .rk-goods-list-footer .rk-goods-list-footer-paging {        text-align: center;    }        .rk-goods-list .rk-goods-list-footer .rk-goods-list-footer-paging a, .rk-goods-list .rk-goods-list-footer .rk-goods-list-footer-paging i {            cursor: pointer;            display: inline-block;            vertical-align: middle;            width: 22px;            color: #171717;            text-align: center;            padding: 3px 0 2px 0;            -webkit-user-select: none;            -moz-user-select: none;            -ms-user-select: none;            -o-user-select: none;            user-select: none;            font-size: 16px;        }        .rk-goods-list .rk-goods-list-footer .rk-goods-list-footer-paging a {            font-weight: bold;            margin: 0;            padding: 4px 19px;            border-radius: 2px;            cursor: pointer;            border: 1px solid transparent;        }        .rk-goods-list .rk-goods-list-footer .rk-goods-list-footer-paging i {            margin: 0 3px 0 3px;        }        .rk-goods-list .rk-goods-list-footer .rk-goods-list-footer-paging a.current {            border: 1px solid #00ACB3;            background-color: #00ACB3;            color: #fff;        }.goodsList .rk-goods-list-content-item-special2 {    position: absolute;    top: 10px;    right: 10px;    padding: 0 5px;    background: #09aa33;    background: rgba(9, 170, 51, 0.83);    color: #fff;    font-weight: bold;    border-radius: 5px;}.basketbadge {    position: absolute;    -moz-border-radius: 50%;    -webkit-border-radius: 50%;    border-radius: 20px;    width: 19px;    text-align: center;    height: 19px;    margin-right: -10px;    margin-top: -10px;    background: rgba(224, 8, 8, 0.9);    color: #fff;    font-style: normal;    cursor: pointer;    font-size: 13px;}.backetbut, .backetbut i {    cursor: pointer;}.rk-goods-detail .rk-goods-list-content-item-special2 {    position: absolute;    top: 10px;    right: 10px;    padding: 0 5px;    background: #09aa33;    background: rgba(9, 170, 51, 0.83);    color: #fff;    font-weight: bold;    border-radius: 5px;}.goodsList .rk-goods-list-content-item-special {    position: absolute;    top: 10px;    right: 10px;    padding: 0 5px;    background: #aa0909;    background: rgba(170, 9, 9, 0.83);    color: #fff;    font-weight: bold;    border-radius: 5px;}.rk-goods-detail .rk-goods-list-content-item-special {    position: absolute;    top: 10px;    right: 10px;    padding: 0 5px;    background: #aa0909;    background: rgba(170, 9, 9, 0.83);    color: #fff;    font-weight: bold;    border-radius: 5px;}.rk-goods-price-discount {    text-decoration: line-through;    color: #7d7d7d;}.rk-goods-thumbs {    text-align: center;}    .rk-goods-thumbs img {        width: 64px;        height: 64px;        border: 1px solid #a09e9e;        border-radius: 3px;        margin: 0 5px;    }.rk-goods-image {    text-align: center;}    .rk-goods-image img {        max-width: 256px;        padding: 20px;    }.rk-footer {    background: rgb(123, 201, 204);    border-top: 1px solid rgb(65, 170, 174);}    .rk-footer .rk-footer-copyright {        border-top: 1px solid rgb(65, 170, 174);        padding: 10px;        text-align: center;    }    .rk-footer .rk-footer-title {        font-size: 16px;        font-weight: bold;        cursor: pointer;        padding: 5px;    }    .rk-footer .rk-footer-item {        font-size: 14px;        cursor: pointer;        padding: 5px 10px 0 0;    }.rk-blur {    -moz-filter: blur(2px) grayscale(100%);    -ms-filter: blur(2px);    -webkit-filter: blur(2px) grayscale(100%);    filter: blur(2px) grayscale(100%);}.rk-frame-dashborder {    border: 2px dashed #7d7d7d;    border-radius: 5px;}.icon-large, .icon-128 {    font-size: 128px;}.icon-medium, .icon-64 {    font-size: 64px;}.icon-small, .icon-32 {    font-size: 32px;}.icon-24 {    font-size: 24px;}.font-color-default {    color: #7d7d7d;}.nivoSlider {    -moz-border-radius: 10px;    -webkit-border-radius: 10px;    border-radius: 10px;}.rk-basket .rk-basket-trash i {    font-size: 24px;    color: #b67474;}.rk-basket .rk-basket-qty {    cursor: pointer;}.rk-basket .rk-basket-goods {    margin: 0 14px;}.rk-basket .rk-basket-goods-image {    width: 64px;    height: 64px;    vertical-align: middle;}.rk-basket .rk-basket-goods-title {    display: inline-block;}.rk-basket .rk-basket-goods-name {    font-size: 16px;    font-weight: bold;}    .rk-basket .rk-basket-goods-name a {        text-decoration: none;    }.rk-basket .rk-basket-goods-price {    font-weight: bold;}.rk-basket .rk-basket-address-select {    top: 40%;    position: absolute;}.rk-basket .rk-basket-address-info {    display: inline-block;    margin: 0 36px;}    .rk-basket .rk-basket-address-info div:first-child {        padding-bottom: 10px;    }.rk-address-frame {    border: 1px solid #ddd;}.rk-payment-description {    padding-right: 32px;    color: #7d7d7d;}.rk-order-levels {}    .rk-order-levels .swiper-slide {        opacity: .5;        text-align: center;    }        .rk-order-levels .swiper-slide i {            display: none;        }        .rk-order-levels .swiper-slide.active {            opacity: 1;        }            .rk-order-levels .swiper-slide.active i {                display: block;                position: absolute;                top: 38px;                left: 6px;                font-weight: 500;                font-size: 28px;                background-color: #fffffa;                background-color: rgba(255, 255, 250, 0.5);            }    .rk-order-levels img {        width: 64px;        height: 64px;    }    .rk-order-levels .rk-order-levels-title {        font-weight: bold;        color: #02999f;    }.rk-home-groups {}    .rk-home-groups .rk-home-group {        margin: 0 5px;        border: 1px solid #d7d7d7;        border-radius: 5px;        transition: all ease-in-out .2s;        cursor: pointer;    }        .rk-home-groups .rk-home-group:hover {            border-color: #02999f;        }        .rk-home-groups .rk-home-group .rk-home-group-image {            width: 128px;            height: 128px;            border-radius: 5px;        }        .rk-home-groups .rk-home-group .rk-home-group-title {            position: absolute;            bottom: 0;            right: 0;            left: 0;            text-align: center;            background: rgba(0, 0, 0, 0.40);            color: #fff;        }.rk-panel {    background: #fff;    border-radius: 5px;    box-shadow: 0 0 5px #d7d7d7;}.rk-home-best-selling {    padding: 10px 0;}    .rk-home-best-selling .swiper-slide {        margin: 0 10px;        text-align: center;    }        .rk-home-best-selling .swiper-slide img {            width: 128px;            height: 128px;        }    .rk-home-best-selling .rk-home-best-selling-title {        font-size: 16px;        padding-top: 45px;    }    .rk-home-best-selling .rk-home-best-selling-price {        color: #00ACB3;        font-weight: bold;        text-align: left;    }.position-absolute {    z-index: 1;}.btn.puregreen {    background: #00ACB3;    /*border: 1px solid #02999f;*/    color: #fff;    border-radius: 8px;}    .btn.puregreen:active, .btn.puregreen:hover, .btn.puregreen:focus {        background: #02999f;    }.clearfix::after {    content: "";    clear: both;    display: table;}/* clears the 'X' from Internet Explorer */input[type=search]::-ms-clear {    display: none;    width: 0;    height: 0;}input[type=search]::-ms-reveal {    display: none;    width: 0;    height: 0;}/* clears the 'X' from Chrome */input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration {    display: none;}/*.btn i { float: right; }*/i {    vertical-align: middle;}body {    /*background: #F0F0F0;*/    background: #f5f5f5;    color: #171717;}input, button, select, textarea {    color: #1f1f1f;    outline: none;}.webui-popover {    -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.1) !important;    -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.1) !important;    box-shadow: 0px 5px 10px rgba(0,0,0,0.1) !important;    border-radius: 3px;    border-color: rgba(0, 0, 0, 0.1);}.addBasketOnViewer {    margin: 0px !important;    display: block;    /*background: #00ACB3;    border: 1px solid #02999f;*/    color: #fff;    font-size: 12px;    cursor: pointer;    -moz-border-radius: 2px;    -webkit-border-radius: 2px;    border-radius: 2px;    /*background: #ef394e;*/    background: #05b4bb;    border: none;    -moz-border-radius: 8px;    -webkit-border-radius: 8px;    border-radius: 8px;    padding: 6px 6px;}    .addBasketOnViewer i {        margin-left: 3px;    }    .addBasketOnViewer:disabled {        background: gray;        border: 0px;        cursor: default;    }        .addBasketOnViewer:disabled i {            cursor: default;        }    .addBasketOnViewer i {        cursor: pointer;    }    .addBasketOnViewer:hover:enabled {        background: #05b4bb;        /*border: 1px solid #272727;*/    }.rk-home-groups2 {    display: table-cell;    background-color: #ffffff;}.rk-home-group-box-2 {    text-align: center;    display: block;    -webkit-box-flex: 1;    -ms-flex-positive: 1;    flex-grow: 1;    margin-top: 20px !important;    margin-right: 5px !important;    margin-left: 5px !important;    padding: 0px !important;    cursor: pointer;}.rk-home-group-box-2-item {}    .rk-home-group-box-2-item .rk-home-group-image {        width: 100%;        border-radius: 3px;    }    .rk-home-group-box-2-item .rk-home-group-title {        bottom: 0px;        background-color: #000000;        background-color: rgba(0, 0, 0,0.55);        color: #ffffff;        font-size: 14px;        width: 100%;        height: 30px;        padding-top: 4px;        border-radius: 5px;    }.rk-header .logo {    float: right;}.rk-header .title {    float: right;}.rk-switch {    position: relative;    display: inline-block;    width: 40px;    height: 21px;}    /* Hide default HTML checkbox */    .rk-switch input {        opacity: 0;        width: 0;        height: 0;        -webkit-box-sizing: border-box;        box-sizing: border-box;    }/* The slider */.rk-slider {    position: absolute;    cursor: pointer;    top: 0;    left: 0;    right: 0;    bottom: 0;    background-color: #e5e5e5;    -webkit-transition: .4s;    transition: .4s;}    .rk-slider:before {        position: absolute;        content: "";        height: 15px;        width: 15px;        bottom: 4px;        -webkit-transition: .4s;        transition: .4s;        top: 2px;        right: 2px;        background-color: #fff;        border: 1px solid #959595;    }input:checked + .rk-slider {    background-color: #2196F3;}input:focus + .rk-slider {    box-shadow: 0 0 1px #2196F3;}input:checked + .rk-slider:before {    -webkit-transform: translateX(-20px);    -ms-transform: translateX(-20px);    transform: translateX(-20px);}/* Rounded sliders */.rk-slider.rk-round {    border-radius: 29px;    border: 1px solid #8c8c8c;}    .rk-slider.rk-round:before {        border-radius: 50%;    }.rk-goods-list-content-item .incQty, .rk-goods-list-content-item .decQty {    cursor: pointer;}.nivo-directionNav a {    opacity: 1 !important;}.font-size-20, .font-size-20 * {    font-size: 20px;}.goodlistadmin .goods .goods-item {}.goodlistadmin .paging {    direction: ltr;}    .goodlistadmin .paging a, .goodlistadmin .paging i {        display: inline-block;        vertical-align: middle;        width: auto;        text-align: center;        font-size: 10px;        -webkit-user-select: none;        -moz-user-select: none;        -ms-user-select: none;        -o-user-select: none;        user-select: none;    }    .goodlistadmin .paging a {        margin: 0;        padding: 3px 7px;        border-radius: 2px;        cursor: pointer;    }    .goodlistadmin .paging i {        margin: 0 3px 0 3px;    }    .goodlistadmin .paging a.current {        border: 1px solid #3974b0;        background-color: #ffffff;        color: #3974b0;    }.goodlistadmin .goods {}    .goodlistadmin .goods .goods-item {        transition: all ease-in-out .2s;    }        .goodlistadmin .goods .goods-item .panel {            border: 1px solid #00a683;            height: 160px;        }            .goodlistadmin .goods .goods-item .panel:hover {                border: 1px solid #0094ff;                cursor: pointer;            }        .goodlistadmin .goods .goods-item .goods-title {            color: #3974b0;            font-size: 16px;        }.rk-goods-list .rk-goods-list-footer .rk-goods-list-footer-paging a, .rk-goods-list .rk-goods-list-footer .rk-goods-list-footer-paging i {    width: auto !important;}.SearchBoxTop {    color: #000000 !important;}.rk-goods-list-content-item-salesCeiling {    color: red;}article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {    display: block;}@media (min-width: 576px) {    .container {        max-width: 540px;    }}@media (min-width: 768px) {    .container {        max-width: 720px;    }}@media (min-width: 992px) {    .container {        max-width: 960px;    }}@media (min-width: 1200px) {    .container {        max-width: 1140px;    }}@media (min-width: 576px) {    .container, .container-sm {        max-width: 540px;    }}@media (min-width: 768px) {    .container, .container-md, .container-sm {        max-width: 720px;    }}@media (min-width: 992px) {    .container, .container-lg, .container-md, .container-sm {        max-width: 960px;    }}@media (min-width: 1200px) {    .container, .container-lg, .container-md, .container-sm, .container-xl {        max-width: 1140px;    }}.container {    width: 100%;    padding-right: 15px;    padding-left: 15px;    margin-right: auto;    margin-left: auto;}.bx {    font-family: 'boxicons' !important;    font-weight: normal;    font-style: normal;    font-variant: normal;    line-height: 1;    display: inline-block;    text-transform: none;    speak: none;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}.mt-3 {    margin-top: 1rem !important}.mt-1 {    margin-top: .5rem !important}.my-3 {    margin: 1rem 0 !important}.my-1 {    margin: .5rem 0 !important}.mb-3 {    margin-bottom: 1rem !important}.mb-1 {    margin-bottom: .5rem !important}.mr-3 {    margin-right: 1rem !important}.mr-1 {    margin-right: .5rem !important}.mx-3 {    margin: 0 1rem !important}.mx-1 {    margin: 0 .5rem !important}.ml-3 {    margin-left: 1rem !important}.ml-1 {    margin-left: .5rem !important}.mxy-1 {    margin: .5rem .5rem !important}.mxy-3 {    margin: 1rem 1rem !important}.pt-6 {    padding-top: 2rem !important}.pt-3 {    padding-top: 1rem !important}.pt-1 {    padding-top: .5rem !important}.py-6 {    padding: 2rem 0 !important}.py-3 {    padding: 1rem 0 !important}.py-1 {    padding: .5rem 0 !important}.pb-6 {    padding-bottom: 2rem !important}.pb-3 {    padding-bottom: 1rem !important}.pb-1 {    padding-bottom: .5rem !important}.pr-6 {    padding-right: 2rem !important}.pr-3 {    padding-right: 1rem !important}.pr-1 {    padding-right: .5rem !important}.px-6 {    padding: 0 2rem !important}.px-3 {    padding: 0 1rem !important}.px-1 {    padding: 0 .5rem !important}.pl-6 {    padding-left: 2rem !important}.pl-3 {    padding-left: 1rem !important}.pl-1 {    padding-left: .5rem !important}.pxy-6 {    padding: 2rem 2rem !important}.pxy-3 {    padding: 1rem 1rem !important}.pxy-1 {    padding: .5rem .5rem !important}.calenderfixwidth {    width: auto !important;}.rk-frame-switch-box {    margin-bottom: 10px;}.rk-goods-price-discount-percent {    background-color: #fb3449;    font-weight: 700;    color: #fff;    border-radius: 20px;    padding: 4px 6px 1px;    /* letter-spacing: 0; */    margin-bottom: 3px;    font-size: 11px;    -ms-flex-align: center;    -ms-flex-pack: center;    height: 23px;    position: absolute;    left: 10px;    top: 10px;}.SortLabel {    font-weight: 700;}.ProfitBuy {    color: green;}.rkara-row-box {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between;    margin: 6px 0;    color: #777;}.rk-basket-frame {    padding: 14px 16px 8px;}.goodTree .tree {    border: 0px solid silver;}.gooddetailTab .tabitem {    cursor: pointer;    margin-bottom: -1px;    padding-top: 15px;}.gooddetailTab .tabBoxActive {    background-color: #ffffff;    padding-bottom: 14px;    color: #6f6f6f;    background: #fff;    margin-bottom: -1px;    padding-top: 15px;}.gooddetailTab {    /*background-color: #f8f8f8;*/    /*border: 1px solid #dfdfdf;*/ /*custom*/    background-color: #f9f9f9;    font-size: 17px !important;    line-height: 1.294;    letter-spacing: -.4px;    padding: 0px !important;    border-radius: 8px;}.attributesBox {    padding: 0;}    .attributesBox .attributesTitle {        padding-right: 8px;        padding-left: 8px;        position: relative;        width: 100%;        min-height: 1px;        padding-right: 10px;        padding-left: 10px;        -webkit-box-flex: 0;        -ms-flex: 0 0 22.2%;        flex: 0 0 22.2%;        max-width: 22.2%;        font-weight: 700;    }.attributesBlock {    display: block;    background: #fafafa;    padding: 14px 18px 12px;    font-size: 13px;    font-size: .929rem;    line-height: 1.692;    color: #4d4d4d;    letter-spacing: -.3px;    min-height: 47px;    position: relative;}.attributesBox .attributesValue {    padding-right: 8px;    padding-left: 8px;    -ms-flex: 0 0 77.8%;    flex: 0 0 77.8%;    max-width: 77.8%;    position: relative;    width: 100%;    min-height: 1px;    padding-right: 10px;    padding-left: 10px;    -webkit-box-flex: 0;}.attributesBox .attributesDescription {    color: #828282;}.attributesBoxItem {    display: -ms-flexbox;    display: -webkit-box;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    margin: 8px -8px;}@media (max-width: 768px) {    .attributesBox .attributesTitle {        -ms-flex: 0 0 100%;        flex: 0 0 100%;        max-width: 100%;    }    .attributesBox .attributesValue {        -ms-flex: 0 0 100%;        flex: 0 0 100%;        max-width: 100%;    }}.rk-goods-thumbs img {    border: 4px solid #eee;}    .rk-goods-thumbs img:hover, .rk-goods-thumbs img.selected {        border: 4px solid #777;    }.rk-goods-image img:hover {    cursor: pointer;}/*input[type=text], select, textarea {    width: 100%;    padding: 12px;    border: 1px solid #ccc;    border-radius: 4px;    box-sizing: border-box;    margin-top: 6px;    margin-bottom: 16px;    resize: vertical;}*/input[type=submit] {    background-color: #4CAF50;    color: white;    padding: 12px 20px;    border: none;    border-radius: 4px;    cursor: pointer;}    input[type=submit]:hover {        background-color: #45a049;    }.container-contactus {    border-radius: 5px;    background-color: #f2f2f2;    padding: 20px;}.text-left {    text-align: left !important;}.text-center {    text-align: center !important;}.text-right {    text-align: right !important;}.font-green {    color: green;}.c-swiper_show-more {    color: #ffffff;}    .c-swiper_show-more:hover {        color: #241d94;        cursor: pointer;    }.tox-dialog__popups {    z-index: 214748364447 !important;}.showBlock {    display: inline-block;}.hideBlock {    display: none;}.tooltip {    position: absolute;    z-index: 1070;    display: block;    font-style: normal;    font-weight: 400;    line-height: 1.42857143;    line-break: auto;    text-align: left;    text-align: start;    text-decoration: none;    text-shadow: none;    text-transform: none;    letter-spacing: normal;    word-break: normal;    word-spacing: normal;    word-wrap: normal;    white-space: normal;    font-size: 13px;    opacity: 0}    .tooltip.in {        opacity: .9    }    .tooltip.top {        padding: 5px 0;        margin-top: -3px    }    .tooltip.right {        padding: 0 5px;        margin-left: 3px    }    .tooltip.bottom {        padding: 5px 0;        margin-top: 3px    }    .tooltip.left {        padding: 0 5px;        margin-left: -3px    }    .tooltip.top .tooltip-arrow {        bottom: 0;        left: 50%;        margin-left: -5px;        border-width: 5px 5px 0;        border-top-color: #000    }    .tooltip.top-left .tooltip-arrow {        right: 5px;        bottom: 0;        margin-bottom: -5px;        border-width: 5px 5px 0;        border-top-color: #000    }    .tooltip.top-right .tooltip-arrow {        bottom: 0;        left: 5px;        margin-bottom: -5px;        border-width: 5px 5px 0;        border-top-color: #000    }    .tooltip.right .tooltip-arrow {        top: 50%;        left: 0;        margin-top: -5px;        border-width: 5px 5px 5px 0;        border-right-color: #000    }    .tooltip.left .tooltip-arrow {        top: 50%;        right: 0;        margin-top: -5px;        border-width: 5px 0 5px 5px;        border-left-color: #000    }    .tooltip.bottom .tooltip-arrow {        top: 0;        left: 50%;        margin-left: -5px;        border-width: 0 5px 5px;        border-bottom-color: #000    }    .tooltip.bottom-left .tooltip-arrow {        top: 0;        right: 5px;        margin-top: -5px;        border-width: 0 5px 5px;        border-bottom-color: #000    }    .tooltip.bottom-right .tooltip-arrow {        top: 0;        left: 5px;        margin-top: -5px;        border-width: 0 5px 5px;        border-bottom-color: #000    }.tooltip-inner {    max-width: 200px;    padding: 3px 8px;    color: #fff;    text-align: center;    background-color: #000;    border-radius: 4px}.tooltip-arrow {    position: absolute;    width: 0;    height: 0;    border-color: transparent;    border-style: solid}.swiper-slide-custom {    border-radius: 8px !important;    width: 221px !important;    padding: 20px 10px !important;    height: 290px !important;    cursor: pointer;}.btn.btn-add-to-cart {    background: #ef394e;    border: none;    border-radius: 8px;    color: #fff;    min-height: 48px;    padding: 12px 18px;}    .btn.btn-add-to-cart:active, .btn.btn-add-to-cart:hover, .btn.btn-add-to-cart:focus {        background: #02999f;    }.contact-purple .info {    padding: 30px;    width: 100%;    background: #fff;    box-shadow: 0 2px 15px rgba(0,0,0,.1)}    .contact-purple .info i {        font-size: 20px;        color: #fff;        float: left;        width: 44px;        height: 44px;        background: #633a6d;        display: flex;        justify-content: center;        align-items: center;        border-radius: 50px;        transition: all .3s ease-in-out    }    .contact-purple .info h4 {        padding: 0 0 0 60px;        font-size: 22px;        font-weight: 600;        margin-bottom: 5px;        color: #36343a    }    .contact-purple .info p {        padding: 0 0 0 60px;        margin-bottom: 0;        font-size: 14px;        color: #686470    }.contact-purple .php-email-form-send {    width: 100%;    padding: 30px;    background: #fff;    box-shadow: 0 0 24px 0 rgba(0,0,0,.12)}    .contact-purple .php-email-form-send .form-group {        padding-bottom: 8px    }    .contact-purple .php-email-form-send .validate {        display: none;        color: red;        margin: 0 0 15px 0;        font-weight: 400;        font-size: 13px    }    .contact-purple .php-email-form-send .error-message {        display: none;        color: #fff;        background: #ed3c0d;        text-align: left;        padding: 15px;        font-weight: 600    }        .contact-purple .php-email-form-send .error-message br + br {            margin-top: 25px        }    .contact-purple .php-email-form-send .sent-message {        display: none;        color: #fff;        background: #633a6d;        text-align: center;        padding: 15px;        font-weight: 600    }    .contact-purple .php-email-form-send .loading {        display: none;        background: #fff;        text-align: center;        padding: 15px    }        .contact-purple .php-email-form-send .loading:before {            content: "";            display: inline-block;            border-radius: 50%;            width: 24px;            height: 24px;            margin: 0 10px -6px 0;            border: 3px solid #633a6d;            border-top-color: #eee;            -webkit-animation: animate-loading 1s linear infinite;            animation: animate-loading 1s linear infinite        }    .contact-purple .php-email-form-send input, .contact-purple .php-email-form-send textarea {        border-radius: 0;        box-shadow: none;        font-size: 14px    }    .contact-purple .php-email-form-send input {        height: 44px    }    .contact-purple .php-email-form-send textarea {        padding: 10px 12px    }    .contact-purple .php-email-form-send button[type=button] {        background: #633a6d;        border: 0;        padding: 10px 30px;        color: #fff;        transition: .4s;        border-radius: 50px    }        .contact-purple .php-email-form-send button[type=button]:hover {            background: #633a6d        }#footer-f {    background: #eee;    padding: 0 0 30px 0;    color: #555;    font-size: 14px;    border: 1px solid #efefef;    padding: 1px;}    #footer-f .footer-f-top {        background: #f6f6f6;        padding: 60px 0 30px 0    }        #footer-f .footer-f-top .footer-f-info {            margin-bottom: 30px        }            #footer-f .footer-f-top .footer-f-info h3 {                font-size: 24px;                margin: 0 0 20px 0;                padding: 2px 0 2px 0;                line-height: 1;                font-weight: 700;                text-align: right            }            #footer-f .footer-f-top .footer-f-info p {                font-size: 14px;                line-height: 24px;                margin-bottom: 0;                font-family: Roboto,sans-serif            }        #footer-f .footer-f-top .social-links a {            font-size: 18px;            display: inline-block;            background: #3fbbc0;            color: #fff;            line-height: 1;            padding: 8px 0;            margin-right: 4px;            border-radius: 4px;            text-align: center;            width: 36px;            height: 36px;            transition: .3s        }            #footer-f .footer-f-top .social-links a:hover {                background: #65c9cd;                text-decoration: none            }        #footer-f .footer-f-top h4 {            font-size: 16px;            font-weight: 600;            position: relative;            padding-bottom: 12px;            text-align: right        }        #footer-f .footer-f-top .footer-f-links {            margin-bottom: 30px        }            #footer-f .footer-f-top .footer-f-links ul {                list-style: none;                padding: 0;                margin: 0            }                #footer-f .footer-f-top .footer-f-links ul i {                    padding-right: 2px;                    color: #3fbbc0;                    font-size: 18px;                    line-height: 1                }                #footer-f .footer-f-top .footer-f-links ul li {                    padding: 10px 0;                    display: flex;                    align-items: center                }                    #footer-f .footer-f-top .footer-f-links ul li:first-child {                        padding-top: 0                    }                #footer-f .footer-f-top .footer-f-links ul a {                    color: #555;                    transition: .3s;                    display: inline-block;                    line-height: 1;                    text-decoration: none;                    padding-right: 5px;                }                    #footer-f .footer-f-top .footer-f-links ul a:hover {                        color: #3fbbc0                    }        #footer-f .footer-f-top .footer-f-newsletter form {            margin-top: 30px;            background: #fff;            padding: 6px 10px;            position: relative;            border: 1px solid #d5d5d5;            border-radius: 4px        }            #footer-f .footer-f-top .footer-f-newsletter form input[type=email] {                border: 0;                padding: 4px;                width: calc(100% - 110px)            }            #footer-f .footer-f-top .footer-f-newsletter form input[type=submit] {                position: absolute;                top: -1px;                right: -1px;                bottom: -1px;                border: 0;                background: 0 0;                font-size: 16px;                padding: 0 20px;                background: #3fbbc0;                color: #fff;                transition: .3s;                border-radius: 0 4px 4px 0            }                #footer-f .footer-f-top .footer-f-newsletter form input[type=submit]:hover {                    background: #65c9cd                }    #footer-f .credits {        padding-top: 10px;        text-align: center;        font-size: 13px    }    #footer-f #icon-contact {        width: 36px;        height: 36px;        font-size: 18px;        color: #fff;        background: #3fbbc0;        text-align: center;        padding: 8px 0;        border-radius: 50% !important;    }    #footer-f ul {        list-style: none;        margin: 0;        padding: 0;        text-align: right    }    #footer-f .icon-i-contact {        margin-bottom: 5px    }.btn.puregreen-plus {    background: #00ACB3;    color: #fff;    border: none;    border-radius: 8px;    min-height: 48px;    padding: 10px 18px;}    .btn.puregreen-plus:active, .btn.puregreen-plus:hover, .btn.puregreen-plus:focus {        background: #02999f;    }.c-box-scroll {    max-height: 333px;    overflow: auto;}    .c-box-scroll:after, .c-box__scroll:before {        content: "";        position: relative;        z-index: 2;        height: 5px;        width: 100%;        display: block;        background: #fff;    }    .c-box-scroll ul {        font-size: .857rem;        line-height: 1.833;        list-style: none;        margin: 0;        padding: 0;    }        .c-box-scroll ul li {            -webkit-box-align: start;            -ms-flex-align: start;            align-items: flex-start;            margin: 0;            position: relative;            display: -webkit-box;            display: -ms-flexbox;            display: flex;        }.c-filter-label {    padding: 5px 52px 5px 13px;    cursor: pointer;    color: #3b3b3b;    max-width: 100%;    display: -webkit-inline-box;    display: -ms-inline-flexbox;    display: inline-flex;    -webkit-box-orient: horizontal;    -webkit-box-direction: reverse;    -ms-flex-direction: row-reverse;    flex-direction: row-reverse;    width: 100%;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between;}.c-ui-checkbox {    font-size: .786rem;    height: 18px;    display: inline-block;    position: absolute;    right: 20px;    top: 6px;}.c-filter-label-en {    color: #a6a6a6;    font-size: 11px;    font-size: .786rem;    line-height: 2;    font-weight: 300;    padding-right: 10px;}.specialSale {    background-color: #ef394e;}.specialSaleTitle {    color: #ffffff;}.specialOffer {    background-color: #6bb927;}.specialOfferTitle {    color: #ffffff;}.c-product-title {    margin-top: 0;    margin-bottom: 10px;    font-weight: 400;    font-size: 16px;    font-size: 1.143rem;    line-height: 28px;    color: #000;}.groupimage {    max-width: 512px}.groupimageapplication {    max-width: 128px}.align-items-center {    align-items: center !important;}.btn.pureorange {    background: #ff6002 !important;    color: #fff !important;    border-radius: 8px !important;}    .btn.pureorange:active, .btn.pureorange:hover, .btn.pureorange:focus {        background: #02999f !important;    }.isNewInventory {    background: #ffffff;}.isNewInventoryTitle {    color: #000000;}.newGoods {    background: #ffffff;}.newGoodsTitle {    color: #000000;}.card-img-top {    text-align: center;}@media (min-width: 992px) {    .search-w-25 {        width: 25% !important;    }}.validation {    border-right: 3px solid #ff0000 !important;}.validationError {    border-left: 1px solid #d70000 !important;    border-bottom: 1px solid #d70000 !important;    border-top: 1px solid #d70000 !important;    border-right: 3px solid #d70000 !important;    background-color: #fff4f4 !important;}input:focus::placeholder {    color: transparent;}#menuFara {    display: block;}    #menuFara ul {        margin: 0;        padding: 0;    }/*    #menuFara .main-menu {        display: none;    }*/#tm:checked + .main-menu {    display: block;}#menuFara input[type="checkbox"],#menuFara ul span.drop-icon {    display: none;}#menuFara li,#toggle-menu,#menuFara .sub-menu {    /*border-style: solid;*/    border-color: rgba(0, 0, 0, .05);}#menuFara li,#toggle-menu {    border-width: 0 0 1px;}#menuFara .sub-menu {    background-color: #fff;    border-width: 1px 1px 0;    box-shadow: 0 0.1rem 1rem 0.25rem rgba(0,0,0,.05) !important;    margin: 0 1em;}    #menuFara .sub-menu li:last-child {        border-width: 0;    }#menuFara li,#toggle-menu,#menuFara a {    position: relative;    display: block;    color: white;    text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);}#menuFara,#toggle-menu {    background-color: transparent;}    #toggle-menu,    #menuFara a {        padding: 1em;    }    #menuFara a {        transition: all .125s ease-in-out;        -webkit-transition: all .125s ease-in-out;    }    /*    #menuFara a:hover {            background-color: white;            color: #09c;        }*/    #menuFara .sub-menu {        display: none;    }    #menuFara input[type="checkbox"]:checked + .sub-menu {        display: block;    }    #menuFara .sub-menu a:hover {        color: #444;    }    #toggle-menu .drop-icon,    #menuFara li label.drop-icon {        position: absolute;        left: 1.5em;        top: 1.25em;    }    #menuFara label.drop-icon, #toggle-menu span.drop-icon {        border-radius: 50%;        width: 1em;        height: 1em;        text-align: center;        background-color: rgba(0, 0, 0, .125);        text-shadow: 0 0 0 transparent;        color: rgba(255, 255, 255, .75);    }    #menuFara .drop-icon {        line-height: 1;    }@media only screen and (max-width: 64em) and (min-width: 52.01em) {    #menuFara li {        width: 33.333%;    }    #menuFara .sub-menu li {        width: auto;    }}@media only screen and (min-width: 52em) {    #menuFara .main-menu {        display: flex;        align-items: center;    }    #toggle-menu,    #menuFara label.drop-icon {        display: none;    }    #menuFara ul span.drop-icon {        display: inline-block;    }    #menuFara li {        float: right;        border-width: 0 1px 0 0;    }    #menuFara .sub-menu li {        float: none;    }    #menuFara .sub-menu {        border-width: 0;        margin: 0;        position: absolute;        top: 100%;        right: 0;        width: 17em;        z-index: 3000;    }    #menuFara .sub-menu,    #menuFara input[type="checkbox"]:checked + .sub-menu {        display: none;    }        #menuFara .sub-menu li {            border-width: 0 0 1px;        }        #menuFara .sub-menu .sub-menu {            left: auto;            right: 100%;            top: 0;        }    #menuFara li:hover > input[type="checkbox"] + .sub-menu {        display: block;    }}.menu-fara-category:hover {    background-color: #72bf44;    color: white;}#menuFara .sub-menu a:hover {    background-color: #cbcbcb26;}.menulevel3 {    border-radius: 0 !important;    margin-top: 5px;    margin-right: 5px;    color: var(--bs-gray-dark) !important;    font-weight: normal !important;}.menulevel2 {    border-right: 1px var(--bs-primary) solid;    border-radius: 0 !important;    margin-top: 5px;}.datatableRowSelect {    background-color: #B7E5B4 !important;}.list-unstyled li {    padding: 4px 0;     /*font-family: 'Times New Roman';*/    font-size: 15px;    font-weight: bold;}    .list-unstyled li:hover a {        font-weight: bold;    }.sticky-top {    top: 0}.sticky-bottom, .sticky-top {    position: sticky;    z-index: 1020}.sticky-bottom {    bottom: 0}/* Footer */.footer-20192 {    position: relative;    color: #fff;    padding: 7rem 0;    background-color: #141d2a;}    .footer-20192 .container {        position: relative;    }    .footer-20192 h3 {        font-size: 16px;        margin-bottom: 10px;        margin-top: 0;        line-height: 1.5;    }    .footer-20192 .links li {        margin-bottom: 10px;        line-height: 1.5;        display: block;    }        .footer-20192 .links li a {            color: #adaeb3;        }            .footer-20192 .links li a:hover {                color: #fff;            }    .footer-20192 .social li {        display: inline-block;        position: relative;    }        .footer-20192 .social li a {            position: relative;            width: 40px;            height: 40px;            border-radius: 50%;            display: inline-block;            margin: 0;            padding: 0;            background-color: #8186d5;            color: #fff;        }            .footer-20192 .social li a > span {                position: absolute;                top: 50%;                left: 50%;                -webkit-transform: translate(-50%, -50%);                -ms-transform: translate(-50%, -50%);                transform: translate(-50%, -50%);            }    .footer-20192 .footer-logo {        color: #fff;        font-size: 20px;        text-transform: uppercase;    }    .footer-20192 .copyright {        text-align: justify;    }    .footer-20192 .cta {        padding: 20px;        top: -150px;        position: relative;    }        .footer-20192 .cta h2, .footer-20192 .cta h3 {            line-height: 1.5;        }        .footer-20192 .cta h3 {            font-size: 20px;        }/* Footer *//* From Uiverse.io by andrew-demchenk0 *//* From Uiverse.io by andrew-demchenk0 */.card3 {    --main-color: #dedede;    --sub-color: lightblue;    --bg-color: lightskyblue;    --accent-color: white;    position: relative;    width: 330px;    padding: 25px;    border-radius: 25px;    display: flex;    flex-direction: column;    gap: 5px;    background-color: var(--bg-color);    transition: all 0.2s;    cursor: pointer;    box-shadow: 0px 0px 5px -1.5px #000;}    .card3::before {        content: '';        width: 99%;        height: 99%;        background: var(--sub-color);        position: absolute;        z-index: -1;        top: 1px;        left: 1px;        border-radius: 25px;        transition: all 0.3s;    }.card3__wrapper {    display: flex;    flex-direction: row;    justify-content: space-between;    align-items: center;}.card3__img {    width: 100%;}.card3__title {    color: var(--main-color);    font-weight: 900;    font-size: 25px;    color: white}.card3:hover {    text-shadow: 2px 2px 2px black;    transition: text-shadow linear .15s;}.card3__subtitle {    color: var(--sub-color);    font-weight: 600;    font-size: 20px;}.card3__icon {    width: 40px;    height: 40px;    transform: rotate(-145deg);    transition: all 0.3s;}    .card3__icon svg {        width: 100%;        height: 100%;    }    .card3__icon g {        fill: var(--main-color);    }    .card3__icon circle, polyline, line {        stroke: var(--main-color);    }.card3:hover .card3__icon {    transform: rotate(-180deg);}    .card3:hover .card3__icon circle, .card3:hover .card3__icon polyline, .card3:hover .card3__icon line {        stroke: var(--accent-color);    }    .card3:hover .card3__icon g {        fill: var(--accent-color);    }.card3:hover {    box-shadow: 0px 0px 20px -5px #000;}    .card3:hover::before {        transform: rotate(10deg);        box-shadow: 0px 0px 20px -5px #000;    }/* remove svg from class ="card3__img" and last styles below css code before use */.st1 {    fill: #fff}.st2 {    fill: none;    stroke: #242c88;    stroke-width: 2;    stroke-linecap: round;    stroke-linejoin: round;    stroke-miterlimit: 10}.st7 {    fill: #589fff}.st9 {    fill: #bc8d66}.st15, .st16 {    opacity: .4;    fill: #242c88}.st16 {    opacity: .2}.st18 {    fill: #ffc408}.st53 {    fill: none;    stroke: #242c88;    stroke-width: 1.848;    stroke-linecap: round;    stroke-linejoin: round;    stroke-miterlimit: 10}.rk-pharmacy .form-select {    color: #000000;}    .rk-pharmacy .form-select option {        font-family: 'iransansxv', iransansx, tahoma !important;    }.timeline-steps {    display: flex;    justify-content: center;    flex-wrap: wrap}    .timeline-steps .timeline-step {        align-items: center;        display: flex;        flex-direction: column;        position: relative;        margin: 1rem    }@media (min-width:768px) {    .timeline-steps .timeline-step:not(:last-child):after {        content: "";        display: block;        border-top: .25rem dotted #3b82f6;        width: 2.36rem;        position: absolute;        right: 7.5rem;        top: .3125rem    }    .timeline-steps .timeline-step:not(:first-child):before {        content: "";        display: block;        border-top: .25rem dotted #3b82f6;        width: 2.36rem;        position: absolute;        left: 7.5rem;        top: .3125rem    }}.timeline-steps .timeline-content {    width: 9rem;    text-align: center}    .timeline-steps .timeline-content .inner-circle {        border-radius: 1.5rem;        height: 1rem;        width: 1rem;        display: inline-flex;        align-items: center;        justify-content: center;        background-color: #3b82f6;        font-family: "Font Awesome";    }        .timeline-steps .timeline-content .inner-circle:before {            content: "";            background-color: #3b82f6;            display: inline-block;            height: 3rem;            width: 3rem;            min-width: 3rem;            border-radius: 6.25rem;            opacity: .5        }    .timeline-steps .timeline-content.success .inner-circle:before {        background-color: #38a169 !important;        opacity: .5    }    .timeline-steps .timeline-content.success i {        color: #38a169;    }    .timeline-steps .timeline-content.warning .inner-circle:before {        background-color: #dbff00 !important;        opacity: .5    }    .timeline-steps .timeline-content.warning i {        color: #dc2626;    }    .timeline-steps .timeline-content.info .inner-circle:before {        background-color: gray !important;        opacity: .5    }    .timeline-steps .timeline-content.info i {        color: gray;    }    .timeline-steps .timeline-content.danger .inner-circle:before {        background-color: #dc2626 !important;        opacity: .5    }    .timeline-steps .timeline-content.danger i {        color: #dc2626;    }    .timeline-steps .timeline-content.danger .inner-circle:after {        content: "\f00d";        position: absolute;        color: white;        font-size: 1.5rem;        font-weight: 900;    }    .timeline-steps .timeline-content.success .inner-circle:after {        content: "\f00c";        position: absolute;        color: white;        font-size: 1.5rem;        font-weight: 900;    }    .timeline-steps .timeline-content.success .inner-circle {        background-color: transparent !important;    }    .timeline-steps .timeline-content.danger .inner-circle {        background-color: transparent !important;    }.socialmedia a img {    max-width: 25px !important;}