:root {
    --tx_color_hover: #d7163c;
    --color: #fff;
    --bg_color: #d7163c;
    --tx_color_hover: #d7163c;
    --ark_navbar_color:#d7163c;
    --ark_old:#d7163c;
    --ark_navbar:#d7163c;
    --ark_button_hover:#09633a;
}



@font-face {
    font-family: 'FontAwesome';
    src: url('fontawesome-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'BYekan';
    src: url('BYekan.ttf') format('truetype');
}

@font-face {
    font-family: Digikala;
    font-style: normal;
    font-weight: 900;
    src: url('Digikala.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('Digikala.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('Digikala.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('Digikala.ttf') format('truetype');
}

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: 900;
    src: url('IRANSansWeb_Black.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('IRANSansX-Black.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('IRANSansX-Black.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('IRANSansX-Black.ttf') format('truetype');
}

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: bold;
    src: url('IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('IRANSansX-Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('IRANSansX-Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('IRANSansX-Bold.ttf') format('truetype');
}

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: 500;
    src: url('IRANSansX-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('IRANSansX-Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('IRANSansX-Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('IRANSansX-Medium.ttf') format('truetype');
}

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: 300;
    src: url('IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('IRANSansX-Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('IRANSansX-Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('IRANSansX-Light.ttf') format('truetype');
}

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: 200;
    src: url('IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('IRANSansX-UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('IRANSansX-UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('IRANSansX-UltraLight.ttf') format('truetype');
}

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: normal;
    src: url('IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('IRANSansX-Regular.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('IRANSansX-Regular.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('IRANSansX-Regular.ttf') format('truetype');
}

* {
    margin: 0px;
    padding: 0px;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

*, :after, :before {
    box-sizing: inherit;
    outline-color: #4da9ff;
}

    *, *::before, *::after {
        box-sizing: border-box;
    }

        *, *:before, *:after {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

a {
    text-decoration: none;
}

    a:focus, a:active, input:focus, input:active, select:focus, select:active {
        outline: none;
    }

body {
    font-family: 'BYekan';
    direction: rtl;
}

#main {
    width: 100%;
    background-color: #f5f5f5;
    margin: 0 auto;
    text-align: center;
    font-size: 0px;
}

    #main > main {
        text-align: left;
    }

.selectDisable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background-color: #fff;
    margin: 0px 6px;
    border-radius: 6px;
    border: 1px solid #ddd;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    input[type=radio]::after {
        content: '';
        display: none;
        position: absolute;
        width: 7px;
        height: 4px;
        top: 4px;
        left: 3px;
        border-radius: 5px;
        background-color: rgba(0,0,0,0);
        border-bottom: 3px solid #fff;
        border-left: 3px solid #fff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    input[type=radio]:checked {
        background-color: rgb(0, 144, 237);
        border: 1px solid rgb(0, 144, 237);
    }

        input[type=radio]:checked::after {
            display: block;
        }

input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background-color: #fff;
    margin: 0px 6px;
    border-radius: 6px;
    border: 1px solid #ddd;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    input[type=checkbox]::after {
        content: '';
        display: none;
        position: absolute;
        width: 7px;
        height: 4px;
        top: 4px;
        left: 3px;
        border-radius: 5px;
        background-color: rgba(0,0,0,0);
        border-bottom: 3px solid #fff;
        border-left: 3px solid #fff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    input[type=checkbox]:checked {
        background-color: rgb(0, 144, 237);
        border: 1px solid rgb(0, 144, 237);
    }

        input[type=checkbox]:checked::after {
            display: block;
        }

a:active, a:focus, a:hover, a:link, a:visited {
    text-decoration: none;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

a {
    text-decoration: none;
    color: #555;
}

#navbar {
    background-color: #fff;
    min-height: 50px;
    box-shadow: 3px 0px 4px -3px #666;
    width: 100%;
    z-index: 9997;
    width: 100%;
    display: flex;
    align-content: stretch;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    position: fixed;
    top: 0;
    box-shadow: 0 0 10px 5px rgba(0,0,0,.1);
}

* {
    font-family: danaFaNum,tahoma,sans-serif;
}

@font-face {
    font-display: block;
    font-family: ark_icon;
    font-style: normal;
    font-weight: 400;
    src: url(ark_icon.eot);
    src: url(ark_icon.eot#iefix) format("embedded-opentype"), url(ark_icon.woff2) format("woff2"), url(ark_icon.woff) format("woff"), url(ark_icon.ttf) format("truetype"), url(ark_icon.svg#ark_icon) format("svg");
}

.ark_icon {
    text-rendering: auto;
    background-position: 50%;
    background-size: contain;
    display: inline-block;
    font-family: ark_icon !important;
    font-size: 1.25rem;
    font-style: normal;
    font-variant: normal;
    height: 20px;
    line-height: 1;
    vertical-align: middle;
    width: 20px;
}

.ark_icon_arrow_left:before {
    content: "\ea13";
}

.fa {
    display: inline-block;
    font-family: 'FontAwesome' !important;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 1.5em;
}

.fa-trash:before {
    content: "\f014";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e";
}
.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
}
.fa-map-marker:before {
    content: "\f041";
}
.fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd";
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-warning-sign:before {
    content: "\f071";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-home:before {
    content: "\f015";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-check:before {
    content: "\f00c";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-star:before {
    content: "\f005";
}

.fa-bookmark-o:before {
    content: "\f097";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-newspaper-o:before {
    content: "\f1ea";
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-film:before {
    content: "\f008";
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e";
}

.fa-star-o:before {
    content: "\f006";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-user:before {
    content: "\f007";
}

.fa-comments:before {
    content: "\f086";
}

.fa-plus:before {
    content: "\f067";
}

.fa-list:before {
    content: "\f03a";
}

.fa-refresh:before {
    content: "\f021";
}

.fa-heart:before {
    content: "\f08a";
}

.fa-shopping:before {
    content: "\f07a";
}

.fa-search:before {
    content: "\f002";
}

.fa-remove:before {
    content: "\f00d";
}
.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044";
}
.fa-clock-o:before {
    content: "\f017";
}
.nav_btn {
    display: block;
    border-radius: 20px;
    font-size: 15px;
    padding: 6px 13px;
    margin-top: 0px;
    color: #0B0B0B;
    font-weight: 500;
    position: relative;
    margin-left: 5px;
    box-shadow: 0px 0px 0px 1px var(--bg_color);
    cursor: pointer;
    font-family: iransans;
    min-height: 26px;
}

.rippleefect_frame {
    overflow: hidden;
    cursor: pointer;
}


#nav_new_ad {
    float: left;
    padding-left: 32px;
    background-color: var(--bg_color);
    color: #F8F8F8;
    box-shadow: none;
    background: linear-gradient(180deg,rgba(38,38,38,.835171568627451) 18%,rgba(9,121,54,1) 76%,rgb(218,250,5) 100%);
    background: var(--bg_color);
}

#nav_new_ad_ic {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 9px;
    left: 9px;
    stroke-width: 2.6;
}

#nav_cat_items {
    float: right;
    padding-right: 34px;
    margin-right: 20px;
}

#nav_cat_items_ic {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 5px;
    right: 7px;
    stroke-width: 1.6;
}

#navbar #nav_sqlogo {
    width: 38px;
    height: 38px;
    padding: 6px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
}

#nav_new_ad::before {
    content: '';
    display: block;
    width: 0;
    height: 86%;
    position: absolute;
    top: 7%;
    opacity: 0;
    background: white;
    box-shadow: 0 0 5px 3px white;
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);
    -webkit-animation: shine 1.5s 0s infinite;
    -moz-animation: shine 1.5s 0s infinite;
    animation: shine 1.5s 0s -webkit-animation: shine .5s 0s infinite;
    -moz-animation: shine 1.5s 0s infinite;
    animation: shine 1.5s 0s infinite;
}

@-webkit-keyframes shine {
    from {
        opacity: 0;
        left: 0%;
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 0;
        left: 100%;
    }
}

@-moz-keyframes shine {
    from {
        opacity: 0;
        left: 0%;
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 0;
        left: 100%;
    }
}

@keyframes shine {
    from {
        opacity: 0;
        left: 0%;
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 0;
        left: 100%;
    }
}

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

@keyframes road {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    33% {
        transform: scale(1.2);
    }

    66% {
        transform: scale(1.3);
    }
}

.select_ul {
    width: 316px;
    padding: 0px;
    height: 100%;
    position: fixed;
    display: block;
    right: 0px;
    transform: translate3d(320px,0,0);
    top: 0px;
    background-color: #fff;
    transition: cubic-bezier(.12,.46,.4,1) 0.3s;
    -webkit-transition: cubic-bezier(.12,.46,.4,1) 0.3s;
    text-align: right;
    overflow-y: auto;
    overflow-x: hidden;
    font-family: iransans;
    z-index: 222;
}

.open {
    transform: translate3d(0,0,0) !important;
    box-shadow: 5px 0px 18px 0px #010101;
}

main {
    min-height: calc(100vh - 50px);
    background: #fff;
    width: 100%;
    background-color: #f5f5f5;
    margin: 0 auto;
}

#main_select li {
    position: relative;
    list-style: none;
}

#index_intrudoction a > img {
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.main_select_title {
    background-color: var(--bg_color);
    color: #fff;
    font-size: 15px;
    position: relative;
    text-align: center;
    top: 0px;
    width: 100%;
    padding: 9px 0px;
    font-family: iransans;
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 100px;
    width: 100%;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    position: inherit !important;
    box-shadow: 0 5px #d7163c,0 10px #4668a947 !important;
}

    .offcanvas-header::before {
        background-image: linear-gradient(to left,#90efc4 10%,#d7163c 100%);
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

.panelTitr {
    font-family: iransans;
    color: #fff;
    font-weight: bold;
    font-size: 1.3rem;
}

.index_login_signup {
    display: inline-block;
    margin: 20px auto 20px 1%;
    width: 26%;
    vertical-align: top;
    position: relative;
    height: 240px;
    background: #fff;
}

.index_intrudoction {
    display: inline-block;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 5px;
    margin: 20px 0px 5px auto;
    width: 70%;
    height: 240px;
    overflow: hidden;
    vertical-align: top;
    position: relative;
    background: #fff;
}

    .index_intrudoction a {
        display: block;
    }

        .index_intrudoction a > img {
            height: 100%;
            width: 100%;
            display: block;
        }

.index_items {
    display: inline-block;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 5px;
    margin: 10px auto 0px auto;
    position: relative;
    background-color: #fff;
    width: 97%;
    padding-bottom: 6px;
}

@media only screen and (max-width: 768px) {
    .index_login_signup {
        display: none !important;
    }

    .index_intrudoction {
        margin: 2px 2% 5px 2%;
        width: 96%;
    }

    .itemProduct {
        margin: 0px 0px !important;
        padding: 0px !important;
    }
}

@media only screen and (max-width: 1024px) {
    #boxViewInfo {
        width: 100% !important;
    }
}

.idm {
    display: inline-block;
    width: 112px;
    margin: 0px 2px;
    height: 128px;
    text-align: center;
    vertical-align: top;
    overflow: hidden;
}

.itmP {
    display: inline-block;
    border-radius: 50%;
    width: 72px;
    height: 72px;
    position: relative;
    background-color: #fff;
    box-shadow: 0px 0px 8px -3px #333;
    margin: 12px 10px 8px 10px;
    vertical-align: top;
    opacity: 0.75;
}

    .itmP::before {
        content: '';
        display: block;
        width: 0;
        height: 86%;
        position: absolute;
        top: 7%;
        opacity: 0;
        background: #00FF19;
        box-shadow: 0 0 25px 3px #00FF19;
        -webkit-transform: skewX(-20deg);
        -moz-transform: skewX(-20deg);
        -ms-transform: skewX(-20deg);
        -o-transform: skewX(-20deg);
        transform: skewX(-20deg);
        -webkit-animation: shine 1.5s 0s infinite;
        -moz-animation: shine 1.5s 0s infinite;
        animation: shine 1.5s 0s -webkit-animation: shine .5s 0s infinite;
        -moz-animation: shine 1.5s 0s infinite;
        animation: shine 1.5s 0s infinite;
    }

    .itmP svg {
        width: 32px;
        height: 32px;
        position: absolute;
        top: 50%;
        right: 50%;
        margin: -16px -16px 0 0;
        stroke-width: 1.2;
        color: #555;
    }

.idm .sp {
    display: block;
    color: #555;
    font-size: 14px;
    font-family: iransans;
}

.itmP svg {
    fill: #555;
}

.itmP .fa {
    position: absolute;
    right: -4px;
    top: -2px;
    z-index: 999999999999999;
    color: #FFD700;
}

#nav_link_media {
    float: left;
    padding-left: 34px;
    text-align: center;
}

    #nav_link_media .fa {
        margin-right: 5px;
    }

#nav_link_media_ic {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 9px;
    left: 9px;
    stroke-width: 1.6;
}

.itemProduct {
    width: 14%;
    padding: 8px 1%;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    margin: 15px 0px 10px;
    transition: 0.2s;
    text-align: center;
    -webkit-transition: 0.2s;
    vertical-align: top;
}

@media only screen and (max-width: 1200px) {
    .itemProduct {
        width: 17%;
    }
}

@media only screen and (max-width: 980px) {
    .itemProduct {
        width: 22%;
    }
}

@media only screen and (max-width: 980px) {
    .itemProduct {
        width: 22%;
    }
}

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

    .itemProduct {
        width: 100%;
    }

    .ad_card {
        display: block !important;
        width: auto !important;
    }

    .ghUo {
        display: none !important;
    }

    #boxViewInfo {
        width: calc(100% - 5px) !important;
    }

    .boxInfoProduct {
        padding: 30px 5px !important;
    }

    .headDetails {
        font-size: 14px !important;
    }

    .classifiedDetailTitle {
        padding: 2px 10px !important;
        font-size: 14px !important;
    }

    #VitrinList .itemProduct {
        width: 33% !important;
    }
}

@media only screen and (max-width: 768px) {
    #VitrinList .itemProduct .item_img_frame {
        width: 110px !important;
        height: 110px !important;
    }
}

@media only screen and (max-width: 486px) {
    #VitrinList .itemProduct .item_img_frame {
        width: 80px !important;
        height: 80px !important;
    }

    #VitrinList .itemProduct .item_title {
        font-size: 10px;
    }
}

.item_img_frame {
    width: 160px;
    height: 160px;
    overflow: hidden;
    background-color: #fbfbfb;
    position: relative;
    border-radius: 6px;
    margin: 0px auto;
}

.item_img {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 160px;
    height: 160px;
    transform: translate(-50%, -50%);
}

.item_title {
    display: block;
    font-size: 14px;
    color: #4a5f73;
    font-weight: 400;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 4px auto 4px;
    overflow: hidden;
    overflow-wrap: break-word;
    width: 160px;
}

.item_price {
    display: block;
    float: right;
    width: 100%;
    font-size: 0.8rem;
    color: var(--bg_color);
    font-weight: 500;
    font-family: 'BYekan';
}

    .item_price > span {
        font-size: 14px;
        font-weight: 500;
        vertical-align: middle;
        margin-right: 3px;
    }

.boxTitr {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.1;
    text-align: right;
    padding-right: 30px;
    position: relative;
}

    .boxTitr:after {
        content: "";
        width: 160px;
        height: 2px;
        background: #45d593;
        display: block;
    }

    .boxTitr .viewAll {
        font-size: 12px;
        float: left;
        margin-left: 20px;
        margin-top: 10px;
        cursor: pointer;
        border-bottom: 1px solid var(--bg_color);
    }

        .boxTitr .viewAll:hover {
            color: var(--bg_color);
        }

.animate {
    width: 640px;
    height: 640px;
    position: absolute !important;
    left: 50%;
    top: 50%;
    margin-left: -320px;
    margin-top: -320px;
    animation: spin 100s linear infinite;
}

.logoMa {
    width: 200px;
    height: 200px;
    position: absolute !important;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.index_sc_post {
    display: inline-block;
    box-shadow: 0px 6px 8px -4px rgb(0 0 0 / 6%);
    border-radius: 5px;
    margin: 10px 15px 10px -8px;
    position: relative;
    background-color: #fff;
    width: calc((100% / 4) - 20px);
    height: 310px;
    color: #4a5f73;
    direction: rtl;
    text-align: right;
    cursor: pointer;
    overflow: hidden;
}

@media only screen and (max-width: 968px) {
    .index_sc_post {
        width: 98% !important;
    }
}

.index_sc_post:hover {
    animation: road 1s linear infinite;
    animation-iteration-count: 1;
    z-index: 22;
}

.blobSvg {
    position: absolute;
    top: -140px;
    right: -140px;
    opacity: 0.15;
    transform: scale(0.48);
}

.index_sc_post_top {
    display: block;
    text-align: right;
    font-size: 0;
    margin: 14px 20px;
}

.index_sc_user_avatar {
    width: 72px;
    height: 72px;
    border-radius: 50px;
    margin: 0px 8px;
    vertical-align: bottom;
    top: 8px;
    position: relative;
    display: inline-block;
}

.index_sc_user_name {
    font-size: 22px;
    margin: 0;
    display: inline-block;
}

.index_sc_user_text {
    font-size: 15px;
    margin: 30px 36px;
    text-align: justify;
    white-space: normal;
}

#top_data {
    width: 100%;
    margin: 10px auto 5px;
    background-color: #e6e6e6;
    position: relative;
    height: 540px;
}

#top_data_cover {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 10px;
    overflow: hidden;
}

.data_info {
    display: block;
    float: right;
    width: 26%;
    margin: -2px 3% 0px 0px;
    background-color: #fff;
    height: 524px;
    box-shadow: -8px 0px 9px -13px #000, 8px 0px 9px -13px #000;
    position: relative;
    text-align: right;
}

.data_images {
    width: 60%;
    min-width: 440px;
    min-height: 440px;
    height: auto;
    margin: 20px 5% 0px;
    float: right;
    position: relative;
    text-align: center;
}

#td_ad_title {
    display: block;
    font-weight: 500;
    font-size: 22px;
    text-align: right;
    margin: 24px 20px 4px;
    color: #222;
}

#top_data_img_frame {
    position: relative;
    width: 440px;
    height: 440px;
    margin: 0px auto;
    overflow: hidden;
}

    #top_data_img_frame div {
        height: 440px;
        top: 0px;
        right: 0px;
        direction: rtl;
        text-align: right;
        -webkit-transition: cubic-bezier(.14,.93,.29,.99) 0.4s;
        transition: cubic-bezier(.14,.93,.29,.99) 0.4s;
    }

#top_imgs_control_div {
    position: absolute;
    left: -2%;
    bottom: -62px;
    width: 76%;
    padding: 6px 14% 6px 14%;
    border-radius: 50px;
    max-height: 88px;
}

#top_imgs_control_div {
    bottom: -75px;
}

#top_imgs_control_containter {
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: scroll;
    transition: ease-out 0.1s;
    -webkit-transition: ease-out 0.1s;
    text-align: center;
}

    #top_imgs_control_containter::-webkit-scrollbar {
        display: none;
    }

#top_cntrl_left {
    padding: 4px;
    border-radius: 100%;
    background-color: rgba(240, 240, 240, 0.6);
    width: 72px;
    height: 72px;
    position: absolute;
    top: 6px;
    left: 0px;
    box-shadow: 1px 1px 6px -4px #555;
    cursor: pointer;
}

#top_cntrl_right {
    padding: 4px;
    border-radius: 50%;
    background-color: rgba(240, 240, 240, 0.6);
    width: 72px;
    height: 72px;
    position: absolute;
    top: 6px;
    right: 0px;
    box-shadow: 1px 1px 6px -4px #555;
    cursor: pointer;
}

.top_cntrl_bt_ic {
    width: 42px;
    height: 42px;
    color: #777;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
}

.top_d_image {
    display: inline-block;
    float: right;
    height: 100%;
    width: auto;
}

.top_cntrl_thumb {
    margin: 0px 3px;
    padding: 6px;
    background-color: rgba(235,235,235,0.6);
    width: 72px;
    height: 72px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 35px;
    padding-bottom: 10px;
    cursor: pointer;
}

.top_thumb_img {
    border-radius: 28px;
    width: 72px;
    height: 72px;
    background-color: #f1f1f1;
}

.noovr {
    height: 134px;
    overflow-y: hidden;
}

#MenuRight {
    display: inline-block;
    width: 22%;
    height: calc(98vh - 50px);
    vertical-align: top;
    text-align: center;
    margin: 1vh 0px;
    overflow-y: scroll;
}

.bar_section {
    background-color: #fff;
    border-radius: 10px;
    margin: 0px auto 10px;
    padding: 10px 10px;
}

.results_search {
    display: inline-block;
    width: 75%;
    margin: 0px 1% 0px 1%;
    vertical-align: top;
    text-align: right;
    font-size: 12px;
}

.rbs_title {
    width: 90%;
    display: block;
    padding: 10px 6% 12px 4%;
    font-size: 15px;
    font-weight: 400;
    direction: rtl;
    text-align: right;
    color: #fff;
    cursor: pointer;
    background: var(--bg_color);
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 8px;
}

.rbs_title_ic {
    display: block;
    float: left;
    margin-top: 4px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.rbs_frame {
    /* display: none; */
    overflow: auto;
    position: relative;
}

    .rbs_frame table {
        width: 100%;
    }

        .rbs_frame table td img {
            width: 16px;
            height: 16px;
        }

        .rbs_frame table td {
            padding: 3px;
            border-bottom: 1px solid #c7c7c7;
        }

            .rbs_frame table td:first-child {
            }

            .rbs_frame table td:last-child {
                width: 100%;
                text-align: right;
                direction: rtl;
            }

            .rbs_frame table td a {
                display: block;
                text-align: right;
                direction: rtl;
                display: flex;
                padding: 4px 0px;
                color: inherit;
            }

        .rbs_frame table tr:hover {
            background: var(--bg_color);
            color: #fff !important;
        }

.rbs_itm {
    font-size: 14px;
    padding: 8px 10px 10px;
    text-align: right;
    color: #111;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    overflow: hidden;
}

    .rbs_itm:hover {
        cursor: pointer;
        /* background: var(--bg_color); */
        color: #333;
    }

        .rbs_itm:hover::before {
            content: '';
            display: block;
            width: 0;
            height: 86%;
            position: absolute;
            top: 7%;
            opacity: 0;
            background: var(--bg_color);
            box-shadow: 0 0 25px 3px var(--bg_color);
            -webkit-transform: skewX(-20deg);
            -moz-transform: skewX(-20deg);
            -ms-transform: skewX(-20deg);
            -o-transform: skewX(-20deg);
            transform: skewX(-20deg);
            -webkit-animation: shine 1.5s 0s infinite;
            -moz-animation: shine 1.5s 0s infinite;
            animation: shine 1.5s 0s -webkit-animation: shine .5s 0s infinite;
            -moz-animation: shine 1.5s 0s infinite;
            animation: shine 1.5s 0s infinite;
        }

.filterSelect div {
    width: 100%;
    display: flex;
    align-content: stretch;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.filterSelect span {
    width: 80px;
    font-size: 12px;
}

.filterSelect input, .filterSelect select {
    width: calc(100% - 15px);
    padding: 8px 3%;
    font-size: 14px;
    font-family: iransans;
    border: none;
    color: #111;
    border-radius: 4px;
    background-color: #F9F9F9;
    text-align: center;
    direction: ltr;
}

.logoTitrN {
    font-weight: 400;
    font-family: Digikala;
    font-size: 1.1rem;
    color: var(--bg_color);
}

    .logoTitrN span {
        font-family: Digikala;
    }

        .logoTitrN span:first-child {
            margin: 0px 4px;
            font-weight: bold;
            font-size: 1.6rem;
        }

        .logoTitrN span:last-child {
            color: var(--ark_navbar);
        }

@media only screen and (max-width: 868px) {
    .logoTitrN span:last-child {
        display: none;
    }

    .open_nav span {
        display: none;
    }

    .open_nav {
        height: 23px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        width: 32px !important;
    }

    .nav_btn span {
        display: none;
    }

    #nav_link_media_ic {
        top: 5px;
        left: 6px;
    }

    .nav_btn {
        padding-left: 5px !important;
        padding-right: 5px !important;
        width: 32px !important;
    }

    .headDetailsMenu .nav_btn {
        padding-left: 5px !important;
        padding-right: 5px !important;
        width: 32% !important;
    }

    .boxPAction .nav_btn {
        width: 100px !important;
    }

    #MenuRight {
        display: none !important;
    }

    .results_search {
        width: 97% !important;
    }

    .resultP {
        width: 48% !important;
    }

    .add_ad {
        width: calc(100% - 20px) !important;
    }
}

@media only screen and (max-width: 768px) {
    .resultP {
        width: 98% !important;
    }

    #cityselected {
        display: none !important;
    }

    .tb_hide_caption {
        display: none !important;
    }

    .tb_search {
        margin: 0px 5px !important;
    }
}

.resultP {
    width: 31.333333%;
    text-align: center;
    display: inline-block;
    box-shadow: -51px 0px 0px -50px #f1f1f1, 51px 0px 0px -50px #f1f1f1, 0px 21px 0px -25px #f1f1f1, 0px -21px 0px -20px #f1f1f1;
    position: relative;
    border-radius: 8px;
    background-color: #ffffff;
    margin: 4px;
}

    .resultP:hover {
        background-color: #ffffff;
        box-shadow: 0px 0px;
        -webkit-filter: drop-shadow(0 1px 5px rgba(0,0,0,.2));
        filter: drop-shadow(0 1px 5px rgba(0,0,0,.2));
        cursor: pointer;
    }

.res_time {
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 12px;
    color: #777777;
}

    .res_time svg {
        stroke-width: 2;
        color: #777777;
        width: 14px;
        height: 14px;
        vertical-align: middle;
        position: relative;
        bottom: 1px;
        margin-left: 5px;
    }

.res_save {
    width: 42px;
    height: 42px;
    border-radius: 100%;
    position: absolute;
    left: 8px;
    top: 8px;
    cursor: pointer;
    background-color: #f1f1f1;
}

    .res_save svg {
        stroke-width: 1.6;
        width: 24px;
        height: 24px;
        position: absolute;
        left: 50%;
        top: 50%;
        color: #b1b1b1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.res_image {
    width: 200px;
    height: 200px;
    position: relative;
    margin: 44px auto 0px;
}

.res_backcover {
    width: 210px;
    height: 210px;
    position: absolute;
    border-radius: 90px 80px 100px 80px;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    background-color: #f7f7f7;
    z-index: 1;
    top: -5px;
    left: -5px;
    box-shadow: -3px -3px 9px -7px #ccc;
}

.res_image img {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 18px;
    z-index: 2;
    top: 0px;
    left: 0px;
}

.res_data {
    margin: 10px 0px 26px;
    display: block;
}

.res_title {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    margin: 10px auto 14px;
    word-wrap: break-word;
    height: 24px;
    overflow: hidden;
}

.res_price {
    display: block;
    font-size: 22px;
    color: var(--bg_color);
    font-weight: 500;
}

#error_alert {
    position: fixed !important;
    display: inline-block;
    bottom: -65px;
    left: 50%;
    z-index: 100000;
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    text-align: center;
    color: #e80101d4;
    font-size: 15px;
    padding: 8px 34px;
    font-weight: 500;
    border-radius: 4px;
    background-color: #FFE7E7;
    white-space: nowrap;
}

.error_alert_show {
    box-shadow: 0px 0px 8px -4px #444;
    -webkit-animation: err_go_up 4s cubic-bezier(.22,.85,.32,.96);
    animation: err_go_up 4s cubic-bezier(.22,.85,.32,.96);
}

@-webkit-keyframes err_go_up {
    0% {
        -webkit-transform: translate(-50%, 0px);
        transform: translate(-50%, 0px);
    }

    10% {
        -webkit-transform: translate(-50%, -78px);
        transform: translate(-50%, -78px);
    }

    90% {
        -webkit-transform: translate(-50%, -78px);
        transform: translate(-50%, -78px);
    }

    100% {
        -webkit-transform: translate(-50%, 0px);
        transform: translate(-50%, 0px);
    }
}

#search_bar {
    display: block;
    width: 92%;
    padding: 9px 1%;
    background-color: #fff;
    margin: 8px auto 12px;
    border-radius: 50px;
    text-align: center;
    white-space: nowrap;
    display: flex;
    align-content: stretch;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

#tb_select_city {
    font-size: 15px;
    font-weight: 500;
    background-color: #efefef;
    cursor: pointer;
    border-radius: 40px;
    padding: 12px 16px;
    color: #555;
}

    #tb_select_city svg {
        vertical-align: middle;
        width: 20px;
        height: 20px;
        color: #444444;
    }

.tb_sort_top {
    font-size: 15px;
    font-weight: 500;
    background-color: #efefef;
    cursor: pointer;
    border-radius: 40px;
    padding: 12px 16px;
    color: #555;
}

    .tb_sort_top svg {
        vertical-align: middle;
        width: 20px;
        height: 20px;
        color: #444444;
    }

#tb_search {
    position: relative;
    display: inline-block;
    margin-left: 40px;
    margin-right: 40px;
    vertical-align: top;
    width: calc(100% - 100px);
    text-align: center;
}

#tb_search_inp {
    border: none;
    width: 420px;
    height: 42px;
    padding: 10px 21px 10px 21px;
    background-color: #efefef;
    font-family: iransans;
    font-size: 16px;
    font-weight: 400;
    border-radius: 40px;
    display: block;
    color: #444;
    width: calc(100% - 10px);
    display: block;
    line-height: 40px;
}

#tb_search_btn {
    position: absolute;
    display: block;
    left: -35px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    top: 1px;
    background-color: #0082D6;
    color: #444;
}

    #tb_search_btn svg {
        width: 24px;
        height: 24px;
        position: absolute;
        left: 50%;
        top: 50%;
        color: #f1f1f1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

#transparent_ntfcation {
    background-color: rgba(0,0,0,0.2);
    width: 200%;
    height: 200%;
    left: 0px;
    top: 0px;
    position: fixed;
    z-index: 1000;
    display: block;
}

#show_addpost_ntf {
    display: block;
    background-color: #fff;
    min-height: 220px;
    max-height: 520px;
    box-shadow: 0px 0px 100px -2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.5);
    width: 600px;
    border-radius: 24px;
    z-index: 10000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
    transition: all 0.5s;
    padding: 10px;
}

#city_select #city_select_header {
    margin: 16px auto 5px;
    color: #111;
    font-size: 16px;
}

#city_select .ct {
    width: 110px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    border-radius: 4px;
    background-color: #F7F7F7;
    border-bottom: 2px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    margin: 6px;
    padding: 5px 6px;
    color: #333;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
}

.add_ad {
    display: inline-block;
    width: 500px;
    margin: 0px auto;
    position: relative;
    padding: 10px;
}

    .add_ad .c_item {
        width: 90%;
        padding: 12px 10% 12px 0px;
        margin: 8px auto;
        text-align: right;
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0px 1px 3px -2px rgba(0,0,0,0.5);
        cursor: pointer;
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
        color: #3e3e3e;
        position: relative;
    }

    .add_ad i {
        position: absolute;
        top: 12px;
        left: 12px;
        width: 24px;
        height: 24px;
        color: #494949;
        background: url('../images/left.svg');
    }

.bottom-nav {
    align-items: stretch;
    background-color: rgba(255,255,255,.98);
    bottom: 0;
    box-shadow: 0 -1px 2px 0 rgba(0,0,0,.12);
    display: flex;
    height: 56px;
    left: 0;
    opacity: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: fixed;
    -webkit-transition: opacity .1s;
    transition: opacity .1s;
    visibility: hidden;
    width: 100%;
    z-index: 1000;
}

.bt_nav_itm {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 0;
    color: rgba(0,0,0,.56);
    font-size: .75rem;
    line-height: 2;
    transition: 360ms ease color,360ms ease background-color;
    border: none;
    cursor: pointer;
    background-color: rgba(255,255,255,0);
    outline: none;
}



.ltt {
    font-weight: bold;
    font-size: 16px;
    font-family: Digikala;
    line-height: 17px;
    color: #d7163c;
    margin-bottom: 7px;
}

.bt_nav_itm .fa-plus {
    color: #d7163c;
    font-size: 26px;
}

.kt-empty-state {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 232px;
}

.kt-empty-state__content {
    padding: 16px 0;
}

.kt-empty-state__image {
    padding: 0 16px;
}

.kt-image-block {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.kt-image-block__image {
    display: block;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

.kt-empty-state__description {
    color: rgba(0,0,0,.56);
    font-size: .75rem;
    font-weight: 400;
    line-height: 2;
    margin-top: 8px;
    white-space: pre-line;
}



.kt-button {
    align-items: center;
    background-color: rgba(0,0,0,.56);
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 500;
    height: 2.5rem;
    justify-content: center;
    line-height: normal;
    min-width: 6rem;
    outline: none;
    overflow: hidden;
    padding: 0 16px;
    position: relative;
    transition: color .36s ease,background-color .36s ease,box-shadow .36s ease,border-color .36s ease,transform .36s ease;
}

.kt-button--small {
    font-size: .875rem;
    height: 2rem;
    min-width: 4rem;
    padding: 0 12px;
}

.kt-button.kt-button--primary {
    background-color: var(--bg_color);
}

.loginBoxpopup {
    background-color: #fff;
    border-radius: 4px;
    margin: auto;
    max-width: 420px;
    position: relative;
    text-align: right;
    padding: 10px;
}

.loginBox {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 8px 48px 8px rgba(0,0,0,.04), 0 12px 16px -8px rgba(0,0,0,.12), 0 24px 32px 4px rgba(0,0,0,.08);
    margin: auto;
    top: 108px;
    max-width: 420px;
    position: relative;
    text-align: right;
    padding: 10px;
}

.logintitr {
    font-size: 1rem;
    line-height: 2;
    font-weight: 500 !important;
    display: block;
}

.trdLoginInfo {
    color: rgba(0,0,0,.56);
    white-space: pre-line;
    font-size: .875rem;
    font-weight: 400 !important;
    line-height: 2;
    margin: 25px 15px;
    display: block;
}

.mobilebox {
    height: 2.5rem;
    position: relative;
    width: 100%;
}

    .mobilebox input {
        background-color: #fff;
        border: 1px solid rgba(0,0,0,.24);
        border-radius: 4px;
        box-sizing: border-box;
        color: rgba(0,0,0,.87);
        font-size: 1rem;
        outline: 0;
        -webkit-transition: color .15s ease,border-color .15s ease,box-shadow .15s ease;
        transition: color .15s ease,border-color .15s ease,box-shadow .15s ease;
        width: 100%;
        height: 2.5rem;
        line-height: 2.5rem;
        position: absolute;
        padding-right: 16px;
        direction: ltr;
        padding-left: 58px;
    }

.vrCode {
    padding-left: 16px !important;
    text-align: center !important;
    direction: ltr !important;
}

.areacode {
    color: rgba(0,0,0,.32);
    font-size: .875rem;
    left: 8px;
    margin: 0;
    top: 2px;
    -webkit-transition: background-color .15s ease,-webkit-transform .15s ease;
    transition: background-color .15s ease,-webkit-transform .15s ease;
    transition: transform .15s ease,background-color .15s ease;
    transition: transform .15s ease,background-color .15s ease,-webkit-transform .15s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background-color: rgba(0,0,0,.04);
    border-radius: 12px;
    color: rgba(0,0,0,.87);
    font-size: .75rem;
    margin-top: 8px;
    padding: 0 12px;
    user-select: none;
    height: calc(2.5rem - 4px);
    line-height: calc(2.5rem - 4px);
    position: absolute;
    height: 24px;
    line-height: 24px;
    direction: ltr;
}

.auth-content__condition-message {
    margin-top: 16px;
}

.auth-content__message {
    color: rgba(0,0,0,.56);
    white-space: pre-line;
}

    .auth-content__message a {
        color: #a62626;
    }

.ftMju {
    bottom: 0;
    border-top: 1px solid #c7c7c7;
    padding: 12px 8px;
}

.ftMHu {
    border-bottom: 1px solid #c7c7c7;
    padding: 16px;
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
}

.plO {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
    height: 110px;
}

    .plO div {
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        max-width: 100%;
        width: 100%;
        height: 160px;
    }

        .plO div:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(136deg, transparent, #ecebeb, transparent);
            background-size: 400% 400%;
            z-index: 1;
            -webkit-animation: bg_animation 1s linear infinite forwards;
            animation: bg_animation 1s linear infinite forwards;
        }

    .plO .w2:after {
        background: linear-gradient(136deg, transparent, #d7163c, transparent);
    }

@-webkit-keyframes bg_animation {
    0% {
        background-position: 13% 0;
    }

    to {
        background-position: 88% 100%;
    }
}

@keyframes bg_animation {
    0% {
        background-position: 13% 0;
    }

    to {
        background-position: 88% 100%;
    }
}

.w1 {
    width: 130px;
    height: 20px !important;
    margin-top: 5px;
}

.fbig-circle {
    position: absolute;
    overflow: hidden;
    width: 1000px;
    height: 1000px;
    background-color: rgba(63,71,94,0.9);
    border-radius: 50%;
    -webkit-box-shadow: 0 -4px 15px 8px rgba(0,0,0,0.4);
    box-shadow: 0 -4px 15px 8px rgba(0,0,0,0.4);
    width: 1190px;
    height: 1190px;
}

.feature-discovery__highlighted_circle {
    position: absolute;
    background-color: #fff;
    border: 15px solid;
    border-radius: 50%;
    -webkit-background-clip: content;
    -moz-background-clip: content;
    background-clip: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-animation-name: feature-discovery--flash-border;
    -moz-animation-name: feature-discovery--flash-border;
    -o-animation-name: feature-discovery--flash-border;
    -ms-animation-name: feature-discovery--flash-border;
    animation-name: feature-discovery--flash-border;
    -webkit-animation-duration: 2.5s;
    -moz-animation-duration: 2.5s;
    -o-animation-duration: 2.5s;
    -ms-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: default;
    width: 150px;
    height: 150px;
    cursor: default;
    top: 46px;
    left: 723.836px;
}

@-webkit-keyframes feature-discovery--flash-border {
    0% {
        border-color: transparent;
    }

    50% {
        border-color: rgba(240,240,240,0.6);
    }

    100% {
        border-color: transparent;
    }
}

#boxViewInfo {
    width: calc(100% - 540px);
    display: inline-block;
    min-height: 100px;
    vertical-align: top;
    padding: 10px 20px;
}

.boxInfoProduct {
    padding: 30px;
    background: #fff;
    direction: rtl;
    text-align: right;
    margin-bottom: 80px;
}

.classifiedInfoList li:after {
    clear: both;
}

.classifiedInfoList li:before, .classifiedInfoList li:after {
    display: table;
    content: "";
    zoom: 1;
}

.classifiedDetailTitle {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 10px;
    zoom: 1;
    color: #333;
    min-height: 40px;
}

.classifiedInfoList {
    padding-top: 4px;
    list-style: none;
}

    .classifiedInfoList li {
        border-bottom: 1px dotted #ccc;
        padding: 11px 0;
        zoom: 1;
    }

    .classifiedInfoList strong {
        width: 180px;
        padding-right: 10px;
        float: right;
        font-size: 12px;
        font-family: iransans;
    }

    .classifiedInfoList span {
        float: right;
        width: calc(100% - 190px);
        font-family: iransans;
        color: rgba(0,0,0,.56);
        font-size: 14px;
    }

.boxPAction {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

.btnCall {
    border-radius: 3px !important;
    background: var(--bg_color);
    color: #fff;
    width: 120px;
    text-align: center;
    font-size: 15px;
    white-space: nowrap;
}

.btnchat {
    border-radius: 3px !important;
    background: #fff;
    color: var(--bg_color);
    width: 120px;
    text-align: center;
    font-size: 15px;
    white-space: nowrap;
}

.btnPAction {
    width: calc(100% - 300px);
    text-align: left;
}

    .btnPAction .fa {
        margin-right: 10px;
        font-size: 20px;
        font-weight: 400;
    }

        .btnPAction .fa:hover {
            color: var(--bg_color);
            cursor: pointer;
        }

.viewerControlN .fa {
    margin-right: 5px;
    font-size: 14px;
    color: var(--bg_color);
}

@media only screen and (max-width: 1000px) {
    .photor, .photor._thumbs {
        width: 100% !important;
    }

    #show_addpost_ntf {
        width: 90%;
    }
}

.headDetailsMenu {
    margin-top: 20px;
    display: flex;
}

    .headDetailsMenu a {
        border-radius: 6px;
        width: 120px;
        text-align: center;
    }

        .headDetailsMenu a.active {
            border-radius: 8px !important;
            background: var(--bg_color);
            color: #fff;
        }

.headDetails {
    display: none;
    padding: 25px;
    text-align: justify;
    margin: 0;
    white-space: pre-line;
    word-break: break-word;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    color: rgba(0,0,0,.87);
    position: relative;
}

.noMap {
    position: absolute;
    left: 0;
    top: 10px;
    height: 100%;
    width: 100%;
    background-image: url(../images/nomap.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 240px;
    background-color: #fff;
    z-index: 9999999999999999;
}

.btnBack {
    width: 90px;
    border-radius: 8px;
    border: 1px solid #777;
    color: #777;
    padding: 4px 10px;
    margin-right: 8px;
    cursor: pointer;
    font-size: 17px;
    position: absolute;
    top: 0;
    left: 0;
}

    .btnBack .fa {
        position: relative;
        font-size: 13px;
        color: inherit;
        margin-right: 6px;
    }

    .btnBack:hover {
        background: var(--bg_color);
        color: #fff;
        border: 1px solid var(--bg_color);
    }

.loadingBtn {
    position: relative;
    pointer-events: none;
    overflow: hidden;
    opacity: 0.4;
    font-size: 12px;
    text-align: right;
    background-color: #fff;
    z-index: 99;
}

    .loadingBtn:before {
        content: "منتظر بمانید";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 100%;
        background-color: #878787;
        line-height: 32px;
        background-image: url(../images/loading.gif);
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: left 5px center;
        padding-right: 10px;
        color: #fff;
    }

.btnActionLink {
    align-items: center;
    background-color: rgba(0,0,0,.04);
    border: none;
    border-radius: 2px;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 400;
    height: 2rem;
    outline: none;
    padding: 0 12px;
    -webkit-transition: background-color .36s ease;
    transition: background-color .36s ease;
    margin: 4px;
}

#MenuSearchItem svg {
    width: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -6px;
    margin-left: 5px;
}

#MenuSearchItem ul, #MenuSearchItem li {
    margin: 0px;
    padding: 0px;
}

    #MenuSearchItem li li, #MenuSearchItem li li li {
        margin-right: 17px;
        display: none;
    }

.activeMenu li {
    display: block !important;
}

#MenuSearchItem li li:before {
    content: "*";
    margin-left: 6px;
}

#MenuSearchItem a {
    color: inherit;
    height: 36px;
    line-height: 36px;
}

.activeMenu li:before {
    color: var(--bg_color);
}

#boxAddTiteCategory {
    padding: 10px;
    border: 1px solid var(--bg_color);
    border-radius: 8px;
    text-align: right;
    background: #fff;
}

.groupadd {
    background: #fff;
    margin-top: 10px;
    border: 1px solid var(--bg_color);
    border-radius: 8px;
    align-items: center;
    border: 1px solid rgba(0,0,0,.16);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    outline: none;
    padding: 10px;
    text-align: right;
    -webkit-transition: border-color .36s ease;
    transition: border-color .36s ease;
}

    .groupadd select, .groupadd input {
        color: rgba(0,0,0,.32);
        flex-grow: 1;
        font-size: 1rem;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-transition: margin-right .36s ease,color .36s ease;
        transition: margin-right .36s ease,color .36s ease;
        white-space: nowrap;
        border: none;
        line-height: 32px;
        padding: 5px;
        min-height: 32px;
        width: calc(100% - 10px);
        border-radius: 0px !important;
        background: transparent !important;
    }

    .groupadd *::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color: #a1a1a1;
        font-size: 13px;
        text-align: right;
    }

    .groupadd *:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #a1a1a1;
        font-size: 13px;
        opacity: 1;
        text-align: right;
    }

    .groupadd *::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #a1a1a1;
        font-size: 13px;
        opacity: 1;
        text-align: right;
    }

    .groupadd *:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #a1a1a1;
        font-size: 13px;
    }

    .groupadd *::-ms-input-placeholder { /* Microsoft Edge */
        color: #a1a1a1;
        font-size: 13px;
        text-align: right;
    }

    .groupadd *::placeholder { /* Most modern browsers support this now. */
        color: #a1a1a1;
        font-size: 13px;
        text-align: right;
    }

    .groupadd i {
        position: absolute;
        left: 42px;
        font-style: normal;
        color: var(--ark_navbar);
    }

.ark_btnU {
    align-items: center;
    background-color: rgba(0,0,0,.56);
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 500;
    height: 2.5rem;
    justify-content: center;
    line-height: normal;
    min-width: 6rem;
    outline: none;
    overflow: hidden;
    padding: 0 16px;
    position: relative;
    -webkit-transition: color .36s ease,background-color .36s ease,box-shadow .36s ease,border-color .36s ease,-webkit-transform .36s ease;
    transition: color .36s ease,background-color .36s ease,box-shadow .36s ease,border-color .36s ease,-webkit-transform .36s ease;
    transition: color .36s ease,background-color .36s ease,box-shadow .36s ease,border-color .36s ease,transform .36s ease;
    transition: color .36s ease,background-color .36s ease,box-shadow .36s ease,border-color .36s ease,transform .36s ease,-webkit-transform .36s ease;
}

    .ark_btnU:hover {
        opacity: 0.7;
    }

.btnU {
    box-shadow: 0 8px 12px -6px rgba(166,38,38,.32), 0 12px 16px 0 rgba(166,38,38,.14), 0 1px 32px 0 rgba(166,38,38,.12);
    background-color: var(--bg_color);
    margin-left: -48px;
    box-shadow: 0 8px 12px -6px rgba(0,0,0,.16), 0 12px 16px 0 rgba(0,0,0,.12), 0 1px 32px 0 rgba(0,0,0,.08);
    position: absolute;
    left: 0;
    top: 13px;
}

.flr {
    flex-direction: column !important;
    align-items: flex-start !important;
}

.imgdrp {
    cursor: pointer;
    display: inline-block;
    position: relative;
}

    .imgdrp img {
        -webkit-user-drag: none;
        opacity: .24;
        -webkit-transition: opacity .36s ease;
        transition: opacity .36s ease;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        vertical-align: bottom;
        width: 110px;
        height: 110px;
    }

.image_uploader {
    grid-gap: 16px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin-top: 5px;
}

.nodisplay {
    display: none;
}

.imgdrp .fa {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transition: color .36s ease;
    transition: color .36s ease;
    color: rgba(0,0,0,.24);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.btnprm {
    box-shadow: 0 8px 12px -6px rgba(166,38,38,.32), 0 12px 16px 0 rgba(166,38,38,.14), 0 1px 32px 0 rgba(166,38,38,.12);
    background-color: var(--bg_color);
    margin-left: 10px;
    box-shadow: 0 8px 12px -6px rgba(0,0,0,.16), 0 12px 16px 0 rgba(0,0,0,.12), 0 1px 32px 0 rgba(0,0,0,.08);
}

.btncancel {
    background: #fff;
    color: #555;
    box-shadow: 0 8px 12px -6px rgba(0,0,0,.16), 0 12px 16px 0 rgba(0,0,0,.12), 0 1px 32px 0 rgba(0,0,0,.08);
    border: 1px solid #b1b1b1;
}

.titrAdDetail {
    padding: 5px 10px;
    text-align: right;
    background: #fff;
    margin-top: 11px;
}

.titrAdDetailDes {
    padding: 5px 10px;
    margin-bottom: -5px;
    text-align: right;
    background: #fff;
    font-size: 13px;
    padding-bottom: 13px;
}

.groupaddR {
    background: #fff;
    margin-top: 10px;
    border: 1px solid var(--bg_color);
    border-radius: 8px;
    align-items: center;
    border: 1px solid rgba(0,0,0,.16);
    border-radius: 4px;
    cursor: pointer;
    outline: none;
    padding: 10px;
    text-align: right;
    -webkit-transition: border-color .36s ease;
    transition: border-color .36s ease;
    position: relative;
}

    .groupaddR video {
        opacity: 0;
        top: 0;
        position: absolute;
        z-index: -1;
    }

.videoBxox {
    width: 100%;
    height: 160px;
    border: 2px dashed #c5c5c5;
    border-radius: 6px;
}

@-webkit-keyframes bgBlink {
    0%, 49% {
        background-color: #fff;
    }

    50%, 100% {
        background-color: #fbefef;
    }
}

.alertBox {
    border-color: red;
    background-color: #fbefef;
    -webkit-animation: bgBlink 1s infinite; /* Safari 4+ */
    -moz-animation: bgBlink 1s infinite; /* Fx 5+ */
    -o-animation: bgBlink 1s infinite; /* Opera 12+ */
    animation: bgBlink 1s infinite; /* IE 10+, Fx 29+ */
}

.popupAlert {
    z-index: 999998;
    background: rgba(0,0,0,0.3);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

    .popupAlert svg {
        width: 126px;
        height: 126px;
    }

.boxMtU_e {
    padding: 20px;
    z-index: 999999;
    top: 0;
    position: fixed;
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    left: 50%;
    top: 50%;
    width: 360px;
    min-height: 160px;
    transform: translate(-50%, -50%);
    border-radius: 8px;
    text-align: center;
    line-height: 32px;
}

.btnSubmitY {
    padding: 16px 25px;
    font-weight: bold;
    border-radius: 10px;
    text-transform: uppercase;
    -webkit-transition: all .2s;
    transition: all .2s;
    box-shadow: none;
    font-size: 15px;
    border: 0;
    outline: none;
    display: block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background-color: var(--bg_color);
    color: #FFFFFF;
    outline: 0;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
}

.lazyK {
    opacity: 1;
    -webkit-transition: opacity .36s ease;
    transition: opacity .36s ease;
    will-change: auto;
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: right;
    -o-object-position: right;
    position: absolute;
    top: 0;
    width: 100%;
}

.descalrt {
    display: block;
    margin-bottom: 40px;
}

.number {
    direction: ltr !important;
    text-align: center !important;
}

.addadFgAd {
    font-size: 11px;
    color: red;
}

.PriceBoxValue {
    display: flex;
    width: 100%;
}

.titrPrice {
    width: 180px;
    padding-right: 10px;
    float: right;
    font-size: 18px;
    font-family: iransans;
    color: var(--bg_color);
}

.PriceBoxValue span:last-child {
    font-size: 18px;
    font-family: iransans;
    color: var(--bg_color);
    font-weight: bold;
}

.PriceValueadd {
    color: red;
    font-size: 16px;
    font-weight: bold;
}

.priceExtention {
    display: inline-block;
    font-size: 13px;
    font-style: normal;
    margin-right: 4px;
}

.ark_darker {
    background-color: rgba(0,0,0,.48);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transition: opacity .36s ease-in-out,visibility .36s;
    transition: opacity .36s ease-in-out,visibility .36s;
    -webkit-transition-duration: .24s;
    transition-duration: .24s;
    width: 100vw;
    z-index: 1060;
}

.ark_dimmer {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.ark_modal {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 8px 48px 8px rgba(0,0,0,.04), 0 12px 16px -8px rgba(0,0,0,.12), 0 24px 32px 4px rgba(0,0,0,.08);
    display: flex;
    flex-direction: column;
    margin: 16px;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    min-height: 300px;
    height: 41rem;
    width: 30.5rem;
}

.HeadModal {
    height: 80px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.12);
    padding: 16px;
    position: relative;
    z-index: 1;
}

.ark_base {
    color: rgba(0,0,0,.56);
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    justify-content: space-between;
    line-height: 2;
    min-height: 30px;
    padding: 8px 0;
    white-space: normal;
    border-bottom: 1px dashed #c7c7c7;
}

.BodyModal {
    height: calc(100% - 90px);
    overflow-y: auto;
    padding: 10px 20px;
}

.k_textfield_input {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.24);
    border-radius: 4px;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    font-size: 14px;
    outline: 0;
    -webkit-transition: color .15s ease,border-color .15s ease,box-shadow .15s ease;
    transition: color .15s ease,border-color .15s ease,box-shadow .15s ease;
    width: 100%;
    line-height: 34px;
    padding: 0px 10px;
}

.findSearchText {
    padding: 10px 5px;
}

.ark_base span {
    width: 80px;
    font-size: 12px;
    color: var(--bg_color);
}

.loadingdiv {
    height: 250px;
    background-color: #ffffff;
    line-height: 32px;
    background-image: url(../images/loading.gif);
    background-size: 44px;
    background-repeat: no-repeat;
    background-position: center;
    padding-right: 10px;
    color: #fff;
    position: relative;
    text-align: center;
}

    .loadingdiv:before {
        content: "منتظر بمانید";
        color: var(--bg_color);
        bottom: 0;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        text-align: center;
    }

#BoxLoginInf {
    display: inline-block;
    vertical-align: top;
}

.ProfileBt {
    padding-left: 13px !important;
}

.P_link {
    align-items: center;
    color: rgba(0,0,0,.56);
    cursor: pointer;
    display: flex;
    height: 48px;
    outline: none;
    padding: 0 16px;
    -webkit-transition: color .36s ease;
    transition: color .36s ease;
    width: 100%;
}

    .P_link:hover {
        background: rgba(0,0,0,.08);
    }

    .P_link .fa {
        font-size: 16px;
        margin-left: 5px;
    }

.prfB {
    height: calc(100vh - 50px);
}

.ProfileMenu {
    height: 100%;
}



.my_post {
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,.08);
    display: flex;
    flex-direction: column;
    padding: 0.875rem;
    background: #fff;
    margin-top: 3px;
}

.my_post {
    align-items: stretch;
    flex-direction: row;
}

.my_post__thumbnail {
    align-items: center;
    border-radius: 5px;
    display: flex;
    flex-shrink: 0;
    height: 80px;
    justify-content: center;
    margin-left: 15px;
    overflow: hidden;
    width: 80px;
}

    .my_post__thumbnail > img {
        height: auto;
        width: 100%;
    }

.my_post__info {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    margin-top: 0.4375rem;
    align-items: stretch;
    flex-direction: row;
    margin-top: 0;
}

    .my_post__info .col {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 0.4375rem;
    }

.post_title {
    font-size: .9625rem;
    font-weight: 700;
    margin-bottom: 0.4375rem;
    display: block;
    text-align: right;
    width: 100%;
}

.post_normal {
    color: #424242;
    font-size: 12px;
    line-height: 16px;
    white-space: pre-line;
    word-break: break-word;
    height: 32px;
    overflow: hidden;
}

.post_status {
    font-size: .8625rem;
    font-weight: 700;
    margin-bottom: 0.4375rem;
}

.emptyPage {
    padding: 40px;
    text-align: center;
    padding-top: 100px;
}

    .emptyPage span {
        background: var(--bg_color);
    }

.inpt {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.24);
    border-radius: 4px;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    font-size: 1rem;
    outline: 0;
    transition: color .15s ease,border-color .15s ease,box-shadow .15s ease;
    width: 100%;
    padding: 4px 10px;
}

#boxProfileInfo {
    background: #fff;
    padding: 10px;
    display: flex;
    margin-top: 10px;
}

    #boxProfileInfo .col-sm-4 {
        font-size: 13px;
        color: var(--bg_color);
        font-weight: bold;
    }

.boxRows {
    float: right;
    width: calc(100% - 20px);
    margin-right: 10px;
    padding: 6px 10px;
    border-bottom: 1px dashed #c7c7c7;
    margin-bottom: 10px;
}

.btnSaveProfile {
    float: left;
}

.ProfileMenu {
    margin-top: 10px;
    border-radius: 14px;
    width: calc(25% - 12px);
}

.profileLinkBox {
    padding: 10px;
    background: #fff;
    border: 1px solid var(--bg_color);
    border-radius: 8px;
}

.divider {
    background-color: rgba(0,0,0,.12);
    border: none;
    box-sizing: border-box;
    height: 1px;
    margin: 0;
    margin: 8px 0;
}

.kt-image-block__image {
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

.imgJ {
    display: block;
    height: 100%;
    width: 232px;
    margin: auto;
}

.boxProfileItm {
    min-height: 200px;
}

.trnfrtoffer .itmP {
    background: #5cb88d;
}

.tenderTable {
    padding: 10px;
}

.trnfrtoffer img {
    width: 40px;
    height: 40px;
    margin-top: 16px;
}

.rowsTender {
    background: #fff;
    height: 80px;
    border-radius: 10px;
    margin-top: 10px;
    display: table;
    width: 100%;
    text-align: right;
}

    .rowsTender:hover {
        background: rgba(38,159,104,0.19);
        cursor: pointer;
    }

.tcel {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
}

.rowsTender img {
    width: 80px;
    height: 80px;
    margin-top: 5px;
    margin-right: 5px;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.titrTrend {
    font-size: 14px;
}

.normalTrend {
    color: #555;
    font-size: 13px;
}

.dateT {
    color: #555;
    font-size: 13px;
    font-family: 'BYekan';
}

.tcel {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
    line-height: 16px;
}

.TenderStatus {
    display: block;
    border-radius: 20px;
    font-size: 13px;
    padding: 6px 13px;
    margin-top: 7px;
    color: #0B0B0B;
    font-weight: 500;
    position: relative;
    margin-left: 12px;
    box-shadow: 0px 0px 0px 1px var(--bg_color);
    cursor: pointer;
    font-family: iransans;
    text-align: center;
}

    .TenderStatus.open {
        color: #F8F8F8;
        box-shadow: none;
        background: linear-gradient(180deg,rgba(38,38,38,.835171568627451) 18%,rgba(9,121,54,1) 76%,rgb(218,250,5) 100%);
        background: var(--bg_color);
    }

    .TenderStatus.pending {
        color: #F8F8F8;
        box-shadow: none;
        background: #f5ab01;
    }

    .TenderStatus.close {
        color: #F8F8F8;
        box-shadow: none;
        background: #da2f40;
    }

.TenderPrice {
    font-weight: bold;
    font-size: 18px;
    font-family: 'BYekan';
}

.mainFooter {
    min-height: 150px;
    margin-top: 48px;
    margin-bottom: 48px;
    padding: 20px;
    padding-top: 32px;
}

.mb-8 {
    margin-bottom: 32px;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
}

.celF {
    width: 50%;
    flex-grow: 1;
}

.w-100 {
    width: 100%;
}

@media (min-width: 1024px) {
    .celF {
        width: unset;
    }
}


.foTitr {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 2.15;
    color: #3f4064;
}

.ai-center {
    align-items: center;
}

.d-flex {
    display: flex;
}

.ml32 {
    margin-left: 32px;
}

.boxblock a {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.15;
}

    .boxblock a:hover {
        color: var(--tx_color_hover);
    }

.ft_info {
    flex-wrap: nowrap;
    padding-top: 32px;
    padding-bottom: 32px;
    border-top: 1px solid #f1f2f4;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.grow-1 {
    flex-grow: 1;
}

.p-4-lg {
    padding: 16px;
    padding: 8px;
    margin-right: 8px;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #e0e0e6;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
}

img[alt] {
    position: relative;
}


.p-4-lg img {
    height: 100%;
}

.ftInfoNormal {
    color: rgba(0,0,0,.56);
    font-weight: 400;
    line-height: 2;
    margin: 0;
    white-space: pre-line;
    word-break: break-word;
}

.jss140 {
    color: rgba(0, 0, 0, 0.87);
    font-size: 1rem;
    line-height: 2rem;
    padding: 30px;
    background: #fff;
    margin: 30px;
    border-radius: 10px;
}

.titrArt {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 20px;
    color: #d7163c;
}

.aboutdididtoLogo {
    height: 340px;
    max-width: 520px !important;
    margin: auto;
    margin-bottom: 40px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTA4IiBoZWlnaHQ9IjM1NiI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJiIiBjeD0iNTAlIiBjeT0iNzkuMzklIiByPSIxMDAlIiBmeD0iNTAlIiBmeT0iNzkuMzklIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDAgLTEgLjU0OTUzIDAgLjA2IDEuMykiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3Atb3BhY2l0eT0iLjQ4Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjUwJSIgeDI9IjUwJSIgeTE9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0ZDRkNGQyIvPjxzdG9wIG9mZnNldD0iNDcuOTIlIiBzdG9wLWNvbG9yPSIjRjlGOUZBIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjRjdGN0Y4Ii8+PC9saW5lYXJHcmFkaWVudD48ZmlsdGVyIGlkPSJjIiB3aWR0aD0iMTA4LjklIiBoZWlnaHQ9IjI4OS41JSIgeD0iLTQuNCUiIHk9Ii05NC43JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij48ZmVHYXVzc2lhbkJsdXIgaW49IlNvdXJjZUdyYXBoaWMiIHN0ZERldmlhdGlvbj0iNiIvPjwvZmlsdGVyPjxwYXRoIGlkPSJkIiBkPSJNNDcxLjYyIDIxYzUuMzUgMCA3LjI5LjU2IDkuMjQgMS42YTEwLjkgMTAuOSAwIDAgMSA0LjU0IDQuNTRjMS4wNCAxLjk1IDEuNiAzLjkgMS42IDkuMjR2MjQ5LjI0YzAgNS4zNS0uNTYgNy4yOS0xLjYgOS4yNGExMC45IDEwLjkgMCAwIDEtNC41NCA0LjU0Yy0xLjk1IDEuMDQtMy45IDEuNi05LjI0IDEuNkg5Ny4zOGMtNS4zNSAwLTcuMjktLjU2LTkuMjQtMS42YTEwLjkgMTAuOSAwIDAgMS00LjU0LTQuNTRjLTEuMDQtMS45NS0xLjYtMy45LTEuNi05LjI0VjM2LjM4YzAtNS4zNS41Ni03LjI5IDEuNi05LjI0YTEwLjkgMTAuOSAwIDAgMSA0LjU0LTQuNTRjMS45NS0xLjA0IDMuOS0xLjYgOS4yNC0xLjZoMzc0LjI0ek00NzEgMzNIOTVhMiAyIDAgMCAwLTIgMnYyMTVoMzgwVjM1YTIgMiAwIDAgMC0yLTJ6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iIzAwMCIgb3BhY2l0eT0iLjEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNDYpIj48Y2lyY2xlIGN4PSIzIiBjeT0iMyIgcj0iMyIvPjxjaXJjbGUgY3g9Ijg3IiBjeT0iMyIgcj0iMyIvPjxjaXJjbGUgY3g9IjE1IiBjeT0iMyIgcj0iMyIvPjxjaXJjbGUgY3g9Ijk5IiBjeT0iMyIgcj0iMyIvPjxjaXJjbGUgY3g9IjI3IiBjeT0iMyIgcj0iMyIvPjxjaXJjbGUgY3g9IjExMSIgY3k9IjMiIHI9IjMiLz48Y2lyY2xlIGN4PSIzOSIgY3k9IjMiIHI9IjMiLz48Y2lyY2xlIGN4PSIxMjMiIGN5PSIzIiByPSIzIi8+PGNpcmNsZSBjeD0iNTEiIGN5PSIzIiByPSIzIi8+PGNpcmNsZSBjeD0iMTM1IiBjeT0iMyIgcj0iMyIvPjxjaXJjbGUgY3g9IjYzIiBjeT0iMyIgcj0iMyIvPjxjaXJjbGUgY3g9IjE0NyIgY3k9IjMiIHI9IjMiLz48Y2lyY2xlIGN4PSI3NSIgY3k9IjMiIHI9IjMiLz48Y2lyY2xlIGN4PSIxNTkiIGN5PSIzIiByPSIzIi8+PGNpcmNsZSBjeD0iMyIgY3k9IjE1IiByPSIzIi8+PGNpcmNsZSBjeD0iODciIGN5PSIxNSIgcj0iMyIvPjxjaXJjbGUgY3g9IjE1IiBjeT0iMTUiIHI9IjMiLz48Y2lyY2xlIGN4PSI5OSIgY3k9IjE1IiByPSIzIi8+PGNpcmNsZSBjeD0iMjciIGN5PSIxNSIgcj0iMyIvPjxjaXJjbGUgY3g9IjExMSIgY3k9IjE1IiByPSIzIi8+PGNpcmNsZSBjeD0iMzkiIGN5PSIxNSIgcj0iMyIvPjxjaXJjbGUgY3g9IjEyMyIgY3k9IjE1IiByPSIzIi8+PGNpcmNsZSBjeD0iNTEiIGN5PSIxNSIgcj0iMyIvPjxjaXJjbGUgY3g9IjEzNSIgY3k9IjE1IiByPSIzIi8+PGNpcmNsZSBjeD0iNjMiIGN5PSIxNSIgcj0iMyIvPjxjaXJjbGUgY3g9IjE0NyIgY3k9IjE1IiByPSIzIi8+PGNpcmNsZSBjeD0iNzUiIGN5PSIxNSIgcj0iMyIvPjxjaXJjbGUgY3g9IjE1OSIgY3k9IjE1IiByPSIzIi8+PGNpcmNsZSBjeD0iMyIgY3k9IjI3IiByPSIzIi8+PGNpcmNsZSBjeD0iODciIGN5PSIyNyIgcj0iMyIvPjxjaXJjbGUgY3g9IjE1IiBjeT0iMjciIHI9IjMiLz48Y2lyY2xlIGN4PSI5OSIgY3k9IjI3IiByPSIzIi8+PGNpcmNsZSBjeD0iMjciIGN5PSIyNyIgcj0iMyIvPjxjaXJjbGUgY3g9IjExMSIgY3k9IjI3IiByPSIzIi8+PGNpcmNsZSBjeD0iMzkiIGN5PSIyNyIgcj0iMyIvPjxjaXJjbGUgY3g9IjEyMyIgY3k9IjI3IiByPSIzIi8+PGNpcmNsZSBjeD0iNTEiIGN5PSIyNyIgcj0iMyIvPjxjaXJjbGUgY3g9IjEzNSIgY3k9IjI3IiByPSIzIi8+PGNpcmNsZSBjeD0iNjMiIGN5PSIyNyIgcj0iMyIvPjxjaXJjbGUgY3g9IjE0NyIgY3k9IjI3IiByPSIzIi8+PGNpcmNsZSBjeD0iNzUiIGN5PSIyNyIgcj0iMyIvPjxjaXJjbGUgY3g9IjE1OSIgY3k9IjI3IiByPSIzIi8+PGNpcmNsZSBjeD0iMTM1IiBjeT0iMzkiIHI9IjMiLz48Y2lyY2xlIGN4PSIxNDciIGN5PSIzOSIgcj0iMyIvPjxjaXJjbGUgY3g9IjE1OSIgY3k9IjM5IiByPSIzIi8+PGNpcmNsZSBjeD0iMTM1IiBjeT0iNTEiIHI9IjMiLz48Y2lyY2xlIGN4PSIxNDciIGN5PSI1MSIgcj0iMyIvPjxjaXJjbGUgY3g9IjE1OSIgY3k9IjUxIiByPSIzIi8+PGNpcmNsZSBjeD0iMTM1IiBjeT0iNjMiIHI9IjMiLz48Y2lyY2xlIGN4PSIxNDciIGN5PSI2MyIgcj0iMyIvPjxjaXJjbGUgY3g9IjE1OSIgY3k9IjYzIiByPSIzIi8+PGNpcmNsZSBjeD0iMTM1IiBjeT0iNzUiIHI9IjMiLz48Y2lyY2xlIGN4PSIxNDciIGN5PSI3NSIgcj0iMyIvPjxjaXJjbGUgY3g9IjE1OSIgY3k9Ijc1IiByPSIzIi8+PGNpcmNsZSBjeD0iMTM1IiBjeT0iODciIHI9IjMiLz48Y2lyY2xlIGN4PSIxNDciIGN5PSI4NyIgcj0iMyIvPjxjaXJjbGUgY3g9IjE1OSIgY3k9Ijg3IiByPSIzIi8+PGNpcmNsZSBjeD0iMTM1IiBjeT0iOTkiIHI9IjMiLz48Y2lyY2xlIGN4PSIxNDciIGN5PSI5OSIgcj0iMyIvPjxjaXJjbGUgY3g9IjE1OSIgY3k9Ijk5IiByPSIzIi8+PGNpcmNsZSBjeD0iMTM1IiBjeT0iMTExIiByPSIzIi8+PGNpcmNsZSBjeD0iMTQ3IiBjeT0iMTExIiByPSIzIi8+PGNpcmNsZSBjeD0iMTU5IiBjeT0iMTExIiByPSIzIi8+PGNpcmNsZSBjeD0iMTM1IiBjeT0iMTIzIiByPSIzIi8+PGNpcmNsZSBjeD0iMTQ3IiBjeT0iMTIzIiByPSIzIi8+PGNpcmNsZSBjeD0iMTU5IiBjeT0iMTIzIiByPSIzIi8+PGNpcmNsZSBjeD0iMTM1IiBjeT0iMTM1IiByPSIzIi8+PGNpcmNsZSBjeD0iMTQ3IiBjeT0iMTM1IiByPSIzIi8+PGNpcmNsZSBjeD0iMTU5IiBjeT0iMTM1IiByPSIzIi8+PGNpcmNsZSBjeD0iMTM1IiBjeT0iMTQ3IiByPSIzIi8+PGNpcmNsZSBjeD0iMTQ3IiBjeT0iMTQ3IiByPSIzIi8+PGNpcmNsZSBjeD0iMTU5IiBjeT0iMTQ3IiByPSIzIi8+PC9nPjxnIGZpbGw9IiNBNjI2MjYiIGZpbGwtcnVsZT0ibm9uemVybyIgb3BhY2l0eT0iLjU2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDIwMCkiPjxjaXJjbGUgY3g9IjMiIGN5PSIzIiByPSIzIi8+PGNpcmNsZSBjeD0iODciIGN5PSIzIiByPSIzIi8+PGNpcmNsZSBjeD0iMTUiIGN5PSIzIiByPSIzIi8+PGNpcmNsZSBjeD0iMjciIGN5PSIzIiByPSIzIi8+PGNpcmNsZSBjeD0iMzkiIGN5PSIzIiByPSIzIi8+PGNpcmNsZSBjeD0iNTEiIGN5PSIzIiByPSIzIi8+PGNpcmNsZSBjeD0iNjMiIGN5PSIzIiByPSIzIi8+PGNpcmNsZSBjeD0iNzUiIGN5PSIzIiByPSIzIi8+PGNpcmNsZSBjeD0iMyIgY3k9IjE1IiByPSIzIi8+PGNpcmNsZSBjeD0iODciIGN5PSIxNSIgcj0iMyIvPjxjaXJjbGUgY3g9IjE1IiBjeT0iMTUiIHI9IjMiLz48Y2lyY2xlIGN4PSIyNyIgY3k9IjE1IiByPSIzIi8+PGNpcmNsZSBjeD0iMzkiIGN5PSIxNSIgcj0iMyIvPjxjaXJjbGUgY3g9IjUxIiBjeT0iMTUiIHI9IjMiLz48Y2lyY2xlIGN4PSI2MyIgY3k9IjE1IiByPSIzIi8+PGNpcmNsZSBjeD0iNzUiIGN5PSIxNSIgcj0iMyIvPjxjaXJjbGUgY3g9IjMiIGN5PSIyNyIgcj0iMyIvPjxjaXJjbGUgY3g9Ijg3IiBjeT0iMjciIHI9IjMiLz48Y2lyY2xlIGN4PSIxNSIgY3k9IjI3IiByPSIzIi8+PGNpcmNsZSBjeD0iMjciIGN5PSIyNyIgcj0iMyIvPjxjaXJjbGUgY3g9IjM5IiBjeT0iMjciIHI9IjMiLz48Y2lyY2xlIGN4PSI1MSIgY3k9IjI3IiByPSIzIi8+PGNpcmNsZSBjeD0iNjMiIGN5PSIyNyIgcj0iMyIvPjxjaXJjbGUgY3g9Ijc1IiBjeT0iMjciIHI9IjMiLz48Y2lyY2xlIGN4PSIzIiBjeT0iMzkiIHI9IjMiLz48Y2lyY2xlIGN4PSI4NyIgY3k9IjM5IiByPSIzIi8+PGNpcmNsZSBjeD0iMTUiIGN5PSIzOSIgcj0iMyIvPjxjaXJjbGUgY3g9IjI3IiBjeT0iMzkiIHI9IjMiLz48Y2lyY2xlIGN4PSIzOSIgY3k9IjM5IiByPSIzIi8+PGNpcmNsZSBjeD0iNTEiIGN5PSIzOSIgcj0iMyIvPjxjaXJjbGUgY3g9IjYzIiBjeT0iMzkiIHI9IjMiLz48Y2lyY2xlIGN4PSI3NSIgY3k9IjM5IiByPSIzIi8+PGNpcmNsZSBjeD0iMyIgY3k9IjUxIiByPSIzIi8+PGNpcmNsZSBjeD0iODciIGN5PSI1MSIgcj0iMyIvPjxjaXJjbGUgY3g9IjE1IiBjeT0iNTEiIHI9IjMiLz48Y2lyY2xlIGN4PSIyNyIgY3k9IjUxIiByPSIzIi8+PGNpcmNsZSBjeD0iMzkiIGN5PSI1MSIgcj0iMyIvPjxjaXJjbGUgY3g9IjUxIiBjeT0iNTEiIHI9IjMiLz48Y2lyY2xlIGN4PSI2MyIgY3k9IjUxIiByPSIzIi8+PGNpcmNsZSBjeD0iNzUiIGN5PSI1MSIgcj0iMyIvPjxjaXJjbGUgY3g9IjMiIGN5PSI2MyIgcj0iMyIvPjxjaXJjbGUgY3g9Ijg3IiBjeT0iNjMiIHI9IjMiLz48Y2lyY2xlIGN4PSIxNSIgY3k9IjYzIiByPSIzIi8+PGNpcmNsZSBjeD0iOTkiIGN5PSI2MyIgcj0iMyIvPjxjaXJjbGUgY3g9IjI3IiBjeT0iNjMiIHI9IjMiLz48Y2lyY2xlIGN4PSIxMTEiIGN5PSI2MyIgcj0iMyIvPjxjaXJjbGUgY3g9IjM5IiBjeT0iNjMiIHI9IjMiLz48Y2lyY2xlIGN4PSIxMjMiIGN5PSI2MyIgcj0iMyIvPjxjaXJjbGUgY3g9IjUxIiBjeT0iNjMiIHI9IjMiLz48Y2lyY2xlIGN4PSIxMzUiIGN5PSI2MyIgcj0iMyIvPjxjaXJjbGUgY3g9IjYzIiBjeT0iNjMiIHI9IjMiLz48Y2lyY2xlIGN4PSIxNDciIGN5PSI2MyIgcj0iMyIvPjxjaXJjbGUgY3g9Ijc1IiBjeT0iNjMiIHI9IjMiLz48Y2lyY2xlIGN4PSIxNTkiIGN5PSI2MyIgcj0iMyIvPjxjaXJjbGUgY3g9IjMiIGN5PSI3NSIgcj0iMyIvPjxjaXJjbGUgY3g9Ijg3IiBjeT0iNzUiIHI9IjMiLz48Y2lyY2xlIGN4PSIxNSIgY3k9Ijc1IiByPSIzIi8+PGNpcmNsZSBjeD0iOTkiIGN5PSI3NSIgcj0iMyIvPjxjaXJjbGUgY3g9IjI3IiBjeT0iNzUiIHI9IjMiLz48Y2lyY2xlIGN4PSIxMTEiIGN5PSI3NSIgcj0iMyIvPjxjaXJjbGUgY3g9IjM5IiBjeT0iNzUiIHI9IjMiLz48Y2lyY2xlIGN4PSIxMjMiIGN5PSI3NSIgcj0iMyIvPjxjaXJjbGUgY3g9IjUxIiBjeT0iNzUiIHI9IjMiLz48Y2lyY2xlIGN4PSIxMzUiIGN5PSI3NSIgcj0iMyIvPjxjaXJjbGUgY3g9IjYzIiBjeT0iNzUiIHI9IjMiLz48Y2lyY2xlIGN4PSIxNDciIGN5PSI3NSIgcj0iMyIvPjxjaXJjbGUgY3g9Ijc1IiBjeT0iNzUiIHI9IjMiLz48Y2lyY2xlIGN4PSIxNTkiIGN5PSI3NSIgcj0iMyIvPjxjaXJjbGUgY3g9IjMiIGN5PSI4NyIgcj0iMyIvPjxjaXJjbGUgY3g9Ijg3IiBjeT0iODciIHI9IjMiLz48Y2lyY2xlIGN4PSIxNSIgY3k9Ijg3IiByPSIzIi8+PGNpcmNsZSBjeD0iOTkiIGN5PSI4NyIgcj0iMyIvPjxjaXJjbGUgY3g9IjI3IiBjeT0iODciIHI9IjMiLz48Y2lyY2xlIGN4PSIxMTEiIGN5PSI4NyIgcj0iMyIvPjxjaXJjbGUgY3g9IjM5IiBjeT0iODciIHI9IjMiLz48Y2lyY2xlIGN4PSIxMjMiIGN5PSI4NyIgcj0iMyIvPjxjaXJjbGUgY3g9IjUxIiBjeT0iODciIHI9IjMiLz48Y2lyY2xlIGN4PSIxMzUiIGN5PSI4NyIgcj0iMyIvPjxjaXJjbGUgY3g9IjYzIiBjeT0iODciIHI9IjMiLz48Y2lyY2xlIGN4PSIxNDciIGN5PSI4NyIgcj0iMyIvPjxjaXJjbGUgY3g9Ijc1IiBjeT0iODciIHI9IjMiLz48Y2lyY2xlIGN4PSIxNTkiIGN5PSI4NyIgcj0iMyIvPjxjaXJjbGUgY3g9IjMiIGN5PSI5OSIgcj0iMyIvPjxjaXJjbGUgY3g9Ijg3IiBjeT0iOTkiIHI9IjMiLz48Y2lyY2xlIGN4PSIxNSIgY3k9Ijk5IiByPSIzIi8+PGNpcmNsZSBjeD0iOTkiIGN5PSI5OSIgcj0iMyIvPjxjaXJjbGUgY3g9IjI3IiBjeT0iOTkiIHI9IjMiLz48Y2lyY2xlIGN4PSIxMTEiIGN5PSI5OSIgcj0iMyIvPjxjaXJjbGUgY3g9IjM5IiBjeT0iOTkiIHI9IjMiLz48Y2lyY2xlIGN4PSIxMjMiIGN5PSI5OSIgcj0iMyIvPjxjaXJjbGUgY3g9IjUxIiBjeT0iOTkiIHI9IjMiLz48Y2lyY2xlIGN4PSIxMzUiIGN5PSI5OSIgcj0iMyIvPjxjaXJjbGUgY3g9IjYzIiBjeT0iOTkiIHI9IjMiLz48Y2lyY2xlIGN4PSIxNDciIGN5PSI5OSIgcj0iMyIvPjxjaXJjbGUgY3g9Ijc1IiBjeT0iOTkiIHI9IjMiLz48Y2lyY2xlIGN4PSIxNTkiIGN5PSI5OSIgcj0iMyIvPjxjaXJjbGUgY3g9IjMiIGN5PSIxMTEiIHI9IjMiLz48Y2lyY2xlIGN4PSI4NyIgY3k9IjExMSIgcj0iMyIvPjxjaXJjbGUgY3g9IjE1IiBjeT0iMTExIiByPSIzIi8+PGNpcmNsZSBjeD0iOTkiIGN5PSIxMTEiIHI9IjMiLz48Y2lyY2xlIGN4PSIyNyIgY3k9IjExMSIgcj0iMyIvPjxjaXJjbGUgY3g9IjExMSIgY3k9IjExMSIgcj0iMyIvPjxjaXJjbGUgY3g9IjM5IiBjeT0iMTExIiByPSIzIi8+PGNpcmNsZSBjeD0iMTIzIiBjeT0iMTExIiByPSIzIi8+PGNpcmNsZSBjeD0iNTEiIGN5PSIxMTEiIHI9IjMiLz48Y2lyY2xlIGN4PSIxMzUiIGN5PSIxMTEiIHI9IjMiLz48Y2lyY2xlIGN4PSI2MyIgY3k9IjExMSIgcj0iMyIvPjxjaXJjbGUgY3g9IjE0NyIgY3k9IjExMSIgcj0iMyIvPjxjaXJjbGUgY3g9Ijc1IiBjeT0iMTExIiByPSIzIi8+PGNpcmNsZSBjeD0iMTU5IiBjeT0iMTExIiByPSIzIi8+PGNpcmNsZSBjeD0iMyIgY3k9IjEyMyIgcj0iMyIvPjxjaXJjbGUgY3g9Ijg3IiBjeT0iMTIzIiByPSIzIi8+PGNpcmNsZSBjeD0iMTUiIGN5PSIxMjMiIHI9IjMiLz48Y2lyY2xlIGN4PSI5OSIgY3k9IjEyMyIgcj0iMyIvPjxjaXJjbGUgY3g9IjI3IiBjeT0iMTIzIiByPSIzIi8+PGNpcmNsZSBjeD0iMTExIiBjeT0iMTIzIiByPSIzIi8+PGNpcmNsZSBjeD0iMzkiIGN5PSIxMjMiIHI9IjMiLz48Y2lyY2xlIGN4PSIxMjMiIGN5PSIxMjMiIHI9IjMiLz48Y2lyY2xlIGN4PSI1MSIgY3k9IjEyMyIgcj0iMyIvPjxjaXJjbGUgY3g9IjEzNSIgY3k9IjEyMyIgcj0iMyIvPjxjaXJjbGUgY3g9IjYzIiBjeT0iMTIzIiByPSIzIi8+PGNpcmNsZSBjeD0iMTQ3IiBjeT0iMTIzIiByPSIzIi8+PGNpcmNsZSBjeD0iNzUiIGN5PSIxMjMiIHI9IjMiLz48Y2lyY2xlIGN4PSIxNTkiIGN5PSIxMjMiIHI9IjMiLz48Y2lyY2xlIGN4PSIzIiBjeT0iMTM1IiByPSIzIi8+PGNpcmNsZSBjeD0iODciIGN5PSIxMzUiIHI9IjMiLz48Y2lyY2xlIGN4PSIxNSIgY3k9IjEzNSIgcj0iMyIvPjxjaXJjbGUgY3g9Ijk5IiBjeT0iMTM1IiByPSIzIi8+PGNpcmNsZSBjeD0iMjciIGN5PSIxMzUiIHI9IjMiLz48Y2lyY2xlIGN4PSIxMTEiIGN5PSIxMzUiIHI9IjMiLz48Y2lyY2xlIGN4PSIzOSIgY3k9IjEzNSIgcj0iMyIvPjxjaXJjbGUgY3g9IjEyMyIgY3k9IjEzNSIgcj0iMyIvPjxjaXJjbGUgY3g9IjUxIiBjeT0iMTM1IiByPSIzIi8+PGNpcmNsZSBjeD0iMTM1IiBjeT0iMTM1IiByPSIzIi8+PGNpcmNsZSBjeD0iNjMiIGN5PSIxMzUiIHI9IjMiLz48Y2lyY2xlIGN4PSIxNDciIGN5PSIxMzUiIHI9IjMiLz48Y2lyY2xlIGN4PSI3NSIgY3k9IjEzNSIgcj0iMyIvPjxjaXJjbGUgY3g9IjE1OSIgY3k9IjEzNSIgcj0iMyIvPjxjaXJjbGUgY3g9IjMiIGN5PSIxNDciIHI9IjMiLz48Y2lyY2xlIGN4PSI4NyIgY3k9IjE0NyIgcj0iMyIvPjxjaXJjbGUgY3g9IjE1IiBjeT0iMTQ3IiByPSIzIi8+PGNpcmNsZSBjeD0iOTkiIGN5PSIxNDciIHI9IjMiLz48Y2lyY2xlIGN4PSIyNyIgY3k9IjE0NyIgcj0iMyIvPjxjaXJjbGUgY3g9IjExMSIgY3k9IjE0NyIgcj0iMyIvPjxjaXJjbGUgY3g9IjM5IiBjeT0iMTQ3IiByPSIzIi8+PGNpcmNsZSBjeD0iMTIzIiBjeT0iMTQ3IiByPSIzIi8+PGNpcmNsZSBjeD0iNTEiIGN5PSIxNDciIHI9IjMiLz48Y2lyY2xlIGN4PSIxMzUiIGN5PSIxNDciIHI9IjMiLz48Y2lyY2xlIGN4PSI2MyIgY3k9IjE0NyIgcj0iMyIvPjxjaXJjbGUgY3g9IjE0NyIgY3k9IjE0NyIgcj0iMyIvPjxjaXJjbGUgY3g9Ijc1IiBjeT0iMTQ3IiByPSIzIi8+PGNpcmNsZSBjeD0iMTU5IiBjeT0iMTQ3IiByPSIzIi8+PC9nPjxwYXRoIGZpbGw9IiNGMEYxRjIiIGQ9Ik0zNTIuOTkgMzQ0LjAzYy0yLjE0LTIuMjUtMTguMzgtMTYuNzQtMTkuOTQtMTkuNTgtMS41Ny0yLjgzLTQuMjgtMjIuNDUtNC4yOC0yMi40NWgtODkuNTVzLTIuNyAxOS42MS00LjI3IDIyLjQ1Yy0xLjU3IDIuODQtMTcuOCAxNy4zMy0xOS45NCAxOS41OC0yLjE0IDIuMjYtMiA1Ljk3IDExLjY4IDUuOTdoMTE0LjYyYzEzLjY3IDAgMTMuODEtMy43MSAxMS42OC01Ljk3Ii8+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTM1Mi45OSAzNDIuMTZjLTIuMTQtMi4yMS0xOC4zOC0xNi40LTE5Ljk0LTE5LjE3LTEuNTctMi43OC00LjI4LTIxLjk5LTQuMjgtMjEuOTloLTg5LjU1cy0yLjcgMTkuMi00LjI3IDIxLjk4Yy0xLjU3IDIuNzgtMTcuOCAxNi45Ny0xOS45NCAxOS4xOC0yLjE0IDIuMi0yIDUuODQgMTEuNjggNS44NGgxMTQuNjJjMTMuNjcgMCAxMy44MS0zLjYzIDExLjY4LTUuODQiLz48cGF0aCBmaWxsPSJ1cmwoI2IpIiBkPSJNODEgMzM1LjAyYzc3LjM4IDEuOTkgMTQwLjcgMi45OCAxODkuOTcgMi45OCA0OS4yNyAwIDEyMS4yOC0xIDIxNi4wMy0yLjk4QzQyOC45OCAzMjQuMzQgMzU2LjUzIDMxOSAyNjkuNjUgMzE5UzExOS44OSAzMjQuMzQgODEgMzM1LjAyeiIgZmlsdGVyPSJ1cmwoI2MpIiBvcGFjaXR5PSIuMTYiLz48bWFzayBpZD0iZSIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjZCIvPjwvbWFzaz48dXNlIHhsaW5rOmhyZWY9IiNkIiBmaWxsPSIjRUVGMUYxIi8+PHBhdGggZmlsbD0iI0Y5RkFGQSIgZD0iTTgyIDI2Mmg0MDV2MzlIODJ6IiBtYXNrPSJ1cmwoI2UpIi8+PC9nPjwvc3ZnPg==),url(../images/iteme.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.noovr {
    height: 134px;
    overflow-y: hidden;
    width: 97%;
    padding-bottom: 6px;
    height: 150px;
    overflow: hidden;
    overflow-x: auto;
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
}

.idm {
    display: inline-block;
    margin: 0px 2px;
    text-align: center;
    vertical-align: top;
    overflow: hidden;
    color: #555;
    min-width: 100px;
    margin-right: 10px;
    flex-grow: 1;
    padding: 5px;
    position: relative;
}

.NoDataFind {
    height: 300px;
    background: url(../images/nodata.png);
    background-size: 250px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    padding-bottom: 40px;
}

    .NoDataFind:before {
        content: "اطلاعاتی پیدا نشد";
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        text-align: center;
        color: var(--bg_color);
        font-weight: 700;
        font-size: 1.4rem;
    }

@media only screen and (max-width: 668px) {
    .boxPAction .nav_btn {
        width: 40% !important;
    }

    .btnPAction {
        width: 100%;
        text-align: left;
    }
}

#imageScreenVideo {
    text-align: center;
}

    #imageScreenVideo * {
        text-align: center;
        margin: auto;
    }

#recordButton {
}



.recorder-container {
    width: 86px;
    background-color: #e74c3c;
    display: block;
    margin: 20px auto;
    border-radius: 100%;
    box-shadow: 0px 0px 15px 2px #bdc3c7;
    cursor: default;
    transition: .3s all ease-in;
    position: relative;
}

.icon-microphone {
    color: #fff;
    font-size: 60px;
    line-height: 86px;
    display: block;
    text-align: center;
    height: 86px;
    transition: .1s all ease-in;
    position: relative;
    background: url(../images/1082810.png);
    background-size: 36px;
    background-position: center;
    background-repeat: no-repeat;
}

.record .outer {
    width: 60px;
    height: 60px;
    -webkit-transform: scale(1);
    border-radius: 100%;
    position: absolute;
    background-color: transparent;
    border: 1px solid #7f8c8d;
    z-index: -1;
    transition: 1.5s all ease;
    -webkit-animation: woong 1.5s infinite;
    z-index: 999;
    right: 12px;
    top: 12px;
}

.record .outer-2 {
    width: 62px;
    height: 62px;
    -webkit-transform: scale(1);
    border-radius: 100%;
    position: absolute;
    background-color: #bdc3c7;
    z-index: -1;
    transition: 1.5s all ease;
    -webkit-animation: woong-2 1.5s infinite;
    -webkit-animation-delay: 2.5s;
    z-index: 999;
    right: 12px;
    top: 12px;
}

@-webkit-keyframes woong {
    0% {
        -webkit-trasform: scale(1.2);
    }

    50% {
        -webkit-transform: scale(1.8);
        opacity: 0.5;
    }

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

@-webkit-keyframes woong-2 {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 0.6;
    }

    50% {
        -webkit-transform: scale(1.6);
        opacity: 0.5;
    }

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

#audio-playback {
    position: relative;
    margin: auto;
    display: inline-block;
}

.chatList {
    height: calc(100vh - 64px);
    border-left: 1px solid rgba(0,0,0,.12);
    background: #fff;
}

.chatad {
    background-color: rgba(240,250,255,.24);
    padding-top: 16px;
    cursor: pointer;
    display: block;
    padding: 8px 16px 0;
    transition: background-color .36s ease;
    border-bottom: 1px solid rgba(0,0,0,.12);
}

.df {
    display: flex;
}

.cbox {
    flex: 1 1;
    min-width: 0;
}

.mtbox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2px 0 19px;
    font-size: 11px;
    color: #777777;
}

.cPost {
    margin: 0 0 16px;
    align-items: center;
    display: flex;
}

    .cPost img {
        display: block;
        height: 100%;
        left: 0;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%;
    }

.cthumbnail {
    margin-left: 8px;
    position: relative;
    width: 48px;
    min-height: 48px;
}

.cBUi {
    min-width: 0;
    width: calc(100% - 48px);
}

.titleC {
    font-size: .875rem;
    color: rgba(0,0,0,.87);
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    line-height: 2;
}

.normalC {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    line-height: 2;
    color: rgba(0,0,0,.56);
    margin: 0;
}

.chatbodySender {
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    padding: 16px 16px 8px;
    background-color: #f2fff0;
    border-radius: 16px 16px 2px 16px;
    color: rgba(0,0,0,.87);
    max-width: 70%;
    padding: 8px;
    transition: background-color .36s ease;
    white-space: pre-line;
    word-break: break-word;
}

.reciver {
    background-color: #f5f5f5;
    border-radius: 16px 16px 16px 2px;
}

#chatDetails {
    background: #fff;
    padding-bottom: 30px;
}

.tyri {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
    padding-bottom: 16px;
    justify-content: flex-end;
    display: flex;
    padding-bottom: 8px;
}

.loadingChat {
    height: 300px;
    text-align: center;
}

    .loadingChat:before {
        content: "منتظر بمانید";
        padding: 40px;
    }

.chatListDetailsS {
    width: 100%;
}

.arkpeer {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
    display: flex;
    padding-bottom: 8px;
    padding-bottom: 16px;
    justify-content: flex-start;
}

.arksender {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
    display: flex;
    padding-bottom: 8px;
    padding-bottom: 16px;
    justify-content: flex-end;
}


.chatTop {
    align-items: center;
    display: flex;
    background-color: hsla(0,0%,100%,.98);
    box-shadow: 0 1px 2px rgba(0,0,0,.12);
    height: 64px;
    justify-content: space-between;
    padding-left: 16px;
    z-index: 1040;
}

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

.jkBoyur {
    padding: 15px;
    height: calc(100vh - 260px);
    overflow-y: auto;
}

.chatbar {
    align-items: center;
    background: #fafafa;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.12);
    display: flex;
    padding: 8px 16px 8px 8px;
}

.chatBarimage {
    width: 32px;
}

.Chatcaption {
    font-size: .75rem;
    font-weight: 400;
    line-height: 2;
    color: rgba(0,0,0,.87);
    flex: 1 1;
    margin: 0 8px;
    text-align: right;
}


.chatBarimage img {
    height: 32px;
    border-radius: 4px;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.adtag {
    align-items: center;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 5px;
    color: rgb(255 255 255);
    display: inline-flex;
    font-weight: 400;
    height: auto;
    line-height: 2;
    overflow: hidden;
    padding: 0 4px 0 8px;
    background: #d7163c;
    font-size: 14px;
    padding: 2px 10px;
}

.msgInfo {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    display: flex;
    margin-top: 8px;
}

.msgDate {
    font-size: .75rem;
    font-weight: 400;
    line-height: 2;
    align-items: center;
    color: rgba(0,0,0,.32);
    display: flex;
    line-height: 1.5;
}

.msgInfo .fa {
    font-size: 12px;
    margin-left: 8px;
    display: inline-block;
    color: #7cb342;
}

    .msgInfo .fa:nth-child(2) {
        right: -24px;
        top: 2px;
        position: relative;
        font-weight: normal;
    }

.chatbodySender a, .chatbodySender a:hover {
    color: var(--bg_color);
}

.chatbodySender img, .chatbodySender audio {
    max-width: 200px;
    display: block;
}

.sd32b9 {
    display: flex;
    flex: 1 1;
    flex-direction: column;
}

.footerChat {
    z-index: 1;
    width: 0;
    min-width: 100%;
}

.chatMainD {
    position: relative;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    overflow: hidden;
}

.ChatMainBO {
    display: flex;
    flex: 1 1;
}

.chadFooterDetails {
    box-shadow: 0 -1px 2px rgba(0,0,0,.12);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    align-items: center;
    background: #fff;
    display: flex;
    padding: 8px 0 8px 8px;
    position: relative;
}

.chatInput {
    border: none;
    border-radius: 4px;
    color: rgba(0,0,0,.87);
    flex: 1 1;
    margin: 4px 24px 4px 0;
    outline: none;
    padding: 0;
}

.sendchat {
    width: 46px;
    height: 46px;
    line-height: 45px;
    background: var(--bg_color);
    border-radius: 15px;
    text-align: center;
    color: #fff;
    font-size: 19px;
}

    .sendchat:hover {
        opacity: 0.7;
    }

    .sendchat:before {
        content: "\f093";
    }

.arkstatement {
    background-color: rgb(38 159 104 / 14%);
    border-radius: 4px;
    box-sizing: border-box;
    color: rgba(0,0,0,.56);
    padding: 16px;
    font-size: .80rem;
    font-weight: 400;
    line-height: 2;
}

.chatad.active {
    background: rgba(38,159,104,0.28) !important;
}

.emtyUsid {
    position: fixed;
    background: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    top: 51px;
    z-index: 9;
    text-align: center;
}

.page-centered {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.emptystate {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 232px;
    margin-top: -160px;
    font-size: 13px;
}

.imglogin {
    display: block;
    width: 228px;
    margin: auto;
}

.btnLogin {
    align-items: center;
    background-color: rgba(0,0,0,.56);
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 500;
    height: 2.5rem;
    justify-content: center;
    line-height: normal;
    min-width: 6rem;
    outline: none;
    overflow: hidden;
    padding: 0 16px;
    position: relative;
    transition: color .36s ease,background-color .36s ease,box-shadow .36s ease,border-color .36s ease,transform .36s ease;
    font-size: .875rem;
    height: 2rem;
    min-width: 4rem;
    padding: 0 12px;
    background-color: var(--bg_color);
}




.Emp_P {
    padding: 0 16px;
    display: flex;
    margin: 0 auto;
    max-width: 1440px;
    min-width: 960px;
    padding: 0;
    position: relative;
    background: #fff;
}



    .Emp_P .sidebar {
        padding: 32px 0 32px 16px;
        -ms-overflow-style: none;
        display: flex;
        flex-direction: column;
        height: calc(100vh - 64px);
        justify-content: space-between;
        overflow-y: scroll;
        position: -webkit-sticky;
        position: sticky;
        scrollbar-width: none;
        top: 64px;
        flex: 0 0 256px;
        overflow-x: hidden;
        padding: 16px 0 16px 16px;
    }


    .Emp_P .contentEm {
        padding: 32px 16px 32px 0;
        flex: auto;
        padding: 16px 16px 0 0;
    }


.profile {
    padding: 20px;
    position: relative;
    z-index: 99;
    background: #fff;
    text-align: center;
    font-size: 13px;
    border-bottom: 1px solid #c7c7c7;
}

    .profile img {
        width: 75px;
        height: 75px;
        border-radius: 50%;
        border: 2px solid #152036;
    }

.sidebar-nav {
    background: #fff;
}

    .sidebar-nav ul {
        background: #1b2a47;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        margin: 0;
        list-style: none;
        background: #fff;
    }

        .sidebar-nav ul > li {
            display: block;
            position: relative;
            margin-top: 5px;
        }

        .sidebar-nav ul li a {
            position: relative;
            display: block;
            padding: 13px 15px;
            outline-width: 0;
            transition: all .3s ease-out;
            font-size: 14px;
            cursor: pointer;
        }

        .sidebar-nav ul > li a .fa {
            font-size: 14px;
            margin-left: 7px;
            display: inline-block;
            margin-top: 5px;
        }

        .sidebar-nav ul li a:hover {
            background-color: var(--bg_color);
            color: #fff;
        }

.lll {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSItLWFuaW1hdGlvbi1zdGF0ZTogcnVubmluZzsiPgogICAgICA8c3R5bGU+CiAgICAgICAgOnJvb3QgewogICAgICAgICAgLS1hbmltYXRpb24tc3RhdGU6IHBhdXNlZDsKICAgICAgICB9CgogICAgICAgIC8qIHVzZXIgcGlja2VkIGEgdGhlbWUgd2hlcmUgdGhlICJyZWd1bGFyIiBzY2hlbWUgaXMgZGFyayAqLwogICAgICAgIDpyb290IHsKICAgICAgICAgIC0tcHJpbWFyeTogI2UxZTFlMTsKICAgICAgICAgIC0tc2Vjb25kYXJ5OiAjMUUyMTJBOwogICAgICAgICAgLS10ZXJ0aWFyeTogIzkwOEJGRjsKICAgICAgICAgIC0tcXVhdGVybmFyeTogI0ZGOTk2MDsKICAgICAgICAgIC0taGlnaGxpZ2h0OiAjNDkzZmEzOwogICAgICAgICAgLS1zdWNjZXNzOiAjODhFM0NEOwogICAgICAgIH0KCiAgICAgICAgLyogdGhlc2Ugc3R5bGVzIG5lZWQgdG8gbGl2ZSBoZXJlIGJlY2F1c2UgdGhlIFNWRyBoYXMgYSBkaWZmZXJlbnQgc2NvcGUgKi8KICAgICAgICAuZG90cyB7CiAgICAgICAgICBhbmltYXRpb24tbmFtZTogbG9hZGVyOwogICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7CiAgICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IDNzOwogICAgICAgICAgYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogaW5maW5pdGU7CiAgICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogdmFyKC0tYW5pbWF0aW9uLXN0YXRlKTsKICAgICAgICAgIHN0cm9rZTogI2ZmZjsKICAgICAgICAgIHN0cm9rZS13aWR0aDogMC41cHg7CiAgICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7CiAgICAgICAgICBvcGFjaXR5OiAwOwogICAgICAgICAgcjogbWF4KDF2dywgMTFweCk7CiAgICAgICAgICBjeTogNTAlOwogICAgICAgICAgZmlsdGVyOiBzYXR1cmF0ZSgyKSBvcGFjaXR5KDAuODUpOwogICAgICAgIH0KCiAgICAgICAgLmRvdHM6Zmlyc3QtY2hpbGQgewogICAgICAgICAgZmlsbDogdmFyKC0tcXVhdGVybmFyeSk7CiAgICAgICAgfQoKICAgICAgICAuZG90czpudGgtY2hpbGQoMikgewogICAgICAgICAgZmlsbDogdmFyKC0tcXVhdGVybmFyeSk7CiAgICAgICAgICBhbmltYXRpb24tZGVsYXk6IDAuMTVzOwogICAgICAgIH0KCiAgICAgICAgLmRvdHM6bnRoLWNoaWxkKDMpIHsKICAgICAgICAgIGZpbGw6IHZhcigtLWhpZ2hsaWdodCk7CiAgICAgICAgICBhbmltYXRpb24tZGVsYXk6IDAuM3M7CiAgICAgICAgfQoKICAgICAgICAuZG90czpudGgtY2hpbGQoNCkgewogICAgICAgICAgZmlsbDogdmFyKC0tdGVydGlhcnkpOwogICAgICAgICAgYW5pbWF0aW9uLWRlbGF5OiAwLjQ1czsKICAgICAgICB9CgogICAgICAgIC5kb3RzOm50aC1jaGlsZCg1KSB7CiAgICAgICAgICBmaWxsOiB2YXIoLS10ZXJ0aWFyeSk7CiAgICAgICAgICBhbmltYXRpb24tZGVsYXk6IDAuNnM7CiAgICAgICAgfQoKICAgICAgICBAa2V5ZnJhbWVzIGxvYWRlciB7CiAgICAgICAgICAwJSB7CiAgICAgICAgICAgIG9wYWNpdHk6IDA7CiAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgICAgICAgICB9CiAgICAgICAgICA0NSUgewogICAgICAgICAgICBvcGFjaXR5OiAxOwogICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDAuNyk7CiAgICAgICAgICB9CiAgICAgICAgICA2NSUgewogICAgICAgICAgICBvcGFjaXR5OiAxOwogICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDAuNyk7CiAgICAgICAgICB9CiAgICAgICAgICAxMDAlIHsKICAgICAgICAgICAgb3BhY2l0eTogMDsKICAgICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxKTsKICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIDwvc3R5bGU+CgogICAgICA8ZyBjbGFzcz0iY29udGFpbmVyIj4KICAgICAgICA8Y2lyY2xlIGNsYXNzPSJkb3RzIiBjeD0iMzB2dyIvPgogICAgICAgIDxjaXJjbGUgY2xhc3M9ImRvdHMiIGN4PSI0MHZ3Ii8+CiAgICAgICAgPGNpcmNsZSBjbGFzcz0iZG90cyIgY3g9IjUwdnciLz4KICAgICAgICA8Y2lyY2xlIGNsYXNzPSJkb3RzIiBjeD0iNjB2dyIvPgogICAgICAgIDxjaXJjbGUgY2xhc3M9ImRvdHMiIGN4PSI3MHZ3Ii8+CiAgICAgIDwvZz4KICAgIDwvc3ZnPg==');
}

.postInfo {
    background: #fff;
    padding: 20px;
    display: flow-root;
}

.btnadaction {
    width: 80px;
    color: #fff;
    background-color: var(--bg_color);
    padding: 4px 10px;
    border-radius: 8px;
}

.result {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 30px 20px;
    margin-right: 20px;
    background: #FFFFFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    width: 800px;
    color: #49494A;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.04), 0px 2px 6px rgba(0,0,0,0.04), 0px 10px 20px rgba(0,0,0,0.04);
}


.clip-circle {
    height: 15px;
    width: 15px;
    max-width: 24px;
    border-radius: 50%;
    margin: 0px auto 0;
    border-top: 5px inset #e4b916;
    top: 4px;
    position: relative;
    z-index: 999;
    overflow: hidden;
}

.eye {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    position: relative;
    background: radial-gradient(circle at 50%, #fcfcfc, #efeff1 66%, #eecccc 100%);
    z-index: 999;
}

.iris {
    width: 10px;
    max-width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin: 10% 30%;
    animation: move 5s ease-out infinite;
    background: radial-gradient(circle at 50% 50%, #d7163c 0%, #047541 90%);
}

    .iris:before {
        content: "";
        width: 40%;
        height: 40%;
        border-radius: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        background: black;
        transform: translate(-50%, -50%);
    }

    .iris:after {
        content: "";
        width: 30%;
        height: 30%;
        border-radius: 100%;
        position: absolute;
        left: 20%;
        top: 20%;
        background: rgba(255, 255, 255, 0.2);
    }

#lid {
    animation: blinkeyes 2.4s infinite;
    animation-delay: 8s;
    top: 0px;
    border-bottom: 7px inset #000;
}

.eye.active {
    animation: blinkeyes 1.4s infinite !important;
    animation-delay: 1s !important;
}

@keyframes move {
    0% {
        transform: none;
    }

    20% {
        transform: translateX(-4px) translateY(5px) scale(0.95);
    }

    25%, 44% {
        transform: none;
    }

    50%, 60% {
        transform: translateX(4px) translateY(-5px) scale(0.95);
    }

    66%, 100% {
        transform: none;
    }
}

@keyframes blinkeyes {

    90% {
        transform: none;
        animation-timing-function: ease-in;
    }

    93% {
        transform: translateY(15px) scaleY(0);
    }

    100% {
        animation-timing-function: ease-out;
    }
}

.didshow * {
    height: calc(100vh - 52px);
    width: 100%;
    overflow: hidden;
}

.didshowText {
    font-size: 16px !important;
    color: #d90324 !important;
    font-weight: bold !important;
}

.eyesY {
    display: flex;
    border: 4px solid #d90324;
    height: 40px;
    padding: 5px;
    border-radius: 27px;
}

.popupvideo {
    height: 100vh;
    position: fixed;
    width: 100%;
    background-color: #1a1a1a;
    overflow-x: hidden;
    overflow-y: hidden;
    justify-content: center;
    flex-direction: column;
    display: flex;
    z-index: 999999;
    top: 0px;
    left: 0px;
}

._ac0n {
    align-items: stretch;
    align-self: center;
    border: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    font: inherit;
    font-size: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    vertical-align: baseline;
    width: 100%;
    color: #fff;
    padding-top: 35px;
    text-align: center;
}

._ac0n2 {
    max-height: 312px;
    max-width: 554.667px;
}

.xw7yly9 {
    margin-bottom: 16px;
    top: 10px;
    margin-right: 16px;
    background-color: transparent;
    right: 0;
    cursor: pointer;
    margin-left: 16px;
    position: absolute;
    color: #fff;
}

    .xw7yly9 .fa {
        color: #fff;
        transform: rotate(-45deg);
    }


.x5yr21d {
    width: 100%;
    height: 100%;
    display: block;
}


.xw7yl78329 {
    margin-top: 1px;
    margin-bottom: 16px;
    top: 0;
    margin-right: 16px;
    background-color: transparent;
    cursor: pointer;
    margin-left: 16px;
    left: 0;
    position: absolute;
}

.didshowLogo {
    width: 103px;
}


.headerPshop {
    display: flex;
    align-items: stretch;
    flex-direction: row;
    margin-right: 16px;
    margin-left: 16px;
    margin-top: 16px;
    margin-bottom: 10px;
}

.xbn8dsz.xbn8dsz {
    justify-content: center;
}

.x184cenk {
    margin-left: 15px;
    justify-content: center;
    flex-direction: column;
    display: flex;
    flex-shrink: 0;
    position: relative;
    border-radius: 100%;
    overflow: hidden;
}

.xg1prrt {
    flex-basis: 0;
    flex-grow: 1;
    padding-top: 0;
    min-width: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom-width: 0;
    padding-bottom: 0;
    flex-shrink: 1;
    border-left-width: 0;
    padding-left: 0;
    font-size: 100%;
    flex-direction: column;
    border-right-width: 0;
    box-sizing: border-box;
    border-top-width: 0;
    display: flex;
    color: #5d5d5d;
    padding-right: 0;
    align-items: stretch;
    position: relative;
    margin-left: 0;
    vertical-align: baseline;
    margin-right: 0;
    justify-content: space-around;
}

.imgprofile {
    height: 70px;
    width: 70px;
}

    .imgprofile img {
        width: 100%;
        height: 100%;
    }

.xeuugli {
    min-width: 0;
    flex-shrink: 1;
    display: flex;
    align-items: center;
    flex-direction: row;
}

    .xeuugli .fa {
        width: 32px;
        height: 32px;
        background: #ebebeb;
        text-align: center;
        line-height: 35px;
        margin-right: 8px;
        border-radius: 4px;
    }

.xryxfnjew {
    max-width: 250px;
    overflow-y: visible;
    overflow-x: visible;
    align-content: stretch;
    border-bottom-left-radius: 0;
    background-color: transparent;
    flex-direction: row;
    box-sizing: border-box;
    display: flex;
    border-bottom-right-radius: 0;
    flex-shrink: 0;
    align-items: stretch;
    align-self: auto;
    justify-content: flex-start;
    position: relative;
    margin-left: 0;
    flex-grow: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 10px;
}

.btnYte {
    background: #efefef;
    color: #170017;
    border: 1px solid #efefef;
    padding: 0px 16px;
    line-height: 32px;
    margin: 0px 8px;
    border-radius: 11px;
    min-width: 100px;
    text-align: center;
}

    .btnYte.active {
        background: #1b74e4;
        color: #fff;
    }


.xwonja6 {
    overflow-x: hidden;
    padding-bottom: 21px;
    padding-top: 0;
    overflow-y: hidden;
    padding-right: 16px;
    text-overflow: ellipsis;
    padding-left: 16px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom-width: 0;
    padding-bottom: 0;
    border-left-width: 0;
    border-bottom: 1px solid #dbdbdb;
}

    .xwonja6 h1 {
        border-right: 10px solid #d7163c;
        padding-right: 10px;
        margin-bottom: 10px;
        font-size: 14px;
        text-align: right;
        font-weight: normal;
    }

._ac7v {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    position: relative;
    overflow: hidden;
}

    ._ac7v a {
        padding: 2px 2px;
    }

    ._ac7v a {
        display: block;
        position: relative;
        width: 100%;
        margin-bottom: 2px;
    }

._aagv {
    display: block;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
    display: block;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    text-align: inherit;
    list-style: none;
    text-decoration: none;
    overflow: hidden;
    height: 100%;
}

    ._aagv img {
        object-fit: cover;
        left: 0;
        width: 100%;
        height: 100%;
        top: 0;
        user-select: none;
        position: absolute;
        border: 0;
    }

.imgprofile img {
    position: relative;
}

    .imgprofile img:before {
        content: ' ';
        display: block;
        position: absolute;
        height: 70px;
        width: 70px;
        background-color: #e1e1e1;
        background-size: cover;
    }

.temPost {
    height: calc((100vw / 3) - 8px);
    width: calc((100vw / 3) - 8px);
    padding: 2px;
}

    .temPost .abad {
        height: 100% !important;
    }

ul.menu > li a.active {
    property: value;
}

._ac7v:has(.nopost) {
    grid-template-columns: 100% !important;
}

.nopost {
    text-align: center;
    padding-top: 80px;
    margin-top: 10px;
}

    .nopost:before {
        font-family: 'FontAwesome' !important;
        content: "\f030";
        position: relative;
        display: block;
        width: 80px;
        height: 80px;
        margin: auto;
        border: 2px solid #1c1e21;
        line-height: 80px;
        font-size: 1.2rem;
        border-radius: 100%;
        color: #1c1e21;
        margin-bottom: 10px;
    }

.toolbarShop {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 44px;
    padding: 0px 0px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-top: 1px solid rgba(219, 219, 219,1);
    flex-direction: row;
    align-content: space-around;
}

    .toolbarShop a {
        line-height: 1px;
        display: block;
        width: 100%;
        text-align: center;
    }

        .toolbarShop a i {
            font-size: 1.2rem;
            width: 32px;
            height: 32px;
            margin: auto;
            line-height: 32px;
            color: rgba(0,0,0,.56);
            display: block;
        }

.btnPlus {
    font-style: normal;
    line-height: 32px !important;
    height: 32px !important;
    width: 32px !important;
    border: 2px solid #000000;
    margin-top: 0px !important;
    border-radius: 6px;
}

    .btnPlus:before {
        font-family: 'FontAwesome' !important;
        content: "\f067";
    }

.typepOst * {
    fill: #fff;
    height: 18px;
    width: 18px;
    background: #000;
}

.typepOst {
    position: absolute;
    z-index: 999999999;
    right: 5px;
    width: 18px;
    height: 18px;
    top: 5px;
}

.hovBox {
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: none;
}

._aagv:hover .hovBox {
    display: block;
}

._abpo {
    align-items: center;
    border: 0;
    display: flex;
    font: inherit;
    font-size: 100%;
    height: 100%;
    justify-content: center;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    width: 100%;
}

._abpm {
    border: 0;
    display: inline-flex;
    flex-direction: row-reverse;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    color: #fff;
    display: block;
    width: 46px;
    text-align: center;
}

.ad_card {
    height: 164px;
    padding: 8px;
    transform: translateZ(0);
    width: calc(50% - 2px);
    display: inline-block;
}

.ad_cardP {
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    height: 153px;
    padding: 6px;
    position: relative;
}

    .ad_cardP:after {
        box-shadow: inset 0 0 0 1px rgba(0,0,0,.08), inset 0 0 0 1px rgba(226,67,91,0.25);
    }

    .ad_cardP:after {
        border-radius: 4px;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
    }

.ad_body {
    display: flex;
}

.ad_info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 0;
    position: relative;
}

.ad_features {
    color: rgba(0,0,0,.56);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.ad_thumbnail {
    background-color: #f5f5f5;
    border-radius: 4px;
    flex: 0 0 136px;
    height: 136px;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
    width: 136px;
}

.ad_title {
    color: rgba(0,0,0,.87);
    font-size: 1.2rem;
    font-weight: 500;
    height: 56px;
    line-height: 28px;
    margin-bottom: auto;
    margin-top: 0;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: right;
    padding-right: 10px;
    font-family: iransans;
}

.adBannerInside {
    min-height: 50px;
    height: auto;
    margin: 5px 7px;
    border: 2px solid var(--ark_navbar);
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    min-height: 120px;
    background-image: url(../images/addEmpty.png);
    background-size: 158px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
}

    .adBannerInside img {
        width: 100%;
        display: block;
    }

.ad_description {
    color: rgba(0,0,0,.56);
    font-size: 1.2rem;
    line-height: 24px;
    min-width: 100%;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 0;
    text-align: right;
    font-family: 'BYekan';
}

    .ad_description > :nth-last-child(2) {
        padding-left: 20px;
    }

.ad_bottom {
    align-items: center;
    display: flex;
    line-height: 24px;
    overflow-wrap: break-word;
    white-space: nowrap;
}

.ad_text {
    color: #a62626;
    font-size: .95rem;
    margin-left: 4px;
}

.ad_bottom_description {
    color: rgba(0,0,0,.56);
    font-size: .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ad_image_block {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
}

.nhj {
    max-width: 600px;
}

#boxReusltSearch {
    height: calc(100vh - 200px);
    overflow-y: auto;
}

.categoryMenuRight {
    margin-top: 10px;
    overflow-y: auto;
}

.mainLi {
    padding: 5px;
    cursor: pointer;
}

    .mainLi.active {
        background: var(--bg_color);
        color: #fff;
    }

        .mainLi.active .ul1, .mainLi .ul1 li.active .ul2 {
            display: block;
        }

    .mainLi .ul1, .mainLi .ul2 {
        display: none;
        padding-right: 10px;
        background: #fff;
        color: #555;
    }

        .mainLi .ul1 li {
            padding: 5px;
            cursor: pointer;
        }

            .mainLi .ul1 li.active {
                background: var(--bg_color);
                color: #fff;
            }


        .mainLi .ul2 li {
            padding: 5px;
            cursor: pointer;
        }

            .mainLi .ul2 li.active {
                background: var(--bg_color);
                color: #fff;
            }

.LiAllM {
    color: #3b57ff !important;
}


#boxSearchDetail {
    position: absolute;
    left: 0;
    right: 0;
    padding: 10px;
    height: 300px;
    background: #fff;
    text-align: right;
    overflow-y: auto;
    box-shadow: 0 0 10px 5px rgba(0,0,0,.1);
    display: none;
}

.Ty_y3.subcategory {
    border-right: 8px solid #607D8B !important;
    position: relative;
}

.Ty_y3 {
    padding: 10px 10px;
    border-bottom: 1px solid #c7c7c7;
    border-right: 8px solid transparent;
    display: block;
    font-size: 13px;
}

    .Ty_y3 span:first-child {
        display: block;
    }

    .Ty_y3 span:last-child {
        width: auto;
        display: inline-block !important;
        background: #e4e4e4;
        padding: 3px 7px;
        border-radius: 4px;
        color: #5a5a5a;
        margin-top: 4px;
        font-size: 12px;
    }

.expandable {
    max-height: 23em;
    overflow: hidden;
    transition: max-height .5s;
    margin-bottom: 15px;
}

.copy-row {
    display: flex;
}

.base-row {
    color: rgba(0,0,0,.56);
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    justify-content: space-between;
    line-height: 2;
    min-height: 48px;
    padding: 8px 0;
    white-space: normal;
}

.unexpandable-row {
    font-size: 1rem;
    overflow: hidden;
    white-space: nowrap;
}

.copy-row_content {
    flex: 1 1;
}

.unexpandable-row_title-box {
    flex: unset;
    min-width: 20%;
}

.unexpandable-row_title {
    color: rgba(0,0,0,.56);
}

.unexpandable-row_title, .unexpandable-row_value {
    font-size: inherit;
    line-height: 2;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.unexpandable-row_value-box {
    flex: unset;
    margin-right: 16px;
    max-width: calc(80% - 16px);
    min-width: 20%;
}

.unexpandable-row_action {
    color: #a62626;
    cursor: pointer;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.statement_info {
    background-color: #f0faff;
}

.statement {
    border-radius: 4px;
    box-sizing: border-box;
    color: rgba(0,0,0,.56);
    padding: 16px;
}

.statement_title {
    display: block;
    margin: 0 0 4px;
}

.caption, .view-more-button, .view-toggle-button {
    font-size: .75rem;
    font-weight: 400;
    line-height: 2;
}

.statement_description {
    margin: 0;
}

.caption, .view-more-button, .view-toggle-button {
    font-size: .75rem;
    font-weight: 400;
    line-height: 2;
}

.boxCategoryProductF {
    background: #fff;
    width: 97%;
    margin: 0px auto 0px auto;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}

.iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
    border: none;
    padding: 0px;
}

@media only screen and (max-width: 768px) {
    .iframe {
        aspect-ratio: 4 / 5;
    }
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

    #myImg:hover {
        opacity: 0.7;
    }

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 0px;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    background-color: rgba(0,0,0,0.9);
    z-index: 9999;
}

/* Modal Content (image) */
.modal-contentR {
    margin: auto;
    display: block;
    max-width: 700px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
/*.modal-contentR, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}*/
.modal-contentR {
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    position: absolute;
}

.modal-contentR {
    max-width: 100%;
    max-height: 100%;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0);
    }

    to {
        -webkit-transform: scale(1);
    }
}

@keyframes zoom {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

/* The Close Button */
.close {
    position: fixed;
    top: 0px;
    right: 0px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    height: 50px;
    background: var(--bg_color);
    padding: 0px 10px;
    width: 50px;
    text-align: center;
}

    .close:hover,
    .close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .modal-contentR {
        height: 100%;
    }
}

.post_note {
    margin: 8px 0 32px;
    background: #fff;
}

.note__hint {
    margin: 12px 4px;
    font-size: 13px;
    color: rgba(0,0,0,.56);
    font-size: .75rem;
}

.textarea__field {
    background: none;
    border: none;
    color: rgba(0,0,0,.87);
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    min-height: 7.5rem;
    outline: none;
    padding: 8px 16px;
    resize: none;
    width: 100%;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
}

.broAI {
    margin-top: 7px;
    display: block;
}



.baserow .fa {
    flex-shrink: 0;
    max-width: 50%;
    font-size: 20px;
    width: 30px;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-around;
    color: #d7163c;
}

.baserow .bhTreit {
    flex: 1 1;
    color: rgba(0,0,0,.56);
    font-size: .925rem;
    line-height: 2;
    margin: 0;
}

.btnaction, .btnactionP {
    border: 1px solid #e5e5e5;
    width: calc(100% / 3);
    margin: 3px 7px;
    border-radius: 4px;
    color: #000;
    text-align: center;
    line-height: 37px;
    background: #fff;
}

.baserow {
    color: rgba(0,0,0,.56);
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    justify-content: space-between;
    line-height: 2;
    min-height: 48px;
    padding: 8px 0;
    white-space: normal;
    background: #fff;
    border: 1px solid var(--ark_navbar_color);
}

.sticky {
    margin: auto;
    margin-top: 30px;
}

.nhj {
    margin: auto;
}

.Gtkwo {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: center;
}

@media only screen and (max-width: 768px) {
    .nhj {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
}

.jffBde {
    display: flex;
    direction: ltr;
}

    .jffBde .code-input-element {
        margin: 4px;
        border-radius: 6px;
        font-size: 46px;
        border: 1px solid rgb(229, 229, 229);
        transition: all 200ms ease 0s;
        text-align: center;
        padding: 0px;
        width: calc(16.6667% - 8px);
        height: 60px;
        outline: 0px;
        overflow: visible;
        font-weight: 300;
        font-family: 'BYekan';
    }

.anm {
    animation: 2s cubic-bezier(0.74, -0.03, 0.25, 1.01) 0s infinite normal none running hlTVzr;
}

.download {
    -webkit-animation: heartbit 1s infinite;
    animation: heartbit 1s infinite;
    position: fixed;
    left: 20px;
    z-index: 9999999999;
    top: 20px;
    width: 100px;
    height: 100px;
}

@keyframes heartbit {
    0% {
        transform: scaleX(1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        transform: scaleX(1);
    }
}

.ulUi {
    color: #fff;
    padding: 5px 15px;
}

#gnc-card-two .gnc-card .gnc-card-top-bar {
    background: linear-gradient(90deg, #FF4F40 0%, #FF44DD 99.99%);
}

#gnc-card-three .gnc-card .gnc-card-top-bar {
    background: linear-gradient(153.07deg, #3EC6EB -2.47%, #1BC99F 102.78%);
}

.divider:before {
    content: '';
    display: table-cell;
    position: relative;
    top: 50%;
    width: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC);
}


.x1h0vfkc {
    background-color: rgba(0,0,0,0.65);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
}

.popUpUpload {
    min-width: 0;
    overflow-x: hidden;
    min-height: 0;
    overflow-y: hidden;
    align-content: stretch;
    border-bottom-left-radius: 0;
    background-color: transparent;
    flex-direction: column;
    box-sizing: border-box;
    display: flex;
    border-bottom-right-radius: 0;
    align-items: stretch;
    align-self: auto;
    justify-content: flex-start;
    position: fixed;
    flex-grow: 1;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: block;
    z-index: 9999;
    max-height: 700px;
    max-width: 657px;
    min-height: 391px;
    min-width: 348px;
    width: 420px;
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 15px;
}

.headNewpost {
    border-bottom: 1px solid rgb(219, 219, 219);
    box-sizing: border-box;
    display: inline-block;
    height: 44px;
    position: relative;
    width: 100%;
    line-height: 44px;
    padding-right: 20px;
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    align-items: stretch;
}

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

.btRe {
    width: 48px !important;
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}

.btNe {
    width: 52px !important;
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    color: #2196F3;
    font-weight: bold;
    font-size: 18px;
}

.bodyPopPostUpload {
    text-align: center;
    height: 100%;
    width: 100%;
    padding-bottom: 24px;
    overflow-y: visible;
    overflow-x: visible;
    padding-top: 24px;
    padding-right: 24px;
    align-content: stretch;
    border-bottom-left-radius: 0;
    justify-content: center;
    background-color: transparent;
    flex-direction: column;
    padding-left: 24px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-bottom-right-radius: 0;
    flex-shrink: 0;
    align-self: auto;
    position: relative;
    flex-grow: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.TitrUploadFileD {
    margin: 15px 0px;
}

.bodyPopPostUpload svg {
    display: block;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 30px;
}

.btnUploadFileD {
    background: #d7163c;
    color: #fff;
    display: inline-block;
    padding: 4px 15px;
    border-radius: 8px;
}

    .btnUploadFileD:hover {
        opacity: 0.6;
        cursor: pointer;
    }

.headNewpost .fa {
    position: relative;
    left: 4px;
    top: 0px;
    height: 44px;
    width: 44px;
    text-align: center;
    line-height: 44px;
    color: #6a6a6a;
    font-weight: 200;
    cursor: pointer;
}


.container {
    width: 100%;
    position: relative;
    font-family: 'Open Sans';
    font-size: 14px;
    margin: 150px auto;
}


.action {
    width: 400px;
    height: 30px;
    margin: 10px 0;
}

.cropped {
    position: absolute;
    right: -230px;
    top: 0;
    width: 200px;
    border: 1px #ddd solid;
    height: 460px;
    padding: 4px;
    box-shadow: 0px 0px 12px #ddd;
    text-align: center;
}

.imageBox {
    position: relative;
    height: 420px;
    width: 420px;
    background: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor: move;
}

    .imageBox .thumbBox {
        position: absolute;
        width: 420px;
        height: 420px;
        box-sizing: border-box;
        background: none repeat scroll 0% 0% transparent;
    }

    .imageBox .spinner {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        text-align: center;
        line-height: 400px;
        background: rgba(0,0,0,0.7);
    }

.Btnsty_peyton {
    float: right;
    width: 66px;
    display: inline-block;
    margin-bottom: 10px;
    height: 57px;
    line-height: 57px;
    font-size: 20px;
    color: #FFFFFF;
    margin: 0px 2px;
    background-color: #f38e81;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0px 0px 5px #B0B0B0;
    border: 0px #fff solid;
}

/*选择文件上传*/

.new-contentarea {
    width: 165px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    float: left;
}

    .new-contentarea label {
        width: 100%;
        height: 100%;
        display: block;
    }

    .new-contentarea input[type=file] {
        width: 188px;
        height: 60px;
        background: #333;
        margin: 0 auto;
        position: absolute;
        right: 50%;
        margin-right: -94px;
        top: 0;
        right /*\**/: 0px\9;
        margin-right /*\**/: 0px\9;
        width /*\**/: 10px\9;
        opacity: 0;
        filter: alpha(opacity=0);
        z-index: 2;
    }

a.upload-img {
    width: 165px;
    display: inline-block;
    margin-bottom: 10px;
    height: 57px;
    line-height: 57px;
    font-size: 20px;
    color: #FFFFFF;
    background-color: #f38e81;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
    border: 0px #fff solid;
    box-shadow: 0px 0px 5px #B0B0B0;
}

    a.upload-img:hover {
        background-color: #ec7e70;
    }

.tc {
    text-align: center;
}

._abfz {
    background: rgba(26, 26, 26, .8);
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    cursor: pointer;
    opacity: 1;
    position: relative;
    transition-duration: .2s;
    transition-property: opacity;
    z-index: 3;
    width: 32px;
    height: 32px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}

    ._abfz svg {
        color: #fff;
        width: 16px;
        height: 16px;
        margin: 0;
    }

.cropAction {
    display: flex;
    position: absolute;
    z-index: 999999999;
    bottom: 15px;
    left: 15px;
}

.boxCropAction {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 35px;
    left: 5px;
    width: 150px;
    color: #fff;
    border-radius: 8px;
    overflow: hidden;
}

    .boxCropAction div {
        background: rgba(26, 26, 26, .8);
        border-radius: 0;
        z-index: 3;
        color: #fff;
        padding: 10px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        border-bottom: 1px solid #fff;
    }

    .boxCropAction .fa {
        margin-right: 10px;
        font-size: 18px;
    }

    .boxCropAction div:last-child {
        border-bottom: 0px solid transparent;
    }

.dispflexPost {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
}

.popupNoteMain {
    width: auto;
    max-width: 100%;
    min-height: auto;
}

.imagePost {
    width: 420px;
    height: 420px;
}

    .imagePost img {
        width: 420px;
        height: 420px;
    }

@media only screen and (max-width: 658px) {
    .imagePost {
        width: 350px;
        height: 350px;
    }

        .imagePost img {
            width: 350px;
            height: 350px;
        }

    .popupNoteMain .bodyPopPostUpload {
        display: flex;
        flex-direction: column;
        overflow-y: auto;
    }
}



.addPostNote {
    width: 350px;
}

.addlocationPost {
    position: relative;
}

    .addlocationPost .titrAddLK {
        width: 100%;
        border: navajowhite;
        border-bottom: 1px solid #e2e2e2;
        line-height: 38px;
        padding-left: 30px;
        padding-right: 10px;
        text-align: right;
    }

    .addlocationPost svg {
        position: absolute;
        left: 7px;
        top: 10px;
        margin: 0;
        color: #009688;
    }

.x1mh8g0r {
    text-align: right;
    padding: 10px;
    color: #c7c7c7;
}

.addPostNote {
    padding: 5px;
}

    .addPostNote textarea {
        display: block;
        height: 170px;
        width: 100%;
        resize: none;
        padding: 5px;
        border: 0px solid transparent;
        border-bottom: 1px solid #dbdbdb;
    }

        .addPostNote textarea:focus {
            outline: none;
        }

.dsR {
    position: relative;
}

.disList {
    position: absolute;
    left: 0;
    right: 0;
    height: 200px;
    background: #f5f6f9;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    box-shadow: rgba(100, 116, 139, 0.12) 0px 1px 4px 2px;
}

    .disList input {
        width: 100%;
        border: navajowhite;
        border-bottom: 1px solid #e2e2e2;
        line-height: 38px;
        padding-left: 30px;
        padding-right: 10px;
        text-align: right;
    }


.BodyBoxD {
    height: 150px;
    overflow-y: auto;
    text-align: right;
}

.titrAddLK i {
    font-style: normal;
    font-weight: bold;
    color: #009688;
}

.itdis {
    padding-right: 5px;
    line-height: 40px;
}

    .itdis:hover {
        background: rgba(0,0,0,.12);
        cursor: pointer;
    }

.lodingpI {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    border: 3px solid;
    border-color: #009688 #E91E63 transparent transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    left: 50%;
    top: 50%;
    margin-top: -24px;
    margin-left: -24px;
}

    .lodingpI::after,
    .lodingpI::before {
        content: '';
        box-sizing: border-box;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border: 3px solid;
        border-color: transparent transparent #FF3D00 #FF3D00;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        box-sizing: border-box;
        animation: rotationBack 0.5s linear infinite;
        transform-origin: center center;
    }

    .lodingpI::before {
        width: 32px;
        height: 32px;
        border-color: #000 #000 transparent transparent;
        animation: rotation 1.5s linear infinite;
    }

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

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

@keyframes rotationBack {
    0% {
        transform: rotate(0deg);
    }

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

.serchBoxD .fa-remove {
    position: absolute;
    left: 10px;
    top: 3px;
    font-size: 18px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
}

.btNe .loadingBtn {
    width: 32px;
    height: 32px;
    background: #fff;
    opacity: 1;
}

    .btNe .loadingBtn:before {
        content: "";
        background-color: #fff;
    }

.btNe:has(.loadingBtn) {
    pointer-events: none;
}

    .btNe:has(.loadingBtn) * .btNe {
        display: none;
    }

.fullScreenM {
    margin-right: 0px !important;
}

    .fullScreenM .container {
        margin-top: 0px !important;
    }

    .fullScreenM .boxInfoProduct {
        padding-top: 0px !important;
    }

.base-row_title.unexpandable-row_title {
    font-weight: bold;
    color: var(--ark_button_hover);
}

.disable {
    opacity: 0.9;
    background: #f5f5f5;
    pointer-events: none;
    border-color: #f5f5f5;
    box-shadow: 0px 0px 0px 1px #f5f5f5;
    color: rgba(0,0,0,.42);
    cursor: not-allowed;
}

.topCategoryMain {
    display: flex;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    width: 100%;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;
    flex-wrap: nowrap;
    border-bottom: 1px solid #c7c7c7;
    display: none;
}

.loadingP {
  display: inline-block;
  position: relative;
 text-align:center;
  height: 80px;
  width:100%;
  padding-top:10px;
}
.loadingP:after {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 0;
    height: 0;
    margin: auto;
    box-sizing: border-box;
    border: 32px solid var(--bg_color);
    border-color: #d7163c transparent #d7163c transparent;
    animation: lds-hourglass 1.2s infinite;
}
@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}

.st0 {
    fill: #d7163c !important;
}