@charset "UTF-8";
:root {
    --white: #fff;
}

.container-fluid {
    max-width: 1600px !important;
}

.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (max-width: 480px) {
    .col-ms-1,
    .col-ms-2,
    .col-ms-3,
    .col-ms-4,
    .col-ms-5,
    .col-ms-6,
    .col-ms-7,
    .col-ms-8,
    .col-ms-9,
    .col-ms-10,
    .col-ms-11 {
        float: right;
    }
    .col-ms-1 {
        width: 8.33333%;
    }
    .col-ms-2 {
        width: 16.66667%;
    }
    .col-ms-3 {
        width: 25%;
    }
    .col-ms-4 {
        width: 33.33333%;
    }
    .col-ms-5 {
        width: 41.66667%;
    }
    .col-ms-6 {
        width: 50%;
    }
    .col-ms-7 {
        width: 58.33333%;
    }
    .col-ms-8 {
        width: 66.66667%;
    }
    .col-ms-9 {
        width: 75%;
    }
    .col-ms-10 {
        width: 83.33333%;
    }
    .col-ms-11 {
        width: 91.66667%;
    }
    .col-ms-12 {
        width: 100%;
    }
    .col-ms-push-1 {
        right: 8.33333%;
    }
    .col-ms-push-2 {
        right: 16.66667%;
    }
    .col-ms-push-3 {
        right: 25%;
    }
    .col-ms-push-4 {
        right: 33.33333%;
    }
    .col-ms-push-5 {
        right: 41.66667%;
    }
    .col-ms-push-6 {
        right: 50%;
    }
    .col-ms-push-7 {
        right: 58.33333%;
    }
    .col-ms-push-8 {
        right: 66.66667%;
    }
    .col-ms-push-9 {
        right: 75%;
    }
    .col-ms-push-10 {
        right: 83.33333%;
    }
    .col-ms-push-11 {
        right: 91.66667%;
    }
    .col-ms-pull-1 {
        left: 8.33333%;
    }
    .col-ms-pull-2 {
        left: 16.66667%;
    }
    .col-ms-pull-3 {
        left: 25%;
    }
    .col-ms-pull-4 {
        left: 33.33333%;
    }
    .col-ms-pull-5 {
        left: 41.66667%;
    }
    .col-ms-pull-6 {
        left: 50%;
    }
    .col-ms-pull-7 {
        left: 58.33333%;
    }
    .col-ms-pull-8 {
        left: 66.66667%;
    }
    .col-ms-pull-9 {
        left: 75%;
    }
    .col-ms-pull-10 {
        left: 83.33333%;
    }
    .col-ms-pull-11 {
        left: 91.66667%;
    }
    .col-ms-offset-1 {
        margin-right: 8.33333%;
    }
    .col-ms-offset-2 {
        margin-right: 16.66667%;
    }
    .col-ms-offset-3 {
        margin-right: 25%;
    }
    .col-ms-offset-4 {
        margin-right: 33.33333%;
    }
    .col-ms-offset-5 {
        margin-right: 41.66667%;
    }
    .col-ms-offset-6 {
        margin-right: 50%;
    }
    .col-ms-offset-7 {
        margin-right: 58.33333%;
    }
    .col-ms-offset-8 {
        margin-right: 66.66667%;
    }
    .col-ms-offset-9 {
        margin-right: 75%;
    }
    .col-ms-offset-10 {
        margin-right: 83.33333%;
    }
    .col-ms-offset-11 {
        margin-right: 91.66667%;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .container {
        max-width: 748px;
    }
}

.bootstrap-dialog .modal-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.bootstrap-dialog .bootstrap-dialog-title {
    color: #fff;
    display: inline-block;
    font-size: 1em;
}

.bootstrap-dialog .bootstrap-dialog-message {
    font-size: 14px;
}

.bootstrap-dialog .bootstrap-dialog-button-icon {
    margin-right: 3px;
}

.bootstrap-dialog .bootstrap-dialog-close-button {
    font-size: 20px;
    float: left;
}

.bootstrap-dialog .bootstrap-dialog-close-button:hover {
    cursor: pointer;
}

.bootstrap-dialog.type-default .modal-header {
    background-color: #fff;
}

.bootstrap-dialog.type-default .bootstrap-dialog-title {
    color: #333;
}

.bootstrap-dialog.type-info .modal-header {
    background-color: #5bc0de;
}

.bootstrap-dialog.type-primary .modal-header {
    background-color: #337ab7;
}

.bootstrap-dialog.type-success .modal-header {
    background-color: #5cb85c;
}

.bootstrap-dialog.type-warning .modal-header {
    background-color: #f0ad4e;
}

.bootstrap-dialog.type-danger .modal-header {
    background-color: #d9534f;
}

.bootstrap-dialog.size-large .bootstrap-dialog-title {
    font-size: 24px;
}

.bootstrap-dialog.size-large .bootstrap-dialog-close-button {
    font-size: 30px;
}

.bootstrap-dialog.size-large .bootstrap-dialog-message {
    font-size: 18px;
}

#colorbox,
#cboxOverlay,
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxWrapper {
    max-width: none;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(../../../global/images/colorbox/overlay.png) repeat 0 0;
}

#cboxMiddleleft,
#cboxBottomleft {
    clear: left;
}

#cboxContent {
    position: relative;
    background: #fff;
    overflow: hidden;
    padding: 10px;
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: 20px;
}

#cboxTitle {
    margin: 0;
    position: absolute;
    top: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    background: #fff;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#colorbox {
    outline: 0;
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 0 0 10px #bbb;
    border-radius: 12px;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxCurrent {
    position: absolute;
    top: 4px;
    left: 58px;
    color: #949494;
}

#cboxLoadingOverlay {
    background: url(../../../global/images/colorbox/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
    background: url(../../../global/images/colorbox/loading.gif) no-repeat center center;
}

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none;
}

#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
    outline: 0;
}

#cboxSlideshow {
    position: absolute;
    top: 4px;
    right: 30px;
    color: #0092ef;
}

#cboxPrevious {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../../../global/images/colorbox/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxPrevious:hover {
    background-position: -75px -25px;
}

#cboxNext {
    position: absolute;
    top: 0;
    left: 27px;
    background: url(../../../global/images/colorbox/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxNext:hover {
    background-position: -50px -25px;
}

#cboxClose {
    position: absolute;
    top: 0;
    right: 0;
    background: url(../../../global/images/colorbox/controls.png) no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxClose:hover {
    background-position: -25px -25px;
}

.cboxIE #cboxTopleft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopright,
.cboxIE #cboxBottomleft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomright,
.cboxIE #cboxMiddleleft,
.cboxIE #cboxMiddleright {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}

.rate {
    text-align: left;
    direction: ltr;
}

.page_product .rate {
    text-align: right;
}

.theme-krajee-fa .star {
    font-size: 1.1em;
}

.rating-loading {
    width: 25px;
    height: 25px;
    font-size: 0;
    color: #fff;
    border: none;
}

.rating-container .rating-stars {
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.rating-container .rating-input {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    font-size: 1px;
    border: none;
    background: none;
    opacity: 0;
    padding: 0;
    margin: 0;
}

.rating-container.is-display-only .rating-input,
.rating-container.is-display-only .rating-stars {
    cursor: default;
}

.rating-disabled .rating-input,
.rating-disabled .rating-stars {
    cursor: not-allowed;
}

.rating-container .star {
    display: inline-block;
    margin: 0 2px;
    text-align: center;
}

.rating-container .empty-stars {
    color: #aaa;
}

.rating-container .filled-stars {
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    color: #fde16d;
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-stroke: 1px #777;
}

.rating-rtl {
    float: right;
}

.rating-animate .filled-stars {
    transition: width 0.25s ease;
}

.rating-rtl .filled-stars {
    left: auto;
    right: 0;
    transition: none;
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.rating-rtl.is-star .filled-stars {
    right: 0.06em;
}

.rating-rtl.is-heart .empty-stars {
    margin-right: 0.07em;
}

.rating-container .clear-rating {
    color: #aaa;
    cursor: not-allowed;
    display: inline-block;
    vertical-align: middle;
    font-size: 60%;
}

.clear-rating-active {
    cursor: pointer !important;
}

.clear-rating-active:hover {
    color: #843534;
}

.rating-container .clear-rating {
    padding-right: 5px;
}

.rating-container .caption .label {
    display: inline-block;
    padding: .25em .4em;
    line-height: 1;
    text-align: center;
    vertical-align: baseline;
    border-radius: .25rem;
}

.rating-container .caption {
    color: #999;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.rating-container .caption {
    margin-left: 5px;
    margin-right: 0;
}

.rating-rtl .caption {
    margin-right: 5px;
    margin-left: 0;
}

@media print {
    .rating-container .clear-rating {
        display: none;
    }
}

.rating-xl {
    font-size: 48px;
}

.rating-lg {
    font-size: 40px;
}

.rating-md {
    font-size: 32px;
}

.rating-sm {
    font-size: 24px;
}

.rating-xs {
    font-size: 16px;
}

.rating-xl .caption {
    font-size: 20px;
}

.rating-lg .caption {
    font-size: 18px;
}

.rating-md .caption {
    font-size: 16px;
}

.rating-sm .caption {
    font-size: 14px;
}

.rating-xs .caption {
    font-size: 12px;
}

@font-face {
    font-family: Font1;
    font-display: swap;
    font-style: normal;
    font-weight: 10;
    src: url('../../../global/fonts/dana-thin.eot');
    src: url('../../../global/fonts/dana-thin.eot?#iefix') format('embedded-opentype'), url('../../../global/fonts/dana-thin.woff2') format('woff2'), url('../../../global/fonts/dana-thin.woff') format('woff');
}

@font-face {
    font-family: Font1;
    font-display: swap;
    font-style: normal;
    font-weight: 200;
    src: url('../../../global/fonts/dana-extralight.eot');
    src: url('../../../global/fonts/dana-extralight.eot?#iefix') format('embedded-opentype'), url('../../../global/fonts/dana-extralight.woff2') format('woff2'), url('../../../global/fonts/dana-extralight.woff') format('woff');
}

@font-face {
    font-family: Font1;
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    src: url('../../../global/fonts/dana-light.eot');
    src: url('../../../global/fonts/dana-light.eot?#iefix') format('embedded-opentype'), url('../../../global/fonts/dana-light.woff2') format('woff2'), url('../../../global/fonts/dana-light.woff') format('woff');
}

@font-face {
    font-family: Font1;
    font-display: swap;
    font-style: normal;
    font-weight: 500;
    src: url('../../../global/fonts/dana-medium.eot');
    src: url('../../../global/fonts/dana-medium.eot?#iefix') format('embedded-opentype'), url('../../../global/fonts/dana-medium.woff2') format('woff2'), url('../../../global/fonts/dana-medium.woff') format('woff');
}

@font-face {
    font-family: Font1;
    font-display: swap;
    font-style: normal;
    font-weight: 600;
    src: url('../../../global/fonts/dana-demibold.eot');
    src: url('../../../global/fonts/dana-demibold.eot?#iefix') format('embedded-opentype'), url('../../../global/fonts/dana-demibold.woff2') format('woff2'), url('../../../global/fonts/dana-demibold.woff') format('woff');
}

@font-face {
    font-family: Font1;
    font-display: swap;
    font-style: normal;
    font-weight: 750;
    src: url('../../../global/fonts/dana-ultrabold.eot');
    src: url('../../../global/fonts/dana-ultrabold.eot?#iefix') format('embedded-opentype'), url('../../../global/fonts/dana-ultrabold.woff2') format('woff2'), url('../../../global/fonts/dana-ultrabold.woff') format('woff');
}

@font-face {
    font-family: Font1;
    font-display: swap;
    font-style: normal;
    font-weight: 800;
    src: url('../../../global/fonts/dana-extrabold.eot');
    src: url('../../../global/fonts/dana-extrabold.eot?#iefix') format('embedded-opentype'), url('../../../global/fonts/dana-extrabold.woff2') format('woff2'), url('../../../global/fonts/dana-extrabold.woff') format('woff');
}

@font-face {
    font-family: Font1;
    font-display: swap;
    font-style: normal;
    font-weight: 900;
    src: url('../../../global/fonts/dana-black.eot');
    src: url('../../../global/fonts/dana-black.eot?#iefix') format('embedded-opentype'), url('../../../global/fonts/dana-black.woff2') format('woff2'), url('../../../global/fonts/dana-black.woff') format('woff');
}

@font-face {
    font-family: Font1;
    font-display: swap;
    font-style: normal;
    font-weight: bold;
    src: url('../../../global/fonts/dana-bold.eot');
    src: url('../../../global/fonts/dana-bold.eot?#iefix') format('embedded-opentype')
}

@font-face {
    font-family: Font1;
    font-display: swap;
    font-style: normal;
    font-weight: normal;
    src: url('../../../global/fonts/dana-regular.woff2') format('woff2')
}

@font-face {
    font-family: 'fjanebi';
    src: url('font/janebi.eot?imrztt');
    src: url('font/janebi.eot?imrztt#iefix') format('embedded-opentype'), url('font/janebi.ttf?imrztt') format('truetype'), url('font/janebi.woff?imrztt') format('woff'), url('font/janebi.svg?imrztt#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="janebi-"],
[class*=" janebi-"] {
    font-family: 'fjanebi' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.janebi-Group-10089-2:before {
    content: "\e900";
    color: #939393;
}

.janebi-Group-10921:before {
    content: "\e901";
    color: #939393;
}

.janebi-Path-15620:before {
    content: "\e902";
    color: #939393;
}

.janebi-Group-10932:before {
    content: "\e903";
    color: #939393;
}

.janebi-Group-10934:before {
    content: "\e904";
    color: #939393;
}

.janebi-apple:before {
    content: "\e905";
    color: #939393;
}

.janebi-camera-flash:before {
    content: "\e906";
    color: #939393;
}

.janebi-card-update-2:before {
    content: "\e907";
    color: #939393;
}

.janebi-filter-1:before {
    content: "\e908";
    color: #939393;
}

.janebi-image-add:before {
    content: "\e909";
    color: #939393;
}

.janebi-quote-4:before {
    content: "\e90a";
    color: #939393;
}

.janebi-zoom-3:before {
    content: "\e90b";
    color: #999;
}

.janebi-android-1:before {
    content: "\e90c";
    color: #939393;
}

.janebi-b-chat-3:before {
    content: "\e90d";
    color: #939393;
}

.janebi-bin-1:before {
    content: "\e90e";
    color: #939393;
}

.janebi-comment-add:before {
    content: "\e90f";
    color: #939393;
}

.janebi-e-add:before {
    content: "\e910";
    color: #939393;
}

.janebi-e-add-1:before {
    content: "\e911";
    color: #939393;
}

.janebi-Icons-1:before {
    content: "\e912";
    color: #939393;
}

.janebi-loop-30-1:before {
    content: "\e913";
    color: #939393;
}

.janebi-pen-01:before {
    content: "\e914";
    color: #939393;
}

.janebi-reply-1:before {
    content: "\e915";
    color: #939393;
}

.janebi-shield:before {
    content: "\e916";
    color: #939393;
}

.janebi-box-2-1:before {
    content: "\e917";
    color: #939393;
}

.janebi-b-preview-1:before {
    content: "\e918";
    color: #939393;
}

.janebi-long-arrow:before {
    content: "\e919";
    color: #939393;
}

.janebi-c-warning-2:before {
    content: "\e91a";
    color: #939393;
}

.janebi-data-upload:before {
    content: "\e91b";
    color: #939393;
}

.janebi-favorite-1:before {
    content: "\e91c";
    color: #fa4d55;
}

.janebi-favorite-e-1:before {
    content: "\e91d";
    color: #939393;
}

.janebi-Icons-15x15-Dark-Thumbs-Up:before {
    content: "\e91e";
    color: #939393;
}

.janebi-percent-sign:before {
    content: "\e91f";
    color: #939393;
}

.janebi-shape-star:before {
    content: "\e920";
    color: #939393;
}

.janebi-sort-tool-1:before {
    content: "\e921";
    color: #939393;
}

.janebi-c-check-4:before {
    content: "\e922";
    color: #939393;
}

.janebi-c-info-3:before {
    content: "\e923";
    color: #939393;
}

.janebi-c-warning-3:before {
    content: "\e924";
    color: #939393;
}

.janebi-delivery-fast-1:before {
    content: "\e925";
    color: #939393;
}

.janebi-img-stack:before {
    content: "\e926";
    color: #939393;
}

.janebi-logo-fb-simple:before {
    content: "\e927";
    color: #939393;
}

.janebi-logo-instagram-5:before {
    content: "\e928";
    color: #939393;
}

.janebi-logo-linkedin-2:before {
    content: "\e929";
    color: #939393;
}

.janebi-logo-twitter-5:before {
    content: "\e92a";
    color: #939393;
}

.janebi-telegram-3:before {
    content: "\e92b";
    color: #939393;
}

.janebi-t-warning-1:before {
    content: "\e92c";
    color: #939393;
}

.janebi-arrow-left-3:before {
    content: "\e92d";
    color: #939393;
}

.janebi-down-arrow:before {
    content: "\e92e";
    color: #939393;
}

.janebi-email-3:before {
    content: "\e92f";
    color: #f1c21b;
}

.janebi-e-remove-1:before {
    content: "\e930";
    color: #939393;
}

.janebi-Group-10914:before {
    content: "\e931";
    color: #939393;
}

.janebi-logo-whatsapp-1 .path1:before {
    content: "\e932";
    color: #fff;
}

.janebi-logo-whatsapp-1 .path2:before {
    content: "\e933";
    margin-left: -1em;
    color: #3ac34c;
}

.janebi-logo-whatsapp-1 .path3:before {
    content: "\e934";
    margin-left: -1em;
    color: #fff;
}

.janebi-pin-3-3:before {
    content: "\e935";
    color: #939393;
}

.janebi-small-left:before {
    content: "\e936";
    color: #939393;
}

.janebi-small-right:before {
    content: "\e937";
    color: #939393;
}

.janebi-Group-10309:before {
    content: "\e938";
    color: #939393;
}

.janebi-Group-10390:before {
    content: "\e939";
    color: #939393;
}

.janebi-Group-10555:before {
    content: "\e93a";
    color: #939393;
}

.janebi-Group-10911:before {
    content: "\e93b";
    color: #939393;
}

.janebi-Group-10912:before {
    content: "\e93c";
    color: #939393;
}

.janebi-Group-10913:before {
    content: "\e93d";
    color: #939393;
}

.janebi-Group-10930:before {
    content: "\e93e";
    color: #939393;
}

.janebi-Group-10931:before {
    content: "\e93f";
    color: #939393;
}

.janebi-Group-10933:before {
    content: "\e940";
    color: #939393;
}

.janebi-Group-10935:before {
    content: "\e941";
    color: #939393;
}

.janebi-Group-10936:before {
    content: "\e942";
    color: #939393;
}

.janebi-Path-15703:before {
    content: "\e943";
    color: #939393;
}

.janebi-Group-10296:before {
    content: "\e944";
    color: #939393;
}

.janebi-Group-10298:before {
    content: "\e945";
    color: #939393;
}

.janebi-Group-10303:before {
    content: "\e946";
    color: #939393;
}

.janebi-Group-10926:before {
    content: "\e947";
    color: #939393;
}

.janebi-Group-10927:before {
    content: "\e948";
    color: #939393;
}

.janebi-Group-10928:before {
    content: "\e949";
    color: #939393;
}

.janebi-Group-10929:before {
    content: "\e94a";
    color: #939393;
}

.janebi-Path-15663:before {
    content: "\e94b";
    color: #939393;
}

.janebi-Group-10087:before {
    content: "\e94c";
    color: #939393;
}

.janebi-Group-10101:before {
    content: "\e94d";
    color: #939393;
}

.janebi-Group-10106:before {
    content: "\e94e";
    color: #939393;
}

.janebi-Group-10109:before {
    content: "\e94f";
    color: #939393;
}

.janebi-Group-10110:before {
    content: "\e950";
    color: #939393;
}

.janebi-Group-10922:before {
    content: "\e951";
    color: #939393;
}

.janebi-Group-10923:before {
    content: "\e952";
    color: #939393;
}

.janebi-Group-10924:before {
    content: "\e953";
    color: #939393;
}

.janebi-Group-10925:before {
    content: "\e954";
    color: #939393;
}

.janebi-Path-15631:before {
    content: "\e955";
    color: #939393;
}

.janebi-Path-15662:before {
    content: "\e956";
    color: #939393;
}

.janebi-Group-6941:before {
    content: "\e957";
    color: #939393;
}

.janebi-Group-6965:before {
    content: "\e958";
    color: #939393;
}

.janebi-Group-6988:before {
    content: "\e959";
    color: #939393;
}

.janebi-Group-6995:before {
    content: "\e95a";
    color: #939393;
}

.janebi-Group-7015:before {
    content: "\e95b";
    color: #939393;
}

.janebi-Group-10088:before {
    content: "\e95c";
    color: #939393;
}

html.dir_ltr,
.dir_ltr body {
    direction: ltr;
    text-align: left;
}

.toolbar_on.mode_desktop .page {
    padding-top: 50px;
}

.toolbar_on.mode_mobile .page {
    padding-top: 100px;
}

.container-wide {
    padding-right: 15px;
    padding-left: 15px;
}

.mode_mobile .container-wide {
    padding-right: 0;
    padding-left: 0;
}

.mode_mobile .container-wide>.row {
    margin-left: 0;
    margin-right: 0;
}

.mode_mobile .container-wide>.row>.widget-column {
    padding-right: 0;
    padding-left: 0;
}

img {
    border: 0;
}

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

small,
.small {
    font-size: 11px;
}

hr.line {
    margin: 5px 0;
    height: 2px;
    border: 0;
}

.rtl {
    direction: rtl;
    text-align: right;
}

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

.red,
.red.a {
    color: #f00 !important;
}

.green {
    color: green !important;
}

.yellow {
    color: #f4e4b7;
}

.black {
    color: #000;
}

.kred {
    color: red;
}

.blink {
    text-decoration: blink;
}

.bold {
    font-weight: bold;
}

.left {
    float: left;
}

.right {
    float: right;
}

.middle {
    vertical-align: middle;
}

.center {
    text-align: center;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
}

.opaque {
    opacity: 0.5;
}

.chars_remaining {
    width: 100px;
}

.require {
    float: right;
    background: red;
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    padding: 0 3px;
    border: 1px red solid;
    border-radius: 3px;
}

.dir_ltr .require {
    float: left;
}

#loading {
    display: none;
    background: red url(../../../global/images/loading.gif) 5px 5px no-repeat;
    color: #fff;
    font: bold 15px Arial;
    top: 0;
    left: 50%;
    width: 110px;
    height: 28px;
    line-height: 25px;
    margin-left: -90px;
    overflow: auto;
    padding-left: 30px;
    position: fixed;
    z-index: 1032;
    border-radius: 0 0 8px 8px;
    text-align: left;
    direction: ltr;
}

.printable {
    display: none;
}

#debug {
    display: none;
    background: none repeat scroll 0 0 #ff0;
    color: #000;
    font: normal 13px/17px tahoma;
    left: 0;
    overflow: auto;
    padding: 5px;
    position: fixed;
    top: 0;
    width: auto;
    z-index: 1034;
}

noscript {
    background: red;
    color: #fff;
    text-decoration: blink;
    font: bold 24px Arial;
    left: 0;
    padding: 5px 0;
    position: fixed;
    direction: rtl;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1033;
}

.trans {
    transition: all 0.2s ease-out;
}

.mini_shadow {
    border-radius: 5px;
    box-shadow: 1px 1px 1px #888;
}

#mini_page {
    text-align: justify;
    background: #fff;
    padding: 20px;
}

#mini_message {
    background: #fff;
}

#side_right:empty,
#side_left:empty {
    display: none !important;
}

#side_top,
#side_bottom {
    clear: both;
}

#config_theme {
    position: fixed;
    left: -2px;
    top: 2px;
    z-index: 9999;
}

#reload_theme {
    position: fixed;
    left: -2px;
    top: 26px;
    z-index: 9999;
}

blockquote {
    font-size: inherit;
}

.fill,
.banner {
    width: 100%;
    height: 100%;
    display: block;
}

.fill img,
.banner img {
    max-width: 100%;
}

.navbar-brand {
    background: url('../../../global/images/shopfa.png') center no-repeat;
    background-size: 32px;
    width: 32px;
    height: 32px;
    margin-right: 8px;
}

.dir_ltr .navbar-brand {
    margin-right: auto;
    margin-left: 8px;
}

.dir_ltr .dropdown-menu {
    text-align: left;
}

.dir_ltr .navbar-brand {
    float: left;
}

.mode_mini body {
    background: #fff;
}

form label {
    text-align: right;
}

form label .label {
    float: left !important;
    margin-top: 6px;
}

table label {
    display: block;
}

div.mce-fullscreen {
    top: 0 !important;
    z-index: 1039;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 0px;
}

::-webkit-scrollbar-button:vertical:increment {
    background-color: #fff;
}

::-webkit-scrollbar-track-piece {
    background-color: #eee;
}

::-webkit-scrollbar-thumb:vertical {
    background-color: #555;
    cursor: pointer;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 50px;
    background-color: #ddd;
}

::-moz-selection {
    color: #fff;
    background: #2196f3;
}

::selection {
    color: #fff;
    background: #2196f3;
}

.sup-label:after {
    color: #fff;
    font: normal 9px/11px tahoma;
    padding: 0px 2px 2px;
    border-radius: 2px;
    background-color: grey;
    margin-right: 4px;
}

.sup-label.sup-new:after {
    content: 'جدید';
    background-color: red;
}

.sup-label.sup-soon:after {
    content: 'به زودی';
}

.tooltip {
    font: normal 12px Font1, Arial;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}

.site-recache.recache-red {
    background: red;
}

.site-recache.recache-green {
    background: green;
}

.site-recache i {
    color: #fff !important;
}

.page_tag .tags a {
    font: normal 12px Font1, Arial;
    padding: 5px 10px;
    display: block;
    float: right;
}

.page_tag .tags a span {
    padding: 0 2px;
    margin-right: 2px;
}

.page_sitemap #box_site_map ul {
    margin-right: 50px;
}

.licence-area {
    float: left;
}

#shopfa_license {
    float: left;
}

.pageslist {
    margin: 10px 0;
    padding: 0;
    clear: both;
    text-align: center;
}

.pageslist .btn {
    font-family: Arial;
    padding: 10px 16px;
}

.box,
.widget {
    margin-bottom: 20px;
    clear: both;
}

.box img,
.widget img {
    max-width: 100%;
    height: auto;
}

.sidelist li {
    list-style-type: disc;
    margin-right: 15px;
}

.sidelist li a {
    display: block;
    padding-top: 5px;
}

.sides #side_right:empty,
.sides #side_left:empty,
.sides #side_top:empty,
.sides #side_bottom:empty {
    display: none !important;
}

.sides #side_top,
.sides #side_bottom {
    clear: both;
}

ol li {
    list-style-type: decimal;
}

.module_contact .comment_reply {
    display: none;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
    }
}

.pre-debug {
    z-index: 999999;
    position: relative;
}

input[type='text'],
input[type='number'],
textarea {
    font-size: 16px !important;
}

body {
    font-family: Font1, Arial;
    margin: 0 auto;
}

.mode_desktop body {
    font-size: 16px;
}

.mode_mobile body {
    font-size: 13px;
}

.container-fluid {
    max-width: 1676px;
}

a {
    text-decoration: none;
    outline: none;
}

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

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
    margin: 0;
    text-align: right;
}

h1,
.h1 {
    font: bold 1.2em/1.4em Font1, Arial;
}

h2,
.h2 {
    font: bold 1.2em/1.7em Font1, Arial;
}

h3,
.h3 {
    font: bold 1.1em/2.5em Font1, Arial;
}

h4,
.h4 {
    font: bold 1em/2em Font1, Arial;
}

label {
    font: normal 1em/2em Font1, Arial;
}

.btn-readmore {
    margin: 20px auto;
    text-align: center;
    font-weight: bold;
    display: block;
}

.btn-readmore.closed {
    margin: -100px auto 30px;
    text-align: center;
    font-weight: bold;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    padding: 100px 0 0 0;
    z-index: 9999;
    position: relative;
}

.text-area {
    font: normal 1em/2em Font1, Arial;
}

.text-area h1,
.text-area .h1 {
    font: bold 1.5em/2em Font1, Arial;
}

.text-area h2,
.text-area .h2 {
    font: bold 1.2em/3em Font1, Arial;
}

.text-area h3,
.text-area .h3 {
    font: bold 1.1em/2.5em Font1, Arial;
}

.text-area h4,
.text-area .h4 {
    font: bold 1em/2em Font1, Arial;
}

.text-area ul {
    margin: -10px 0 25px 0;
    padding: 0;
    padding-right: 35px;
    list-style-type: circle !important;
    list-style: inherit;
}

.text-area ol {
    list-style: inherit;
    margin: -10px 0 25px;
    padding: 0;
    padding-right: 35px;
}

.text-area ol li {
    list-style-type: decimal;
}

.text-area li {
    list-style-type: circle;
}

.text-area p {
    font: normal 1em/2em Font1, Arial;
    margin: 0 0 1.1em;
    padding: 0;
    text-align: justify;
}

.text-area p.center {
    text-align: center !important;
}

.text-area p video {
    max-width: 100%;
}

.text-area video {
    max-width: 100%;
}

.text-area a {
    color: #1ca2bd;
}

.text-area a:hover {
    color: #007bff;
}

.text-area .table td p {
    margin: 0;
}

.text-area blockquote {
    border-right: 5px solid #eee;
    border-left: 0;
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
}

.text-area blockquote p {
    margin: 0;
}

.logo .image {
    width: 190px;
    height: 50px;
    float: right;
}

.logo .image img {
    width: 190px;
    height: 50px;
}

.logo .title {
    display: none;
}

.btn-custom {
    outline: 0 !important;
    color: #000;
    background-color: #eee;
    border-color: #ccc;
}

.btn-custom:focus,
.btn-custom.focus {
    color: #000;
    background-color: #d5d5d5;
    border-color: #8c8c8c;
}

.btn-custom:hover {
    color: #000;
    background-color: #d5d5d5;
    border-color: #adadad;
}

.btn-custom:active,
.btn-custom.active,
.open>.dropdown-toggle.btn-custom {
    color: #000;
    background-color: #d5d5d5;
    border-color: #adadad;
}

.btn-custom:active:hover,
.btn-custom:active:focus,
.btn-custom:active.focus,
.btn-custom.active:hover,
.btn-custom.active:focus,
.btn-custom.active.focus,
.open>.dropdown-toggle.btn-custom:hover,
.open>.dropdown-toggle.btn-custom:focus,
.open>.dropdown-toggle.btn-custom.focus {
    color: #000;
    background-color: #c3c3c3;
    border-color: #8c8c8c;
}

.btn-custom:active,
.btn-custom.active,
.open>.dropdown-toggle.btn-custom {
    background-image: none;
}

.btn-custom.disabled:hover,
.btn-custom.disabled:focus,
.btn-custom.disabled.focus,
.btn-custom[disabled]:hover,
.btn-custom[disabled]:focus,
.btn-custom[disabled].focus,
fieldset[disabled] .btn-custom:hover,
fieldset[disabled] .btn-custom:focus,
fieldset[disabled] .btn-custom.focus {
    background-color: #eee;
    border-color: #ccc;
}

.btn-custom .badge {
    color: #eee;
    background-color: #000;
}

.search-area {
    position: relative;
}

.live-result {
    display: none;
    position: absolute;
    top: 36px;
    right: 1px;
    left: 1px;
    background-color: #fff;
    z-index: 1001;
    box-shadow: 1px 4px 3px 0px rgba(157, 159, 161, 0.5);
    max-height: 300px;
    text-align: right;
    overflow-y: scroll;
}

.live-result:empty {
    display: none !important;
}

.live-result::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

.live-result li a {
    padding: 5px 15px;
    line-height: 28px;
    border-bottom: 0;
    box-shadow: 0 1px 0 0 #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.live-result li a img {
    width: 54px;
    margin-left: 15px;
}

.live-result li a span {
    font-size: 14px;
    line-height: 22px;
}

.live-search.input-lg+.live-result {
    top: 45px;
}

.live-search.input-sm+.live-result {
    top: 29px;
}

.result-list li {
    border-bottom: 1px solid #ccc;
    border-right: solid 1px transparent;
    border-left: solid 1px transparent;
    padding: 5px;
}

.result-list li .h3 {
    font: bold 18px/36px Font1, Arial;
}

.result-list li span {
    float: left;
    font: normal 12px Font1, Arial;
    color: #86a90f;
}

.result-list li:first-child {
    border-top: 1px solid #ccc;
}

.result-list li:hover {
    background: #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

.mode_mobile .live-result {
    top: 50px;
    right: -15px;
    left: -15px;
    box-shadow: 1px 4px 3px 0px rgba(157, 159, 161, 0.5);
}

.mode_mobile .live-result li a {
    padding: 5px 15px;
    line-height: 28px;
    border-bottom: 0;
    box-shadow: 0 1px 0 0 #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.mode_mobile .live-result li a img {
    width: 36px;
}

.mode_mobile .live-result li a span {
    font-size: 14px;
    line-height: 18px;
}

.block {
    overflow: hidden;
}

.block .header {
    overflow: hidden;
}

.block .header span {
    font: bold 16px/36px Font1, Arial;
}

.breadcrumbs {
    padding: 16px 0;
    color: #2e343b;
    font-size: 12px;
    line-height: 18px;
}

.breadcrumbs a {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    text-align: right;
    color: #7e7e7e;
}

.breadcrumbs .nav-arrow {
    color: #cfcfcf;
    margin: 0 7px;
    background-image: url("img/arrow-bread.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
    padding: 4px;
}

.breadcrumbs .nav-arrow:before {
    content: "";
}

.breadcrumbs .nav-arrow:first-child {
    display: none;
}

.mode_mobile .breadcrumbs {
    padding: 12px 15px;
    margin-bottom: 0px;
}

.mode_mobile .breadcrumbs .breadcrumb {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 0px;
    background: transparent;
    padding: 12px 5px;
}

.mode_mobile .breadcrumbs .breadcrumb li {
    display: inline-block;
    align-items: center;
    white-space: nowrap;
    vertical-align: middle;
    list-style-type: unset;
}

.mode_mobile .breadcrumbs .breadcrumb li:before {
    content: "";
    padding: 0;
}

.mode_mobile .breadcrumb-item+.breadcrumb-item {
    padding-right: 0;
}

.mode_mobile .breadcrumbs .breadcrumb::-webkit-scrollbar {
    height: 2px;
}

#comments .comments-box {
    padding: 0 24px 44px;
}

#comments .comment {
    margin-bottom: 32px;
    clear: both;
    border-bottom: 1px solid #e6e6e6;
}

#comments .comment:last-child {
    border-bottom: 0;
}

#comments .comment:first-child .comments-box {
    padding-top: 24px;
}

#comments ul {
    border-radius: 4px;
    background-color: #fafafa;
}

#comments .comment_name {
    display: flex;
    justify-content: space-between;
}

#comments .comment_name .comment_name_inner {
    display: flex;
    align-items: baseline;
}

#comments .comment_vote {
    float: left;
    display: block;
}

#comments .comment_message {
    clear: both;
    font-size: 14px;
    font-weight: normal;
    line-height: 23px;
    text-align: right;
    color: #2e343b;
    padding-top: 16px;
}

#comments .comment_options {
    padding: 0;
    float: left;
    visibility: hidden;
}

#comments .comment_options .btn-group {
    margin-right: 5px;
}

#comments .comment_options {
    float: left;
    position: relative;
    width: 100%;
}

.mode_mobile #comments .comment_options {
    visibility: visible !important;
}

#comments .comment_options .btn {
    margin-right: 5px;
    font-size: 14px;
    font-weight: bold;
    line-height: 2.07;
    color: #000;
    border-color: #ccc;
    padding: 0 10px;
    border-radius: 4px;
    position: relative;
}

#comments .comment_options .btn i {
    line-height: 31px;
}

#comments .comment_options .btn:hover {
    background-color: #0089ff;
    color: #fff;
}

#comments .comment_author .author-title {
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    color: #2e343b;
    display: block;
}

#comments .comment_author .author-title span {
    display: inline;
    padding: 3px 10px;
    border-radius: 13px;
    background-color: rgba(0, 137, 255, 0.1);
    font-size: 12px;
    line-height: 18px;
    margin-right: 14px;
    color: #0089ff;
}

#comments .comment_author a {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: normal;
    text-align: right;
    color: #7e7e7e;
    display: block;
    margin-top: 8px;
}

#comments .comment_author span,
#comments .comment_author a {
    display: block;
}

#comments .rating-section {
    margin-left: 24px;
}

#comments .comment_name_inner_btn {
    display: flex;
    align-items: center;
}

#comments .comment_name_inner_btn .like-section {
    width: 120px;
    height: 30px;
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    text-align: center;
    display: inline-block;
    position: relative;
}

#comments .comment_name_inner_btn .like-section:after {
    padding: .5px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 50%;
    background: #e6e6e6;
    content: "";
}

#comments .comment_name_inner_btn .like-section a {
    font-size: 14px;
    line-height: 36px;
    display: inline-block;
    width: 45%;
}

#comments .comment_name_inner_btn .like-section a i:before {
    color: #ccc;
}

#comments .comment_name_inner_btn .like-section a span {
    font-size: 12px;
    color: #2e343b;
    line-height: 18px;
    margin: 0 5px;
    position: relative;
    top: -1px;
}

#comments .comment_name_inner_btn .like-section a.dislike i:before {
    color: #fa4d55;
}

#comments .comment_name_inner_btn .like-section .btn {
    background: transparent;
    padding: 0;
    border: 0;
    opacity: 1;
    box-shadow: none;
}

#comments .comment_name_inner_btn .comment_reply {
    border: 0;
    font-size: 12px;
    color: #2e343b;
    padding: 0;
    margin-left: 22px;
}

#comments .comment_name_inner_btn .comment_reply:focus {
    box-shadow: none;
}

#comments .comment_name_inner_btn .comment_reply i {
    color: #939393;
    font-size: 16px;
    margin-left: 6px;
}

#comments .comment_name_inner_btn .comment_reply:hover {
    background: transparent;
    border: 0;
}

#comment_form {
    padding: 5px;
    margin: 0;
}

#comment_form td {
    padding: 5px 10px;
    border: none;
    vertical-align: top;
}

#comment_form #reply_to p {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}

#comment_form #reply_to .btn.cancel_reply {
    padding: 5px 15px;
    font-size: 14px;
}

.mode_mobile #comment_form #reply_to p {
    font-size: 12px;
}

.mode_mobile #comment_form #reply_to .btn.cancel_reply {
    font-size: 12px;
}

#comment_note {
    font-size: 0.8em;
}

#comment_note li {
    list-style-type: square;
    margin-right: 1em;
}

#comment_note:empty {
    display: none;
}

#comment_title {
    padding: 32px 0 0;
    margin-bottom: 32px;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    text-align: right;
    color: #2e343b;
}

#comment_title:before {
    content: "";
    background-image: url("img/description-title.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 0 10px;
    margin-left: 16px;
}

#comment_form label {
    font-size: 13px;
    line-height: 19px;
    color: #7e7e7e;
    margin-bottom: 16px;
}

#comment_form input {
    height: 40px;
    border-radius: 4px;
    border: solid 1px #e6e6e6;
}

#comment_form textarea.form-control {
    height: 134px;
    border-radius: 4px;
    border: solid 1px #e6e6e6;
}

#comment_form #save_comment {
    padding: 10px 30px 9px 31px;
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 137, 255, 0.32);
    background-color: #0089ff;
    height: 40px;
    font-size: 14px;
    line-height: 21px;
    float: left;
}

.mode_mobile #box_product_details #comments>li>ul li {
    margin-bottom: 25px;
}

#share-box {
    display: none;
    width: 100%;
    max-width: 660px;
    text-align: right;
}

#share-box .share li {
    display: inline-block;
    font-size: 1.4em;
    margin: 5px;
}

#share-box .share li a {
    color: #fff;
    width: 42px;
    height: 42px;
    border-radius: 5px;
    display: block;
    text-align: center;
    line-height: 45px;
}

#share-box .share .facebook {
    background: #3b5998;
}

#share-box .share .twitter {
    background: #1da1f2;
}

#share-box .share .linkedin {
    background: #0077b5;
}

#share-box .share .telegram {
    background: #08c;
}

#share-box .share .whatsapp {
    background: #25d366;
}

#share-box .share .pinterest {
    background: #e61b27;
}

#share-box .share span {
    display: none;
}

#share-box .short-link {
    min-width: 90%;
    border: none;
    background: transparent;
}

#share-box .short-link:focus {
    outline: none;
}

#share-box .short-link-msg {
    line-height: 2em;
    float: left;
}

.social {
    text-align: center;
}

.social li {
    display: inline-block;
}

.social li a {
    display: block;
    opacity: 0.9;
}

.social li a.icon-telegram {
    color: #2da5e1;
}

.social li a.icon-facebook {
    color: #204385;
}

.social li a.icon-whatsapp {
    color: #01e675;
}

.social li a.icon-google_plus {
    color: #d3492c;
}

.social li a.icon-twitter {
    color: #2aa9e0;
}

.social li a.icon-instagram {
    color: #02669a;
}

.social li a.icon-youtube {
    color: #eb2429;
}

.social li a.icon-linkedin {
    color: #02669a;
}

.social li a.icon-rss {
    color: #ffa500;
}

.social li a.icon-email {
    color: #e75a4d;
}

.social li a.icon-social:hover {
    opacity: 1;
}

.fa-aparat {
    background: transparent url(../img/aparat.svg) center center no-repeat;
    background-size: contain;
    height: 17px;
}

@media (max-width: 767px) {
    header .social {
        float: none;
    }
}

#gotop {
    position: fixed;
    bottom: 35px;
    right: 50px;
    z-index: 999;
    display: none;
}

#gotop a {
    display: inline-block;
    width: 10px;
    line-height: 1;
    font-size: 10px;
    box-sizing: content-box;
}

#gotop a i {
    transition: 250ms linear all;
}

@media (max-width: 767px) {
    #gotop {
        bottom: 0;
        right: 0;
    }
}

.user-area {
    width: auto;
    float: left;
    position: relative;
}

.user-area .user-toggle {
    cursor: pointer;
}

.user-area .user-menu {
    display: none;
    position: absolute;
    z-index: 101;
    left: 0px;
    cursor: auto;
    width: 200px;
    top: 100%;
}

.menu-3 {
    list-style: none;
    font: normal 15px/20px Font1, Arial;
}

.menu-3 .sf-arrow {
    position: absolute;
    left: 0.4em;
    font-size: 0.8em;
    line-height: 1.7em;
    width: 1em;
}

.menu-3 a {
    display: block;
    position: relative;
    transition: background .2s;
}

.menu-3 li {
    position: relative;
}

.menu-3 li:hover>ul,
.menu-3 li.hover>ul {
    display: block;
}

.menu-3 li.hover {
    transition: none;
}

.menu-3>li>a:hover {
    outline: 0;
}

.menu-3>li>a:focus,
.menu-3>li>a:active,
.menu-3>li>a.active {
    outline: 0;
}

.menu-3 ul li ul li a {
    padding-right: 30px;
}

.menu-3 li a {
    position: static;
    display: block;
    width: auto;
}

.menu-3 li a span {
    font-size: 10px;
}

.menu-3 li a.sf-with-ul:after {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    border-width: 5px;
    border-style: solid;
    position: absolute;
    top: 12px;
    left: 10px;
    display: none;
}

.menu-3 li ul {
    box-shadow: none;
    position: static;
    width: auto;
    border-radius: 0;
    box-sizing: content-box;
}

.menu-3 .grower {
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 16px;
    padding: 7px;
}

.menu-2 .sf-with-ul {
    padding-left: 2em !important;
    position: relative;
}

.menu-2 .sf-with-ul:after {
    left: 2px;
}

.menu-2 .sf-arrow {
    position: absolute;
    left: 1em;
    top: 12px;
    line-height: 1.5em !important;
}

.-menu-2 {
    font: normal 15px/25px Font1, Arial;
}

.-menu-2>li {
    float: right;
    transition: all 200ms ease-in-out;
}

.-menu-2>li>a {
    display: block;
}

.-menu-2>li>a>i {
    vertical-align: middle !important;
    padding-right: 5px;
}

.-menu-2>li .fa-lg {
    margin-left: 5px;
}

.-menu-2.three-level>li>ul {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 1555000;
    transform: translateY(15px);
    transition: all 200ms ease-in-out;
}

.-menu-2.three-level>li>ul>li {
    float: right;
    width: auto;
    border: 0;
    padding: 0;
}

.-menu-2.three-level>li>ul>li>a {
    display: inline-block;
    position: relative;
}

.-menu-2.three-level>li>ul>li>a:after {
    content: '';
    position: absolute;
    bottom: -2px;
    right: 50%;
    margin-right: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 8px;
    border-color: transparent transparent #848484;
    opacity: 0;
    visibility: hidden;
    transition: all 200ms ease-in-out;
}

.-menu-2.three-level>li>ul>li:hover>a:after {
    opacity: 1;
    visibility: visible;
}

.-menu-2.three-level>li>ul>li:hover:before {
    background-color: #8dc643;
}

.-menu-2.three-level>li>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
}

.-menu-2.three-level>li>ul>li:nth-child(5n.-menu-2.three-level>li>ul>li+1) {
    border-left: 0;
}

.-menu-2.three-level>li>ul>li>ul {
    position: absolute;
    top: 100%;
    right: 0;
    padding: 8px 20px;
    background-color: #f8f8f8;
    width: 100%;
    border-top: 1px solid #e7e7e7;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    background-repeat: no-repeat;
    background-position: 1% 90%;
    background-image: inherit;
    min-height: 280px;
    visibility: hidden;
    opacity: 0;
    transition: all 200ms ease-in-out;
}

.-menu-2.three-level>li>ul>li>ul>li {
    float: right;
    width: 25%;
}

.-menu-2.three-level>li>ul>li.dw-top {
    color: #393939;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.-menu-2.three-level>li>ul>li.dw-top:before {
    content: none;
}

.-menu-2.three-level>li>ul>li.dw-top>.fa-list-ul {
    color: #f2757b;
    margin-left: 5px;
}

.-menu-2.three-level>li>ul>li.dw-top>span {
    color: #f2757b;
}

.-menu-2.three-level>li:hover>ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

ul.ulbg {
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 25%;
}

.basket-menu {
    background: #fff;
}

.basket-menu #basket ul.basket-items {
    color: #000;
}

.basket-menu #basket ul.basket-items li .item {
    margin-bottom: 0;
    padding: 5px 0;
    border-bottom: 1px solid #e1e1e1;
}

.basket-menu #basket ul.basket-items li .item .btn.btn-delete i {
    position: relative;
}

.basket-menu #basket .btn-custom {
    font-size: 1.2em;
}

.basket-menu #basket .sum_basket_title {
    color: #000;
}

.main-menu-inner {
    position: relative;
    background-color: #0089ff;
    border-radius: 5px 5px 0 0;
}

.cats-menu {
    display: inline-block;
}

.cats-menu .cat-menu-toggle {
    width: 185px;
    height: 40px;
    padding: 8px 11px 8px 15px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.cats-menu .cat-menu-toggle span {
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    letter-spacing: normal;
    text-align: right;
    color: #fff;
}

.cats-menu .cat-menu-toggle .fa-bars {
    margin-left: 9px;
    background-image: url("img/menu.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
    padding: 12px;
}

.cats-menu .cat-menu-toggle .fa-bars:before {
    content: "";
}

.cats-menu .cat-menu-toggle:before {
    position: absolute;
    opacity: 0;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    border-radius: 2px;
    background-color: ;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cats-menu .cats-menu-count {
    position: absolute;
    background: #fff;
    width: 739px;
    top: 62px;
    right: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 40;
    box-shadow: 0 3px 20px 0 rgba(94, 100, 114, 0.08);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: all 0s ease;
    transition-delay: 0s;
}

.cats-menu ul#menu_header {
    width: 183px;
    float: right;
    background-color: #fff;
    border-left: solid 1px #e6e6e6;
}

.cats-menu ul#menu_header>li {
    padding: 0;
    padding-left: 0;
}

.cats-menu ul#menu_header>li a {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: right;
    color: #2e343b;
    padding: 7.5px 14px;
    line-height: 25px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: block;
}

.cats-menu ul#menu_header>li a i {
    margin-left: 12px;
}

.cats-menu ul#menu_header>li>ul {
    position: absolute;
    top: 0;
    z-index: 30;
    left: 0;
    bottom: 0;
    width: 600px;
    right: 185px;
    background: #fff;
    padding: 6px 24.5px;
    opacity: 0;
    visibility: hidden;
    border-bottom-right-radius: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.cats-menu ul#menu_header>li>ul>li {
    float: right;
    width: 33%;
    position: relative;
    padding: 0;
}

.cats-menu ul#menu_header>li>ul>li a {
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: right;
    color: #2e343b;
    line-height: 16px;
    padding: 0;
}

.cats-menu ul#menu_header>li>ul>li>a {
    margin-bottom: 5px;
}

.cats-menu ul#menu_header>li>ul>li>ul {
    right: 0;
    left: 0;
    width: 100%;
    padding: 0;
    top: 23px;
}

.cats-menu ul#menu_header>li>ul>li>ul>li {
    display: block;
    width: 100%;
    margin: 0;
}

.cats-menu ul#menu_header>li>ul>li>ul>li a {
    font-weight: normal;
    padding: 5px 0;
}

#menu_header a {
    transition: all .3s;
}

#menu_header a span.sf-arrow:before {
    transition: all .3s;
}

#menu_header>li.hover>a {
    color: #0089ff !important;
    background: #fafafa;
}

#menu_header>li.hover>a span.sf-arrow:before {
    content: "\f104";
}

#menu_header>li.hover ul li:hover>a {
    color: #0089ff;
}

.cats-menu:hover .cat-menu-toggle:before {
    opacity: 1;
}

.cats-menu:hover .cats-menu-count {
    top: 40px;
    opacity: 1;
    visibility: visible;
    transition-duration: 0.2s;
    transition-delay: 0.2s;
}

.cats-menu:hover ul#menu_header>li:first-child>ul {
    opacity: 1;
    visibility: visible;
}

.cats-menu:hover ul#menu_header li:hover>ul {
    opacity: 1;
    visibility: visible;
}

.cats-menu:hover ul#menu_header:hover>li:first-child ul {
    opacity: 0;
    visibility: hidden;
}

.cats-menu:hover ul#menu_header:hover>li:hover:first-child ul {
    opacity: 1;
    visibility: visible;
}

.ul-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #e6e6e6;
    margin-bottom: 14px;
    padding-bottom: 5px;
    padding-top: 7px;
}

.ul-title .link-title {
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: normal;
    text-align: right;
    color: #2e343b;
}

.ul-title .more-items {
    background: #fff !important;
    font-size: 12px;
    font-weight: normal;
    line-height: 17px;
    color: #7e7e7e !important;
    padding: 0;
}

.ul-title .more-items i {
    line-height: 17px;
    font-weight: bold;
    margin-left: 0;
    position: relative;
    top: 2px;
    margin-right: 7.5px;
}

.ul-title .more-items:hover {
    color: #0089ff !important;
}

.cats-menu-count>ul>li>ul>li>a {
    pointer-events: none;
    cursor: default;
}

.cats-menu-count>ul>li>ul {
    overflow-y: hidden;
}

.cats-menu-count>ul>li>ul .cats-menu>ul>li>ul {
    visibility: visible;
    opacity: 1;
}

.menu-3 a {
    padding: 7px 0;
    line-height: 17px;
    font-size: 14px;
    color: #2e343b;
}

.menu-3 ul {
    background: #fff;
    padding-right: 10px;
}

.menu-3 .grower:before {
    color: #939393;
    font-family: "fjanebi";
    font-size: 12px;
    font-weight: 300;
}

.menu-3 .grower.close-menu:before {
    content: "\e910";
}

.menu-3 .grower.open-menu:before {
    content: "\e911";
}

#box_block_menu .menu-3 ul li ul li a {
    padding-right: 0;
}

.pages .thumb {
    overflow: hidden;
    text-align: center;
    position: relative;
    margin-bottom: 0.5em;
}

.pages .thumb .image {
    display: block;
}

.pages .thumb .image img {
    width: 100%;
    height: auto;
    opacity: 1;
}

.pages .thumb .title h2 {
    overflow: hidden;
    line-height: 1.5em;
    font-size: 1em;
    display: block;
    padding: 1em;
    text-align: center;
}

.gallery .thumb {
    overflow: hidden;
    text-align: center;
    position: relative;
    background: #fff;
    border-radius: 2px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    padding: 10px;
    padding: 18px 12px 13px 13px;
    border-radius: 4px;
    border: solid 1px #e6e6e6;
}

.gallery .thumb .image {
    display: block;
}

.gallery .thumb .image img {
    width: 100%;
    height: auto;
    opacity: 1;
}

.gallery .thumb .title h2 {
    overflow: hidden;
    line-height: 1.5em;
    font-size: 1em;
    display: block;
    margin: 0;
    text-align: center;
}

.gallery.slick-slider .thumb {
    margin: 0 15px 0;
}

.gallery.slick-slider .thumb .title h2 {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: center;
    color: #2e343b;
    padding: 10px 0 0;
}

.mode_mobile .gallery.slick-slider {
    margin: 0 -7px;
    overflow: unset;
}

.mode_mobile .gallery.slick-slider .thumb {
    margin: 0 5px 0;
    overflow: unset;
}

.content,
.widget {
    text-align: justify;
}

.content .header,
.widget .header {
    display: block;
}

.content .header .title,
.widget .header .title {
    width: auto;
    float: right;
}

.content .header .subtitle,
.widget .header .subtitle {
    float: left;
    text-align: right;
    width: auto;
    margin: 0;
    line-height: 3em;
}

.content .header .subtitle form,
.widget .header .subtitle form {
    margin: 0;
}

.content .header .subtitle input,
.content .header .subtitle select,
.widget .header .subtitle input,
.widget .header .subtitle select {
    padding: 4px;
    background-color: #fff !important;
}

.content .header .subtitle .btn,
.widget .header .subtitle .btn {
    margin: 0px;
}

.content .body,
.widget .body {
    text-align: justify;
}

.mode_desktop .content {
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white);
    overflow: hidden;
}

.mode_mobile .content {
    padding: 0 15px;
}

#share-box-2 {
    display: none;
    width: 100%;
    max-width: 660px;
    text-align: right;
}

#share-box-2 .share li {
    display: inline-block;
    font-size: 1.4em;
    margin: 5px;
}

#share-box-2 .share li a {
    color: #fff;
    width: 42px;
    height: 42px;
    border-radius: 5px;
    display: block;
    text-align: center;
    line-height: 45px;
}

#share-box-2 .share .facebook {
    background: #3b5998;
}

#share-box-2 .share .twitter {
    background: #1da1f2;
}

#share-box-2 .share .linkedin {
    background: #0077b5;
}

#share-box-2 .share .telegram {
    background: #08c;
}

#share-box-2 .share .whatsapp {
    background: #25d366;
}

#share-box-2 .share .pinterest {
    background: #e61b27;
}

#share-box-2 .share span {
    display: none;
}

#share-box-2 .short-link {
    min-width: 90%;
    border: none;
    background: transparent;
}

#share-box-2 .short-link:focus {
    outline: none;
}

#share-box-2 .short-link-msg {
    line-height: 2em;
    float: left;
}

.article {
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white);
    overflow: hidden;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.article .article-body {
    padding: 75px 0;
    flex-grow: 2;
    flex-basis: 85%;
}

.article:before,
.article:after {
    content: "";
    flex-grow: 1;
    flex-basis: 7.5%;
}

.article .header .title {
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
    text-align: right;
    color: #2e343b;
    display: block;
    margin-bottom: 32px;
}

.article .title-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.article .title-bottom i {
    font-size: 14px;
    margin: 0 7px;
    position: relative;
    top: 3px;
}

.article .title-bottom .title-bottom-right {
    display: flex;
    align-items: center;
}

.article .title-bottom .title-bottom-right a,
.article .title-bottom .title-bottom-right span,
.article .title-bottom .btn-share {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    text-align: right;
    color: #7e7e7e;
    margin-left: 40px;
    display: flex;
    align-items: center;
}

.article .title-bottom .title-bottom-right a i,
.article .title-bottom .title-bottom-right span i,
.article .title-bottom .btn-share i {
    position: unset;
}

.article .title-bottom .btn-share {
    margin-left: 0;
}

.article .title-bottom .title-bottom-right a {
    color: #0089ff;
}

.article .title-bottom i.janebi-Group-10928 {
    font-size: 16px;
    top: 5px;
}

.article .body blockquote {
    border-radius: 2px;
    border: solid 1px #0089ff;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    background: rgba(0, 137, 255, 0.15);
}

.article .body blockquote:before {
    content: "\e90a";
    font-family: fjanebi;
    width: 40px;
    flex-basis: 40px;
    flex-grow: 1;
    align-self: center;
    color: #0089ff;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
}

.article .body blockquote p {
    flex-basis: calc(100% - 40px);
    flex-grow: 2;
    padding: 32px;
    line-height: 30px;
    margin-bottom: 0;
    background: #fff;
    color: #0089ff;
}

.article .image {
    display: block;
    margin: 0 auto 48px;
    text-align: center;
}

.article .image img {
    height: auto;
}

.article .subtitle {
    font-size: 16px;
    line-height: 27px;
    text-align: right;
    color: #2e343b;
    margin-bottom: 32px;
}

.article ul.options>li {
    display: none;
}

.article ul.options>li:last-child {
    display: block;
    font-size: 0;
}

.article ul.options>li:last-child .tags>a {
    color: #7e7e7e;
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    border-radius: 16px;
    border: solid 1px #e6e6e6;
    background-color: var(--white);
    padding: 7px 15px;
    margin-left: 8px;
}

.article ul.options>li:last-child .tags>a:hover {
    background-color: #f5f5f5;
}

.article .btn-share {
    margin-left: 0;
    cursor: pointer;
}

.article .btn-share i {
    margin-left: 0;
    font-size: 24px;
    top: 9px;
    position: relative;
    margin-right: 7px;
}

.article .read-bottom {
    display: block;
    margin-top: 24px;
    padding-top: 24px;
    border-top: solid 1px #e6e6e6;
}

.article .read-bottom a {
    color: #7e7e7e;
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
}

.article .read-bottom a i {
    line-height: 24px;
    font-size: 24px;
}

.article .read-bottom .article-reference {
    float: right;
}

.article .read-bottom .article-reference i {
    margin-left: 7px;
    position: relative;
    top: 5px;
}

.article .read-bottom .btn-share {
    float: left;
}

#related_content .header {
    padding: 0;
}

.comment-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white);
    overflow: hidden;
    padding: 80px 0;
}

.comment-section:before,
.comment-section:after {
    content: "";
    flex-grow: 1;
    flex-basis: 17%;
}

.comment-section .comment-section-body {
    flex-grow: 2;
    flex-basis: 80%;
}

.mode_mobile .article {
    display: block;
    box-shadow: 0 1px 0 0 #e6e6e6;
    margin-bottom: 24px;
    border-radius: 0;
}

.mode_mobile .article .article-body {
    padding: 15px 0;
}

.mode_mobile .article .article-body .title-top {
    padding: 0 15px;
    margin-bottom: 18px;
    display: block;
    text-align: left;
}

.mode_mobile .article .article-body .title-top a {
    line-height: 18px;
    font-size: 12px;
    color: #0089ff;
}

.mode_mobile .article .article-body .title-top a i {
    top: 3px;
}

.mode_mobile .article .article-body .header {
    padding: 0 15px;
}

.mode_mobile .article .article-body .header h1 {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 15px;
}

.mode_mobile .article .article-body .title-bottom {
    margin-bottom: 15px;
    padding: 0 15px;
    justify-content: flex-start;
    font-size: 12px;
}

.mode_mobile .article .article-body .title-bottom i {
    margin: 0 0 0 5px;
}

.mode_mobile .article .article-body .title-bottom .avatar {
    line-height: 24px;
    margin-right: 24px;
}

.mode_mobile .article .article-body .image {
    margin: 0 auto 15px;
}

.mode_mobile .article .article-body .subtitle {
    margin-bottom: 15px;
    font-size: 13px;
    padding: 0 15px 0;
}

.mode_mobile .article .article-body .text.text-area {
    padding: 0 15px;
}

.mode_mobile .article .article-body blockquote p {
    padding: 15px;
}

.mode_mobile .article .read-bottom {
    padding: 15px 15px 5px;
}

.mode_mobile .article .read-bottom .janebi-Path-15631 {
    top: 6px;
}

.mode_mobile .articles.slick-dotted .slick-dots {
    bottom: 5px;
}

.mode_mobile #related_content .header {
    padding: 0 15px;
}

.mode_mobile #related_content .articles.row.slick-slider {
    margin: 0;
}

.mode_mobile #related_content .articles.row.slick-slider .slick-list .thumb {
    margin: 20px 5px;
}

.mode_mobile .read-comment .comment-section {
    display: block;
    padding: 0;
}

.mode_mobile .read-comment #comment_title {
    font-size: 14px;
    padding: 0 0 0;
    margin: 0 15px 15px;
}

.mode_mobile .read-comment #comment_area {
    padding: 0 10px;
}

.mode_mobile .read-comment .content-section.comments-section {
    margin-top: 0;
    padding: 0;
    box-shadow: none;
    background: transparent;
}

.mode_mobile .read-comment .content-section.comments-section .comments-header {
    margin: 0 15px;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background: #fff;
    padding: 20px 15px;
}

.mode_mobile .read-comment .content-section.comments-section .comments-header span {
    font-size: 12px;
    color: #7e7e7e;
}

.mode_mobile .read-comment .content-section.comments-section .comments-header .more-btn-open {
    padding: 9px 12px 7px;
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 137, 255, 0.32);
    background-color: #0089ff;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    left: 30px;
    display: block;
}

.mode_mobile .read-comment .content-section.comments-section.show-box .comments-header {
    box-shadow: none;
    margin: 0;
    border-radius: 0;
}

.mode_mobile .read-comment .content-section.comments-section.show-box .content-body {
    margin-top: 80px;
    position: absolute;
    z-index: 999999;
    background: #fff;
    top: 15px;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 0;
}

.mode_mobile .read-comment #comments {
    background: #fff;
    box-shadow: 0 1px 0 0 #e6e6e6;
}

.mode_mobile .read-comment #comments>li {
    padding-right: 15px;
    padding-left: 15px;
}

.mode_mobile .read-comment #comments .comment {
    border-bottom: 0;
}

.mode_mobile .read-comment #comments>li:first-child {
    border-top: 0;
}

.articles .thumb {
    overflow: hidden;
    text-align: center;
    position: relative;
    background: #fff;
}

.articles .thumb .image {
    display: block;
}

.articles .thumb .image img {
    width: 100%;
    height: auto;
    opacity: 1;
}

.articles .thumb .title {
    display: block;
    margin-bottom: 0.5em;
}

.articles .thumb .title h2 {
    overflow: hidden;
    max-height: 3em;
    line-height: 1.5em;
    font-size: 1em;
    display: block;
    margin: 0;
}

.articles .thumb .date {
    font-size: 0.8em;
    color: #7b7b7b;
    text-align: right;
}

.articles .thumb .subtitle {
    overflow: hidden;
    color: #7b7b7b;
    font-size: 0.8em;
    line-height: 1.5em;
    text-align: right;
    margin-bottom: 0.5em;
}

.articles.mode-1 .thumb {
    overflow: hidden;
    text-align: center;
    position: relative;
    background: #fff;
    display: flex;
    align-items: stretch;
    margin-bottom: 24px;
}

.articles.mode-1 .thumb .image {
    display: block;
    flex-grow: 1;
    flex-basis: 20%;
}

.articles.mode-1 .thumb .image img {
    height: auto;
    opacity: 1;
}

.articles.mode-1 .thumb .details {
    flex-grow: 2;
    flex-basis: 80%;
    margin-right: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.articles.mode-1 .thumb .title {
    display: block;
    margin-bottom: 0;
}

.articles.mode-1 .thumb h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    text-align: right;
    color: #2e343b;
    display: block;
}

.articles.mode-1 .thumb .date {
    font-size: 12px;
    color: #7e7e7e;
    text-align: right;
    line-height: 18px;
}

.articles.mode-1 .thumb .date i {
    position: relative;
    top: 3px;
    margin-left: 7px;
}

.articles.mode-1 .thumb .date i:before {
    font-size: 14px;
}

.articles.mode-1 .thumb .subtitle {
    overflow: hidden;
    color: #7e7e7e;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
    margin-bottom: 0;
}

.articles.mode-1 article:last-child .thumb {
    margin-bottom: 0;
}

.content-page#side_products {
    margin-bottom: 32px;
}

#side_content {
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white);
    overflow: hidden;
}

#side_content .header {
    padding: 24px 24px 0;
}

#side_content .body {
    padding: 0 24px 8px;
}

#side_content .body .articles .thumb {
    margin-bottom: 16px;
}

#side_content .body .articles .thumb .image {
    flex-basis: 27%;
}

#side_content .body .articles .thumb h2 {
    color: #2e343b;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
}

#side_content .body .articles .thumb .details {
    margin-right: 16px;
    flex-basis: 73%;
}

.mode_mobile #box_contents .content.header-box {
    background: transparent;
    padding: 0;
}

.mode_mobile #box_contents .content.header-box .header {
    padding: 0 15px;
}

.mode_mobile #box_contents .content.header-box .header h1 {
    font-size: 14px;
}

.mode_mobile #box_contents .body {
    padding: 15px;
    background: #fff;
}

.mode_mobile #box_contents .body .articles.mode-1 .thumb .image {
    flex-basis: 27%;
}

.mode_mobile #box_contents .body .articles.mode-1 .thumb .details {
    flex-basis: 78%;
    margin-right: 15px;
}

.mode_mobile #box_contents .body .articles.mode-1 .thumb .details h2 {
    font-size: 13px;
    max-height: 3.5em;
}

.articles.mode-2 article .thumb {
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white);
    overflow: hidden;
    margin: 20px 15px;
}

.articles.mode-2 article .thumb image {
    display: block;
}

.articles.mode-2 article .thumb .details {
    padding: 24px;
}

.articles.mode-2 article .thumb .details .title {
    display: block;
    margin-bottom: 0;
}

.articles.mode-2 article .thumb .details h2 {
    display: block;
    color: #2e343b;
    font-size: 14px;
    line-height: 27px;
    margin-bottom: 16px;
    max-height: 50px;
    height: 50px;
    overflow: hidden;
}

.articles.mode-2 article .thumb .details .review-btn,
.articles.mode-2 article .thumb .details .date {
    display: inline-block;
    color: #7e7e7e;
    font-size: 12px;
}

.articles.mode-2 article .thumb .details .review-btn {
    float: right;
    color: #0089ff;
}

.articles.mode-2 article .thumb .details .date {
    float: left;
}

.articles.mode-2 article .thumb .details .date i {
    float: right;
}

.articles.mode-2 article .thumb .details .date i:before {
    font-size: 14px;
    margin-left: 8px;
}

.articles.mode-2 article .thumb .details .date .details-btn {
    display: block;
}

.mode_mini .product .btn-float,
.mode_mini .product .rate,
.mode_mini .product .product-basket,
.mode_mini .product .body-bottom,
.mode_mini .product .thumbs {
    display: none;
}

.mode_mini .product .section-left {
    padding: 20px;
}

.product .body-top,
.product .body-bottom {
    background: #fff;
    margin-bottom: 15px;
}

.product .title {
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 35px;
    text-align: right;
    color: #2e343b;
}

.product .subtitle {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    text-align: right;
    color: #7e7e7e;
    margin-top: 8px;
}

.product .rate-section .janebi-shape-star {
    float: right;
}

.product .rate-section .janebi-shape-star:before {
    color: #f1c21b;
    font-size: 16px;
}

.product .rate-section .star-rate {
    color: #2e343b;
    margin: 0 4px;
}

.product .rate {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product .rate .rating-container {
    font-size: 22px;
}

.product .rate .rating-container .filled-stars,
.product .rate .rating-container .empty-stars {
    -webkit-text-stroke: unset;
}

.product .rate .rating-container .empty-stars {
    color: #d8d8d8;
}

.product .rate .rating-container .empty-stars i.fal.fa-star {
    font-weight: bold;
}

.product .rate>span {
    font-size: 16px;
    color: #444;
    font-weight: 600;
    margin-left: 15px;
}

.mode_mobile .product .rate>span {
    font-weight: normal;
    font-size: 13px;
}

.mode_mobile .product .rate {
    margin: 24px 0 15px;
    padding: 12px 15px 5px;
    box-shadow: 0 1px 0 0 #e6e6e6;
    background-color: var(--white);
}

.product .details-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-top: solid 1px #e6e6e6;
    margin-top: 24px;
    padding-top: 24px;
    color: #7e7e7e;
    font-size: 12px;
    line-height: 18px;
}

.mode_mobile .product .details-bar {
    overflow-x: scroll;
    flex-wrap: nowrap;
    padding-bottom: 12px;
}

.mode_mobile .product .details-bar::-webkit-scrollbar {
    height: 2px;
}

.product .details-bar a {
    color: #0089ff;
}

.mode_mobile .product .details-bar a {
    white-space: nowrap;
}

.product .details-bar a span {
    color: #7e7e7e;
}

.product .details-bar li {
    border-right: solid 1px #e6e6e6;
    padding-right: 13px;
}

.mode_mobile .product .details-bar li {
    white-space: nowrap;
    margin-right: 8px;
    padding-right: 8px;
}

.product .details-bar li:first-child {
    border-right: 0;
    padding-right: 0;
}

.product .details-bar .reviewcount {
    margin: 0 4px;
}

.product .details-bar .reviewcount span {
    color: #0089ff;
    cursor: pointer;
}

.product .details-bar .page_title {
    color: #0089ff;
}

.product .product-basket {
    margin: 24px;
}

.product .image {
    display: block;
    padding: 32px;
}

.product .image img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
    height: auto;
}

#share-box,
#share-box-2 {
    border-radius: 10px;
    background-color: var(--white);
    padding: 80px 36px 32px;
    max-width: 485px;
}

#share-box .h3,
#share-box-2 .h3 {
    font-size: 18px;
    color: #2e343b;
    line-height: 24px;
    margin-bottom: 24px;
}

#share-box .fancybox-button,
#share-box-2 .fancybox-button {
    padding: 0;
    width: 35px;
    right: 30px;
    top: 15px;
}

#share-box .fancybox-button svg,
#share-box-2 .fancybox-button svg {
    width: 35px;
}

#share-box .fancybox-button svg path,
#share-box-2 .fancybox-button svg path {
    color: #939393;
}

#share-box .share li,
#share-box-2 .share li {
    margin: 0 5px;
}

#share-box .share li a,
#share-box-2 .share li a {
    width: 48px;
    height: 48px;
    padding: 10px 0;
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #d9d9d9;
    background-color: var(--white);
    line-height: unset;
}

#share-box .share li a.whatsapp,
#share-box .share li a.telegram,
#share-box-2 .share li a.whatsapp,
#share-box-2 .share li a.telegram {
    background: #fff;
}

#share-box .share li .fa-telegram-plane,
#share-box-2 .share li .fa-telegram-plane {
    color: #08c;
}

#share-box .share li .fa-whatsapp,
#share-box-2 .share li .fa-whatsapp {
    color: #25d366;
}

#share-box .share .well,
#share-box-2 .share .well {
    padding: 7px 10px;
    border-radius: 4px;
    background-color: #f5f5f5;
    cursor: pointer;
    position: relative;
    top: -3px;
}

#share-box .share .well i:before,
#share-box-2 .share .well i:before {
    font-size: 16px;
}

#share-box .share .well input,
#share-box-2 .share .well input {
    min-width: auto;
    color: #2e343b;
    size: 16px;
    line-height: 16px;
}

.mode_mobile #share-box,
.mode_mobile #share-box-2 {
    padding: 28px 13px 28px;
    border-radius: 10px 10px 0 0;
}

.mode_mobile #share-box .h3,
.mode_mobile #share-box-2 .h3 {
    font-size: 16px;
    text-align: center;
}

.mode_mobile #share-box input,
.mode_mobile #share-box-2 input {
    max-width: 160px;
}

.mode_mobile #share-box .share .well,
.mode_mobile #share-box-2 .share .well {
    padding: 10px 10px;
    top: 0;
}

.product .thumbs {
    display: block;
    clear: both;
    margin: 32px 26px 20px;
}

.product .thumbs a.thumb {
    display: block;
    padding: 0 6px;
}

.mode_desktop .product .thumbs a.thumb {
    width: 20%;
}

.product .thumbs a.thumb img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    width: 100%;
    height: auto;
    border: solid 1px #e6e6e6;
    outline: 1px solid transparent;
    outline-offset: -2px;
}

.product .thumbs a.thumb img:hover {
    border-color: #0089ff;
    outline: 1px solid #0089ff;
}

.product .thumb.video {
    display: block;
    position: relative;
}

.product .thumb.video img {
    width: 400px;
}

.product .thumb.video .fa-play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    color: #fff;
    transform: translateX(-15px) translateY(-15px);
    text-shadow: 0px 0px 13px rgba(0, 0, 0, 0.98);
}

.product .special-badge,
.product .off-badge {
    color: #fff;
    background: #0089ff;
    padding: 8px 23px;
    border-radius: 0 8px 0 8px;
    display: inline-block;
}

.product .special-badge:after,
.product .off-badge:after {
    content: "پیشنهاد ویژه";
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    text-align: center;
}

.product .special-badge.off-badge:after {
    content: "تخفیف خورده";
}

.product .order {
    border-radius: 8px;
    box-shadow: 0 3px 20px 0 rgba(94, 100, 114, 0.08);
    border: solid 1px #f0f0f0;
    background-color: var(--white);
    margin: 32px 0 32px 32px;
}

.product .order .old-price {
    display: block;
    text-decoration: none;
    margin: 0;
    text-align: center;
}

.product .order .old-price .old-price-inner .off-percent {
    width: 35px;
    height: 20px;
    margin: 0 0 0 6px;
    border-radius: 4px;
    background-color: rgba(0, 137, 255, 0.1);
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 17px;
    letter-spacing: normal;
    text-align: center;
    color: #0089ff;
    display: inline-block;
    padding-top: 3px;
}

.product .order .old-price .old-price-inner .amount-old-price {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 17px;
    letter-spacing: normal;
    text-align: right;
    color: #7e7e7e;
    text-decoration: line-through;
}

.product .order .price {
    display: block;
    margin: 13px 0 20px;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    color: #2e343b;
    text-align: center;
}

.product .order .price span {
    display: inline-block;
}

.product .order .price .price-amount {
    margin: 5px 0 0 4px;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    text-align: right;
    color: #2e343b;
}

.product .order .price .currency {
    margin: 4px 4px 3px 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 17px;
    letter-spacing: normal;
    text-align: right;
    color: #2e343b;
}

.product .order #add_to_basket {
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 137, 255, 0.32);
    background-color: #0089ff;
    border: 1px solid #0089ff;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    padding: 12.5px 0;
}

.product .order .variants {
    clear: both;
}

.product .order .variants .selector-variant.form-group {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.product .order .variants .selector-variant.form-group label {
    color: #7e7e7e;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 0 40px;
}

.product .order .variants .selector-variant.form-group label:after {
    content: ":";
}

.product .order .variants .selector-variant.form-group select {
    padding: 4px 4px 4px 12px;
    border-radius: 16px;
    background-color: var(--white);
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    color: #2e343b;
    border: solid 1px #f0f0f0;
    cursor: pointer;
}

.product .order .variants .selector-variant.form-group select:hover,
.product .order .variants .selector-variant.form-group select:focus,
.product .order .variants .selector-variant.form-group select:active {
    border: solid 1px #0089ff;
    box-shadow: none;
}

.product .order .quantity-section {
    margin-bottom: 24px;
    border-bottom: 1px dashed #e6e6e6;
    padding-bottom: 24px;
}

.product .order .quantity-section label {
    color: #7e7e7e;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 0 40px;
}

.product .order .quantity-section label:after {
    content: ":";
}

.product .order .quantity-section #quantity {
    width: 26px;
    height: 26px;
    border: 0;
    position: relative;
    top: 4px;
    padding: 0;
}

.product .order .quantity-section #quantity:focus {
    box-shadow: none;
}

.product .order .quantity-section input[type=number]::-webkit-inner-spin-button,
.product .order .quantity-section input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.product .order .quantity-section>.input-group {
    border-radius: 16px;
    border: solid 1px #e6e6e6;
    background-color: var(--white);
    color: #2e343b;
    font-size: 14px !important;
    line-height: 21px;
}

.product .order .quantity-section>.input-group button {
    font-size: 12px;
    position: relative;
    top: 2px;
}

.product .order .quantity-section>.input-group button:focus {
    box-shadow: none;
}

.product .order .quantity-section>.input-group button i {
    font-weight: normal;
}

.product .order .quantity-section>.input-group button:hover {
    color: #0089ff;
}

.product .order .extra-section {
    margin-bottom: 24px;
    padding-bottom: 15px;
    display: block;
    border-bottom: 1px dashed #e6e6e6;
}

.product .order .extra-section div {
    color: #2e343b;
    height: 18px;
    font-size: 12px;
    margin-bottom: 10px;
}

.product .order .extra-section div i {
    margin-left: 10px;
    float: right;
}

.product .order .extra-section div i:before {
    font-size: 16px;
}

.product .tabs {
    margin: -15px -15px 15px;
}

.mode_mobile .product .tabs {
    margin: 0px -15px 15px;
}

.product .tabs:empty {
    display: none;
}

.product .tabs li {
    display: inline-block;
}

.product .tabs li a {
    padding: 1em;
    cursor: pointer;
    display: block;
    border-left: solid 1px #eee;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.mode_mobile .product .tabs li a {
    padding: 0.7em;
}

.product .btn-float {
    position: absolute;
    top: 24px;
    right: 20px;
    width: 3.5em;
    z-index: 9;
    font-size: 12px;
}

.mode_mobile .product .btn-float {
    top: 15px;
    right: 0px;
    font-size: 10px;
}

.product .btn-float>span {
    margin-bottom: 24px;
    font-size: 22px;
    background: #fff;
    color: #000;
    display: block;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.product .btn-float>span i:before {
    font-size: 22px;
}

.product .btn-float>span:hover i:before {
    color: #0089ff;
}

.product .btn-float .janebi-favorite-1.fal:before {
    content: "\e900";
    color: #939393;
    font-weight: normal;
}

.product .btn-float .janebi-Group-10089-2.fas:before {
    content: "\e91c";
    color: #fa4d55;
}

.product .status .status-badge {
    background: #999;
    font-weight: normal;
    color: #fff;
}

.product .status .status-badge:after {
    display: none;
}

.product .status-unavailable {
    margin: 32px 23.5px 16px;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #7e7e7e;
    display: block;
}

.product .alternative {
    margin: 16px 23.5px 31.9px;
    line-height: 23px;
    font-size: 14px;
    text-align: center;
    color: #0089ff;
    display: block;
    cursor: pointer;
}

.product .alternative i:before {
    font-size: 16px;
    margin-left: 4px;
    color: #0089ff;
}

.product .strengths ul,
.product .weaknesses ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style: none;
}

.product .strengths ul li,
.product .weaknesses ul li {
    list-style-type: none;
}

.product .strengths .fa {
    padding-left: 5px;
    color: #4caf50;
}

.product .strengths .h3 {
    color: #4caf50;
}

.product .weaknesses .fa {
    padding-left: 5px;
    color: #f44336;
}

.product .weaknesses .h3 {
    color: #f44336;
}

.product .link-list {
    list-style: none;
    margin: 10px 0;
    padding: 0;
}

.product .link-list li {
    list-style-type: none;
    display: inline-block;
}

.product .link-list li a {
    background: #eee;
    padding: 5px;
    color: #333;
    border-radius: 3px;
    margin: 2px;
}

.product .link-list li a:hover {
    background: #f5f5f5;
    color: #333;
}

.product .table-attributes tr td:first-child {
    width: 25%;
}

.mode_mobile .product .table-attributes tr td:first-child {
    width: 40%;
}

.plan_1 .product .btn-alertme,
.plan_2 .product .btn-alertme {
    display: none;
}

.product .btn-readmore {
    margin: 20px auto;
    text-align: center;
    font-weight: bold;
}

.product .form-quantity select,
.product .form-quantity input {
    max-width: 70px;
}

.mode_desktop .product-code input {
    border: 0;
    font-size: 12px !important;
    width: 55px;
    color: #7e7e7e;
    padding: 0;
}

.mode_desktop .product-code input:focus {
    outline: 0;
}

.mode_desktop .product-code i {
    cursor: pointer;
    position: relative;
    top: 3px;
}

.mode_desktop .product-code i:before {
    font-size: 16px;
}

.product .body-top {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white);
}

.product .body-top .section-right {
    width: 37%;
    position: relative;
}

.product .body-top .section-left {
    width: 63%;
    border-right: 1px solid #e6e6e6;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product .body-top .section-left .section-left-top {
    display: flex;
}

.product .body-top .section-left .section-left-top .section-left-1 {
    width: 60%;
    padding: 32px;
}

.product .body-top .section-left .section-left-top .section-left-1 .brand-link {
    display: block;
}

.product .body-top .section-left .section-left-top .section-left-1 .brand-link img {
    width: 60px;
    height: auto;
}

.product .body-top .section-left .section-left-top .section-left-1 .brand-section {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.product .body-top .section-left .section-left-top .section-left-1 .brand-section .brand-page-link {
    color: #0089ff;
    font-size: 12px;
    line-height: 18px;
    border-right: solid 1px #e6e6e6;
    padding-right: 13px;
    margin-right: 15px;
}

.product .body-top .section-left .section-left-top .section-left-2 {
    width: 40%;
}

.product .service-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 32px;
    border-top: 1px solid #e6e6e6;
    padding: 32px 0;
}

.product .service-box li>span {
    margin: 4px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.product .service-box li>span img {
    width: 24px;
    max-width: 100%;
}

.product .service-box li>span .title {
    font-size: 13px;
    line-height: 19px;
    text-align: center;
    color: #7e7e7e;
    font-weight: normal;
}

.product .service-box li>span .subtitle {
    display: none;
}

.product .janebi-img-stack {
    font-size: 25px;
    display: block;
}

.product a.thumb.gallery-link {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: solid 1px #e6e6e6;
    outline: 1px solid transparent;
    outline-offset: -2px;
}

.product a.thumb.gallery-link:hover {
    border-color: #0089ff;
    outline: 1px solid #0089ff;
}

.product a.thumb.gallery-link span {
    color: #7e7e7e;
    font-size: 12px;
    line-height: 16px;
    display: block;
    padding-top: 10px;
}

.product .thumbs-items {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.product .btn-alertme {
    margin: 31.9px 23.5px;
    padding: 14px;
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #d9d9d9;
    background-color: var(--white);
    display: block;
    line-height: 18px;
    font-size: 14px;
    color: #666;
}

.product .product-features {
    margin-top: 50px;
    padding: 0;
    border-radius: 0;
    border: 0;
}

.product .product-features .title-features {
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    text-align: right;
    color: #2e343b;
    margin-bottom: 10px;
    display: block;
}

.product .product-features ul li {
    color: #2e343b;
    font-size: 14px;
    line-height: 29px;
}

.product .product-features ul li .fas {
    font-size: 6px;
    margin-left: 10px;
    color: #0089ff;
}

.product .btn-readmore {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: right;
    color: #0089ff;
    padding: 0;
    margin: 15px auto;
}

.product .btn-readmore i {
    font-size: 12px;
    position: relative;
    top: 1px;
    right: 7px;
}

.thumbs-items .image_thumb {
    position: absolute;
    opacity: 0;
}

#box_related {
    background: #fff;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}

#box_related .products.row {
    margin: 0;
}

#box_related .items.slick-slider .slick-prev {
    right: 0;
}

#box_related .items.slick-slider .slick-next {
    left: 0;
}

.body-bottom {
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white);
    overflow: hidden;
}

.body-bottom #product-tabs {
    align-items: center;
    justify-content: start;
    border-bottom: solid 1px #e6e6e6;
    padding: 0 16.66%;
}

.body-bottom #product-tabs li a {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    color: #2e343b;
    border-bottom: 3px solid transparent;
    padding: 19px 0 11px;
    margin: 0 51.5px;
}

.body-bottom #product-tabs li a i {
    font-size: 24px;
    margin-left: 16px;
    position: relative;
    top: 5px;
}

.body-bottom #product-tabs li a:hover {
    color: #0089ff;
    border-color: #0089ff;
}

.body-bottom #product-tabs li a:hover i:before {
    color: #0089ff;
}

.body-bottom #product-tabs li:first-child a {
    margin-right: 0;
}

.product_status .ps3 {
    color: #bd362f;
}

.product_status .ps0 {
    color: #f89406;
}

.product_status .ps1 {
    color: #5bb75b;
}

.product_status .ps2 {
    color: #006dcc;
}

.compare-counter {
    display: none;
}

.compare-counter.active {
    display: inline-block;
}

#product-tabs-content .tab-content {
    padding: 64px 0;
}

#attributes-pane .table-attributes {
    margin-bottom: 0;
}

#attributes-pane .table-attributes tbody tr:hover {
    background: transparent;
}

#attributes-pane .table-attributes tbody tr td {
    border-top: 0;
    line-height: 40px;
    font-size: 16px;
    font-weight: normal;
    padding: 0;
}

#attributes-pane .table-attributes tbody tr td:first-child {
    text-align: right;
    color: #7e7e7e;
}

#attributes-pane .table-attributes tbody tr td:last-child {
    color: #2e343b;
}

#attributes-pane .table-attributes tbody tr:nth-of-type(even) {
    border-radius: 3px;
}

#attributes-pane .table-attributes tbody tr:nth-of-type(even) td:first-child {
    background: #fff;
}

#attributes-pane .table-attributes tbody tr:nth-of-type(even) td.second-td {
    background-color: #fafafa;
}

#attributes-pane .table-attributes tbody tr td.second-td {
    padding: 0 7px;
    margin-right: 15px;
    display: block;
}

#attributes-pane .table-attributes tbody tr td.first-td {
    position: relative;
}

#attributes-pane .table-attributes tbody tr td.first-td span {
    display: inline-block;
    position: relative;
    z-index: 2;
    background: #fff;
    padding-left: 8px;
}

#attributes-pane .table-attributes tbody tr td.first-td:before {
    content: "";
    position: absolute;
    border-top: 1px dashed #ccc;
    z-index: 1;
    padding: 1px;
    right: 0;
    left: 0;
    top: 20px;
}

.mode_mobile .product.mode-1 .top-section.mobile-mode {
    margin: 0 15px;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white);
}

.mode_mobile .product.mode-1 .top-section.mobile-mode .special-badge {
    margin-bottom: 5px;
}

.mode_mobile .product.mode-1 .top-section.mobile-mode .title {
    font-size: 17px;
    line-height: 24px;
}

.mode_mobile .product.mode-1 .top-section.mobile-mode .subtitle {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: 0;
}

.mode_mobile .product.mode-1 .top-section.mobile-mode .thumbs {
    margin: 15px 0 64px;
}

.mode_mobile .product.mode-1 .top-section.mobile-mode .thumbs a.thumb {
    padding: 0;
}

.mode_mobile .product.mode-1 .top-section.mobile-mode .thumbs a.thumb img {
    border: 0;
    background: transparent;
}

.mode_mobile .product.mode-1 .top-section-inner {
    padding: 15px;
}

.mode_mobile .product.mode-1 .details-bar {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
}

.mode_mobile .product.mode-1 .details-bar .product-code input {
    border: 0;
    font-size: 12px !important;
    width: 47px;
    color: #7e7e7e;
    padding: 0;
}

.mode_mobile .product.mode-1 .details-bar .product-code input:focus {
    outline: 0;
}

.mode_mobile .product.mode-1 .slick-dots {
    margin: 10px auto 0;
}

.mode_mobile .rate-btn-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white);
    overflow: hidden;
}

.mode_mobile .rate-btn-section .btn-float {
    display: flex;
    align-items: center;
    position: unset;
}

.mode_mobile .rate-btn-section .btn-float>span {
    margin-bottom: 0;
    font-size: 22px;
    line-height: 13px;
    margin-left: 15px;
}

.mode_mobile .rate-btn-section .btn-float>span i:before {
    color: #ccc;
}

.mode_mobile .rate-btn-section .brand-page-link {
    color: #0089ff;
}

.mode_mobile .reviewcount span {
    color: #0089ff;
}

.mode_mobile .order {
    margin: 0 15px;
}

.mode_mobile .order .product-basket {
    margin: 15px;
}

.mode_mobile .order .price {
    font-size: 20px;
    text-align: left;
}

.mode_mobile .order .price .currency {
    font-size: 14px;
}

.mode_mobile .order .old-price {
    text-align: left;
}

.mode_mobile .quantity-section>.input-group {
    width: 100px;
}

.mode_mobile .form-inline.input-group-lg.add-basket-mob {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 16px;
    box-shadow: 0 -1px 0 0 #e6e6e6;
    background-color: var(--white);
}

.mode_mobile .service-box {
    margin: 15px;
    padding: 16px 19px;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white);
}

.mode_mobile .service-box li>span {
    flex-direction: column;
}

.mode_mobile .service-box li>span .title {
    font-size: 10px;
    margin-top: 8px;
}

#box_related .products .product-link h2 {
    font-weight: normal;
    margin-top: 24px;
    height: 67px;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 22px;
    letter-spacing: normal;
    text-align: right;
    color: #2e343b;
    overflow: hidden;
}

.mode_mobile .product .order .quantity-section {
    margin-top: 20px;
}

.mode_mobile .mobile-video {
    margin: 0 15px;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white);
    border-radius: 4px;
}

.mode_mobile .product .link-list li a {
    background: #fff;
    color: #0089ff;
    font-size: 14px;
}

.mode_mobile .content-section {
    margin: 24px 0 15px;
    padding: 12px 15px 5px;
    box-shadow: 0 1px 0 0 #e6e6e6;
    background-color: var(--white);
}

.mode_mobile .content-section .description-header,
.mode_mobile .content-section .attributes-header,
.mode_mobile .content-section .comments-header {
    padding: 15px 0;
    border-bottom: solid 1px #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mode_mobile .content-section .description-header span,
.mode_mobile .content-section .attributes-header span,
.mode_mobile .content-section .comments-header span {
    font-size: 16px;
    font-weight: bold;
    color: #2e343b;
    display: flex;
    align-items: center;
    line-height: 23px;
}

.mode_mobile .content-section .description-header span i,
.mode_mobile .content-section .attributes-header span i,
.mode_mobile .content-section .comments-header span i {
    font-size: 24px;
    margin-left: 10px;
    line-height: unset;
}

.mode_mobile .content-section .description-header span i:before,
.mode_mobile .content-section .attributes-header span i:before,
.mode_mobile .content-section .comments-header span i:before {
    color: #cfcfcf;
}

.mode_mobile .content-section .description-header .more-btn,
.mode_mobile .content-section .attributes-header .more-btn,
.mode_mobile .content-section .comments-header .more-btn {
    font-size: 12px;
    color: #0089ff;
    line-height: 24px;
    position: absolute;
    left: 15px;
}

.mode_mobile .content-section .description-header .more-btn i,
.mode_mobile .content-section .attributes-header .more-btn i,
.mode_mobile .content-section .comments-header .more-btn i {
    font-size: 22px;
    margin-left: 0;
}

.mode_mobile .content-section .description-header .more-btn i:before,
.mode_mobile .content-section .attributes-header .more-btn i:before,
.mode_mobile .content-section .comments-header .more-btn i:before {
    color: #0089ff;
}

.mode_mobile .content-section .description-header .more-btn i.janebi-comment-add,
.mode_mobile .content-section .attributes-header .more-btn i.janebi-comment-add,
.mode_mobile .content-section .comments-header .more-btn i.janebi-comment-add {
    margin-right: 10px;
}

.mode_mobile .content-section .description-header .more-btn-close,
.mode_mobile .content-section .attributes-header .more-btn-close,
.mode_mobile .content-section .comments-header .more-btn-close {
    visibility: hidden;
    opacity: 0;
}

.mode_mobile .content-section .content-body {
    color: #7e7e7e;
    font-size: 13px;
    line-height: 24px;
    padding-top: 15px;
    overflow: hidden;
}

.mode_mobile .content-section.show-box {
    position: absolute;
    top: -155px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    padding: 12px 0 20px;
    margin: 24px 0 0px;
    box-shadow: none;
}

.mode_mobile .content-section.show-box>div:first-child {
    position: fixed;
    z-index: 9999999;
    background: #fff;
    width: 100%;
    top: 0;
}

.mode_mobile .content-section.show-box .attributes-header,
.mode_mobile .content-section.show-box .description-header,
.mode_mobile .content-section.show-box .comments-header {
    padding: 15px;
}

.mode_mobile .content-section.show-box .attributes-header .more-btn-close,
.mode_mobile .content-section.show-box .description-header .more-btn-close,
.mode_mobile .content-section.show-box .comments-header .more-btn-close {
    visibility: visible;
    opacity: 1;
    color: #939393;
}

.mode_mobile .content-section.show-box .attributes-header .more-btn-close i:before,
.mode_mobile .content-section.show-box .description-header .more-btn-close i:before,
.mode_mobile .content-section.show-box .comments-header .more-btn-close i:before {
    font-size: 15px;
    margin-right: 10px;
    color: #939393;
    position: relative;
    top: -2px;
}

.mode_mobile .content-section.show-box .attributes-header .more-btn-open,
.mode_mobile .content-section.show-box .description-header .more-btn-open,
.mode_mobile .content-section.show-box .comments-header .more-btn-open {
    visibility: hidden;
    opacity: 0;
}

.mode_mobile .content-section.show-box .content-body {
    max-height: unset;
    padding: 15px;
    margin-top: 50px;
}

.mode_mobile.toolbar_on .content-section.show-box>div:first-child {
    top: 48px;
}

.mode_mobile #box_product_details .table td,
.mode_mobile #box_product_details .table th {
    padding: 5px;
}

.mode_mobile .content-section .comments-header {
    border-bottom: 0;
}

.mode_mobile .content-section.show-box .comments-header {
    border-bottom: 1px solid #e6e6e6;
}

.mode_mobile .comments-btn {
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    color: #2e343b;
    line-height: 23px;
}

.mode_mobile .comments-btn i {
    font-size: 20px;
    position: relative;
    margin-right: 10px;
    top: 4px;
}

.mode_mobile #comments .comments-box {
    padding: 0;
    margin-bottom: 10px;
}

.mode_mobile #comments .comments-box .comment_name_inner {
    display: flex;
    justify-content: space-between;
}

.mode_mobile #comments .comments-box .rating-section {
    margin-left: 0;
}

.mode_mobile #comments>li>ul {
    padding: 15px 15px 0;
    margin-bottom: 15px;
}

.mode_mobile #comments>li>ul li {
    margin-bottom: 0;
}

.mode_mobile #comments>li:last-child {
    margin-bottom: 0;
}

.mode_mobile #comments>li:first-child {
    border-top: solid 1px #e6e6e6;
    padding-top: 20px;
}

.mode_mobile #comments-pane #comment_title,
.mode_mobile #comments-pane #comment_area {
    display: none;
}

.mode_mobile #comments-pane #comment_area {
    margin-bottom: 30px;
}

.mode_mobile #comments .comment:first-child .comments-box {
    padding-top: 0;
}

.mode_mobile .content-section.comments-section .content-body {
    max-height: unset;
}

.mode_mobile .content-section.comments-section .content-body .comment_name_inner_btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    padding-top: 15px;
}

.mode_mobile .content-section.comments-section.show-box #comments-pane #comment_area {
    display: block;
}

.mode_mobile .content-section.comments-section.show-box #comments {
    display: none;
}

.mode_mobile.toolbar_on #box_product_details .content-section.show-box,
.mode_mobile.toolbar_on #content_page .content-section.show-box {
    top: 15px;
}

.hidden-box {
    visibility: hidden;
    opacity: 0;
}

.mode_mobile.page_product #box_related {
    background: transparent;
}

.mode_mobile.page_product #box_related .header {
    padding: 10px 15px 0px;
}

.mode_mobile.page_product #box_related .slick-list {
    padding: 0 6px 0 100px !important;
}

.mode_mobile.page_product #box_related .products.slick-slider.row {
    margin: 0;
}

.mode_mobile #comments .comment_name_inner_btn .like-section a.dislike i:before {
    color: #ccc;
}

.mode_mobile #comments .comment_name_inner_btn .like-section a.like i:before {
    color: #41bd64;
}

.mode_mobile.page_product .footer-1 .footer-bottom {
    margin-bottom: 75px;
}

.mode_mobile .fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right: 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3);
}

.mode_mobile .fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
}

.basket-area {
    width: auto;
    float: left;
    position: relative;
    cursor: pointer;
    padding-right: 36px;
    border-right: solid 1px #e6e6e6;
}

.basket-area .basket-menu {
    display: none;
    position: absolute;
    z-index: 101;
    left: 0px;
    cursor: auto;
    width: 341px;
    top: 120%;
    padding: 23px 16.5px;
    border-radius: 8px;
    box-shadow: 0 3px 20px 0 rgba(94, 100, 114, 0.08);
    background-color: #fff;
}

.basket-area .basket-toggle {
    position: relative;
    padding: 8px 0 0;
}

.mode_desktop .basket-area .basket-toggle i {
    background-image: url("img/shopping-cart.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
    padding: 16px;
}

.mode_desktop .basket-area .basket-toggle i:before {
    content: "";
}

.basket-area .basket-toggle .item_counter {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background-color: #fa4d55;
    position: absolute;
    color: #fff;
    top: 10;
    right: -10px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
}

.basket-area .basket-toggle .item_counter #basket_items {
    line-height: 20px;
}

.basket-items {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    direction: ltr;
}

.basket-items::-webkit-scrollbar {
    width: 5px;
}

.basket-items::-webkit-scrollbar * {
    background: #d9d9d9 !important;
}

.basket-items::-webkit-scrollbar-thumb {
    background: #d9d9d9 !important;
}

.basket-items li {
    direction: rtl;
}

.basket-items .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #e6e6e6 !important;
    padding: 10px 0 !important;
}

.basket-items .item .image {
    position: relative;
    width: 72px;
    flex-basis: 72px;
}

.basket-items .item .image img {
    max-width: 100%;
}

.basket-items .item .details {
    flex-basis: 236px;
    padding-right: 12px;
}

.basket-items .item .details .title {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    text-align: right;
    color: #2e343b;
    line-height: 21px;
    height: 39px;
    overflow: hidden;
    flex-basis: 188px;
}

.basket-items .item .details .btn-delete {
    padding: 0;
}

.basket-items .item .details .btn-delete .fa-times:before {
    content: "";
    background-image: url("img/bin.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
    padding: 0 8px;
}

.basket-items .item .details-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 23px;
}

.basket-items .item .price_variant {
    line-height: 14px;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    color: #7e7e7e;
}

.basket-items .item .price_variant span {
    padding-left: 11.5px;
}

.basket-items .item .price_variant .item-color {
    border-right: solid 1px #e6e6e6;
    padding-right: 11.5px;
}

.basket-items .item .price_variant .price-buy {
    margin-left: 0;
    float: left;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #2e343b;
    padding-left: 0;
}

.basket-items .item .price_variant .price-buy span {
    line-height: 14px;
    font-size: 11px;
    color: #7e7e7e;
    padding-left: 0;
}

.basket-items .item .btn-delete {
    display: block;
}

.basket-items .item:hover .btn-delete {
    visibility: visible;
}

#basket .basket-items>li:last-child .item {
    border-bottom: 0 !important;
}

#basket #basket_free {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

#basket #basket_free .free-img {
    content: "";
    background-image: url("img/empty-cart.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    padding: 80px;
    height: 184px;
    width: 160px;
    display: block;
    margin: 27px auto;
}

#basket #basket_free .free-title {
    line-height: 24px;
    font-size: 16px;
    color: #7e7e7e;
}

#basket #checkout {
    border-top: solid 1px #e6e6e6;
    font: bold 11px/22px Font1, Arial;
    text-align: center;
    margin: 0 -16.5px;
    padding: 16px 16px 0;
}

#basket #checkout .sum_basket_title {
    text-align: left;
    height: 16px;
    font-size: 14px;
    font-weight: bold;
    color: #2e343b;
}

#basket #checkout #checkout_link i {
    top: 3px;
    margin-left: 5px;
    font-size: 13px;
    font-weight: normal;
}

#basket #checkout .sum-prices-currency {
    height: 16px;
    font-size: 12px;
    font-weight: normal;
    color: #7e7e7e;
}

#basket #checkout .price-section {
    float: left;
}

#basket #checkout .number {
    float: right;
    line-height: 14px;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    color: #7e7e7e;
}

.basket-area #basket #checkout {
    text-align: center;
}

.basket-area #basket #checkout #checkout_link {
    display: block;
    width: 100%;
    margin: 16px auto 0;
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 137, 255, 0.32);
    background-color: #0089ff;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    padding: 6px 0;
}

.nav.nav-wizard li div {
    background: #0089ff;
}

.nav.nav-wizard li div h3 {
    font-size: 14px;
}

.nav.nav-wizard li.active div {
    background: #005299;
}

.nav.nav-wizard>li:not(:last-child)>div:after {
    border-right-color: #0089ff;
}

.nav.nav-wizard>li.active:not(:last-child)>div:after {
    border-right-color: #005299;
}

.nav.nav-wizard>li.done:hover>div,
.nav.nav-wizard>li:hover>div {
    background-color: #006ecc;
}

.nav.nav-wizard>li.done:hover>div:before,
.nav.nav-wizard>li:hover>div:before {
    border-left-color: #006ecc;
}

.nav.nav-wizard>li.done:hover>div:after,
.nav.nav-wizard>li:hover>div:after {
    border-right-color: #006ecc;
}

.nav.nav-wizard>li.done>div {
    background-color: #007be6;
}

.nav.nav-wizard>li.done>div:before {
    border-left-color: #007be6;
}

.nav.nav-wizard>li.done>div:after {
    border-right-color: #007be6;
}

.nav.nav-wizard>li.active>div,
.nav.nav-wizard>li.active>div:hover,
.nav.nav-wizard>li.active>div:focus {
    color: #fff;
    background-color: #005299;
}

.nav.nav-wizard>li.active>div:after {
    border-right-color: #005299;
}

.nav.nav-wizard>li.active>div .badge {
    color: #fff;
    background-color: #0089ff;
}

.nav.nav-wizard>li.disabled>div {
    color: #eee;
}

.nav.nav-wizard>li.disabled>div:hover,
.nav.nav-wizard>li.disabled>div:focus {
    color: #eee;
    text-decoration: none;
    background-color: #0089ff;
    cursor: default;
}

.nav.nav-wizard>li.disabled>div:before {
    border-left-color: #0089ff;
}

.nav.nav-wizard>li.disabled>div:after {
    border-right-color: #0089ff;
}

.page_cart label {
    margin-bottom: 0;
}

.page_cart .well {
    background: #fff;
    border: none;
    box-shadow: none;
    padding: 0;
    font-size: 14px;
}

.page_cart .well .address_state_city {
    margin: 0;
}

.page_cart h3 {
    font: bold 20px/50px Font1, Arial;
}

.page_cart table .basket_title {
    float: right;
}

.page_cart .basket_title {
    text-align: right;
}

.page_cart .basket_title a {
    font: bold 15px/30px Font1, Arial;
    color: #4d4d4d;
}

.page_cart .basket_title a:hover {
    color: #24cbef;
}

.page_cart .basket_title .product_variant,
.page_cart .basket_title .product_code,
.page_cart .basket_title .product_unit {
    font: normal 13px Font1;
    color: #464242;
    line-height: 2;
}

.page_cart .basket_title .product_variant b,
.page_cart .basket_title .product_code b,
.page_cart .basket_title .product_unit b {
    color: #969696;
    font-weight: 400;
    margin-right: 6px;
}

.page_cart #tr_sum {
    background-color: #f7fff7;
    border: 1px solid #c0f0c1;
    padding: 10px;
    margin-top: 10px;
}

.page_cart #check-coupon {
    margin-right: 10px;
    font-size: 13px;
    padding: 8px 10px;
    border-radius: 4px;
}

.page_cart #check-coupon i {
    display: none;
}

.page_cart .btn-success.btn {
    display: block;
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 137, 255, 0.32);
    background-color: #0089ff;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    padding: 8px 20px;
}

.page_cart .btn-default {
    padding: 10px 15px;
    font-size: 14px;
}

.page_cart .btn-default i {
    margin-left: 5px;
}

.page_cart .form-group input.required,
.page_cart .form-group select.form-control {
    font-size: 14px !important;
    border-radius: 3px;
}

.page_cart .table-responsive {
    font-size: 14px;
}

.page_cart .table-responsive td label {
    margin: 0;
}

.page_cart .table-responsive td .fa {
    font-size: 1.5em;
    line-height: 32px;
}

.page_cart .table-responsive .btn.btn-danger.btn-remove.btn-remove-address {
    background: transparent;
    border: 0;
}

.page_cart .table-responsive .btn.btn-danger.btn-remove.btn-remove-address .fal.fa-times {
    padding: 10px 10px;
    background: red;
    border-radius: 4px;
    margin-top: 5px;
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d;
}

.page_cart #box_payment .btn-success {
    width: 150px;
    margin: auto;
    box-shadow: 0 3px 5px 0 rgba(0, 137, 255, 0.32);
    background-color: #0089ff;
}

.page_cart .modal-dialog .modal-header.bootstrap-dialog-draggable {
    background-color: #0089ff;
    font-size: 14px;
}

.page_cart .modal-dialog .bootstrap-dialog-close-button {
    position: relative;
    top: 2px;
}

.mytable {
    border-spacing: 2px;
    border: 1px solid #f0f1f2;
    width: 100%;
    max-width: 100%;
    margin: 20px 0;
    text-align: center;
}

.mytable thead {
    background: #f7f9fa;
    color: #666;
}

.mytable tr {
    border-bottom: 1px solid #f0f1f2;
}

.mytable tr th {
    border-bottom: none;
    padding: 15px;
    text-align: center;
    font-size: 14px;
}

.mytable tr td {
    vertical-align: middle !important;
    border-right: 1px solid #f0f1f2;
    border-top: 1px solid #f0f1f2;
    padding: 8px;
    line-height: 1.42857143;
}

.mytable tr td .form-inline {
    font-size: 0;
    justify-content: center;
}

.mytable tr td .form-inline .input-group .input-group-btn .btn {
    background: transparent;
    font-size: 12px;
    border: 0;
}

.mytable tr td .form-inline .input-group .input-group-btn .btn i {
    font-size: 12px;
}

.mytable tr td .form-inline .input-group .input-group-btn .btn:focus {
    box-shadow: none;
}

.mytable tr td .form-inline .input-group .product_count {
    padding-right: 0;
    padding-left: 0;
    width: 35px !important;
    height: 25px;
    font-size: 14px !important;
    padding-top: 9px;
    margin-top: 9px;
}

.mytable tr td .btn-remove {
    font-size: 12px;
}

.mytable tr td .btn-remove i {
    position: relative;
    top: 2px;
}

.mytable tr.sum {
    background-color: #f7fff7;
    border: 1px solid #c0f0c1;
}

.mytable tr.sum td {
    border-right: none;
    border-top: 1px solid #c0f0c1;
    padding: 20px;
}

.mytable tr.success {
    background-color: #f7fff7;
    border: 1px solid #c0f0c1;
}

.mytable tr.success td {
    border: 1px solid #c0f0c1;
}

.mytable label {
    font: normal 14px/25px Font1, Arial;
    cursor: pointer;
}

.basket_thumb {
    float: right;
    margin-left: 10px;
    max-width: 120px;
    width: 120px;
    height: auto;
}

.mode_mobile .basket-toggle {
    position: relative;
}

.mode_mobile .basket-toggle i {
    background-image: url("img/shopping-cart-mob.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
    padding: 12px 12px;
}

.mode_mobile .basket-toggle i:before {
    content: "";
}

.mode_mobile .basket-toggle .item_counter {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background-color: #fa4d55;
    position: absolute;
    color: #fff;
    top: 0;
    right: -5px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    z-index: 1;
}

.mode_mobile .basket-area {
    padding-right: 0;
    border-right: 0;
}

.mode_mobile .header-mobile-inner {
    position: relative;
}

.mode_mobile .basket-area {
    width: auto;
    float: none;
    position: unset;
    cursor: pointer;
    clear: both;
}

.mode_mobile .basket-area .basket-menu {
    left: 0px;
    top: 100%;
    right: 0;
    left: 0;
    top: 118px;
    border-radius: 0;
    width: 100%;
}

.mode_mobile #basket>ul li .btn-delete {
    display: block;
}

.mode_mobile #box_my_basket {
    background: #fff;
    padding: 15px;
}

.mode_mobile #box_my_basket .content {
    padding: 0;
}

.mode_mobile #box_my_basket .header {
    margin: 10px 0 15px;
}

.mode_mobile #box_my_basket .header .title h1 {
    font-size: 14px;
}

.mode_mobile #box_my_basket .basket_title a {
    font-size: 12px;
    color: #2e343b;
    line-height: 21px;
    font-weight: normal;
    margin-bottom: 15px;
    display: block;
}

.mode_mobile #box_my_basket .basket_title br {
    display: none;
}

.mode_mobile #box_my_basket .basket_title .product_variant,
.mode_mobile #box_my_basket .basket_title .product_code,
.mode_mobile #box_my_basket .basket_title .product_unit {
    font-size: 11px;
    color: #2e343b;
}

.mode_mobile #box_my_basket .basket_title>b {
    font-weight: normal;
    margin-top: 15px;
    display: block;
    text-align: left;
    margin-left: 15px;
}

.mode_mobile #box_my_basket .basket_title>b>span {
    font-size: 16px;
    font-weight: bold;
}

.mode_mobile #box_my_basket .product_delete.btn-remove {
    background: transparent;
    border: 0;
}

.mode_mobile #box_my_basket .product_delete.btn-remove i.fa-remove {
    background-image: url(img/bin.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
    padding: 8px;
}

.mode_mobile #box_my_basket .product_delete.btn-remove i.fa-remove:before {
    content: "";
}

.mode_mobile #checkout_form .well .row {
    padding-bottom: 15px;
    position: relative;
    padding-top: 15px;
}

.mode_mobile #checkout_form .well .row:after {
    content: "";
    position: absolute;
    height: 1px;
    left: 15px;
    right: 15px;
    bottom: 0;
    background: #e6e6e6;
}

.mode_mobile #checkout_form .well .col-ms-3,
.mode_mobile #checkout_form .well .col-ms-9 {
    padding: 0;
}

.mode_mobile #checkout_form .well .col-ms-3 img {
    margin: 0;
    width: 100%;
}

.mode_mobile #checkout_form .well .col-ms-9 {
    padding-right: 10px;
}

.mode_mobile #checkout_form .well #tr_sum {
    border-left: 0;
    border-right: 0;
    padding: 0 15px;
}

.mode_mobile #checkout_form .well #tr_sum>div {
    width: 50%;
    padding: 10px 0;
}

.mode_mobile #checkout_form .well #tr_sum .col-ms-3 {
    border-left: 1px solid #c0f0c1;
}

.mode_mobile #checkout_form .well #tr_sum .col-ms-9 {
    text-align: left;
}

.mode_mobile #checkout_form .well #tr_sum .col-ms-9 #sum_price {
    font-size: 16px;
}

.mode_mobile #checkout_form .row_basket_message {
    margin: 15px 0;
}

.mode_mobile #checkout_form .row_basket_message>label {
    margin-bootom: 5px;
}

.mode_mobile #checkout_form .row_basket_message .col-help {
    margin-top: 15px;
    font-size: 12px;
}

.mode_mobile #box_cart_shipping .title,
.mode_mobile #payment_form .title {
    margin-bottom: 8px;
}

.mode_mobile #box_cart_shipping .well,
.mode_mobile #payment_form .well {
    margin: 10px -15px;
    padding: 0 15px;
}

.mode_mobile #box_cart_shipping .well label,
.mode_mobile #payment_form .well label {
    font-size: 12px;
}

.mode_mobile #box_cart_shipping .well .btn-edit-address,
.mode_mobile #payment_form .well .btn-edit-address {
    background: transparent;
    border: 0;
    font-size: 15px;
    padding: 10px 0;
}

.mode_mobile #payment_form .mytable tr td {
    border-left: 1px solid #f0f1f2;
}

.mode_mobile #payment_form .well .mytable {
    margin: 0 0 20px;
    font-size: 12px;
}

.mode_mobile #payment_form .well .mytable thead tr th:first-child {
    display: none;
}

.mode_mobile #payment_form .basket_title a {
    font-size: 12px;
    color: #2e343b;
    line-height: 21px;
    font-weight: normal;
    margin-bottom: 15px;
    display: block;
}

.mode_mobile #payment_form .basket_title .product_variant,
.mode_mobile #payment_form .basket_title .product_code,
.mode_mobile #payment_form .basket_title .product_unit {
    font-size: 11px;
    color: #2e343b;
}

.mode_mobile #payment_form tfoot .bold {
    font-size: 14px;
}

.mode_mobile #payment_form .cart-info-boxes .mytable tr th {
    font-size: 12px;
}

.mode_mobile #payment_form .cart-info-boxes .mytable label {
    font-size: 12px;
}

.page_cart.mode_mobile .table-responsive .btn.btn-danger.btn-remove.btn-remove-address .fal.fa-times {
    padding: 8px 10px;
}

.mode_mobile #checkout_form fieldset .well>.row:nth-last-child(2):after {
    display: none;
}

.mode_mobile.page_cart h3 {
    font-size: 14px;
}

.mode_mobile.page_cart .btn-default {
    background-color: #badcff;
    border-color: #badcff;
    font-size: 12px;
}

.mode_mobile.page_cart #add_address i {
    margin-left: 5px;
}

.mode_mobile.page_cart .product_unit #quantity {
    width: 26px;
    height: 26px;
    border: 0;
    position: relative;
    top: 4px;
    padding: 0;
}

.mode_mobile.page_cart .product_unit #quantity:focus {
    box-shadow: none;
}

.mode_mobile.page_cart .product_unit input[type=number]::-webkit-inner-spin-button,
.mode_mobile.page_cart .product_unit input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.mode_mobile.page_cart .product_unit>.input-group {
    display: block;
}

.mode_mobile.page_cart .product_unit>.input-group .input-group {
    border-radius: 16px;
    border: solid 1px #e6e6e6;
    background-color: var(--white);
    color: #2e343b;
    font-size: 14px !important;
    line-height: 21px;
    width: 98px;
    height: 32px;
    margin: 5px 0 10px;
    direction: ltr;
}

.mode_mobile.page_cart .product_unit>.input-group .input-group button {
    font-size: 12px;
    position: relative;
    top: 2px;
    border: 0;
    background: transparent;
}

.mode_mobile.page_cart .product_unit>.input-group .input-group button:focus {
    box-shadow: none;
}

.mode_mobile.page_cart .product_unit>.input-group .input-group button i {
    font-weight: normal;
}

.mode_mobile.page_cart .product_unit>.input-group .input-group button:hover {
    color: #0089ff;
}

.mode_mobile.page_cart .product_unit>.input-group .input-group button i.fa-plus {
    color: #0089ff;
}

.mode_mobile.page_cart .product_unit>.input-group .input-group .product_count {
    width: 30px !important;
    height: 30px;
    border: 0;
    font-size: 14px !important;
    padding-top: 10px;
}

.nav-wizard {
    color: #fff;
    margin-bottom: 20px;
}

.nav-wizard>li {
    float: right;
    width: 25%;
}

.nav-wizard>li>div {
    position: relative;
    background-color: #2d3436;
    height: 50px;
    padding: 10px;
    padding-right: 85px;
    cursor: default;
}

.nav-wizard>li>div .badge {
    margin-right: 3px;
    color: #2d3436;
    background-color: #fff;
}

.nav-wizard>li>div h3 {
    font: normal 16px/30px Font1, Arial;
}

.nav-wizard>li>div h3 a,
.nav-wizard>li>div h3 a:hover {
    color: #fff;
}

.nav-wizard>li:not(:first-child)>div:before {
    width: 0px;
    height: 0px;
    border-top: 25px inset transparent;
    border-bottom: 25px inset transparent;
    border-right: 25px solid #fff;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
}

.nav-wizard>li:not(:last-child)>div {
    margin-left: 15px;
}

.nav-wizard>li:not(:last-child)>div:after {
    width: 0px;
    height: 0px;
    border-top: 25px inset transparent;
    border-bottom: 25px inset transparent;
    border-right: 25px solid #2d3436;
    position: absolute;
    content: "";
    top: 0;
    left: -25px;
    z-index: 2;
}

.nav-wizard>li:first-child>div {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.nav-wizard>li:last-child>div {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.nav-wizard>li.done:hover>div,
.nav-wizard>li:hover>div {
    background-color: #16191a;
}

.nav-wizard>li.done:hover>div:before,
.nav-wizard>li:hover>div:before {
    border-left-color: #16191a;
}

.nav-wizard>li.done:hover>div:after,
.nav-wizard>li:hover>div:after {
    border-right-color: #16191a;
}

.nav-wizard>li.done>div {
    background-color: #212728;
}

.nav-wizard>li.done>div:before {
    border-left-color: #212728;
}

.nav-wizard>li.done>div:after {
    border-right-color: #212728;
}

.nav-wizard>li.active>div,
.nav-wizard>li.active>div:hover,
.nav-wizard>li.active>div:focus {
    color: #fff;
    background-color: #000;
}

.nav-wizard>li.active>div:after {
    border-right-color: #000;
}

.nav-wizard>li.active>div .badge {
    color: #fff;
    background-color: #2d3436;
}

.nav-wizard>li.disabled>div {
    color: #eee;
}

.nav-wizard>li.disabled>div:hover,
.nav-wizard>li.disabled>div:focus {
    color: #eee;
    text-decoration: none;
    background-color: #2d3436;
    cursor: default;
}

.nav-wizard>li.disabled>div:hover:after,
.nav-wizard>li.disabled>div:focus:after {
    border-right-color: #2d3436;
}

.nav-wizard>li.disabled>div:before {
    border-left-color: #2d3436;
}

.nav-wizard>li.disabled>div:after {
    border-right-color: #000;
}

.nav-wizard.nav-justified>li {
    float: none;
}

.nav-wizard.nav-justified>li>div {
    padding: 4px;
}

@media (min-width: 992px) {
    .nav-wizard>li>div {
        padding-right: 60px;
    }
}

@media (max-width: 991px) and (min-width: 480px) {
    .nav-wizard>li>div {
        padding-right: 32px;
    }
    .nav-wizard>li>div h3 {
        font-size: 13px;
    }
}

.widget-shop-off .countdown {
    direction: ltr;
    height: 34px;
}

.widget-shop-off .countdown .day,
.widget-shop-off .countdown .hour,
.widget-shop-off .countdown .minute,
.widget-shop-off .countdown .second {
    display: inline-block;
    position: relative;
}

.widget-shop-off .countdown .day span:last-child,
.widget-shop-off .countdown .hour span:last-child,
.widget-shop-off .countdown .minute span:last-child,
.widget-shop-off .countdown .second span:last-child {
    display: none;
}

.widget-shop-off .countdown .day span,
.widget-shop-off .countdown .hour span,
.widget-shop-off .countdown .minute span,
.widget-shop-off .countdown .second span {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1.85px;
    text-align: center;
    color: #2e343b;
    margin: 0 8px;
    padding-top: 12px;
    border-radius: 3px;
    background-color: var(--white);
    width: 26px;
    height: 34px;
    overflow: hidden;
    display: inline-block;
}

.widget-shop-off .countdown .day:after,
.widget-shop-off .countdown .hour:after,
.widget-shop-off .countdown .minute:after,
.widget-shop-off .countdown .second:after {
    content: ":";
    color: #fff;
    position: absolute;
    top: 8px;
    right: -4px;
}

.widget-shop-off .countdown .second:after {
    display: none;
}

.widget-shop-off {
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white);
    overflow: hidden;
}

.widget-shop-off .header-off-widget {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #0089ff;
    padding: 15px 24px;
    background-image: url("img/off-title.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.widget-shop-off .header-off-widget .timer-section {
    display: flex;
    align-items: center;
}

.widget-shop-off .header-off-widget .timer-section h2,
.widget-shop-off .header-off-widget .timer-section div {
    display: inline-block;
}

.widget-shop-off .header-off-widget h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    color: var(--white);
    display: inline-block;
}

.widget-shop-off .header-off-widget a {
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    color: var(--white);
    display: inline-block;
}

.widget-shop-off .header-off-widget a i {
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.widget-shop-off .header-off-widget a i:before {
    color: var(--white);
}

.widget-shop-off .off-slides {
    padding: 24px 0;
}

.widget-shop-off .off-slides .off-slide .off-thumb {
    padding: 24px;
    border-radius: 4px;
    border: solid 1px #e6e6e6;
    background-color: var(--white);
    margin: 0 3.4px;
}

.widget-shop-off .off-slides .off-slide .off-thumb .off-details .title {
    font-size: 13px;
    font-weight: normal;
    line-height: 22px;
    text-align: right;
    color: #2e343b;
    height: 67px;
    overflow: hidden;
    margin-top: 16px;
}

.widget-shop-off .off-slides .off-slide .off-thumb .off-details .old-price {
    display: block;
    text-align: center;
}

.widget-shop-off .off-slides .off-slide .off-thumb .off-details .old-price .old-price-inner {
    display: inline-block;
    text-align: center;
    padding: 2px 7px 0px 4px;
    border-radius: 4px;
    background-color: rgba(0, 137, 255, 0.1);
    margin: 8px 0;
}

.widget-shop-off .off-slides .off-slide .off-thumb .off-details .old-price .old-price-inner span {
    display: inline-block;
    font-weight: normal;
    line-height: 17px;
}

.widget-shop-off .off-slides .off-slide .off-thumb .off-details .old-price .old-price-inner .amount-old-price {
    font-size: 14px;
    color: #2e343b;
    text-decoration: line-through;
}

.widget-shop-off .off-slides .off-slide .off-thumb .off-details .old-price .old-price-inner .off-percent {
    color: var(--white);
    font-size: 13px;
    background-color: #0089ff;
    border-radius: 4px;
    font-weight: bold;
    padding: 3px 7px 0 4px;
}

.widget-shop-off .off-slides .off-slide .off-thumb .off-details .price {
    display: block;
    text-align: center;
}

.widget-shop-off .off-slides .off-slide .off-thumb .off-details .price span {
    color: #2e343b;
    display: inline-block;
}

.widget-shop-off .off-slides .off-slide .off-thumb .off-details .price .price-amount {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}

.widget-shop-off .off-slides .off-slide .off-thumb .off-details .price .currency {
    font-size: 13px;
    font-weight: normal;
    line-height: 17px;
    margin: 4px 4px 3px 0;
}

.widget-shop-off .off-slides .off-slide .off-thumb .off-details .unavilable {
    display: block;
    height: 65px;
}

.mode_mobile .widget-shop-off .slick-list {
    padding: 0 6px 0 100px !important;
}

.mode_mobile .off-slides .off-titles {
    display: none !important;
}

.mode_mobile .widget-shop-off {
    position: relative;
    padding-bottom: 64px;
}

.mode_mobile .widget-shop-off .header-off-widget {
    padding: 11px 16px;
    display: block;
}

.mode_mobile .widget-shop-off .header-off-widget a.show-all {
    position: absolute;
    bottom: 0;
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #d9d9d9;
    color: #666;
    font-size: 14px;
    bottom: 24px;
    left: 24px;
    right: 24px;
    text-align: center;
    padding: 9.5px 0;
}

.mode_mobile .widget-shop-off .header-off-widget h2 {
    font-size: 14px;
}

.mode_mobile .widget-shop-off .timer-section {
    justify-content: space-between;
}

.mode_mobile .widget-shop-off .countdown {
    margin-left: -8px;
}

.mode_mobile .widget-shop-off .off-slides .off-slide .off-thumb {
    margin: 0 6px;
}

.brands .slick-list .image {
    display: block;
    margin: 10px;
    height: 100px;
}

.brands .slick-list .image img {
    text-align: center;
    margin: auto;
    width: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#box_brands .brands li .body {
    padding: 0;
    margin: 15px 0;
}

#box_brands .brands li .image {
    display: block;
    text-align: center;
}

#box_brands .brands li .image img {
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white);
    padding: 11px;
    display: block;
    margin: auto;
}

.btn-go-compare {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    background: #26b99a;
    border-radius: 3px;
    line-height: 40px;
    font-size: 14px;
    padding-left: 15px;
    overflow: hidden;
    color: #fff;
}

.btn-go-compare.active {
    visibility: visible;
    opacity: 1;
}

.btn-go-compare span {
    float: right;
    background-color: rgba(0, 0, 0, 0.2);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: 10px;
}

.btn-go-compare:hover {
    color: #fff;
}

.btn-go-compare.error {
    background: #d9534f;
    color: #fff;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: 468px 0;
    }
    100% {
        background-position: -468px 0;
    }
}

.linear-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
    background-size: 1000px 104px;
    min-height: 100px;
    position: relative;
    overflow: hidden;
    margin: 10px;
}

.inter-draw {
    background: #fff;
    width: 100%;
    height: 100px;
    position: absolute;
    top: 100px;
}

.inter-right--top {
    background: #fff;
    width: 100%;
    height: 20px;
    position: absolute;
    top: 20px;
    right: 100px;
}

.inter-right--bottom {
    background: #fff;
    width: 100%;
    height: 50px;
    position: absolute;
    top: 60px;
    right: 100px;
}

.inter-crop {
    background: #fff;
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 100px;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    right: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide:focus {
    outline: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list {
    background: #fff url('../../../global/images/ajax-loader.gif') center center no-repeat;
}

.slick-prev,
.slick-next {
    position: absolute;
    display: inline-grid;
    width: 30px;
    line-height: 1;
    box-sizing: content-box;
    font-size: 30px;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: none;
    outline: none;
    z-index: 2;
    text-align: center;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
}

.slick-prev {
    right: 15px;
}

.slick-next {
    left: 15px;
}

.slick-dots {
    position: absolute;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
    margin: -50px auto 0;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: 0 5px;
    height: 10px;
    width: 10px;
    background: rgba(240, 240, 240, 0.5);
    border-radius: 100%;
}

.slick-dots li button {
    display: block;
    height: 0;
    width: 0;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    border: none;
    cursor: pointer;
    padding: 0;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li.slick-active {
    background: #ddd;
}

.items.slick-slider {
    display: none;
}

.items.slick-slider .slick-prev {
    right: 15px;
}

.items.slick-slider .slick-next {
    left: 15px;
}

.items.slick-slider .slick-prev,
.items.slick-slider .slick-next {
    text-align: center;
    width: 20px;
    font-size: 20px;
}

.items.slick-slider .slick-dots {
    bottom: 15px;
}

.widget-slide {
    overflow: hidden;
}

.widget-slide .slick-slide {
    margin-bottom: -10px;
}

.widget-slide .slick-slider {
    display: none;
}

.widget-slide .slick-prev {
    right: 15px;
}

.widget-slide .slick-next {
    left: 15px;
}

.widget-slide .slick-prev,
.widget-slide .slick-next {
    width: 30px;
    font-size: 30px;
    text-align: center;
}

.widget-slide .slick-dots {
    bottom: 15px;
}

.slides-title.title-mode-2 {
    margin-top: -3.5em;
}

.slides-title.title-mode-2 .slick-slide {
    background: rgba(221, 221, 221, 0.8);
    margin: 0 2px;
}

.slides-title.title-mode-2 .slick-slide.slick-active.slick-center {
    background: #ddd;
}

.slides-title.title-mode-2 .title {
    text-align: center;
    cursor: pointer;
    padding: 1em;
    line-height: 1em;
    font-size: 1em;
}

.slides-title.title-mode-3 {
    width: 500px;
    margin: 0px auto 0;
}

.slides-title.title-mode-3 .slick-slide {
    height: 100px;
    margin: 0 2px;
}

.slides-title.title-mode-3 .title {
    text-align: center;
    cursor: pointer;
    padding: 1em;
    line-height: 1em;
    font-size: 1em;
}

.slides-title.title-mode-3 .title img {
    width: 100%;
    height: auto;
}

.banner {
    display: block;
    overflow: hidden;
}

.banner img {
    width: 100%;
}

.banner-top {
    text-align: center;
}

.mode_mobile .banner-top {
    margin: 15px 0 0;
}

.banner-top .banner-title {
    display: block;
    height: 50px;
    background: #fff;
    color: #000;
    font-weight: bold;
    font-size: 1em;
    line-height: 50px;
}

.banner-top .banner-image {
    display: block;
    height: 50px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.mode_mobile .banner-top .banner-image {
    height: auto;
}

.banner-top .banner-image img {
    width: 100%;
}

.faq-items .faq-item {
    margin-bottom: 15px;
    box-shadow: none;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.faq-items .faq-item:last-child {
    margin-bottom: 0;
}

.faq-items .faq-item .card-header {
    border-bottom: none;
}

.faq-items .faq-item .card-header a {
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
}

.faq-items .faq-item .card-header a:hover,
.faq-items .faq-item .card-header a:active {
    opacity: 0.8;
}

.faq-items .faq-item .card-body {
    border-top: 1px solid #ddd;
    font-size: 15px;
}

header {
    box-shadow: 0 1px 0 0 #e6e6e6;
    background-color: #fff;
    border-top: 3px solid #0089ff;
}

header .header-logo-section {
    display: flex;
    align-items: center;
    justify-content: right;
}

header .header-logo-section .logo {
    margin-left: 15px;
}

header .header-logo-section .header-search {
    width: 100%;
    margin: 0 15px;
}

header .header-logo-section .menu-1>li {
    display: inline;
}

header .header-primary {
    padding: 12.5px 0;
}

header .hedaer-user-section {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

header .search-items {
    margin-top: 4px;
}

header .search-items ul {
    text-align: right;
}

header .search-items ul li {
    display: inline-block;
}

header .search-items ul li a {
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    text-align: right;
    color: #7e7e7e;
    padding-left: 12px;
}

.user-area {
    padding-left: 36px;
}

.user-area .fa-user {
    margin-left: 10px;
    background-image: url("img/single.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
    padding: 16px 16px;
}

.user-area .fa-user:before {
    content: "";
}

.user-area .user-toggle {
    display: flex;
    align-items: center;
}

.user-area .welcome,
.user-area .nickname-title {
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    color: #7e7e7e;
    line-height: 18px;
}

.user-area .nickname-title {
    color: #2e343b;
}

.header-mobile-inner .search-area .search-form .input-group,
header .search-area .search-form .input-group {
    height: 40px;
    border-radius: 4px;
    background-color: #f5f5f5;
}

.header-mobile-inner .search-area .search-form .input-group input,
header .search-area .search-form .input-group input {
    background: transparent;
    border: 0;
    font-size: 14px !important;
    color: #999;
    line-height: 2.57;
    font-weight: normal;
}

.header-mobile-inner .search-area .search-form .input-group input:focus,
header .search-area .search-form .input-group input:focus {
    box-shadow: none;
    border: 0;
}

.header-mobile-inner .search-area .search-form .search_button,
header .search-area .search-form .search_button {
    border: 0;
    background: transparent;
    padding: 8px 8px 5px;
}

.header-mobile-inner .search-area .search-form .search_button:focus,
header .search-area .search-form .search_button:focus {
    box-shadow: none;
    border: 0;
}

.header-mobile-inner .search-area .search-form .search_button .fa-search,
header .search-area .search-form .search_button .fa-search {
    background-image: url("img/zoom.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
    padding: 12px 12px;
}

.header-mobile-inner .search-area .search-form .search_button .fa-search:before,
header .search-area .search-form .search_button .fa-search:before {
    content: "";
}

.main-menu-inner {
    display: inline;
    float: right;
}

.header-page-list {
    padding: 8px 12px;
    display: inline-block;
}

.header-page-list ul {
    text-align: right;
}

.header-page-list ul li {
    display: inline-block;
}

.header-page-list ul li a {
    height: 16px;
    font-size: 14px;
    text-align: right;
    color: #2e343b;
    padding: 0 25px;
}

.hedaer-user-section .user-area .user-menu {
    box-shadow: 0 3px 20px 0 rgba(94, 100, 114, 0.08);
    border-radius: 8px;
    background: #fff;
    top: 120%;
    width: 214px;
    padding: 21px 0;
}

.hedaer-user-section .user-area .user-menu li a {
    font-size: 13px;
    line-height: 24px;
    letter-spacing: normal;
    text-align: right;
    color: #2e343b;
    padding: 0 32px 24px;
    display: flex;
    align-items: center;
    position: relative;
    transition: all .3s;
}

.hedaer-user-section .user-area .user-menu li a:before {
    content: "";
    position: absolute;
    right: 0;
    width: 3px;
    height: 27px;
    background: #fff;
    border-radius: 5px 0 0 5px;
    transition: all .3s;
}

.hedaer-user-section .user-area .user-menu li a i {
    font-size: 24px;
    margin-left: 16px;
}

.hedaer-user-section .user-area .user-menu li a:hover {
    color: #0089ff;
}

.hedaer-user-section .user-area .user-menu li a:hover:before {
    background: #0089ff;
}

.hedaer-user-section .user-area .user-menu li a:hover i:before {
    color: #0089ff;
}

.hedaer-user-section .user-area .user-menu li.btn-dialog-exit {
    border-top: 1px solid #e6e6e6;
}

.hedaer-user-section .user-area .user-menu li.btn-dialog-exit a {
    padding-top: 16px;
    padding-bottom: 0;
}

@media (max-width: 767px) {
    header {
        width: 100%;
        text-align: center;
    }
    header .header-top .header-top-inner .menu-1 {
        float: none;
    }
    header .header-top .header-top-inner .menu-1 li {
        float: none;
        display: inline-block;
    }
    header .header-top .header-top-inner .date-time {
        float: none;
        margin: 12px;
    }
    .logo {
        height: auto;
        float: none;
        background-position: top;
        padding-right: 0;
        padding-top: 50px;
    }
}

.mm-menu {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.1);
    color: #000000 !important;
}

.mm-menu .mm-navbar a,
.mm-menu .mm-navbar>* {
    color: #000000 !important;
}

.mode_mobile #mm-menu {
    top: 0;
}

.mode_mobile #mm-menu:after {
    display: none;
}

.mode_mobile #mm-menu a {
    border: 0;
}

.mode_mobile #mm-menu.mm-menu.mm-offcanvas {
    z-index: 99;
}

.mode_mobile.toolbar_on #mm-menu {
    top: 48px;
}

.mode_mobile #mm-menu .menu-2>li {
    border-color: #fff;
}

.mode_mobile #mm-menu .menu-2>li a {
    font-size: 12px;
    color: #2e343b;
}

.mode_mobile #mm-menu .menu-2>li a i {
    margin-left: 12px;
}

.mode_mobile #mm-menu .menu-2>li>a {
    color: #7e7e7e;
}

.mode_mobile #mm-menu .menu-2>li ul li {
    border-color: transparent;
}

.mode_mobile #mm-menu .menu-2 .mm-listitem.mm-listitem_vertical>.mm-listitem__btn:after {
    content: "\e910";
    font-family: fjanebi;
    border: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    line-height: 7px;
    font-size: 10px;
    color: #7e7e7e;
}

.mode_mobile #mm-menu .menu-2 .mm-listitem.mm-listitem_vertical.mm-listitem_opened>.mm-listitem__text {
    color: #0089ff;
}

.mode_mobile #mm-menu .menu-2 .mm-listitem.mm-listitem_vertical.mm-listitem_opened>.mm-listitem__btn {
    background: transparent;
}

.mode_mobile #mm-menu .menu-2 .mm-listitem.mm-listitem_vertical.mm-listitem_opened>.mm-listitem__btn:after {
    content: "\e911";
    color: #0089ff;
}

.mode_mobile .mm-panels,
.mode_mobile .mm-navbar {
    background: #f5f5f5;
}

.mode_mobile .mm-menu_offcanvas {
    z-index: 999;
}

.mode_mobile .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-230px, 0, 0);
    transform: translate3d(-230px, 0, 0);
}

.mode_mobile .mm-menu_offcanvas {
    width: 230px;
    z-index: 999;
    min-width: 230px;
}

.mode_mobile .mm-navbar.mm-navbar_sticky {
    padding: 0;
    border-bottom: 0;
}

.mode_mobile .mm-navbar__title {
    padding: 0;
    display: block;
    text-align: center;
}

.mode_mobile #mm-menu .section-1 {
    padding: 10px 0 0;
    background: #fff;
}

.mode_mobile #mm-menu .section-2 {
    text-align: right;
    background: #fff;
    color: #7e7e7e;
    font-size: 12px;
    padding: 17px 15px 7px;
}

.mode_mobile #mm-menu img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 0 20px;
}

.mode_mobile #mm-menu .user-area {
    padding: 15px;
    text-align: right;
    float: right;
    border-top: solid 1px #f5f5f5;
    width: 100%;
    justify-content: start;
    background: #fff;
}

.mode_mobile #mm-menu .user-area .user-toggle .nickname-section .welcome {
    color: #7e7e7e;
    font-size: 12px;
}

.mode_mobile #mm-menu .user-area .user-toggle .nickname-section .nickname-title {
    color: #2e343b;
    font-size: 12px;
}

.mode_mobile .header-page-list {
    margin: 8px 0;
    background: #fff;
    padding: 0 15px 15px;
}

.mode_mobile .header-page-list ul {
    width: 100%;
}

.mode_mobile .header-page-list ul li {
    display: block;
    padding-top: 15px;
}

.mode_mobile .header-page-list ul li a {
    font-size: 12px;
    line-height: 16px;
    color: #2e343b !important;
    padding: 0;
    display: block;
}

.header-mobile {
    background: #fff;
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 1px 0 0 #e6e6e6;
    border-top: 3px solid #0089ff;
}

.toolbar_on .header-mobile {
    top: 48px;
}

.header-mobile a.toolbar.mobile-logo:focus {
    background: unset;
}

.header-mobile a.toolbar:focus {
    background: transparent;
}

.header-mobile .header-mobile-inner-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 16px;
}

.header-mobile .mm-menu-link i {
    background-image: url(img/menu-mob.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
    padding: 12px 12px;
}

.header-mobile .mm-menu-link i:before {
    content: "";
}

.header-mobile .search-area {
    padding: 0 16px 16px;
}

.main-content {
    margin-top: 0;
}

.toolbar_on .main-content {
    margin-top: 0;
}

.mode_mobile .main-content {
    margin-top: 124px;
}

.mode_mobile.toolbar_on .main-content {
    margin-top: 72px;
}

.mode_mobile .hidden-box {
    z-index: -1;
}

.mode_mobile .mobile_user {
    position: fixed;
    bottom: 0;
    top: 200%;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99;
    transition: all .4s;
    opacity: 0;
    visibility: hidden;
}

.mode_mobile .mobile_user .user-box {
    bottom: 0;
    position: absolute;
    right: 0;
    left: 0;
    background: #fff;
    border-radius: 10px 10px 0 0;
}

.mode_mobile .mobile_user .user-box ul {
    padding: 0 16px 15px;
}

.mode_mobile .mobile_user .user-box ul li a {
    padding: 15px 0;
    color: #2e343b;
    font-size: 14px;
    border: 0;
    display: flex;
    align-items: center;
}

.mode_mobile .mobile_user .user-box ul li a i {
    margin-left: 16px;
    font-size: 24px;
}

.mode_mobile .mobile_user .user-box ul li a:before {
    content: "";
    position: absolute;
    right: 0;
    width: 3px;
    height: 27px;
    background: #fff;
    border-radius: 5px 0 0 5px;
    transition: all .3s;
}

.mode_mobile .mobile_user .user-box ul li a:hover {
    color: #0089ff;
}

.mode_mobile .mobile_user .user-box ul li a:hover:before {
    background: #0089ff;
}

.mode_mobile .mobile_user .user-box ul li a:hover i:before {
    color: #0089ff;
}

.mode_mobile .mobile_user .user-box ul li a.exit-userbox {
    border-bottom: solid 1px #e6e6e6;
}

.mode_mobile .mobile_user #close-btn {
    height: 4px;
    margin: 12px auto 8px;
    border-radius: 3px;
    background-color: #d9d9d9;
    display: block;
    width: 141px;
}

.mode_mobile .mobile_user.show-box {
    top: 0;
    visibility: visible;
    opacity: 1;
}

footer.footer-1 {
    clear: both;
    background: #fff;
    padding: 40px 0 0;
}

footer.footer-1 .footer-top {
    padding: 30px 0;
    background-image: url("img/footer-top.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}

footer.footer-1 .footer-top .service-box-list {
    border-radius: 4px;
    border: solid 1px #e6e6e6;
    background-color: #fafafa;
}

footer.footer-1 .footer-top .service-box-list ul {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer.footer-1 .footer-top .service-box-list ul li {
    padding: 25px 10px;
    border-left: solid 1px #e6e6e6;
    text-align: center;
    display: block;
    width: 100%;
}

footer.footer-1 .footer-top .service-box-list ul li>span {
    display: block;
    text-align: center;
}

footer.footer-1 .footer-top .service-box-list ul li>span img {
    max-width: 100%;
    margin-bottom: 8px;
}

footer.footer-1 .footer-top .service-box-list ul li>span .title {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    display: block;
    color: #2e343b;
}

footer.footer-1 .footer-top .service-box-list ul li>span .subtitle {
    font-size: 12px;
    line-height: 18px;
    color: #7e7e7e;
    display: block;
}

footer.footer-1 .footer-top .service-box-list ul li:last-child {
    border-left: 0;
}

footer.footer-1 .footer-center {
    padding: 35px;
}

footer.footer-1 .footer-app-box {
    height: calc(100% - 45px);
    display: flex;
}

footer.footer-1 .footer-app-box .footer-app-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

footer.footer-1 .footer-app-box .footer-app-background {
    flex-grow: 1;
    background-image: url(img/footer-app.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

footer.footer-1 .footer-app-box .ios-link,
footer.footer-1 .footer-app-box .android-link {
    display: block;
}

footer.footer-1 .footer-app-box .ios-link a,
footer.footer-1 .footer-app-box .android-link a {
    display: inline-block;
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #d9d9d9;
    line-height: 21px;
    font-size: 14px;
    color: #666;
    width: 176px;
    height: 40px;
    margin: 8px 0;
    padding: 10px 25px 10px 10px;
    background-position: 130px 10px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: auto;
}

footer.footer-1 .footer-app-box .android-link a {
    background-image: url("img/android.svg");
    background-position: 151px 10px;
}

.mode_mobile footer.footer-1 .footer-app-box .android-link a {
    background-position: 135px 10px;
}

footer.footer-1 .footer-app-box .ios-link a {
    background-image: url("img/apple.svg");
}

.mode_mobile footer.footer-1 .footer-app-box .ios-link a {
    background-position: 115px 10px;
}

footer.footer-1 .footer-title,
footer.footer-1 .menu-4>li>a {
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    text-align: right;
    color: #2e343b;
    display: block;
    padding-bottom: 20px;
}

footer.footer-1 .menu-4 {
    display: flex;
    align-items: flex-start;
}

footer.footer-1 .menu-4>li {
    width: 33%;
    padding-bottom: 15px;
}

footer.footer-1 .menu-4>li>ul>li a {
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    text-align: right;
    color: #2e343b;
    padding: 12px 0;
    display: block;
}

footer.footer-1 .menu-4>li>ul ul {
    display: none;
}

footer.footer-1 .section-bottom {
    border-top: solid 1px #e6e6e6;
    align-items: center;
    padding: 55px 0;
}

footer.footer-1 .contact-section {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: start;
    border-left: 1px solid #e6e6e6;
}

footer.footer-1 .contact-section span {
    width: 50%;
}

footer.footer-1 .contact-section span a {
    font-size: 16px;
    line-height: 24px;
    color: #2e343b;
    text-align: right;
}

footer.footer-1 .contact-section span a i {
    float: right;
    margin-left: 7px;
}

footer.footer-1 .contact-section span a i:before {
    color: #0089ff;
}

footer.footer-1 .contact-section span a .janebi-email-3:before {
    color: #0089ff;
}

footer.footer-1 .contact-box {
    margin: 0;
}

footer.footer-1 .contact-box .col-lg-6.col-md-6 {
    padding: 0;
}

footer.footer-1 .working-days {
    margin-bottom: 23px;
}

footer.footer-1 .working-days span {
    font-size: 16px;
    text-align: right;
    color: #2e343b;
    line-height: 25px;
}

footer.footer-1 .working-days .green-text {
    font-size: 16px;
    font-weight: bold;
    color: #41bd64;
}

footer.footer-1 .nemad-box {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

footer.footer-1 .nemad-box li {
    text-align: center;
}

footer.footer-1 .nemad-box li img {
    max-width: 100%;
    width: 125px;
    height: auto;
}

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

footer.footer-1 .social a {
    opacity: 1;
    padding: 7.7px 10px;
}

footer.footer-1 .social .icon-social i {
    font-family: "fjanebi";
    color: #ccc;
    position: relative;
    top: 5px;
    font-style: normal;
    font-size: 24px;
}

footer.footer-1 .social .icon-social.icon-linkedin i:before {
    content: "\e929";
}

footer.footer-1 .social .icon-social.icon-twitter i:before {
    content: "\e92a";
}

footer.footer-1 .social .icon-social.icon-facebook i:before {
    content: "\e927";
}

footer.footer-1 .social .icon-social.icon-instagram i:before {
    content: "\e928";
}

footer.footer-1 .social .icon-social.icon-telegram i:before {
    content: "\e92b";
}

footer.footer-1 .social .icon-social.icon-email i:before {
    content: "\e92f";
}

footer.footer-1 .social .icon-social.icon-aparat i {
    background: transparent url(img/aparat-icon.svg) no-repeat;
    background-size: contain;
    position: relative;
    top: 0;
    font-size: 0;
    padding: 12px;
}

footer.footer-1 .footer-bottom {
    background-color: #f5f5f5;
}

footer.footer-1 .footer-bottom .footer-text {
    font-size: 14px;
    line-height: 28px;
    text-align: right;
    color: #2e343b;
    padding: 40px 0 35px;
}

footer.footer-1 .footer-bottom .footer-license {
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    color: #7e7e7e;
    padding: 27.5px 0;
    border-top: solid 1px #e6e6e6;
}

footer.footer-1 .footer-bottom .footer-license a {
    color: #0089ff;
}

footer.footer-1 .footer-bottom .footer-license .webrokh {
    float: left;
    background-image: url("img/webrokh.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
    padding: 15px 48px;
    top: -6px;
}

.copyright-area {
    float: right;
}

@media (max-width: 480px) {
    #copyright {
        float: none;
        text-align: center;
    }
    #shopfa_license {
        float: none;
        margin: 20px auto 0;
    }
}

.mode_mobile .footer-mobile-text {
    margin: 16px 0 24px;
    padding: 24px 16px 16px;
    box-shadow: 0 1px 0 0 #e6e6e6;
    background-color: var(--white);
}

.mode_mobile .footer-mobile-text .btn-readmore {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: right;
    color: #0089ff;
    padding: 0;
    margin: 15px auto;
}

.mode_mobile .footer-mobile-text .btn-readmore i {
    font-size: 12px;
    position: relative;
    top: 1px;
    right: 7px;
}

.mode_mobile .footer-text {
    font-size: 12px;
    line-height: 2;
    letter-spacing: normal;
    text-align: right;
    color: #2e343b;
}

.mode_mobile .footer-text h2 {
    margin-bottom: 10px;
}

.mode_mobile .footer-1 {
    padding: 32px 16px 0;
}

.mode_mobile .footer-1 .menu-4 {
    display: block;
}

.mode_mobile .footer-1 .menu-4>li {
    width: 50%;
    display: block;
    float: right;
    margin-bottom: 12px;
}

.mode_mobile .footer-1 .menu-4>li>a {
    padding-bottom: 10px;
    font-size: 12px;
}

.mode_mobile .footer-1 .menu-4>li ul a {
    font-size: 12px;
    padding: 10px 0;
}

.mode_mobile .footer-1 .menu-4>li ul>li:first-child a {
    padding-top: 0;
}

.mode_mobile .footer-1 .mob-app {
    display: inline;
    width: 50%;
}

.mode_mobile .footer-1 .mob-app .footer-title {
    font-size: 12px;
    padding-bottom: 2px;
}

.mode_mobile .footer-1 .section-bottom {
    display: block;
    width: 100%;
    clear: both;
    padding: 0;
    border: 0;
}

.mode_mobile .footer-1 .working-days {
    border-top: solid 1px #e6e6e6;
    padding: 16px 0;
    text-align: center;
    margin-bottom: 0;
}

.mode_mobile .footer-1 .working-days span {
    font-size: 12px;
}

.mode_mobile .footer-1 .working-days span:first-child {
    display: block;
    text-align: center;
}

.mode_mobile .footer-1 .contact-box .contact-section {
    justify-content: center;
    border-left: 0;
}

.mode_mobile .footer-1 .contact-box .contact-section span {
    width: auto;
    margin: 0 20px;
}

.mode_mobile .footer-1 .contact-box .contact-section span a {
    font-size: 12px;
}

.mode_mobile .footer-1 .contact-box .contact-section span i:before {
    font-size: 24px;
}

.mode_mobile .footer-1 .nemad-box {
    border-top: solid 1px #e6e6e6;
    padding: 20px 0;
}

.mode_mobile .footer-1 .footer-app-box .android-link a,
.mode_mobile .footer-1 .footer-app-box .ios-link a {
    width: 160px;
    font-size: 12px;
}

.mode_mobile .footer-1 .social {
    border: 0;
    padding: 22px 0;
}

.mode_mobile .footer-1 .social li a {
    padding: 10px;
}

.mode_mobile .footer-1 .social li a i {
    font-size: 24px;
    color: #ccc;
}

.mode_mobile .footer-1 .footer-bottom {
    margin: 0 -16px;
}

.mode_mobile .footer-1 .footer-bottom .footer-license {
    padding: 16px 0;
    border: 0;
}

.mode_mobile .footer-1 .footer-bottom .footer-license .webrokh {
    margin-top: 14px;
    display: block;
    top: 0;
    float: none;
}

.mode_mobile .licence-area {
    float: none;
    margin: 15px auto 0;
    text-align: center;
}

.jhidden {
    display: none !important;
}

body {
    background: #fff;
    color: #2d3436;
}

.btn.btn-success {
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 137, 255, 0.32);
    background-color: #0089ff;
    font-size: 14px;
}

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

a {
    color: #333;
}

a:hover {
    color: #777;
}

.user-area .user-menu {
    background: #fff;
    padding: 15px;
}

.user-area .user-menu li a {
    display: block;
    padding: 0.6em;
}

.main-content,
.toolbar_on .main-content {
    margin-top: 1px;
}

.page_home .main-content {
    padding-top: 32px;
}

.mode_mobile.page_home .main-content {
    padding-top: 15px;
}

.main-content {
    background: #fafafa;
}

.slick-prev,
.slick-next {
    padding: 24px 5px;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.08);
    transition: all .3s;
    background-color: #fff;
}

.slick-prev i,
.slick-next i {
    font-weight: 100;
    font-size: 16.6px;
    color: #0089ff;
}

.slick-prev:hover,
.slick-next:hover {
    background-color: #0089ff;
}

.slick-prev:hover i,
.slick-next:hover i {
    color: #fff;
}

.slick-prev {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.slick-next {
    left: 0;
    border-radius: 0 3px 3px 0;
}

.widget {
    overflow: hidden;
}

.mode_desktop .widget-item,
#recent_visits,
#box_related,
$box-border {
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white);
    overflow: hidden;
}

.widget-shop-product-list .header,
.widget-shop-brands .header,
#recent_visits .header,
#box_related .header,
.header-widget .header,
.widget-theme-gallery .header,
#box_proposal .header {
    padding: 32px 32px 0;
}

.widget-shop-product-list .header .title,
.widget-shop-brands .header .title,
#recent_visits .header .title,
#box_related .header .title,
.header-widget .header .title,
.widget-theme-gallery .header .title,
#box_proposal .header .title {
    height: 26px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    text-align: right;
    color: #2e343b;
    position: relative;
    top: -3px;
    background-image: url("img/description-title.png");
    background-position: right;
    background-repeat: no-repeat;
    background-size: auto;
    padding-right: 30px;
    margin-left: 16px;
}

.widget-shop-product-list .header .title:before,
.widget-shop-brands .header .title:before,
#recent_visits .header .title:before,
#box_related .header .title:before,
.header-widget .header .title:before,
.widget-theme-gallery .header .title:before,
#box_proposal .header .title:before {
    content: "";
}

.widget-shop-product-list .header .subtitle,
.widget-shop-brands .header .subtitle,
#recent_visits .header .subtitle,
#box_related .header .subtitle,
.header-widget .header .subtitle,
.widget-theme-gallery .header .subtitle,
#box_proposal .header .subtitle {
    position: relative;
    top: -10px;
}

.widget-shop-product-list .header .subtitle a,
.widget-shop-brands .header .subtitle a,
#recent_visits .header .subtitle a,
#box_related .header .subtitle a,
.header-widget .header .subtitle a,
.widget-theme-gallery .header .subtitle a,
#box_proposal .header .subtitle a {
    color: #0089ff;
}

.widget-shop-product-list .body,
.widget-shop-brands .body,
#recent_visits .body,
#box_related .body,
.header-widget .body,
.widget-theme-gallery .body,
#box_proposal .body {
    padding-bottom: 15px;
}

.mode_desktop .widget-shop-brands {
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white);
    overflow: hidden;
    background: #fff;
}

.brands .slick-list .image {
    margin-top: 35px;
}

.brands .slick-list .image img {
    width: 120px;
}

.header-box {
    background: #fff;
    padding: 10px 30px;
}

.header-box .header {
    padding: 32px 0 0;
}

.header-box .header h1 {
    height: 26px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    text-align: right;
    color: #2e343b;
    position: relative;
    top: -3px;
}

.header-box .header h1:before {
    content: "";
    background-image: url("img/description-title.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 0 10px;
    margin-left: 16px;
}

.header-box .body {
    padding: 32px 0 0;
}

.widget-theme-special-banner {
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}

.widget-theme-special-banner .special-banner {
    padding: 44px 51px 0 50px;
}

.widget-theme-special-banner .header-1 {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: normal;
    text-align: center;
    color: #2e343b;
}

.widget-theme-special-banner .header-2 {
    letter-spacing: normal;
    text-align: center;
    color: #2e343b;
    font-size: 24px;
    font-weight: bold;
    line-height: 37px;
    margin-top: 5px;
}

.widget-theme-special-banner .banners-body {
    text-align: center;
    margin-top: 10px;
}

.widget-theme-three-banners .three-banners {
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white);
    overflow: hidden;
    padding: 24px;
}

.widget-theme-three-banners .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.widget-theme-three-banners .header a {
    display: block;
}

.widget-theme-three-banners .header a h2 {
    height: 24px;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    text-align: right;
    color: #2e343b;
}

.widget-theme-three-banners .three-banners-body {
    display: flex;
    justify-content: space-between;
}

.widget-theme-three-banners .three-banners-body .max-img {
    flex-grow: 2;
    border-radius: 4px;
    border: solid 1px #e6e6e6;
    background-color: var(--white);
    text-align: center;
    margin-left: 9px;
    flex-basis: 220px;
    padding: 10px;
    display: flex;
    align-items: center;
}

.widget-theme-three-banners .three-banners-body .min-img {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-right: 9px;
}

.widget-theme-three-banners .three-banners-body .min-img .min-img-inner {
    border-radius: 4px;
    border: solid 1px #e6e6e6;
    background-color: var(--white);
    text-align: center;
    padding: 10px;
}

.widget-theme-three-banners .three-banners-body .min-img a {
    display: block;
}

.widget-theme-three-banners .three-banners-body .min-img .img-1 {
    margin-bottom: 9px;
}

.widget-theme-three-banners .three-banners-body .min-img .img-2 {
    margin-top: 9px;
}

#box_contact input,
#box_contact #contact_text {
    border-color: #e6e6e6;
    border-radius: 4px;
}

#box_contact input:focus,
#box_contact #contact_text:focus {
    box-shadow: none;
    border-color: #0089ff;
}

.page_contact #box_comments .content_header {
    padding: 20px 25px 0;
}

.page_contact.mode_mobile #box_contact .header {
    margin-bottom: 15px;
}

.page_contact.mode_mobile #box_comments .content_header {
    padding: 20px 0 15px;
}

.widget-shop-product-list .slick-list {
    padding: 0 20px 0 100px !important;
}

.empty-section {
    text-align: center;
    padding: 40px;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
    margin: 0 0 25px;
}

.empty-section .title {
    margin: 32px 0 16px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    color: #2e343b;
}

.mode_mobile .empty-section .title {
    font-size: 16px;
    line-height: 2.25;
}

.empty-section .subtitle {
    margin: 16px 0 34px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    text-align: center;
    color: #7e7e7e;
}

.mode_mobile .empty-section .subtitle {
    font-size: 14px;
    line-height: 2.07;
}

.empty-section .btn {
    margin: 0;
    padding: 15px 65px 14px;
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 137, 255, 0.32);
    background-color: #0089ff;
    color: #fff;
    font-size: 14px;
}

.mode_desktop .empty-section .btn {
    margin: 34px 0;
}

.mode_desktop #box_proposal {
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
}

.mode_desktop #box_proposal .products.row {
    margin: 0 15px;
}

.mode_desktop #box_proposal .header {
    padding-bottom: 10px;
}

#text_color_box {
    background-color: #fff;
    padding: 25px 0 0;
    margin: 0 0 25px;
}

#text_color_box h1 {
    height: 26px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    text-align: right;
    color: #2e343b;
}

#text_color_box p {
    font-size: 14px;
    margin: 0;
    line-height: 30px;
}

.widget-theme-editor-full-bar {
    padding: 25px 0;
}

.mode_mobile #box_proposal .header {
    margin-bottom: 10px;
}

.mode_mobile #box_proposal .products .slick-list {
    padding: 0 20px 0 100px !important;
}

.mode_mobile @box-border {
    border-radius: 0;
    box-shadow: 0 1px 0 0 #e6e6e6;
    background-color: var(--white);
    overflow: hidden;
}

.mode_mobile body {
    background: #fafafa;
}

.mode_mobile .widget {
    margin-bottom: 15px;
}

.mode_mobile .widget-theme-slide {
    margin-bottom: 10px;
}

.mode_mobile .user-box ul li {
    text-align: right;
}

.mode_mobile .user-box ul li a {
    color: #000;
    padding: 10px 15px;
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    display: block;
}

.mode_mobile .user-box ul li a:hover {
    color: #ddd;
}

.mode_mobile .page>.container {
    padding: 0;
}

.mode_mobile .widget-shop-off {
    border-radius: 0;
}

.mode_mobile .widget-shop-off .header-off-widget {
    background-image: url(img/mob-off-title.png);
}

.mode_mobile .widget-shop-product-list .header,
.mode_mobile .widget-shop-brands .header,
.mode_mobile #recent_visits .header,
.mode_mobile #box_related .header,
.mode_mobile .header-widget .header,
.mode_mobile .widget-theme-gallery .header,
.mode_mobile #box_proposal .header {
    padding: 8px 0 0;
}

.mode_mobile .widget-shop-product-list .header .title,
.mode_mobile .widget-shop-brands .header .title,
.mode_mobile #recent_visits .header .title,
.mode_mobile #box_related .header .title,
.mode_mobile .header-widget .header .title,
.mode_mobile .widget-theme-gallery .header .title,
.mode_mobile #box_proposal .header .title {
    font-size: 14px;
    top: 0;
}

.mode_mobile .widget-shop-product-list .header>.subtitle a,
.mode_mobile .widget-shop-brands .header>.subtitle a,
.mode_mobile #recent_visits .header>.subtitle a,
.mode_mobile #box_related .header>.subtitle a,
.mode_mobile .header-widget .header>.subtitle a,
.mode_mobile .widget-theme-gallery .header>.subtitle a,
.mode_mobile #box_proposal .header>.subtitle a {
    font-size: 14px;
    color: #0089ff;
    height: 26px;
    margin-bottom: 15px;
}

.mode_mobile .widget-shop-product-list .header>.subtitle a i,
.mode_mobile .widget-shop-brands .header>.subtitle a i,
.mode_mobile #recent_visits .header>.subtitle a i,
.mode_mobile #box_related .header>.subtitle a i,
.mode_mobile .header-widget .header>.subtitle a i,
.mode_mobile .widget-theme-gallery .header>.subtitle a i,
.mode_mobile #box_proposal .header>.subtitle a i {
    position: relative;
    top: 4px;
    margin-right: 4px;
}

.mode_mobile .widget-shop-product-list .header>.subtitle a i:before,
.mode_mobile .widget-shop-brands .header>.subtitle a i:before,
.mode_mobile #recent_visits .header>.subtitle a i:before,
.mode_mobile #box_related .header>.subtitle a i:before,
.mode_mobile .header-widget .header>.subtitle a i:before,
.mode_mobile .widget-theme-gallery .header>.subtitle a i:before,
.mode_mobile #box_proposal .header>.subtitle a i:before {
    color: #0089ff;
}

.mode_mobile .container-wide .widget-shop-product-list .header,
.mode_mobile .container-wide .widget-shop-brands .header,
.mode_mobile .container-wide #recent_visits .header,
.mode_mobile .container-wide #box_related .header,
.mode_mobile .container-wide .header-widget .header {
    padding: 8px 16px 0;
}

.mode_mobile .slick-dots {
    margin: -46px auto 0;
}

.mode_mobile .slick-dots li {
    width: 8px;
    height: 8px;
    background: #ccc;
    margin: 0 4px;
}

.mode_mobile .slick-dots li.slick-active {
    background: #0089ff;
}

.mode_mobile .widget-shop-off .off-slides .off-slide .off-thumb .off-details .title {
    font-size: 12px;
}

.mode_mobile .widget-theme-special-banner {
    box-shadow: none;
    margin: 0 -7px 15px;
}

.mode_mobile .widget-theme-special-banner .special-banner {
    padding: 24px 8px 20px;
    box-shadow: 0 1px 0 0 #e6e6e6;
}

.mode_mobile .widget-theme-special-banner .special-banner .header-1,
.mode_mobile .widget-theme-special-banner .special-banner .header-2 {
    font-size: 12px;
}

.mode_mobile .widget-theme-special-banner .special-banner .header-2 {
    line-height: normal;
    margin-top: 3px;
}

.mode_mobile .widget-shop-brands>.body {
    padding-bottom: 0;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white);
    overflow: hidden;
}

.mode_mobile .widget-theme-gallery {
    overflow: visible;
}

.mode_mobile .widget-theme-three-banners .three-banners {
    box-shadow: 0 1px 0 0 #e6e6e6;
    border-radius: 0;
    padding: 16px;
}

.mode_mobile .widget-theme-three-banners .header a h2 {
    font-size: 14px;
}

.mode_mobile .widget-theme-three-banners .three-banners-body {
    margin: 0 -4px;
}

.mode_mobile .widget-theme-three-banners .three-banners-body a {
    border-radius: 4px;
    border: solid 1px #e6e6e6;
    margin: 0 4px;
    display: block;
    overflow: hidden;
}

.mode_mobile .fancybox-content {
    padding: 45px 25px 15px;
}

.mode_mobile .detect-device {
    display: block;
    position: fixed;
    bottom: 0;
    left: 1px;
    right: 1px;
    width: 100%;
    z-index: 9999999;
    box-shadow: 0px 0px 3px 0px #e6e6e6;
    background-color: var(--white);
    border-radius: 10px 10px 0 0;
}

.mode_mobile .detect-device .device-img {
    border-radius: 4px;
    border: solid 1px #e6e6e6;
}

.mode_mobile .detect-device .device-img img {
    max-width: 100%;
}

.mode_mobile .detect-device .row {
    align-items: center;
}

.mode_mobile .detect-device span {
    display: block;
}

.mode_mobile .detect-device .title {
    color: #7e7e7e;
    font-size: 13px;
}

.mode_mobile .detect-device .device-name {
    color: #2e343b;
    line-height: 2.57;
    font-size: 14px;
}

.mode_mobile .widget-theme-icons-full-bar .icons-list-box a {
    margin: 0 5px;
}

.products.mode-1>div .thumb {
    padding: 30px 24px 24px;
    border-radius: 4px;
    border: solid 1px transparent;
    transition: all .3s;
    background: #fff;
}

.products.mode-1>div .thumb:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
    border-color: #e6e6e6;
}

.products.mode-1>div .thumb .product-link {
    display: block;
}

.products.mode-1>div .thumb .details .title {
    margin-top: 24px;
    height: 67px;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 22px;
    letter-spacing: normal;
    text-align: right;
    color: #2e343b;
    overflow: hidden;
    display: block;
}

.products.mode-1>div .thumb .details-price {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    height: 55px;
    margin-top: 10px;
}

.products.mode-1>div .thumb .details-price .price-area .status {
    padding: 0;
    font-size: 14px;
    border: 0;
    background: #fff;
    font-weight: bold;
    position: relative;
    top: 3px;
    color: #2e343b;
}

.products.mode-1>div .thumb .details-price .price-area .old-price {
    display: block;
    text-decoration: none;
    margin: 0;
}

.products.mode-1>div .thumb .details-price .price-area .old-price .old-price-inner .off-percent {
    width: 35px;
    height: 20px;
    margin: 0 0 0 6px;
    border-radius: 4px;
    background-color: rgba(0, 137, 255, 0.1);
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 17px;
    letter-spacing: normal;
    text-align: center;
    color: #0089ff;
    display: inline-block;
    padding-top: 3px;
}

.products.mode-1>div .thumb .details-price .price-area .old-price .old-price-inner .amount-old-price {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 17px;
    letter-spacing: normal;
    text-align: right;
    color: #ccc;
    text-decoration: line-through;
}

.products.mode-1>div .thumb .details-price .price-area .price span {
    display: inline-block;
}

.products.mode-1>div .thumb .details-price .price-area .price .price-amount {
    margin: 5px 0 0 4px;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    text-align: right;
    color: #2e343b;
}

.products.mode-1>div .thumb .details-price .price-area .price .currency {
    margin: 4px 4px 3px 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 17px;
    letter-spacing: normal;
    text-align: right;
    color: #2e343b;
}

.products.mode-1>div .thumb .rate-section {
    padding: 3px 0 0;
}

.products.mode-1>div .thumb .rate-section i {
    position: relative;
    top: 2px;
}

.products.mode-1>div .thumb .rate-section i:before {
    color: #f1c21b;
}

.products.mode-1>div .thumb .rate-section .star-rate {
    font-size: 12px;
    line-height: 12px;
    color: #2e343b;
}

.products.mode-1>div .thumb .rate-section .reviewcount {
    font-size: 12px;
    line-height: 12px;
    color: #7e7e7e;
}

#products .page-details-top ul {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0 0 10px;
    padding-right: 0;
}

#products .page-details-top ul li {
    display: inline-block;
}

#products .page-details-top ul li a {
    display: block;
    padding: 5px 10px;
    margin: 3px;
    background: #fff;
    box-shadow: 0 0.1rem 0 rgba(63, 87, 111, 0.2);
    border-radius: .5rem;
    color: #0089ff;
    font-size: 14px;
    line-height: 24px;
}

#products .page-details-top ul li a:before {
    content: "#";
    padding-left: 2px;
}

.mode_mobile #products .page-details-top ul li {
    width: 49%;
    float: right;
}

#product-tabs-content .pages .link-list {
    display: inline;
}

#product-tabs-content .pages .link-list a {
    background: #fff;
    color: #0089ff;
    font-size: 14px;
}

#product-tabs-content .brands_section a {
    background: #fff;
    color: #0089ff;
    font-size: 14px;
}

.thumb {
    overflow: hidden;
    text-align: center;
    position: relative;
}

.thumb .badges {
    position: absolute;
    z-index: 9;
    top: 24px;
    right: 0;
}

.thumb .badges .badge-off,
.thumb .badges .badge-new {
    display: none;
}

.thumb .badges li {
    color: #fff;
}

.thumb .badges li.badge-special {
    padding: 3px 6px;
    background-image: url("img/badg.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.thumb .badges li.badge-special:after {
    content: "پیشنهاد ویژه";
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    text-align: center;
}

#side_products {
    margin-bottom: 16px;
}

#side_right .box {
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white);
    margin-bottom: 16px;
    color: #2e343b;
}

#side_right .box>.block>.header {
    border-bottom: solid 1px #e6e6e6;
}

#side_right .box>.block>.header>span {
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    text-align: right;
    color: #2e343b;
    padding: 24px;
    display: block;
}

#side_right .box .body {
    padding: 24px;
}

#side_right #box_filter .body {
    padding: 0;
}

#box_filter .filter-label {
    position: relative;
    cursor: pointer;
    display: block;
    margin-bottom: 0;
}

#box_filter .filter-label:after {
    content: "\e910";
    color: #939393;
    font-family: "fjanebi";
    position: absolute;
    left: 24px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 300;
}

#box_filter .filter-label.show-ul:after {
    content: "\e911";
}

#box_filter .body-inner {
    display: none;
    margin-top: 10px;
}

#box_filter .header>span {
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    text-align: right;
    color: #2e343b;
    padding: 24px;
    display: block;
}

#box_filter .body #filter_search {
    padding: 24px 0;
}

#box_filter .body #filter_search label,
#box_filter .body #filter_search input {
    margin-left: 24px;
    margin-right: 24px;
}

#box_filter .body #filter_search label {
    font-size: 12px;
    line-height: 21px;
}

#box_filter .body #filter_search input {
    width: calc(100% - 48px);
    border-radius: 4px;
    font-size: 13px;
    margin-top: 15px;
    display: none;
}

#box_filter .body #filter_search input:focus {
    box-shadow: none;
    border-color: #ccc;
}

#box_filter .body #filter_search ::-webkit-input-placeholder {
    font-size: 13px;
}

#box_filter .body #filter_search :-ms-input-placeholder {
    font-size: 13px;
}

#box_filter .body #filter_search ::placeholder {
    font-size: 13px;
}

#box_filter .body #filter_brand .checkboxes {
    margin-top: 15px;
    padding-left: 10px;
}

#box_filter .body #filter_brand .checkboxes li label {
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 36px;
    text-align: right;
    color: #2e343b;
}

#box_filter .body #filter_brand .checkboxes li label input {
    position: relative;
    top: 4px;
}

#box_filter .body #filter_brand .checkboxes li label:hover {
    background: transparent;
}

#box_filter hr {
    display: none;
}

#box_filter #filter_brand .filter-label:after,
.mode_mobile #filter_brand .filter-label::after {
    content: "" !important;
}

#filter_range .filter_area>div {
    display: none;
}

#filter_range .filter_area>div #price_range {
    margin-top: 25px;
}

#filter_range #price_range .noUi-connects {
    background-color: #f0f0f0;
}

#filter_range #price_range .noUi-connects .noUi-connect {
    background-color: #ccc;
}

#filter_range .input-group {
    color: #282929;
}

#filter_range .input-group .add-on.input-group-addon {
    line-height: 2.5em;
}

.filter-label {
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
}

.filter-box {
    padding: 24px;
    border-bottom: solid 1px #e6e6e6;
}

#filter_status .filter_area .radio_list {
    margin-top: 15px;
    display: none;
}

#filter_status .filter_area .radio_list label {
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 35px;
    text-align: right;
    color: #2e343b;
    margin: 0;
}

#filter_status .filter_area .radio_list label input {
    position: relative;
    top: 4px;
}

#filter_off hr,
#filter_special hr {
    display: none;
}

.filter-label-inline {
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
}

#filter_special {
    padding-bottom: 24px;
}

#box_block_stat li {
    font-size: 14px;
    line-height: 21px;
    padding: 5px 0;
}

.toggle-light .toggle-slide .toggle-on,
.toggle-light .toggle-select .toggle-inner .active {
    background: #0089ff !important;
}

#pages_area ul.filter_pages {
    padding: 0;
    border: 0;
}

#pages_area ul.filter_pages>li a {
    font-size: 14px;
    text-align: right;
    color: #7e7e7e;
    line-height: 21px;
    font-weight: normal;
    padding: 7px 24px;
    display: block;
}

#pages_area ul.filter_pages>li a:hover {
    color: #2e343b;
}

#pages_area ul.filter_pages>li {
    display: block;
}

#pages_area ul.filter_pages>li a.active {
    position: relative;
}

#pages_area ul.filter_pages>li a.active:before {
    content: "\e910";
    color: #0089ff;
    font-family: "fjanebi";
    position: absolute;
    right: 0;
    cursor: pointer;
    font-size: 12px;
}

#filter_pages .filter-label:after {
    display: none !important;
}

#box_products .content.header-box {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}

#box_products .filter_items {
    margin-bottom: 15px;
    border-bottom: solid 1px #e6e6e6;
}

#box_products .filter_items .filter-number {
    display: block;
    flex-grow: 1;
}

#box_products .filter_items .filter-number .float-right {
    font-size: 12px;
    color: #7e7e7e;
    line-height: 24px;
    float: left !important;
    position: relative;
    top: -8px;
    display: flex;
    align-items: center;
}

#box_products .filter_items .filter-number .float-right a {
    padding: .25rem 5px;
}

#box_products .filter_items .filter-number .float-right a:hover {
    color: #0089ff;
}

#box_products .filter_items .filter-number .float-right .visible-lg-inline-block a:last-child {
    padding-left: 0;
}

#box_products .filter_items .filter-title {
    flex-grow: 2;
}

#box_products .filter_items .btn-sorts {
    padding: 0;
    position: relative;
    padding-right: 100px;
}

#box_products .filter_items .btn-sorts:before {
    content: "مرتب سازی :";
    position: absolute;
    font-size: 13px;
    line-height: 19px;
    color: #939393;
    right: 31px;
    top: 3px;
}

#box_products .filter_items .btn-sorts:after {
    content: "\e921";
    position: absolute;
    font-size: 16px;
    line-height: 16px;
    color: #939393;
    right: 0;
    font-family: "fjanebi";
    top: 3px;
}

#box_products .filter_items .btn-sorts a {
    font-size: 12px;
    font-weight: normal;
    line-height: 19px;
    text-align: right;
    color: #2e343b;
    margin: 0 5px;
    padding: 0 0 15px;
    border-bottom: 3px solid transparent;
}

#box_products .filter_items .btn-sorts a:first-child {
    margin-right: 0;
}

#box_products .filter_items .btn-sorts a.btn-default {
    color: #0089ff;
    line-height: 21px;
    font-size: 13px;
    border-bottom-color: #0089ff;
}

#box_products .products.items.mode-1.row {
    margin-right: -8px;
    margin-left: -8px;
}

#box_products .products.mode-1>div .thumb {
    margin: 8px -8px;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}

.pageslist {
    margin: 24px 0;
}

.pageslist a.btn,
.pageslist a.btn-light {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #2e343b;
    width: 32px;
    height: 32px;
    padding: 4px 8px;
    border: 0;
    margin: 0 12.5px;
}

.pageslist a.btn .fa-chevron-left:before,
.pageslist a.btn .fa-chevron-right:before,
.pageslist a.btn-light .fa-chevron-left:before,
.pageslist a.btn-light .fa-chevron-right:before {
    content: "\e92d";
    font-family: "fjanebi";
    line-height: 24px;
    color: #939393;
}

.pageslist a.btn .fa-chevron-left:before,
.pageslist a.btn-light .fa-chevron-left:before {
    content: "\e92d";
}

.pageslist a.btn .fa-chevron-right:before,
.pageslist a.btn-light .fa-chevron-right:before {
    content: "\e919";
}

.pageslist a.btn-custom,
.pageslist a.btn:hover,
.pageslist a.btn:focus,
.pageslist a.btn:active,
.pageslist a.btn-light:active,
.pageslist .btn-light:not(:disabled):not(.disabled).active,
.pageslist .btn-light:not(:disabled):not(.disabled):active,
.pageslist .show>.btn-light.dropdown-toggle {
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 137, 255, 0.32);
    background-color: #0089ff;
    color: #fff;
}

.pageslist a.btn-custom .fa-chevron-left:before,
.pageslist a.btn-custom .fa-chevron-right:before,
.pageslist a.btn:hover .fa-chevron-left:before,
.pageslist a.btn:hover .fa-chevron-right:before,
.pageslist a.btn:focus .fa-chevron-left:before,
.pageslist a.btn:focus .fa-chevron-right:before,
.pageslist a.btn:active .fa-chevron-left:before,
.pageslist a.btn:active .fa-chevron-right:before,
.pageslist a.btn-light:active .fa-chevron-left:before,
.pageslist a.btn-light:active .fa-chevron-right:before,
.pageslist .btn-light:not(:disabled):not(.disabled).active .fa-chevron-left:before,
.pageslist .btn-light:not(:disabled):not(.disabled).active .fa-chevron-right:before,
.pageslist .btn-light:not(:disabled):not(.disabled):active .fa-chevron-left:before,
.pageslist .btn-light:not(:disabled):not(.disabled):active .fa-chevron-right:before,
.pageslist .show>.btn-light.dropdown-toggle .fa-chevron-left:before,
.pageslist .show>.btn-light.dropdown-toggle .fa-chevron-right:before {
    color: #fff;
}

.page-top-text {
    padding: 40px 40px 35px;
    border-radius: 4px;
    border: solid 1px #e6e6e6;
    background-color: var(--white);
    margin-top: 15px;
}

.page-top-text .btn-readmore {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: right;
    color: #0089ff;
}

.page-top-text .btn-readmore i {
    font-size: 12px;
    position: relative;
    top: 1px;
    right: 7px;
}

.mode_mobile #box_products .filter_items {
    direction: ltr;
    font-size: 0;
    border-bottom: 0;
}

.mode_mobile #box_products .filter_items .filter-title {
    direction: rtl;
    flex-grow: 1;
    margin-right: 10px;
}

.mode_mobile #box_products .filter_items .filter-number {
    direction: rtl;
    margin-right: 10px;
}

.mode_mobile #box_products .filter_items .btn-filter {
    padding: 0;
    height: 40px;
    width: 40px;
}

.mode_mobile #box_products .filter_items .btn-filter i {
    font-size: 16px;
    line-height: 36px;
}

.mode_mobile #box_products .filter_items .btn-filter i:before {
    content: "\e93a";
    font-family: fjanebi;
    font-size: 16px;
    color: #939393;
}

.mode_mobile #box_products .filter_items select,
.mode_mobile #box_products .filter_items .btn-filter {
    font-size: 12px;
    color: #666;
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #d9d9d9;
    background-color: var(--white);
    height: 38px;
}

.mode_mobile .products.mode-1>div .thumb {
    margin-left: 6px;
    margin-right: 6px;
    padding: 16px 12px;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    border: 0;
}

.mode_mobile .products.mode-1>div .thumb .details h2 {
    font-size: 12px;
}

.mode_mobile .thumb .badges {
    right: 0;
}

.mode_mobile #box_products .content {
    padding: 15px;
}

.mode_mobile #box_products .products.mode-1 {
    flex-direction: column;
}

.mode_mobile #box_products .products.mode-1>div {
    width: 100%;
}

.mode_mobile #box_products .products.mode-1>div .thumb {
    margin: 0 0 8px;
    padding: 16px;
    text-align: right;
}

.mode_mobile #box_products .products.mode-1>div .thumb .product-link {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.mode_mobile #box_products .products.mode-1>div .thumb .product-link a.image-product {
    flex-basis: 32%;
    width: 32%;
}

.mode_mobile #box_products .products.mode-1>div .thumb .product-link h2 {
    font-size: 14px;
    margin: 0;
    flex-basis: 68%;
    margin-right: 12px;
    font-weight: normal;
}

.mode_mobile #box_products .products.mode-1>div .thumb .badges {
    position: unset;
    margin-bottom: 8px;
}

.mode_mobile #box_products .products.mode-1>div .thumb .badges li.badge-special {
    background-position: right;
}

.mode_mobile #box_products .pageslist {
    padding: 14px 16px 13px;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white);
}

.mode_mobile #box_products .pageslist a {
    margin: 0;
}

.mode_mobile #box_products .pageslist a.btn-light {
    background: #fff;
}

.mode_mobile #box_products #recent_visits {
    background: transparent;
}

.mode_mobile #box_products #recent_visits .products.mode-4 li .thumb .details .rate-section {
    display: none;
}

.mode_mobile #box_products #recent_visits .products.mode-4 li .thumb .details .details-price {
    justify-content: flex-end;
}

.mode_mobile #box_products .page-top-text {
    padding: 24px 15px 10px;
    border-radius: 0;
    margin: 0;
    box-shadow: 0 1px 0 0 #e6e6e6;
    background-color: var(--white);
}

.mode_mobile #box_products .page-top-text .products_footer_text {
    padding: 0 15px;
}

.mode_mobile #box_products .page-top-text .btn-readmore {
    padding-right: 15px;
    padding-bottom: 24px;
}

.mode_mobile #box_products .page-top-text .btn-readmore.closed {
    padding: 100px 15px 20px 0;
    margin: -80px auto 0;
}

.mode_mobile #box_products .content .header {
    margin-bottom: 15px;
}

.mode_mobile #box_products #filter_form {
    display: none;
    position: fixed;
    z-index: 99999;
    background: #fafafa;
    top: 121px;
    right: 0;
    left: 0;
    padding: 0 0 15px;
    overflow-y: scroll;
    bottom: 0;
    direction: rtl;
    font-size: 14px;
    z-index: 99999999999;
}

.mode_mobile #box_products #filter_form .filter_products {
    border-radius: 4px;
    border: solid 1px #e6e6e6;
    margin: 15px 15px 70px;
    background: #fff;
}

.mode_mobile #box_products #filter_form input {
    border-color: #e6e6e6;
    border-radius: 4px;
}

.mode_mobile #box_products #filter_form .btn-custom.btn-filter {
    height: 48px;
    width: 100%;
    border-radius: 0;
    border: 0;
    border-bottom: solid 1px #e6e6e6;
    box-shadow: none;
    position: relative;
}

.mode_mobile #box_products #filter_form .btn-custom.btn-filter i.fa-chevron-right:before {
    content: "فیلتر کردن";
    font-size: 16px;
    font-family: Font1;
    color: #2e343b;
    font-weight: normal;
    line-height: 47px;
}

.mode_mobile #box_products #filter_form .btn-custom.btn-filter:before {
    content: "\e930";
    color: #939393;
    font-family: fjanebi;
    position: absolute;
    right: 15px;
    top: 11px;
    font-size: 16px;
}

.mode_mobile #box_products #filter_form .filter_area .input-group i.fa-arrows-h {
    position: relative;
    top: 4px;
}

.mode_mobile #box_products #filter_form .area-filter-btn {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    width: auto;
    background: #fff;
    z-index: 99;
    padding: 10px;
    box-shadow: 0 -1px 0 0 #e6e6e6;
}

.mode_mobile #box_products #filter_form .area-filter-btn a.btn-filter {
    border: 0;
    background: #0089ff;
    color: #fff;
    font-size: 14px;
    line-height: 50px;
}

.mode_mobile #box_products #filter_form .area-filter-btn a.btn-filter i:before {
    font-size: 0;
}

.mode_mobile #box_products #filter_form .filter-box {
    padding: 15px;
}

.mode_mobile #box_products #filter_form hr {
    margin: 0;
    border: 0;
}

.mode_mobile #box_products #filter_form .filter-label {
    position: relative;
    cursor: pointer;
    display: block;
    margin-bottom: 0;
}

.mode_mobile #box_products #filter_form .filter-label:after {
    content: "\e910";
    color: #939393;
    font-family: "fjanebi";
    position: absolute;
    left: 24px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 300;
}

.mode_mobile #box_products #filter_form .filter-label.show-ul:after {
    content: "\e911";
}

.mode_mobile #box_products #filter_form .body-inner {
    display: none;
    margin-top: 10px;
}

.mode_mobile #box_products #filter_form #filter_search {
    padding: 24px 0;
}

.mode_mobile #box_products #filter_form #filter_search label,
.mode_mobile #box_products #filter_form #filter_search input {
    margin-left: 15px;
    margin-right: 15px;
}

.mode_mobile #box_products #filter_form #filter_search label {
    font-size: 12px;
    line-height: 21px;
}

.mode_mobile #box_products #filter_form #filter_search input {
    width: calc(100% - 48px);
    border-radius: 4px;
    font-size: 13px;
    margin-top: 15px;
    display: none;
}

.mode_mobile #box_products #filter_form #filter_search input:focus {
    box-shadow: none;
    border-color: #ccc;
}

.mode_mobile #box_products #filter_form #filter_search ::-webkit-input-placeholder {
    font-size: 13px;
}

.mode_mobile #box_products #filter_form #filter_search :-ms-input-placeholder {
    font-size: 13px;
}

.mode_mobile #box_products #filter_form #filter_search ::placeholder {
    font-size: 13px;
}

.mode_mobile #box_products #filter_form #filter_brand .checkboxes {
    margin-top: 15px;
}

.mode_mobile #box_products #filter_form #filter_brand .checkboxes li label {
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 36px;
    text-align: right;
    color: #2e343b;
}

.mode_mobile #box_products #filter_form #filter_brand .checkboxes li label input {
    position: relative;
    top: 4px;
}

.mode_mobile #box_products #filter_form #filter_brand .checkboxes li label:hover {
    background: transparent;
}

.mode_mobile #box_products .page-details-top.page-bottom-text {
    padding: 0 0 5px;
    text-align: center;
}

.mode_mobile #box_products .page-details-top.page-bottom-text .product-links li a {
    font-size: 12px;
}

.mode_mobile #box_products .page-details-top.page-bottom-text ul li {
    float: none;
}

.mode_mobile.toolbar_on #box_products #filter_form {
    top: 173px;
}

#box_product_pages .page-bottom-text {
    text-align: right;
}

#box_product_pages .page-bottom-text ul {
    margin: 10px 0;
}

.mode_desktop #box_product_pages .page-bottom-text ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.mode_mobile #box_product_pages .page-bottom-text ul {
    padding: 0;
}

#box_product_pages .page-bottom-text ul li {
    list-style-type: none;
    display: inline-block;
}

.mode_mobile #box_product_pages .page-bottom-text ul li {
    width: 49%;
}

#box_product_pages .page-bottom-text ul li a {
    display: block;
    padding: 5px 10px;
    margin: 3px;
    background: #fff;
    box-shadow: 0 0.1rem 4px rgba(63, 87, 111, 0.2);
    border-radius: .5rem;
    color: #0089ff;
    font-size: 14px;
    line-height: 24px;
}

#box_product_pages .page-bottom-text ul li a:before {
    content: "#";
    padding-left: 2px;
}

@media (min-width: 1200px) {
    #box_product_pages .pages.items .col-xl-3 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.products.mode-2 {
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white);
    overflow: hidden;
}

.products.mode-2 .thumb .details {
    padding: 20px 30px;
    border-top: solid 1px #e6e6e6;
    background-image: url("img/pro-back.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.products.mode-2 .thumb .details h2 {
    height: 67px;
    margin: 11.9px 0 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: normal;
    text-align: center;
    color: #2e343b;
    overflow: hidden;
}

.products.mode-2 .thumb .details .details-price .price-area {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 55px;
}

.products.mode-2 .thumb .details .details-price .price-area .status {
    padding: 0;
    font-size: 14px;
    border: 0;
    background: #fff;
    font-weight: bold;
    position: relative;
    top: 3px;
    color: #2e343b;
}

.products.mode-2 .thumb .details .details-price .price-area .old-price {
    display: block;
    text-decoration: none;
    margin: 0;
}

.products.mode-2 .thumb .details .details-price .price-area .old-price .old-price-inner .off-percent {
    width: 35px;
    height: 20px;
    margin: 0 0 0 6px;
    border-radius: 4px;
    background-color: rgba(0, 137, 255, 0.1);
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 17px;
    letter-spacing: normal;
    text-align: center;
    color: #0089ff;
    display: inline-block;
    padding-top: 3px;
}

.products.mode-2 .thumb .details .details-price .price-area .old-price .old-price-inner .amount-old-price {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 17px;
    letter-spacing: normal;
    text-align: right;
    color: #ccc;
    text-decoration: line-through;
}

.products.mode-2 .thumb .details .details-price .price-area .price span {
    display: inline-block;
}

.products.mode-2 .thumb .details .details-price .price-area .price .price-amount {
    margin: 5px 0 0 4px;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    text-align: right;
    color: #2e343b;
}

.products.mode-2 .thumb .details .details-price .price-area .price .currency {
    margin: 4px 4px 3px 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 17px;
    letter-spacing: normal;
    text-align: right;
    color: #2e343b;
}

.products.mode-2.slick-slider.slick-dotted .slick-dots {
    bottom: 24px;
}

.products.mode-2.slick-slider.slick-dotted .slick-dots li {
    width: 8px;
    height: 8px;
    background-color: #ccc;
}

.products.mode-2.slick-slider.slick-dotted .slick-dots li.slick-active {
    background-color: #0089ff;
}

.products.mode-3 {
    padding: 0 10px;
}

.products.mode-3>div .thumb {
    padding: 15px;
    background: #fff;
    border: 1px solid transparent;
    margin: 0 5px;
}

.products.mode-3>div .thumb:hover {
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
    border: solid 1px #e6e6e6;
}

.products.mode-3>div .thumb .product-link {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.products.mode-3>div .thumb .product-link img {
    width: 80px;
}

.products.mode-3>div .thumb .product-link .details {
    margin-right: 15px;
}

.products.mode-3>div .thumb .product-link .details h2 {
    height: 67px;
    font-size: 13px;
    font-weight: normal;
    line-height: 22px;
    text-align: right;
    color: #2e343b;
    overflow: hidden;
}

.products.mode-3>div .thumb .product-link .details .details-price {
    margin-top: 15px;
}

.products.mode-3>div .thumb .product-link .details .details-price .price-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.products.mode-3>div .thumb .product-link .details .details-price .price-area .status {
    padding: 0;
    font-size: 14px;
    border: 0;
    background: #fff;
    font-weight: bold;
    position: relative;
    top: 3px;
    color: #2e343b;
}

.products.mode-3>div .thumb .product-link .details .details-price .price-area .old-price {
    display: block;
    text-decoration: none;
    margin: 0;
}

.products.mode-3>div .thumb .product-link .details .details-price .price-area .old-price .old-price-inner .off-percent {
    width: 35px;
    height: 20px;
    margin: 0 0 0 6px;
    border-radius: 4px;
    background-color: rgba(0, 137, 255, 0.1);
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 17px;
    letter-spacing: normal;
    text-align: center;
    color: #0089ff;
    display: inline-block;
    padding-top: 3px;
}

.products.mode-3>div .thumb .product-link .details .details-price .price-area .old-price .old-price-inner .amount-old-price {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 17px;
    letter-spacing: normal;
    text-align: right;
    color: #ccc;
    text-decoration: line-through;
}

.products.mode-3>div .thumb .product-link .details .details-price .price-area .price span {
    display: inline-block;
}

.products.mode-3>div .thumb .product-link .details .details-price .price-area .price .price-amount {
    margin: 5px 0 0 4px;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    text-align: right;
    color: #2e343b;
}

.products.mode-3>div .thumb .product-link .details .details-price .price-area .price .currency {
    margin: 4px 4px 3px 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 17px;
    letter-spacing: normal;
    text-align: right;
    color: #2e343b;
}

.products.mode-3>div .thumb .badges {
    top: 15px;
}

#recent_visits {
    background: #fff;
    margin: 32px 0;
}

#recent_visits .header {
    display: block;
}

#recent_visits .slick-slider .slick-prev {
    right: -32px;
}

#recent_visits .slick-slider .slick-next {
    left: -32px;
}

.products.mode-4>div .thumb {
    padding: 30px 24px 24px;
    border-radius: 4px;
    border: solid 1px transparent;
    transition: all .3s;
    background: #fff;
}

.products.mode-4>div .thumb:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
    border-color: #e6e6e6;
}

.products.mode-4>div .thumb .details .title {
    margin-top: 24px;
    height: 67px;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 22px;
    letter-spacing: normal;
    text-align: right;
    color: #2e343b;
    overflow: hidden;
    display: block;
}

.products.mode-4>div .thumb .details .details-price {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    height: 55px;
    margin-top: 10px;
}

.products.mode-4>div .thumb .details .details-price .price-area .status {
    padding: 0;
    font-size: 14px;
    border: 0;
    background: #fff;
    font-weight: bold;
    position: relative;
    top: 3px;
    color: #2e343b;
}

.products.mode-4>div .thumb .details .details-price .price-area .old-price {
    display: block;
    text-decoration: none;
    margin: 0;
}

.products.mode-4>div .thumb .details .details-price .price-area .old-price .old-price-inner .off-percent {
    width: 35px;
    height: 20px;
    margin: 0 0 0 6px;
    border-radius: 4px;
    background-color: #e6f3ff;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 17px;
    letter-spacing: normal;
    text-align: center;
    color: #0089ff;
    display: inline-block;
    padding-top: 3px;
}

.products.mode-4>div .thumb .details .details-price .price-area .old-price .old-price-inner .amount-old-price {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 17px;
    letter-spacing: normal;
    text-align: right;
    color: #aaa;
    text-decoration: line-through;
}

.products.mode-4>div .thumb .details .details-price .price-area .price span {
    display: inline-block;
}

.products.mode-4>div .thumb .details .details-price .price-area .price .price-amount {
    margin: 5px 0 0 4px;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    text-align: right;
    color: #2e343b;
}

.products.mode-4>div .thumb .details .details-price .price-area .price .currency {
    margin: 4px 4px 3px 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 17px;
    letter-spacing: normal;
    text-align: right;
    color: #2e343b;
}

.products.mode-4>div .thumb .rate-section {
    padding: 3px 0 0;
}

.products.mode-4>div .thumb .rate-section i {
    position: relative;
    top: 2px;
}

.products.mode-4>div .thumb .rate-section i:before {
    color: #f1c21b;
}

.products.mode-4>div .thumb .rate-section .star-rate {
    font-size: 12px;
    line-height: 12px;
    color: #2e343b;
}

.products.mode-4>div .thumb .rate-section .reviewcount {
    font-size: 12px;
    line-height: 12px;
    color: #7e7e7e;
}

.thumb {
    overflow: hidden;
    text-align: center;
    position: relative;
}

.thumb .badges {
    position: absolute;
    z-index: 9;
    top: 24px;
    right: 0;
}

.thumb .badges .badge-off,
.thumb .badges .badge-new {
    display: none;
}

.thumb .badges li {
    color: #fff;
}

.thumb .badges li.badge-special {
    padding: 3px 6px;
    background-image: url("img/badg.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.thumb .badges li.badge-special:after {
    content: "پیشنهاد ویژه";
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    text-align: center;
}

.pageslist {
    margin: 24px 0;
}

.pageslist a.btn,
.pageslist a.btn-light {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #2e343b;
    width: 32px;
    height: 32px;
    padding: 4px 8px;
    border: 0;
    margin: 0 12.5px;
}

.pageslist a.btn .fa-chevron-left:before,
.pageslist a.btn .fa-chevron-right:before,
.pageslist a.btn-light .fa-chevron-left:before,
.pageslist a.btn-light .fa-chevron-right:before {
    content: "\e92d";
    font-family: "fjanebi";
    line-height: 24px;
    color: #939393;
}

.pageslist a.btn .fa-chevron-left:before,
.pageslist a.btn-light .fa-chevron-left:before {
    content: "\e92d";
}

.pageslist a.btn .fa-chevron-right:before,
.pageslist a.btn-light .fa-chevron-right:before {
    content: "\e919";
}

.pageslist a.btn-custom,
.pageslist a.btn:hover,
.pageslist a.btn:focus,
.pageslist a.btn:active,
.pageslist a.btn-light:active,
.pageslist .btn-light:not(:disabled):not(.disabled).active,
.pageslist .btn-light:not(:disabled):not(.disabled):active,
.pageslist .show>.btn-light.dropdown-toggle {
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 137, 255, 0.32);
    background-color: #0089ff;
    color: #fff;
}

.pageslist a.btn-custom .fa-chevron-left:before,
.pageslist a.btn-custom .fa-chevron-right:before,
.pageslist a.btn:hover .fa-chevron-left:before,
.pageslist a.btn:hover .fa-chevron-right:before,
.pageslist a.btn:focus .fa-chevron-left:before,
.pageslist a.btn:focus .fa-chevron-right:before,
.pageslist a.btn:active .fa-chevron-left:before,
.pageslist a.btn:active .fa-chevron-right:before,
.pageslist a.btn-light:active .fa-chevron-left:before,
.pageslist a.btn-light:active .fa-chevron-right:before,
.pageslist .btn-light:not(:disabled):not(.disabled).active .fa-chevron-left:before,
.pageslist .btn-light:not(:disabled):not(.disabled).active .fa-chevron-right:before,
.pageslist .btn-light:not(:disabled):not(.disabled):active .fa-chevron-left:before,
.pageslist .btn-light:not(:disabled):not(.disabled):active .fa-chevron-right:before,
.pageslist .show>.btn-light.dropdown-toggle .fa-chevron-left:before,
.pageslist .show>.btn-light.dropdown-toggle .fa-chevron-right:before {
    color: #fff;
}

.mode_mobile .products.mode-4>div .thumb {
    margin-left: 6px;
    margin-right: 6px;
    padding: 16px 12px;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
    border: 0;
}

.mode_mobile .products.mode-4>div .thumb .details h3 {
    font-size: 12px;
}

.mode_mobile .thumb .badges {
    right: 0;
}

.buttons-box .buttons-body a {
    transition: 0.5s;
    background-color: #0089ff;
    color: #fff;
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
    margin: 5px 15px;
    text-align: center;
}

.buttons-box .buttons-body a:hover {
    opacity: .7;
}

.buttons-box .slick-slide>div {
    margin: 5px 10px;
}

.mode_mobile .buttons-box .buttons-body a {
    display: block;
    width: 46%;
    float: right;
    margin: 0 5px 10px;
}

.icons-box .icons-list .icons-list-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.icons-box .icons-list .icons-list-inner .image {
    border-radius: 100%;
    width: 120px;
    height: 120px;
    padding: 25px;
    background-color: #fff;
    transition: all .3s;
}

.icons-box .icons-list .icons-list-inner:hover .image {
    box-shadow: 0 1px 2px #000;
}

.mode_mobile .icons-box .slick-dots {
    margin: -5px 0;
}

.icons-box .slick-prev,
.icons-box .slick-next {
    border-radius: 50%;
    padding: 12px 5px;
}

.widget-theme-icons-full-bar {
    padding: 25px 0 10px;
    margin-bottom: 25px;
}

.faq-box .faq-body .accordion .card {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
}

.faq-box .faq-body h2 {
    font-size: 16px;
    font-weight: 400;
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(1s);
    animation-duration: var(1s);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(1s)/2);
    animation-duration: calc(var(1s)/2);
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(1s)*0.8);
    animation-duration: calc(var(1s)*0.8);
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(1s)*2);
    animation-duration: calc(var(1s)*2);
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(1s)*3);
    animation-duration: calc(var(1s)*3);
}

@media (prefers-reduced-motion: reduce),
print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
    }
    .animate__animated[class*=Out] {
        opacity: 0;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.mobile-logo img,
.mode_mobile #mm-menu img {
    width: 130px;
}

.mode_mobile .breadcrumbs .breadcrumb::-webkit-scrollbar-thumb {
    background: #aaa;
}

.mode_mobile .breadcrumbs .breadcrumb::scrollbar-track-color {
    background: #aaa;
}

.cart-note {
    display: none;
}

.page_buy .header-box .body {
    padding: 0 0 20px 0;
}

.page_buy .header-box .header h1 {
    margin-bottom: 0;
}

.mode_mobile .banner-top {
    margin: 0;
}

.banner-top .banner-title {
    height: unset;
    line-height: unset;
    padding: 10px;
    background: #fa4d55;
    color: #fff;
}