@font-face {
    font-family: font-primary;
    src: url('woff/iransansx-medium.woff') format('woff'),
    url('woff2/iransansx-medium.woff2') format('woff2');
    font-variation-settings: "rdot" 1;
}



.pagination-modern{
    display:flex;
    gap:6px;
    justify-content:center;
    margin-top:15px;
    flex-wrap:wrap;
}

.pg-btn{
    border:none;
    padding:6px 12px;
    border-radius:10px;
    background:#f3f4f6;
    color:#333;
    cursor:pointer;
    transition:.2s;
    font-size:13px;
}

.pg-btn:hover{
    background:#e5e7eb;
    transform:translateY(-2px);
}

.pg-btn.active{
    background:linear-gradient(90deg,#fe8effb8,#b594ff);
    color:#fff;
    
}








.form-message{
  margin-bottom:10px;
  padding:10px;
  border-radius:10px;
  font-size:13px;
  display:none;
}

.form-message.success{
  background:#e7f9ed;
  color:#1b7f3a;
  display:block;
}

.form-message.error{
  background:#ffecec;
  color:#c62828;
  display:block;
}
.comment-row{
  display: flex;
  gap: 10px;
}

.comment-row .comment-input{
  flex: 1;
}

.comment-modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.4);
  backdrop-filter:blur(5px);

  display:none;   /* ?? ??? */

  justify-content:center;
  align-items:center;

  opacity:0;
  visibility:hidden;
  transition:.3s;
}

.comment-modal.active{
  display:flex;   /* ?? ??? */

  opacity:1;
  visibility:visible;
}
.comment-box * {
font-family:font-primary;
direction:rtl;
}
.comment-box{
font-family:font-primary;
  width:500px;
  height:700px;
  background:rgba(255,255,255,.9);
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 25px 60px rgba(0,0,0,.25);
  transform:scale(.9);
  transition:.3s;
  display:flex;
  flex-direction:column;
}

.comment-modal.active .comment-box{
  transform:scale(1);
}

.comment-top{
  padding:14px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-weight:bold;
  background:linear-gradient(90deg,#50bdff,#b893ff);
    
    
  color:#fff;
}

.close{
  background:transparent;
  border:none;
  color:#fff;
  font-size:18px;
  cursor:pointer;
}

.comment-body{
  flex:1;
  overflow:auto;
  padding:12px;
}

/* Scroll fancy */
.comment-body::-webkit-scrollbar{
  width:16px;
}

.comment-body::-webkit-scrollbar-thumb{
  background:#aaa;
  border-radius:10px;
}

.comment-thread{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.comment-card{
  display:flex;
  gap:10px;
  padding:10px;
  border-radius:14px;
  background:#fff;
  box-shadow:0 5px 20px rgba(0,0,0,.05);
  transition:.5s;
  animation:fadeUp .6s ease;
}

.comment-card:hover{
  transform:translateY(-2px);
}

.comment-card.reply{
  margin-right:40px;
  background:#f7f9ff;
  border-right:3px solid #2575fc;
}

.comment-card img{
  width:38px;
  height:38px;
  border-radius:50%;
}

.content .name{
  font-weight:bold;
}

.content .text{
  font-size:13px;
  color:#444;
}

.actions{
  display:flex;
  justify-content:space-between;
  font-size:11px;
  color:#888;
  margin-top:5px;
}

.actions button{
  border:none;
  background:none;
  color:#2575fc;
  cursor:pointer;
   margin:-5px 0 0 0;
}

.comment-footer{
  padding:10px;
  border-top:1px solid #eee;
  background:#fff;
}

.comment-footer textarea{
  width:100%;
  height:50px;
  border:1px solid #eee;
  border-radius:12px;
  padding:10px;
  resize:none;
  outline:none;
}
.comment-input ,#loxocr{
  width:100%;
    height: 30px;
margin-bottom: 5px;
  border:1px solid #eee;
  border-radius:12px;
  padding:10px;
  resize:none;
  outline:none;
}

.send-btn{
  width:100%;
  margin-top:8px;
  padding:10px;
  border:none;
  border-radius:12px;
  background-color:#ff008d;

  color:#fff;
  cursor:pointer;
}

.reply-indicator{
  font-size:12px;
  color:#2575fc;
  margin-bottom:5px;
}

@keyframes fadeUp{
  from{opacity:0; transform:translateY(10px);}
  to{opacity:1; transform:translateY(0);}
}

















#fast_register {
    font-family: font-primary, sans-serif;
}

input {
    border: 2px solid #4dc3d9;
    color: #000;
    font-size: 14px;
}





.messs {
    padding: 10px 37px 10px 10px;
}

.merror,.minfo,.msuccess,.mwarning {
    border: 1px solid;
    margin: 8px 0;
    background-repeat: no-repeat;
    background-position: center right;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
    direction: rtl;
    text-align: right;
    width: 90%;
    font-family: inherit;
    font-size: 14px;
}

.minfo {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(/css/site/minfo.png)
}

.msuccess {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url(/css/site/msuccess.png)
}

.mwarning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(/css/site/mwarning.png)
}

.merror {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(/css/site/merror.png)
}

.commentlx {
    margin-top: 10px;
}

.comment_lx {
    font-family: inherit;
    font-size: 14px;
    direction: rtl
}

#comment_smiles {
    display: none;
}

.lx_fadein {
    opacity: 1;
    transition: opacity 1s;
}

.lx_fadeout {
    opacity: .3;
    transition: opacity .4s;
}

/*search*/
.lx_seaach_error {
    margin-bottom: 7px;
}

.lx_seaach_text {
    font-weight: bold;
}

.lx_input_search {
    max-width: 400px;
    width: 100%;
}

.search_box {
    margin: 20px 0;
}

.search_box input,.search_q {
    outline: none;
    border: 0;
    background: transparent;
    border: 0px;
    width: 100%;
    padding: 15px;
    height: 46px;
}

.search_box button {
    position: absolute;
    left: 5px;
    top: 4px;
    padding: 5px;
}

.search_box input {
    width: 100%;
    border-radius: 25px;
    border: 1px solid #ccc;
    padding: 10px 10px 10px 30px;
    max-width: 100%;
}

.search_box2 form {
    position: relative;
    width: 100%;
}

.logi_regi {
    cursor: pointer;
}

.lx_subtim_search {
    background: none;
    border: 0;
    cursor: pointer;
    outline: none;
    margin: 0px;
    padding: 0px;
}

.lx_subtim_search:focus {
    cursor: pointer;
    outline: none;
}

/*button for show more post*/
.lx_more_result {
    width: 200px;
    background: transparent;
    color: #29b6f6;
    border: 2px solid #29b6f6;
    display: flex;
    margin: .6em 0;
    padding: .7em;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 15px;
    position: relative;
    font-weight: 700;
    transition: none;
    text-alig: center
}

a.ads_text {
    width: 93%;
    font: 10pt tahoma;
    line-height: 2em;
    color: #333;
    display: block;
    padding: 7px;
    border: 1px solid #64b6c8;
    background-color: #caeffb;
    border-bottom: 5px solid #64b6c8
}

a.ads_text:hover {
    opacity: .7
}

.lx_more_result.lx_pl_load {
    position: relative;
    pointer-events: none;
    cursor: default;
}

.lx_more_result.lx_pl_load::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #29b6f6;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    transform: translate(-50%, -50%);
}

@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
.div_input input[type="button"],.div_input input[type="submit"] {
    background-color: #7367f0;
    border-color: #7367f0;
    color: #fff;
    border-radius: 10px;
    width:100%;
}

.div_input input[type="button"].set_register,.div_input input[type="button"].set_login {
   color: #fff !important;
  background-color: #e68f3c !important;
  border-color: #e68f3c !important;
    
}


.set_register,.set_login {
    margin-right: 10px;
            

}

.dark .lx_ref_captcha_img {
    filter: invert(65%);
}

.div_input .description_pay {
    height: 111px;
    border-radius: 10px;
}

.get_post_ajax {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    width: 100%;
}
 
/*btn*/
.lx_btn {
    cursor: pointer;
    border-radius: 5px;
background-color: #7367f0;
    border-color: #7367f0;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    font-weight: 500;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    padding: 1px 6px;
    font-size: .9rem;
    outline: 0;
    font-family: inherit;
    box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3);
}

.lx_btn_outline_p {
    color: #007bff;
    border-color: #007bff;
    background: none;
}

.lx_btn_outline_p:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.lx_btn_outline_s {
    color: #28a745;
    border-color: #28a745;
    background: none;
}

.lx_btn_outline_s:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.lx_btn_outline_d {
    color: #dc3545;
    border-color: #dc3545;
    background: none;
}

.lx_btn_outline_d:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.lx_btn_outline_w {
    color: #ffc107;
    border-color: #ffc107;
    background: none;
}

.lx_btn_outline_w:hover {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107
}

.lx_btn_outline_i {
    color: #17a2b8;
    border-color: #17a2b8;
    background: none;
}

.lx_btn_outline_i:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.lx_btn_outline_da {
    color: #343a40;
    border-color: #343a40;
    background: none;
}

.lx_btn_outline_da:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.lx_btn_outline_p {
    color: #9c27b0;
    border-color: #9c27b0;
    background: none;
}

.lx_btn_outline_p:hover {
    color: #fff;
    background-color: #9c27b0;
    border-color: #9c27b0
}

.lx_btn_outline_t {
    color: #009688;
    border-color: #009688;
    background: none;
}

.lx_btn_outline_t:hover {
    color: #fff;
    background-color: #009688;
    border-color: #009688
}

.btn_filter,.btn_shop,.btn_n {
    color: #6e6e6e;
    border: 1px solid #6e6e6e;
    padding: 6px 12px;
    font-size: 15px;
    border-radius: 22px;
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    font-family: inherit;
    text-decoration: none!important;
}

.btn_filter:hover,.btn_shop:hover,.btn_n:hover {
    background-color: #6e6e6e;
    border-color: #6e6e6e;
    color: #FFF;
    text-decoration: none!important;
}

.btn_filter:disabled[disabled],.btn_shop:disabled[disabled],.btn_n:disabled[disabled] {
    color: inherit;
    cursor: not-allowed;
    opacity: .5;
}

.btn_filter:disabled[disabled]:hover,.btn_shop:disabled[disabled]:hover,.btn_n:disabled[disabled]:hover {
    background-color: transparent;
}

.btn_order {
    background-color: #17A2B8;
    color: #FFF;
    padding: 15px;
    font-size: 1.25em;
}

.btn_order:hover {
    background-color: #138294;
}

.btn_info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn_info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn_delete {
    color: #dc3545;
    border-color: #dc3545
}

.btn_delete:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn_delete2 {
    color: #FFF!important;
    border-color: #dc3545;
    background-color: #dc3545;
}

.btn_delete2:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn_success {
    color: #28a745;
    border-color: #28a745
}

.btn_success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn_primary {
    color: #177ec9;
    border-color: #177ec9
}

.btn_primary:hover {
    color: #fff;
    background-color: #177ec9;
    border-color: #177ec9
}

.btn_primary2 {
    color: #FFF;
    border-color: #177ec9;
    background-color: #177ec9;
}

.btn_primary2:hover {
    color: #fff;
    background-color: #177ec9;
    border-color: #177ec9
}

.btn_warning {
    color: #faa732 ;
    border-color: #faa732
}

.btn_warning:hover {
    color: #fff;
    background-color: #faa732;
    border-color: #faa732
}

.btn_success2 {
    color: #fff;
    border-color: #28a745;
    background-color: #28a745;
}

.btn_success2:hover {
    color: #fff;
    border-color: #28a745;
    background-color: #28a745;
}

.btn_info2 {
    color: #fff;
    border-color: #17a2b8;
    background-color: #17a2b8
}

.btn_info2:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.lx_table {
    max-width: 100%;
    table-layout: fixed
}

.lx_table td {
    font-family: inherit;
    width: 100%
}

.lx_table input,.lx_table select,.lx_table checkbox,.lx_table textarea {
    box-sizing: border-box
}

.lx_div_form {
    text-align: right;
    margin: 0 auto
}

.lx_div_form input[type=text],.lx_div_form input[type=email],.lx_div_form input[type=password],.lx_div_form select,.lx_div_form textarea {
    width: 100%;
    resize: vertical;
    box-sizing: border-box
}

.lx_div_form .lx_div_form_tb input[type=text],.lx_div_form .lx_div_form_tb input[type=email],.lx_div_form .lx_div_form_tb select,.lx_div_form .lx_div_form_tb textarea {
    max-width: 400px
}

.lx_div_form input[type=submit] {
    text-align: center
}

.lx_div_form label {
    padding: 3px;
    display: inline-block;
    margin: 0!important
}

.lx_div_form label.none_p {
    padding: 0;
    display: inline-block
}

.lx_div_form .lx_div_form_tb tbody {
    width: 100%!important
}

.lx_div_form .lx_div_form_tb {
    width: 100%!important
}

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

.lx_row_form {
    margin-top: 8px
}

.lx_row_form:after {
    content: "";
    display: table;
    clear: both;
    margin: 5px 0
}

.lx_div_form_color > .lx_row_form:nth-child(odd) {
    background: #f8f8f8
}

.lx_div_form_color > tr:nth-child(odd) {
    background: #f8f8f8
}

.lx_div_form_color tr:nth-of-type(odd) {
    background: #f7f6f6
}

.txt_center {
    text-align: center
}

.lx_captcha {
    border: 1px solid #ccc
}

.lx_captcha_img,.lx_ref_captcha {
    display: inline-block
}

.div_400 {
    max-width: 400px;
    text-align: right
}

.div_600 {
    max-width: 600px;
}

.div_800 {
    max-width: 800px;
}
@keyframes fa-spin {
  0% { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}
.lx_ref_captcha_img {
    animation: fa-spin 8s infinite linear
}

.lx_message_ajax {
    line-height: 5px;
    border: 1px solid #999;
    padding: 10px;
    direction: rtl;
    font: 9pt tahoma;
    background: #FFF;
    background: -moz-linear-gradient(top,#fff 0%,#e5e5e5 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top,#fff 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top,#fff 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top,#fff 0%,#e5e5e5 100%);
    background: linear-gradient(top,#fff 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e5e5e5',GradientType=0)
}

.lx_close_ajax,.lx_text_ajax {
    display: inline-block
}

.lx_comment_captcha {
    display: flex;
    grid-gap: 3px;
    align-items: center
}

.lx_comment_captcha input[type=text] {
    display: flex;
    grid-gap: 3px;
    align-items: center
}

.comment_lx .lx_comment_input input[type=text] {
    max-width: 100%
}

.lx_close_img {
    cursor: pointer
}

.lx_answer .lx_text_answer {
    display: inline-block
}

.lx_comment_captcha2 {
    display: flex;
    grid-gap: 3px;
    align-items: center
}

.lx_div_form .submitlx {
    text-align: center
}

.lx_div_form .submitlx input[type=submit] {
    border-radius: 5px
}

.lx_input:-moz-placeholder {
    text-align: right;
}

.lx_input:-ms-input-placeholder {
    text-align: right;
}

.lx_input::-webkit-input-placeholder {
    text-align: right;
}

.div_input input[type=text], .div_input input[type=password], .div_input select, .div_input textarea {
    padding: 0 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
    background: none;
    height: 40px;
    max-width: 100%;
    width: 100%;
    font-family: inherit
}

.div_input input[type=text]:focus, .div_input input[type=password]:focus, .div_input select, .div_input textarea {
    background: none;
}

.div_input textarea {
    height: 80px;
}

.div_input button:focus, .div_input input:focus, .div_input select:focus, .div_input textarea:focus {
    outline: 0;
}

/*Search------------*/
.lx_s_list {
    display: flex;
    align-items: center;
    padding-bottom: 7px
}

.lx_s_list img {
    float: right;
    border: 1px solid #ccc;
    margin-left: 5px;
    vertical-align: baseline;
    max-width: 70px!important;
    height: 70px!important;
    border-radius: 50%;
}

.lx_s_border:after {
    content: '';
    display: block;
    position: relative;
    width: 60%;
    margin: 0 auto;
    border: 1px solid transparent;
    border-image: linear-gradient(0.25turn,#ffffff,#b4d8fd,rgba(256,256,256,0));
    border-image-slice: 1;
    margin-bottom: 8px
}

.bodys_content h2:after {
    content: '';
    display: block;
    position: relative;
    width: 50%;
    border: 2px solid transparent;
    border-image: linear-gradient(0.25turn,rgba(255,249,34),rgba(255,0,128),rgba(256,256,256,0));
    border-image-slice: 1
}

.lx_s_td {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/*Category Posts------------*/
.lx_cp1 {
    width: 100%;
    margin: 15px 0
}

.lx_cp6 a:hover {
    color: #009bc3
}

.lx_cp1 h3 {
    color: #ccc
}

.lx_cp2 {
    position: relative;
    border-radius: 20px;
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0,0,0,.2);
    box-shadow: 1px 1px 6px 0 rgba(0,0,0,.2);
    background: #fff
}

.lx_cp3 {
    display: flex;
    padding: 12px
}

.lx_cp4 {
    flex: 1 1 auto;
    padding: 0 12px
}

.lx_cp5 {
    margin-top: 7px
}

.lx_cp6 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 5px;
    grid-row-gap: 15px;
    margin: 0 10px;
    padding: 15px 0
}

.lx_cpt {
    font-size: 15px
}

.lx_cp_img1 {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border: 2px solid #fff;
    border-radius: 15px;
    box-shadow: 0 1px 2px #b0b0b0,0 8px 12px -7px #dce1ff
}

.lx_cp_img2 {
    float: right;
    border: 3px solid #fff;
    margin-left: 7px;
    object-fit: cover;
    border-radius: 15px;
    box-shadow: 0 1px 2px #b0b0b0,0 8px 12px -7px #dce1ff
}

.lx_border:after {
    content: '';
    display: block;
    position: relative;
    width: 50%;
    border: 1px solid transparent;
    border-image: linear-gradient(0.25turn,#ffffff,#3bdbff,rgba(256,256,256,0));
    border-image-slice: 1;
    margin: 15px auto
}

.lx_cp_h {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 17px;
    font-size: 14px;
    font-weight: 600
}

.lx_cp_d {
    font-size: 13px;
    margin: 0 auto;
    text-align: center
}

@media screen and (max-width: 600px) {
    .lx_cp6 {
        grid-template-columns:1fr
    }

    .lx_cp3 {
        display: block
    }

    .lx_cp_img1 {
        width: 100%;
        height: 180px;
        margin-bottom: 15px
    }

    .lx_cpt {
        font-size: 13px
    }
}

/*Comment------------*/
.lx_div_submit {
    margin-top: 25px
}

.name_email {
    display: flex
}

.lx_comment2 {
    max-width: 600px;
    margin: 15px auto
}

.email_com,.name_com {
    margin-bottom: 7px
}

.name_c {
    margin-left: 5px
}

.lx_div_form .lx_comment_input {
    flex: auto
}

.lx_comment2 input[type=text],.lx_comment2 input[type=password],.lx_comment2 input[type=email],.lx_comment2 select,.lx_comment2 textarea {
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #ccc;
    font-family: courier;
    font-weight: 700;
    font-size: 15px
}

.lx_comment2 input[type=text],.lx_comment2 input[type=password],.lx_comment2 input[type=email],.lx_comment2 select {
    height: 35px
}

.lx_f_input2:focus {
    border: 1.5px solid #1a73e8;
    outline: 0
}

.lx_f_input2:focus-visible {
    border: 1.5px solid #1a73e8
}

.lx_comment2 input[type=text],.lx_comment2 input[type=password],.lx_comment2 select,.lx_comment2 textarea {
    box-sizing: border-box
}

.comment_avatar {
    max-width: 50px
}

.lx_send_answer {
    display: flex;
    grid-gap: 10px;
    margin: 15px
}

.btn_send_answer,.btn_remove_answer {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    padding: 5px 10px;
    border: 2px solid transparent;
    letter-spacing: .5px;
    font-weight: 600;
    font-family: sans-serif;
    border-radius: 25px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.btn_send_answer {
    background-color: #00BEC1
}

.btn_remove_answer {
    background: #ef5350;
    display: none
}

.btn_send_answer:hover,.btn_remove_answer:hover {
    color: #fff;
    background-color: #333
}

.lx_respond_form {
    margin: 10px
}

.com1 {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px
}

.com_sub:before {
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    width: 3px;
    background: #95a0b1;
    opacity: .2;
    right: -10px;
    top: -18px
}

.com2 {
    position: absolute;
    right: 5px;
    top: 5px
}

.com2 img {
    border-radius: 50%;
    border: 1px solid #ccc
}

.com3 {
    border: 1px solid #ccc;
    border-radius: 25px
}

.com4 {
    width: 100%;
    border-bottom: 1px solid #ccc
}

.com5 {
    float: right;
    padding: 10px;
    padding-right: 60px
}

.com6 {
    float: left;
    padding: 10px
}

.com7 {
    width: 100%;
    margin-top: 15px
}

.com8 {
    padding: 10px
}

.com_c_1 {
    border: 1px solid #00dfc1
}

.com_c_2 {
    border: 1px solid #e75d66
}

.com_c_3 {
    border: 1px solid #bb88de
}

.com_c_4 {
    border: 1px solid #4eb5ff
}

.com_c_5 {
    border: 1px solid #fac75b
}

.com_c_6 {
    border: 1px solid #99ca6a
}

.com_c_7 {
    border: 1px solid #00c5ad
}

.com_c_8 {
    border: 1px solid #3bbce0
}

.com_c_9 {
    border: 1px solid #425b71
}

.com_c_10 {
    border: 1px solid #00BEC1
}

.com_type_1 {
    margin-right: 30px
}

.com_type_2 {
    margin-right: 40px
}

.com_type_3 {
    margin-right: 50px
}

.com_type_4 {
    margin-right: 60px
}

.com_type_5 {
    margin-right: 70px
}

.com_type_6 {
    margin-right: 70px
}

.com_type_7 {
    margin-right: 80px
}

.com_type_8 {
    margin-right: 90px
}

.com_type_9 {
    margin-right: 100px
}

.com_type_10 {
    margin-right: 110px
}

.emaillx_s,.sitelx_s {
    width: 181px;
    padding: 5px
}

.emaillx_s2,.sitelx_s2 {
    width: 100%;
    padding: 5px
}

.com_type {
    list-style: none!important;
}

.com_who {
    border-radius: 5px;
    font-size: 14px;
    padding: 2px 8px;
    margin-top: 10px;
}

.com_a {
    color: #fffe;
    background: #33c1e1ee;
}

.com_u {
    color: #fffe;
    border-radius: 5px;
    background: #9f65adee;
    font-size: 14px;
    padding: 2px 8px;
    margin-top: 10px;
}

.com_g {
    color: #fffe;
    background: #959595ee;
}

.com_pin {
    color: #fffe;
    background: #4CAF50;
}

/*----Post Liked-------*/
.likess {
    display: flex !important;
    flex-direction: column;
    align-items: center;
}

.lx_like,.lx_like2 {
    color: red;
    font-size: 24px;
    line-height: 1.5;
}

.liked .lx_like::before {
    content: '❤️';
}

.lx_like::before {
    content: '🤍';
}

.count_like {
    color: #000;
}

/*----Post Liked 2-------*/
.lx_like2 .outlinedHeart {
    display: block;
}

.lx_like2 .filledHeart {
    display: none;
}

.liked .lx_like2 .outlinedHeart {
    display: none;
}

.liked .lx_like2 .filledHeart {
    display: block;
}

.lx_bookmark {
    display: flex;
    align-items: center;
    gap: 4px;
    color: gray!important;
    margin: 15px 0;
    clear: both
}

.lx_bookmark svg {
    fill: #5bc0de;
}

.lx_bookmark2 {
    padding: 10px;
    background: #00acbb;
    color: #FFF!important;
    border-radius: 10px;
    display: flex;
    justify-content: center;
}

.lx_bookmark2 svg {
    fill: #FFF;
}

.add_wishlist,.added_wishlist {
    display: flex;
    gap: 5px;
    align-items: center;
}

.added_wishlist {
    display: none;
    stroke: #eee;
}

.bookmarked .added_wishlist {
    display: flex
}

.bookmarked .add_wishlist {
    display: none
}

.lx_bookmark2 .added_wishlist {
    stroke: #00acbb;
}

/*----Come Liked-------*/
.lx_come_like.liked {
    color: #e2264d;
    filter: none;
    will-change: font-size;
    -webkit-animation: 1.5s cubic-bezier(.17,.89,.32,1.49) lx_heart;
    animation: 1.5s cubic-bezier(.17,.89,.32,1.49) lx_heart
}

.lx_come_like.liked:after,.lx_come_like.liked:before {
    -webkit-animation: inherit;
    animation: inherit;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.lx_come_like.liked:before {
    will-change: transform,border-width,border-color;
    -webkit-animation-name: lx_bubble;
    animation-name: lx_bubble
}

.lx_come_like.liked:after {
    will-change: opacity,box-shadow;
    -webkit-animation-name: lx_sparkles;
    animation-name: lx_sparkles
}

.lx_come_like:focus {
    text-shadow: 0 0 3px #fff,0 1px 1px #fff,0 -1px 1px #fff,1px 0 1px #fff,-1px 0 1px #fff
}

.lx_come_like {
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    position: relative;
    align-self: center;
    color: #888;
    filter: grayscale(1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.lx_come_like:after,.lx_come_like:before {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    content: ''
}

.lx_come_like:before {
    box-sizing: border-box;
    margin: -2.25rem;
    border: 2.25rem solid #e2264d;
    width: 4.5rem;
    height: 4.5rem;
    transform: scale(0)
}

.lx_come_like:after {
    margin: -.1875rem;
    width: .375rem;
    height: .375rem;
    box-shadow: .32476rem -3rem 0 -.1875rem #ff8080,-.32476rem -2.625rem 0 -.1875rem #ffed80,2.54798rem -1.61656rem 0 -.1875rem #ffed80,1.84982rem -1.89057rem 0 -.1875rem #a4ff80,2.85252rem .98418rem 0 -.1875rem #a4ff80,2.63145rem .2675rem 0 -.1875rem #80ffc8,1.00905rem 2.84381rem 0 -.1875rem #80ffc8,1.43154rem 2.22414rem 0 -.1875rem #80c8ff,-1.59425rem 2.562rem 0 -.1875rem #80c8ff,-.84635rem 2.50595rem 0 -.1875rem #a480ff,-2.99705rem .35095rem 0 -.1875rem #a480ff,-2.48692rem .90073rem 0 -.1875rem #ff80ed,-2.14301rem -2.12438rem 0 -.1875rem #ff80ed,-2.25479rem -1.38275rem 0 -.1875rem #ff8080
}

@-webkit-keyframes lx_bubble {
    15% {
        transform: scale(1);
        border-color: #cc8ef5;
        border-width: 2.25rem
    }

    100%,30% {
        transform: scale(1);
        border-color: #cc8ef5;
        border-width: 0
    }
}

@keyframes lx_bubble {
    15% {
        transform: scale(1);
        border-color: #cc8ef5;
        border-width: 2.25rem
    }

    100%,30% {
        transform: scale(1);
        border-color: #cc8ef5;
        border-width: 0
    }
}

@-webkit-keyframes lx_sparkles {
    0%,20% {
        opacity: 0
    }

    30% {
        opacity: 1;
        box-shadow: .32476rem -2.4375rem 0 0 #ff8080,-.32476rem -2.0625rem 0 0 #ffed80,2.1082rem -1.26585rem 0 0 #ffed80,1.41004rem -1.53985rem 0 0 #a4ff80,2.30412rem .85901rem 0 0 #a4ff80,2.08305rem .14233rem 0 0 #80ffc8,.76499rem 2.33702rem 0 0 #80ffc8,1.18748rem 1.71734rem 0 0 #80c8ff,-1.35019rem 2.0552rem 0 0 #80c8ff,-.60229rem 1.99916rem 0 0 #a480ff,-2.44865rem .22578rem 0 0 #a480ff,-1.93852rem .77557rem 0 0 #ff80ed,-1.70323rem -1.77366rem 0 0 #ff80ed,-1.81501rem -1.03204rem 0 0 #ff8080
    }
}

@keyframes lx_sparkles {
    0%,20% {
        opacity: 0
    }

    30% {
        opacity: 1;
        box-shadow: .32476rem -2.4375rem 0 0 #ff8080,-.32476rem -2.0625rem 0 0 #ffed80,2.1082rem -1.26585rem 0 0 #ffed80,1.41004rem -1.53985rem 0 0 #a4ff80,2.30412rem .85901rem 0 0 #a4ff80,2.08305rem .14233rem 0 0 #80ffc8,.76499rem 2.33702rem 0 0 #80ffc8,1.18748rem 1.71734rem 0 0 #80c8ff,-1.35019rem 2.0552rem 0 0 #80c8ff,-.60229rem 1.99916rem 0 0 #a480ff,-2.44865rem .22578rem 0 0 #a480ff,-1.93852rem .77557rem 0 0 #ff80ed,-1.70323rem -1.77366rem 0 0 #ff80ed,-1.81501rem -1.03204rem 0 0 #ff8080
    }
}

/*--------------------Comment V3------------------------------*/
.com-m-checobox,.m-input {
    position: relative!important;
    border-radius: .5rem!important
}

.lx_f_input,.lx_f_label {
    font-size: var(--normal-font-size)
}

.lx-com-center,.lx_f_input,.lx_f_textra {
    box-sizing: border-box
}

:root {
    --primary-color: #1a73e8;
    --input-color: #80868b;
    --border-color: #dadce0;
    --background-color: #f8f8f8;
    --body-font: "Vazir",sans-serif;
    --normal-font-size: 1rem;
    --small-font-size: 0.75rem
}

.lx-com-center {
    max-width: 600px;
    width: 100%;
    margin: 15px auto
}

.lx_f_title {
    text-align: center;
    margin-bottom: 1.5rem
}

.m-input {
    height: 48px!important;
    margin: .8rem!important;
    background: #fff!important
}

.com-m-checobox {
    height: 20px!important;
    margin: .5rem!important
}

.lx_f_input {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%!important;
    border: 1px solid var(--border-color)!important;
    border-radius: .5rem!important;
    outline: 0;
    padding: .8rem!important;
    background: 0 0!important;
    z-index: 1
}

.lx_f_input:focus,.lx_f_input:focus+.lx_f_label {
    border: 1.5px solid var(--primary-color)
}

.lx_f_input:focus+.lx_f_label {
    top: -.7rem;
    right: .8rem;
    z-index: 10;
    font-weight: 500;
    color: var(--primary-color);
    font-size: var(--small-font-size)
}

.lx_f_input:not(:placeholder-shown).lx_f_input:not(:focus)+.lx_f_label {
    top: -.5rem;
    right: .8rem;
    z-index: 10;
    font-weight: 500;
    font-size: var(--small-font-size);
    border: 1px solid var(--border-color)
}

.lx_f_label {
    position: absolute;
    right: 1rem;
    top: .75rem;
    padding: 0 .25rem!important;
    color: var(--input-color)!important;
    background-color: #fff!important;
    transition: .3s!important;
    border-radius: .5rem!important
}

.lx_f_button {
    display: block!important;
    width: 100%!important;
    outline: 0!important;
    border: none!important;
    color: #fff!important;
    cursor: pointer!important;
    margin-left: auto!important;
    border-radius: .5rem!important;
    padding: .75rem 2rem!important;
    font-family: var(--body-font)!important;
    font-size: var(--normal-font-size)!important;
    background-color: var(--primary-color)!important;
    background: var(--primary-color)!important;
    width: inherit!important;
    transition: .3s
}

.lx_f_button:hover {
    box-shadow: 0 10px 36px rgba(0,0,0,.15)
}

.lx_f_button:active {
    background-color: #005dd7
}

.lx_f_textra {
    position: relative;
    resize: none;
    min-height: 200px!important;
    max-height: 500px;
    width: 100%!important;
    height: 100%!important;
    overflow: hidden auto
}

.f-captcha {
    width: 150px;
    height: 48px;
    border: 1px solid var(--border-color)!important;
    border-radius: .5rem;
    cursor: pointer;
    margin: 1rem
}

.m-textra {
    min-height: 240px!important
}

.main-form {
    display: flex
}

.left-side {
    margin-right: 5px;
    width: 100%
}

.right-side {
    margin-left: 5px;
    width: 90%
}

.cbx {
    margin: auto;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.cbx span {
    display: inline-block!important;
    vertical-align: middle!important;
    transform: translate3d(0,0,0)!important
}

.cbx span:first-child {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    transform: scale(1);
    vertical-align: middle;
    border: 1px solid #9098a9;
    transition: .2s
}

.cbx span:first-child svg {
    position: absolute;
    top: 3px;
    left: 2px;
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: .3s 0.1s;
    transform: translate3d(0,0,0)
}

.cbx span:first-child:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #506eec;
    display: block;
    transform: scale(0);
    opacity: 1;
    border-radius: 50%
}

.cbx span:last-child {
    padding-right: 8px
}

.cbx:hover span:first-child {
    border-color: #506eec
}

.inp-cbx:checked+.cbx span:first-child {
    background: #506eec;
    border-color: #506eec;
    animation: .4s wave
}

.inp-cbx:checked+.cbx span:first-child svg {
    stroke-dashoffset: 0
}

.inp-cbx:checked+.cbx span:first-child:before {
    transform: scale(3.5);
    opacity: 0;
    transition: .6s
}

@keyframes wave {
    50% {
        transform: scale(.9)
    }
}

@media only screen and (max-width: 570px) {
    .main-form {
        display:block
    }

    .left-side {
        margin-right: 5px;
        width: 100%
    }

    .right-side {
        margin-left: 5px;
        width: 100%
    }

    .m-textra,.lx_f_textra {
        min-height: 150px!important
    }
}

/*--------------------------------------------------*/
.pointer {
    cursor: pointer;
}

.col_10 {
    width: 10%;
}

.col_15 {
    width: 15%;
}

.col_17 {
    width: 17%;
}

.col_20 {
    width: 20%;
}

.col_25 {
    width: 25%;
}

.col_30 {
    width: 30%;
}

.col_33 {
    width: 33.333333%;
}

.col_35 {
    width: 35%;
}

.col_40 {
    width: 40%;
}

.col_45 {
    width: 45%;
}

.col_50 {
    width: 50%;
}

.col_60 {
    width: 60%;
}

.col_66 {
    width: 66.666666%;
}

.col_70 {
    width: 70%;
}

.col_75 {
    width: 75%;
}

.col_80 {
    width: 80%;
}

.col_85 {
    width: 85%;
}

.col_90 {
    width: 90%;
}

.col_100 {
    width: 100%;
}

.col_10,.col_15,.col_20,.col_25,.col_30,.col_33,.col_40,.col_45,.col_50,.col_60,.col_70,.col_75,.col_80,.col_85,.col_90 {
    float: right;
}

@media (max-width: 768px) {
    .col_33,.col_66 {
        width:100%;
        float: none;
    }
}

@media screen and (max-width: 600px) {
    .screen_600 .col_10,.screen_600 .col_15,.screen_600 .col_20,.screen_600 .col_25,.screen_600 .col_30,.screen_600 .col_35,.screen_600 .col_40,.screen_600 .col_45,.screen_600 .col_50,.screen_600 .col_60,.screen_600 .col_66,.screen_600 .col_70,.screen_600 .col_75,.screen_600 .col_80,.screen_600 .col_85,.screen_600 .col_90 {
        width:100%;
        float: none;
        margin-top: 0px;
    }

    .dis_flex {
        display: block;
    }
}

@media screen and (max-width: 400px) {
    .col_10,.col_15,.col_20,.col_25,.col_30,.col_35,.col_40,.col_45,.col_50,.col_60,.col_66,.col_70,.col_75,.col_80,.col_85,.col_90 {
        width:100%;
        float: none;
        margin-top: 0px;
    }

    .dis_flex {
        display: block;
    }
}

.bg_transparent {
    background: transparent;
}

.tR {
    text-align: right;
}

.tC {
    text-align: center;
}

.tL {
    text-align: left;
}

.float_l {
    float: left!important;
}

.float_r {
    float: right!important;
}

.dir_l {
    direction: ltr!important;
}

.dir_r {
    direction: rtl!important;
}

.dis_ib {
    display: inline-block;
}

.dis_n {
    display: none;
}

.dis_b {
    display: block;
}

.vis_v {
    visibility: visible;
}

.vis_h {
    visibility: hidden;
}

.pos_r {
    position: relative;
}

.pos_a {
    position: absolute;
}

.pos_s {
    position: static;
}

.pos_sticky {
    position: sticky;
}

.pos_f {
    position: fixed;
}

.top_5 {
    top: 5px
}

.top_10 {
    top: 10px
}

.top_15 {
    top: 15px
}

.top_20 {
    top: 20px
}

.top_25 {
    top: 25px
}

.top_30 {
    top: 30px
}

.top_35 {
    top: 35px
}

.left_5 {
    left: 5px
}

.left_10 {
    left: 10px
}

.left_15 {
    left: 15px
}

.left_20 {
    left: 20px
}

.left_25 {
    left: 25px
}

.left_30 {
    left: 30px
}

.left_35 {
    left: 35px
}

.right_5 {
    right: 5px
}

.right_10 {
    right: 10px
}

.right_15 {
    right: 15px
}

.right_20 {
    right: 20px
}

.right_25 {
    right: 25px
}

.right_30 {
    right: 30px
}

.right_35 {
    right: 35px
}

.bottom_5 {
    bottom: 5px
}

.bottom_10 {
    bottom: 10px
}

.bottom_15 {
    bottom: 15px
}

.bottom_20 {
    bottom: 20px
}

.bottom_25 {
    bottom: 25px
}

.bottom_30 {
    bottom: 30px
}

.bottom_35 {
    bottom: 35px
}

.z_i_9 {
    z-index: 9
}

.z_i_99 {
    z-index: 99
}

.z_i_999 {
    z-index: 999
}

.z_i_9999 {
    z-index: 9999
}

.z_i_99999 {
    z-index: 99999
}

.z_i_999999 {
    z-index: 999999
}

.z_i_999999 {
    z-index: 999999
}

.z_i_9999999 {
    z-index: 9999999
}

.t_a_c {
    text-align: center;
}

.t_a_r {
    text-align: right;
}

.t_a_l {
    text-align: left;
}

.c_gray1 {
    color: #7f7f7f
}

.gray {
    color: #808080;
}

.white {
    color: #FFF
}

.flex {
    display: flex!important;
}

.order_1 {
    order: 1;
}

.order_2 {
    order: 2;
}

.order_3 {
    order: 3;
}

.flex_warp {
    display: flex;
    flex-wrap: wrap;
}

.fx_warp {
    flex-wrap: wrap;
}

.fx_nowarp {
    flex-wrap: wrap;
}

.fx_between {
    justify-content: space-between;
}

.list_style_none {
    list-style-type: none;
}

.fx_grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1!important;
}

.fx_row {
    flex-direction: row;
}

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

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

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

.fx_col {
    flex-direction: column;
}

.fx_align_s {
    align-items: flex-start;
}

.flex_align_end {
    align-items: flex-end
}

.flex_content_end {
    justify-content: flex-end
}

.fx_25 {
    flex: 0 0 25%;
}

.fx_33 {
    flex: 0 0 33.3333%;
}

.fx_30 {
    flex: 0 0 30%;
}

.fx_50 {
    flex: 0 0 50%;
}

.fx_66 {
    flex: 0 0 66.6666%;
}

.fx_75 {
    flex: 0 0 75%;
}

.gap_3 {
    gap: 3px;
}

.gap_5 {
    gap: 5px;
}

.gap_10 {
    gap: 10px;
}

.gap_15 {
    gap: 15px;
}

.gap_20 {
    gap: 20px;
}

.gap_25 {
    gap: 25px;
}

.row_gap_5 {
    row-gap: 5px;
}

.row_gap_10 {
    row-gap: 10px;
}

.row_gap_15 {
    row-gap: 15px;
}

.row_gap_20 {
    row-gap: 20px;
}

.row_gap_25 {
    row-gap: 25px;
}

.row_gap_30 {
    row-gap: 30px;
}

.row_gap_35 {
    row-gap: 35px;
}

.row_gap_40 {
    row-gap: 40px;
}

img.hover_zoom:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.w_100 {
    width: 100%!important;
}

.mW_200 {
    max-width: 200px;
}

.mW_300 {
    max-width: 300px;
}

.mW_400 {
    max-width: 400px;
}

.mW_500 {
    max-width: 500px;
}

.mW_600 {
    max-width: 600px;
}

.mW_700 {
    max-width: 700px;
}

.mW_800 {
    max-width: 800px;
}

.mW_900 {
    max-width: 900px;
}

.mW_1000 {
    max-width: 1000px;
}

.mW_1024 {
    max-width: 1024px;
}

.mW25 {
    max-width: 25%;
}

.mW30 {
    max-width: 30%;
}

.mW50 {
    max-width: 50%;
}

.mW75 {
    max-width: 75%;
}

.w40 {
    width: 40px;
}

.w50 {
    width: 50px;
}

.w60 {
    width: 60px;
}

.w70 {
    width: 70px;
}

.w80 {
    width: 80px;
}

.w90 {
    width: 90px;
}

.w100 {
    width: 100px;
}

.w120 {
    width: 120px;
}

.w130 {
    width: 130px;
}

.w150 {
    width: 150px;
}

.w180 {
    width: 180px;
}

.w200 {
    width: 200px;
}

.h40 {
    height: 40px;
}

.h50 {
    height: 50px;
}

.h60 {
    height: 60px;
}

.h70 {
    height: 70px;
}

.h80 {
    height: 80px;
}

.h90 {
    height: 90px;
}

.h100 {
    height: 100px;
}

.h120 {
    height: 120px;
}

.h130 {
    height: 130px;
}

.h150 {
    height: 150px;
}

.h180 {
    height: 180px;
}

.h200 {
    height: 200px;
}

.f_warp {
    flex-wrap: wrap
}

.clear {
    clear: both;
}

.overflow_hidden {
    overflow: hidden;
}

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

.font_10 {
    font-size: 10px
}

.font_11 {
    font-size: 11px
}

.font_12 {
    font-size: 12px
}

.font_13 {
    font-size: 13px
}

.font_14 {
    font-size: 14px
}

.font_15 {
    font-size: 15px
}

.font_16 {
    font-size: 16px
}

.font_17 {
    font-size: 17px
}

.font_18 {
    font-size: 18px
}

.font_19 {
    font-size: 19px
}

.font_20 {
    font-size: 20px
}

.font_22 {
    font-size: 22px
}

.font_23 {
    font-size: 23px
}

.font_24 {
    font-size: 24px
}

.font_25 {
    font-size: 25px
}

.font_26 {
    font-size: 26px
}

.font_27 {
    font-size: 27px
}

.font_30 {
    font-size: 30px
}

.font_35 {
    font-size: 35px
}

.font_40 {
    font-size: 40px
}

.font_45 {
    font-size: 45px
}

.font_50 {
    font-size: 50px
}

.font_weight_300 {
    font-weight: 300;
}

.font_weight_400 {
    font-weight: 400;
}

.font_weight_500 {
    font-weight: 500;
}

.font_weight_600 {
    font-weight: 600;
}

.font_weight_700 {
    font-weight: 700;
}

.font_weight_800 {
    font-weight: 800;
}

.font_weight_900 {
    font-weight: 900;
}

.font_weight_bold {
    font-weight: bold;
}

.object_fit_cover {
    object-fit: cover;
}

.red {
    color: red;
}

.green {
    color: green;
}

.p_5 {
    padding: 5px
}

.p_6 {
    padding: 6px
}

.p_7 {
    padding: 7px
}

.p_8 {
    padding: 8px
}

.p_9 {
    padding: 9px
}

.p_10 {
    padding: 10px
}

.p_11 {
    padding: 11px
}

.p_12 {
    padding: 12px
}

.p_15 {
    padding: 15px
}

.p_20 {
    padding: 20px
}

.p_25 {
    padding: 25px
}

.pX_10 {
    padding: 0 10px
}

.pY_10 {
    padding: 10px 0
}

.pY_15 {
    padding: 15px 0
}

.pT_5 {
    padding-top: 5px
}

.pT_6 {
    padding-top: 6px
}

.pT_7 {
    padding-top: 7px
}

.pT_8 {
    padding-top: 8px
}

.pT_9 {
    padding-top: 9px
}

.pT_10 {
    padding-top: 10px
}

.pT_12 {
    padding-top: 12px
}

.pT_13 {
    padding-top: 13px
}

.pT_14 {
    padding-top: 14px
}

.pT_15 {
    padding-top: 15px
}

.pT_17 {
    padding-top: 17px
}

.pT_20 {
    padding-top: 20px
}

.pT_23 {
    padding-top: 23px
}

.pT_25 {
    padding-top: 25px
}

.pT_30 {
    padding-top: 30px
}

.pT_35 {
    padding-top: 35px
}

.pT_40 {
    padding-top: 40px
}

.pT_50 {
    padding-top: 50px
}

.pL_5 {
    padding-left: 5px;
}

.pL_10 {
    padding-left: 10px;
}

.pL_15 {
    padding-left: 15px;
}

.pB_5 {
    padding-bottom: 5px
}

.pB_6 {
    padding-bottom: 6px
}

.pB_7 {
    padding-bottom: 7px
}

.pB_8 {
    padding-bottom: 8px
}

.pB_9 {
    padding-bottom: 9px
}

.pB_10 {
    padding-bottom: 10px
}

.pB_12 {
    padding-bottom: 12px
}

.pB_13 {
    padding-bottom: 13px
}

.pB_14 {
    padding-bottom: 14px
}

.pB_15 {
    padding-bottom: 15px
}

.pB_17 {
    padding-bottom: 17px
}

.pB_20 {
    padding-bottom: 20px
}

.pB_23 {
    padding-bottom: 23px
}

.pB_25 {
    padding-bottom: 25px
}

.pB_30 {
    padding-bottom: 30px
}

.pB_35 {
    padding-bottom: 35px
}

.pB_40 {
    padding-bottom: 40px
}

.pB_50 {
    padding-bottom: 50px
}

.pT_100 {
    padding-top: 100px
}

.pR_5 {
    padding-right: 5px
}

.pR_7 {
    padding-right: 7px
}

.pR_8 {
    padding-right: 8px
}

.pR_10 {
    padding-right: 10px
}

.pR_15 {
    padding-right: 15px
}

.pR_20 {
    padding-right: 20px
}

.pR_25 {
    padding-right: 25px
}

.pR_30 {
    padding-right: 30px
}

.pR_35 {
    padding-right: 35px
}

.pR_40 {
    padding-right: 40px
}

.pR_45 {
    padding-right: 45px
}

.pR_50 {
    padding-right: 50px
}

.m_auto {
    margin-left: auto;
    margin-right: auto
}

.mR_5 {
    margin-right: 5px
}

.mR_7 {
    margin-right: 7px
}

.mR_10 {
    margin-right: 10px
}

.mR_11 {
    margin-right: 11px
}

.mR_12 {
    margin-right: 12px
}

.mR_13 {
    margin-right: 13px
}

.mR_14 {
    margin-right: 14px
}

.mR_15 {
    margin-right: 15px
}

.mR_16 {
    margin-right: 16px
}

.mR_17 {
    margin-right: 17px
}

.mR_18 {
    margin-right: 18px
}

.mR_19 {
    margin-right: 19px
}

.mR_20 {
    margin-right: 20px
}

.mB_5 {
    margin-bottom: 5px
}

.mB_10 {
    margin-bottom: 10px
}

.mB_15 {
    margin-bottom: 15px
}

.mB_20 {
    margin-bottom: 20px
}

.mB_25 {
    margin-bottom: 25px
}

.mB_30 {
    margin-bottom: 30px
}

.mB_40 {
    margin-bottom: 40px
}

.mB_50 {
    margin-bottom: 50px
}

.mB_100 {
    margin-bottom: 100px
}

.mT_2 {
    margin-top: 2px
}

.mT_3 {
    margin-top: 3px
}

.mT_4 {
    margin-top: 4px
}

.mT_5 {
    margin-top: 5px
}

.mT_6 {
    margin-top: 6px
}

.mT_7 {
    margin-top: 7px
}

.mT_8 {
    margin-top: 8px
}

.mT_9 {
    margin-top: 9px
}

.mT_10 {
    margin-top: 10px
}

.mT_15 {
    margin-top: 15px
}

.mT_20 {
    margin-top: 20px
}

.mT_21 {
    margin-top: 21px
}

.mT_22 {
    margin-top: 22px
}

.mT_23 {
    margin-top: 23px
}

.mT_24 {
    margin-top: 24px
}

.mT_25 {
    margin-top: 25px
}

.mT_26 {
    margin-top: 26px
}

.mT_27 {
    margin-top: 27px
}

.mT_28 {
    margin-top: 28px
}

.mT_29 {
    margin-top: 29px
}

.mT_30 {
    margin-top: 30px
}

.mT_40 {
    margin-top: 40px
}

.mL_3 {
    margin-left: 3px
}

.mL_5 {
    margin-left: 5px
}

.mL_7 {
    margin-left: 7px
}

.mL_8 {
    margin-left: 8px
}

.mL_9 {
    margin-left: 9px
}

.mL_10 {
    margin-left: 10px
}

.mL_11 {
    margin-left: 11px
}

.mL_12 {
    margin-left: 12px
}

.mL_13 {
    margin-left: 13px
}

.mL_14 {
    margin-left: 14px
}

.mL_15 {
    margin-left: 15px
}

.mL_16 {
    margin-left: 16px
}

.mL_17 {
    margin-left: 17px
}

.mL_18 {
    margin-left: 18px
}

.mL_19 {
    margin-left: 19px
}

.mL_20 {
    margin-left: 20px
}

.m_3 {
    margin: 3px
}

.m_5 {
    margin: 5px
}

.m_7 {
    margin: 7px
}

.m_8 {
    margin: 8px
}

.m_9 {
    margin: 9px
}

.m_10 {
    margin: 10px
}

.m_11 {
    margin: 11px
}

.m_12 {
    margin: 12px
}

.m_13 {
    margin: 13px
}

.m_14 {
    margin: 14px
}

.m_15 {
    margin: 15px
}

.m_16 {
    margin: 16px
}

.m_17 {
    margin: 17px
}

.m_18 {
    margin: 18px
}

.m_19 {
    margin: 19px
}

.m_20 {
    margin: 20px
}

.m_50 {
    margin: 50px
}

.mY_10 {
    margin: 10px auto 10px auto;
}

.mY_20 {
    margin: 20px auto 20px auto;
}

.mY_50 {
    margin: 50px auto 50px auto;
}

.mY_100 {
    margin: 100px auto 100px auto;
}

.mY_40 {
    margin: 40px auto 40px auto;
}

.mX_10 {
    margin: auto 10px auto 10px;
}

.reset_margin {
    margin: 0!important;
}

.brT {
    border-top: 1px solid #eee;
}

.border_radius_5 {
    border-radius: 5px;
}

.border_radius_10 {
    border-radius: 10px;
}

.border_radius_15 {
    border-radius: 15px;
}

.border_radius_20 {
    border-radius: 20px;
}

.border_radius_25 {
    border-radius: 25px;
}

.border_radius_50 {
    border-radius: 50%;
}

/*Vip Css*/
.lx_txt_price,. {
    margin: 10px;
    background: #D6EAF8;
    padding: 10px;
    border-radius: 10px;
    line-height: 1.5em;
}

.lx_v {
    margin: 10px;
    background: #D6EAF8;
    padding: 10px;
    border-radius: 5px;
    line-height: 2em;
    color: #444;
}

.dark .lx_v {
    background: #1a191f;
    color: #cfcfcf;
}

.lx_v2 {
    margin: 10px;
    background: #54acc4;
    padding: 10px;
    border-radius: 5px;
    line-height: 2em;
}

.lx_list_vip {
    display: grid;
    grid-template-columns: auto auto auto;
    padding: 10px;
    grid-gap: 5px;
}

.lx_item_vip {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #0395d7;
    border-radius: 5px;
    font-size: 15px;
    text-align: center;
}

.dark .lx_item_vip {
    background-color: rgb(43 42 53 / 80%);
    border: 1px solid #575757;
}

.lx_btn_vip {
    padding: 5px 10px;
    background: #00a8f3;
    border: 1px solid #0395d7;
    border-radius: 5px;
}
.lx_btn_reset {
    
    background: #FF0067;
    border: 1px solid #FF0067;
   
}

.lx_title_vip {
    padding: 10px 5px;
    background: #00b5f0;
    color: #fff
}

.dark .lx_title_vip {
    background: #33343f;
}

.lx_title_n {
    font-size: 18px;
}

.lx_title_m {
    font-size: 12px;
    color: #e8e6e6
}

.lx_row_vip {
    border-bottom: 1px solid #ccc;
    padding: 10px;
}

.admin_vip {
    padding: 10px;
    grid-gap: 8px;
    text-align: center;
}

.lx_btn_vip_d {
    padding: 10px;
}

.info_vip p {
    padding: 0px;
    margin: 2px 0;
}

.lx_select {
    width: 178px;
}

.edit_profile_page input,textarea,select {
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .lx_hide_1024 {
        display:none;
    }
}

@media screen and (max-width: 600px) {
    .lx_list_vip {
        grid-template-columns: 50% 50%;
    }

    .edit_profile_page td,.shop_order_page2 td {
        display: block;
        text-align: right;
    }

    .edit_profile_page {
        width: 100%;
    }

    .edit_profile_page input,.edit_profile_page select,.edit_profile_page textarea {
        width: 100%;
    }

    .lx_select {
        width: 100%
    }
}

@media screen and (max-width: 400px) {
    .lx_list_vip {
        grid-template-columns: 100%;
    }
}

/*Panel Icon*/
.lx_icon_panel {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    padding: 10px;
    grid-gap: 5px;
}

.lx_icon_i {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.lx_icon_panel img {
    max-width: 40px;
}

@media screen and (max-width: 600px) {
    .lx_icon_panel {
        grid-template-columns: 33.33% 33.33% 33.33%;
    }

    .lx_icon_i {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 400px) {
    .lx_icon_panel {
        grid-template-columns: 50% 50%;
    }
}

/*Radio Css and Poll*/
.lx_radio {
    display: flex;
}

.lx_radio_label {
    width: 100%;
    display: grid;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    overflow: hidden;
}

.lx_radio_label input {
    position: absolute;
    right: -9999px;
}

.lx_radio_label input:checked + .lx_item_title {
    background-color: #d4f2f8;
}

.lx_radio_label input:checked + .lx_item_title:before {
    box-shadow: inset 0 0 0 0.4375em #4dc3d9;
}

.lx_radio_label .lx_item_title {
    display: flex;
    align-items: center;
    padding: 5px 3px 5px 3px;
    border-radius: 99em;
    transition: 0.25s ease;
}

.lx_radio_label .lx_item_title:hover {
    background-color: #d4f2f8;
}

.lx_radio_label .lx_item_title:before {
    content: "";
    background-color: #fff;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    margin-right: 0.20em;
    transition: 0.25s ease;
    box-shadow: inset 0 0 0 0.125em #4dc3d9;
}

.lx_item_title2 {
    margin-right: 10px;
}

.lx_poll {
    margin: 15px 0
}

.lx_poll_items {
    margin: 15px 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.lx_poll_item {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.lx_poll_btn {
    display: flex;
    gap: 10px;
}

.lx_poll_title {
    font-size: 16px;
    font-weight: 500
}

.lx_poll_proccess {
    width: 100%;
    position: relative;
    height: 35px;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
}

.lx_poll_proccessbar {
    height: 10px;
    background: #4dc3d9;
    border-radius: 2px;
    float: left;
}

.lx_poll_proccessbar_full {
    width: 100%;
    background: #e9ecef;
}

.lx_poll_proccessbar_text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: left;
}

.lx_poll_up .lx_poll_proccessbar {
    position: relative;
    background: rgb(77,195,217);
    background: linear-gradient(90deg, rgba(77,195,217,1) 0%, rgba(0,115,135,1) 80%);
}

.lx_poll_up .lx_poll_proccess {
    height: 6px;
}

.lx_poll_up .lx_poll_items {
    gap: 12px;
}

.lx_poll_up .lx_poll_proccessbar {
    height: 7px;
}

.lx_poll_up .lx_poll_proccessbar_text {
    position: absolute;
    top: auto;
    left: 0;
    width: auto;
    bottom: 15px;
    background: rgb(77,195,217);
    background: linear-gradient(90deg, rgba(77,195,217,1) 0%, rgba(0,115,135,1) 80%);
    color: #FFF;
    padding: 0px 8px;
    font-weight: 600;
    font-size: 12px;
}

.lx_poll_up .lx_poll_percent::after {
    width: 1px;
    position: absolute;
    left: 5px;
    bottom: -5px;
    content: "";
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #4dc3d9;
}

.lx_poll_c {
    margin-left: 6px;
}

.lx_poll_color .pcbar0 {
    background: #4CC417
}

.lx_poll_color .pcbar1 {
    background: #1589FF
}

.lx_poll_color .pcbar2 {
    background: #FF0000
}

.lx_poll_color .pcbar3 {
    background: #301f0d
}

.lx_poll_color .pcbar4 {
    background: #C6BE8C
}

.lx_poll_color .pcbar5 {
    background: #CC6600
}

.lx_poll_color .pcbar6 {
    background: #990000
}

.lx_poll_color .pcbar7 {
    background: #520000
}

.lx_poll_color .pcbar8 {
    background: #BFBFC1
}

.lx_poll_color .pcbar9 {
    background: #808080
}

.lx_poll_color .pcbar10(11) {
    background: #89DAF9
}

.lx_poll_color .pcbar11 {
    background: #373B3D
}

.lx_poll_color .pcbar12 {
    background: #DC7F24
}

.lx_poll_color .pcbar13 {
    background: #9620E8
}

.lx_poll_color .pcbar14 {
    background: #FEE903
}

.dark .lx_radio_label .lx_item_title:hover {
    background-color: #3e3e3e;
}

.dark .lx_radio_label input:checked + .lx_item_title {
    background-color: #515151;
}

/*Checkbox Css*/
.lx_checkbox {
    display: block;
    margin-bottom: 0
}

.lx_checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.lx_checkbox label, .lx_checkbox label:before {
    position: relative;
    cursor: pointer
}

.lx_checkbox label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #0079bf;
    box-shadow: 0 1px 2px rgba(0,0,0,.05), inset 0 -15px 10px -12px rgba(0,0,0,.05);
    padding: 9px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.lx_checkbox input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    right: 7px;
    width: 4px;
    height: 10px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.lx_checkbox input:checked + label:before {
    background-color: #0079bf
}

/*modal Css*/
.lx_modal_back {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.7);
    padding-top: 60px
}

.lx_modal {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    background: #0000006b;
}

.ad-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

svg.ad-center {
    fill: #fff;
    -webkit-transition: fill .5s ease;
    -o-transition: fill .5s ease;
    transition: fill .5s ease;
    color: #fff;
}

#close_m,#close_m2,#close_m3 {
    width: 30px;
    height: 30px;
    position: absolute;
    right: -12px;
    top: -12px;
    text-align: right;
    margin: 0 auto;
    color: #c40000;
    cursor: pointer;
    border: 3px #fff solid;
    background-color: #ef5350;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.lx_log, .lx_reg {
    display: none;
}

.lx_loging, .lx_register {
    display: none;
}

.lx_login, .lx_register {
    display: none;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

#lx_log_m, #lx_reg_m,.lx_modal_vip {
    font-family: inherit;
    position: relative;
    margin: 0 auto;
    border-radius: 8px;
    background-color: white;
    max-width: 400px;
    min-height: 100px;
    max-height: 80%;
    box-sizing: border-box;
    padding: 20px 20px;
    min-width: 350px;
    width: 100%;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

@media (max-width: 400px) {
    #lx_log_m, #lx_reg_m,.lx_modal_vip {
        min-width:100%;
    }

    .lx_modal {
        padding: 0 14px 0 4px;
    }
}

.lx_animation_open {
    -webkit-animation: animation_k .3s cubic-bezier(.175,.885,.32,1.275);
    animation: animation_k .3s cubic-bezier(.175,.885,.32,1.275);
}

@-webkit-keyframes animation_k {
    0% {
        opacity: 0;
        transform: scale(.6);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes animation_k {
    0% {
        opacity: 0;
        transform: scale(.6);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes animation_k {
    0% {
        opacity: 0;
        transform: scale(.6);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes animation_k {
    0% {
        opacity: 0;
        transform: scale(.6);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

/*==================https://www.jqueryscript.net/blog/Best-Loading-Spinner-Indicator-jQuery-Plugins.html==================*/
.notice-loading,.notice-loading-main,.notice_toast,.notice_toast_main {
    z-index: 9999999999
}

.notice-mask {
    z-index: 99998
}

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

.notice-fixed-all-page {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.notice-loading-main p {
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 15px;
    margin-left: 1px
}

.notice-toast {
    right: 500px;
    position: fixed;
    top: 0;
    left: 0;
    width: fit-content;
    z-index: 99999999999;
}

.notice_toast_main {
    box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, .2), inset 0 0 5px rgba(0, 0, 0, .1), 0 8px 8px -5px rgba(0, 0, 0, .25);
    align-items: center;
    background: #f0f9eb;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
    width: fit-content;
    opacity: 0;
    transition: all .5s ease-in-out;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.notice_toast_main_active {
    opacity: 1
}

.notice_toast_container {
    align-items: center;
    display: inline-flex
}

.notice_toast_main .notice_toast_icon {
    font-size: 18px;
    margin-inline:10px;display: flex;
}

.notice_toast_main .notice_toast_text {
    color: #333;
    display: flex;
    text-align: right;
    align-items: center;
    font-size: 14px;
    max-width: calc(80vw - 125px);
    text-overflow: ellipsis;
    white-space: nowrap
}

.notice_toast_main .notice-close-icon {
    color: #333;
    cursor: pointer;
    font-size: 12px;
    margin-inline:20px;display: flex
}

@font-face {
    font-family: iconfont;
    src: url(/css/site/font_2516292_xczpj31d8bf.eot);
    src: url(/css/site/font_2516292_xczpj31d8bf.eot#iefix) format("embedded-opentype"),url(/css/site/font_2516292_xczpj31d8bf.woff2) format("woff2"),url(/css/site/font_2516292_xczpj31d8bf.woff) format("woff"),url(/css/site/font_2516292_xczpj31d8bf.ttf) format("truetype"),url(/css/site/font_2516292_xczpj31d8bf.svg#iconfont) format("svg")
}

.notice-iconfont {
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    font-family: iconfont!important;
    font-style: normal
}

.notice-loading-cube-flip {
    -webkit-animation: notice-loading-cube-flip-rotate 1.2s ease-in-out infinite;
    animation: notice-loading-cube-flip-rotate 1.2s ease-in-out infinite;
    height: 400px;
    margin: 10px auto;
    width: 400px
}

.notice-loading-dots-zoom {
    height: 40px;
    margin: 10px auto;
    position: relative;
    width: 40px
}

.notice-loading-dots-zoom1,.notice-loading-dots-zoom2 {
    -webkit-animation: notice-loading-dots-zoom-bounce 2s ease-in-out infinite;
    animation: notice-loading-dots-zoom-bounce 2s ease-in-out infinite;
    border-radius: 50%;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 100%
}

.notice-loading-dots-zoom2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.notice-loading-line {
    font-size: 10px;
    height: 40px;
    margin: 10px auto;
    text-align: center;
    width: 50px
}

.notice-loading-line>div {
    -webkit-animation: notice-loading-line-delay 1.2s ease-in-out infinite;
    animation: notice-loading-line-delay 1.2s ease-in-out infinite;
    display: inline-block;
    height: 100%;
    width: 6px
}

.notice-loading-line .notice-loading-line-rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.notice-loading-line .notice-loading-line-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.notice-loading-line .notice-loading-line-rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.notice-loading-line .notice-loading-line-rect5 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.notice-loading-spin-dots {
    -webkit-animation: notice-loading-spin-dots-rotate 2s linear infinite;
    animation: notice-loading-spin-dots-rotate 2s linear infinite;
    height: 45px;
    margin: 20px auto;
    position: relative;
    text-align: center;
    width: 45px
}

.notice-loading-spin-dot1,.notice-loading-spin-dot2 {
    -webkit-animation: notice-loading-spin-dots-bounce 2s ease-in-out infinite;
    animation: notice-loading-spin-dots-bounce 2s ease-in-out infinite;
    border-radius: 100%;
    display: inline-block;
    height: 60%;
    position: absolute;
    top: 0;
    width: 60%
}

.notice-loading-spin-dot2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    bottom: 0;
    top: auto
}

.notice-loading-cube-zoom {
    height: 40px;
    margin: 10px auto;
    width: 40px
}

.notice-loading-cube-zoom>div {
    -webkit-animation: notice-loading-cube-zoom-delay 1.3s ease-in-out infinite;
    animation: notice-loading-cube-zoom-delay 1.3s ease-in-out infinite;
    float: left;
    height: 33%;
    width: 33%
}

.notice-loading-cube-zoom-1 {
    -webkit-animation-delay: .2s!important;
    animation-delay: .2s!important
}

.notice-loading-cube-zoom-2 {
    -webkit-animation-delay: .3s!important;
    animation-delay: .3s!important
}

.notice-loading-cube-zoom-3 {
    -webkit-animation-delay: .4s!important;
    animation-delay: .4s!important
}

.notice-loading-cube-zoom-4 {
    -webkit-animation-delay: .1s!important;
    animation-delay: .1s!important
}

.notice-loading-cube-zoom-5 {
    -webkit-animation-delay: .2s!important;
    animation-delay: .2s!important
}

.notice-loading-cube-zoom-6 {
    -webkit-animation-delay: .3s!important;
    animation-delay: .3s!important
}

.notice-loading-cube-zoom-7 {
    -webkit-animation-delay: 0s!important;
    animation-delay: 0s!important
}

.notice-loading-cube-zoom-8 {
    -webkit-animation-delay: .1s!important;
    animation-delay: .1s!important
}

.notice-loading-cube-zoom-9 {
    -webkit-animation-delay: .2s!important;
    animation-delay: .2s!important
}

.notice-loading-dots {
    margin: 15px auto;
    text-align: center;
    width: 65px
}

.notice-loading-dots>div {
    -webkit-animation: notice-loading-dots-delay 1.4s ease-in-out infinite both;
    animation: notice-loading-dots-delay 1.4s ease-in-out infinite both;
    border-radius: 100%;
    display: inline-block;
    height: 15px;
    width: 15px
}

.notice-loading-dot1 {
    -webkit-animation-delay: -.32s!important;
    animation-delay: -.32s!important
}

.notice-loading-dot2 {
    -webkit-animation-delay: -.16s!important;
    animation-delay: -.16s!important
}

@-webkit-keyframes notice-loading-cube-flip-rotate {
    0% {
        -webkit-transform: perspective(120px)
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }

    to {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes notice-loading-cube-flip-rotate {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    to {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@-webkit-keyframes notice-loading-dots-zoom-bounce {
    0%,to {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes notice-loading-dots-zoom-bounce {
    0%,to {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes notice-loading-line-delay {
    0%,40%,to {
        -webkit-transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes notice-loading-line-delay {
    0%,40%,to {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4)
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

@-webkit-keyframes notice-loading-spin-dots-rotate {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes notice-loading-spin-dots-rotate {
    to {
        transform: rotate(1turn);
        -webkit-transform: rotate(1turn)
    }
}

@-webkit-keyframes notice-loading-spin-dots-bounce {
    0%,to {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes notice-loading-spin-dots-bounce {
    0%,to {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes notice-loading-cube-zoom-delay {
    0%,70%,to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    35% {
        -webkit-transform: scale3D(0,0,1);
        transform: scale3D(0,0,1)
    }
}

@keyframes notice-loading-cube-zoom-delay {
    0%,70%,to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    35% {
        -webkit-transform: scale3D(0,0,1);
        transform: scale3D(0,0,1)
    }
}

@-webkit-keyframes notice-loading-dots-delay {
    0%,80%,to {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes notice-loading-dots-delay {
    0%,80%,to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.lx_toast_error {
    background: rgba(255, 175, 180, .9);
    border-color: rgba(255, 175, 180, .9);
    color: rgba(0, 0, 0, .6);
}

.lx_toast_error {
    color: #333;
}

.lx_toast_success {
    background: rgba(166, 239, 184, .9);
    border-color: rgba(166, 239, 184, .9);
    color: #333;
}

.lx_toast_info {
    background: #87daff;
    border-color: #87daff;
    color: #333;
}

.lx_toast_warning {
    background: #FEEFB3;
    border-color: #9F6000;
    border: 1px solid #9f600047;
}

.lx_toast_warning .notice_toast_text {
    color: #9F6000;
}

@media screen and (max-width: 576px) {
    .notice-toast {
        width:100%;
    }

    .notice_toast_truncate_second {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal!important
    }

    .notice_toast_main .notice_toast_text {
        font-size: 13px;
    }

    .notice_toast_main {
        width: 100%;
        margin: 2px 0 8px 0;
    }

    .notice_toast_main .notice-close-icon {
        margin-right: auto;
    }

    .notice_toast_container {
        width: 100%;
    }
}

.lx_toast_warning_txt {
    color: #ff9b0099;
}

.lx_toast_warning .notice_toast_icon {
    font-size: 22px;
}

/*---SHOP----*/
.lx_place {
    display: flex;
    background: #fff;
    width: 100%;
    margin: 0px 0 10px 0;
    padding: 3px;
    box-shadow: 0 5px 5px rgb(0 0 0 / 7%);
    border-radius: 50px;
    border: 1px solid #e7ecf0;
    position: relative;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: clip;
}

.lx_place a {
    padding: 0 25px;
    float: right;
    line-height: 50px;
    font-size: 16px;
    position: relative;
}

.lx_place .last {
    padding: 0 25px;
    font-size: 16px;
    line-height: 50px;
}

.lx_place a:hover {
    color: #5222d0;
}

.separator {
    position: relative;
}

.lx_place .separator::after,.lx_place .separator::before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -2.5em;
    border-top: 2.5em solid transparent;
    border-bottom: 2.5em solid transparent;
    border-right: 1.1em solid;
    left: -1em;
}

.lx_place .separator::after {
    z-index: 1;
    border-right-color: #fff;
}

.lx_place .separator::before {
    border-right-color: #e7ecf0;
    left: -1.1em;
    z-index: 1;
}

.lx_question .lx_question_item {
    box-shadow: 0 5px 5px rgb(0 0 0 / 7%);
    border-radius: 50px;
    border: 1px solid #e7ecf0;
    margin-bottom: 10px;
    padding-inline: 15px;}

.lx_question .lx_question_item button[aria-expanded=true] {
    border-bottom: 1px solid #e7ecf0;
}

.lx_question button {
    position: relative;
    display: block;
    text-align: right;
    width: 100%;
    padding: 1em 0;
    color: #7288a2;
    font-size: 1.2rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
}

.lx_question button:hover, .lx_question button:focus {
    cursor: pointer;
    color: #03b5d2;
}

.lx_question button:hover::after, .lx_question button:focus::after {
    cursor: pointer;
    color: #03b5d2;
    border: 1px solid #03b5d2;
}

.lx_question button .lx_question_title {
    padding: 0em 1em 0em 2em;
}

.lx_question button .icon {
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 15px;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px;
}

.lx_question button .icon::before {
    display: block;
    position: absolute;
    content: "";
    top: 9px;
    right: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
}

.lx_question button .icon::after {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    right: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
}

.lx_question button[aria-expanded=true] {
    color: #03b5d2;
}

.lx_question button[aria-expanded=true] .icon::after {
    width: 0;
}

.lx_question button[aria-expanded=true] + .lx_question_content {
    opacity: 1;
    max-height: 100em;
    transition: all 200ms linear;
    will-change: opacity, max-height;
    padding-inline: 25px;}

.lx_question .lx_question_content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
}

.lx_question .lx_question_content p {
    font-size: 1rem;
    font-weight: 300;
    margin: 1em 0;
}

@media screen and (max-width: 576px) {
    .lx_question button .icon {
        left:-5px;
        top: 10px;
    }

    .lx_question button .lx_question_title {
        padding: 0em 0.5em 0em 2em;
    }

    .lx_question button {
        font-size: 1.1rem
    }
}

.lx_pro_counter {
    border: 1px solid #e1e1e1;
    border-radius: 22px;
    padding: 2px 0;
    width: 120px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}

.lx_pro_counter input {
    border: 0px!important;
    background: none;
    background-color: unset!important;
    width: 50px;
    border: 1px solid #d4d4d4;
    font-size: 17px;
    height: 30px;
    text-align: center;
    color: #000;
    appearance: none;
    outline: 0;
    padding: 4px 0 0 0;
    border: 0;
    background: none;
}

.lx_pro_counter div {
    width: 30px;
    height: 30px;
    font-size: 25px;
    cursor: pointer;
    user-select: none;
    border: 0;
    background-color: #ebebeb;
    color: #000;
    justify-content: center;
    padding-top: 5px;
    padding-left: 3px;
    border-radius: 50%;
}

.lx_mn {
    border-left: 0!important;
}

.lx_ps {
    border-right: 0!important;
}

.lx_select {
    font-size: 15px;
    padding: 3px 5px;
    border: 1px solid #d4d4d4;
    outline: 0;
}

.cart_ostan {
    margin-left: 15px;
    padding: 5px;
    border-radius: 5px;
    font-weight: none;
}

.list_oc {
    margin-top: 20px;
}

.tbl_shop,.shop_order_page {
    border: 0px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    width: 100%;
    font-size: 13px;
}

.color_size {
    font-size: 11px;
    margin-top: 5px;
}

.cart_city ,.cart_ostan {
    padding: 5px;
    border-radius: 5px;
    font-weight: none;
}

.form_class_cart {
    width: 100%;
    margin-bottom: 20px;
}

.form_class_order {
    width: 100%;
    margin-bottom: 20px;
}

.price_cart {
    min-width: 100px;
}

.price_order {
    min-width: 100px;
}

.cart_reg {
    font-color: #000;
}

.shop_order_page,.shop_order_page2 ,.shop_table {
    border-collapse: collapse;
    width: 100%;
    direction: rtl;
    text-align: right;
}

.shop_table tbody, .lx_table tbody {
    width: 100%;
    display: table;
}

.shop_order_page2 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.shop_table td, .shop_table th ,.shop_order_page2 td, .shop_order_page2 th {
    padding: 8px;
}

.panel_table {
    margin-bottom: 20px!important;
}

.help_page,.contact_page {
    font-size: 15px;
}

.tbl_shop tr,.shop_order_page tr {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: .35em;
}

.tbl_shop td,.shop_order_page,.shop_order_page td {
    background: #FFF;
}

.tbl_shop th,.shop_order_page th, .tbl_shop td,.shop_order_page td {
    padding: .625em;
    text-align: center;
}

.item_new_post {
    height: 250px;
    overflow: auto;
    margin-top: 4px;
    padding: 4px;
    padding-right: 20px;
    border: 1px solid #bccad3;
    background: #f8f8f8
}

.dark .item_new_post {
    height: 250px;
    overflow: auto;
    margin-top: 4px;
    padding: 4px;
    padding-right: 20px;
    border: 1px solid #3d3d3d;
    background: #2d2d2d
}

@media screen and (max-width: 600px) {
    .edit_profile_page td,.shop_table td {
        display: block;
        text-align: right;
    }

    .tbl_shop,.shop_order_page {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .tbl_shop .thead,.shop_order_page .thead {
        display: none;
    }

    .tbl_shop tr,.shop_order_page tr {
        border-bottom: 1px solid #ddd;
        display: block;
        margin-bottom: .625em;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        padding: 0em;
    }

    .tbl_shop td,.shop_order_page td {
        border-bottom: 1px solid #ddd;
        display: block;
        text-align: right;
    }

    .tbl_shop td::before,.shop_order_page td::before {
        content: attr(data);
        float: right;
        width: 30%;
        font-weight: bold;
        margin-bottom: 8px;
    }

    .tbl_shop td.td_none::before {
        content: none;
        float: unset;
        width: unset;
        background: unset;
    }

    .tbl_shop td.td_none {
        background: #FFF;
    }

    .tbl_shop td:last-child,.shop_order_page td:last-child {
        border-bottom: 0px solid #ddd;
    }

    .tbl_shop td,.shop_order_page td {
        background-repeat: repeat-y;
        background-size: 30% auto;
        background-color: #f2f2f2;
        background: linear-gradient(to left, #f8f8f8 30%, #fff 70%);
        background: linear-gradient(90deg, #FFF 70%, #f2f2f2 0%);
        line-height: 27px;
    }

    .tbl_shop > td:nth-child(odd),.shop_order_page > td:nth-child(odd) {
        background-color: #f8f8f8;
        ;}
}

/* استایل‌های اصلی و بدون تغییر */
.color_size {
    font-size: 11px;
    margin-top: 5px;
}

.cart_city ,.cart_ostan {
    padding: 5px;
    border-radius: 5px;
    font-weight: none;
}

.form_class_cart {
    width: 100%;
    margin-bottom: 20px;
}

.form_class_order {
    width: 100%;
    margin-bottom: 20px;
}

.price_cart {
    min-width: 100px;
}

.price_order {
    min-width: 100px;
}

.cart_reg {
    font-color: #000;
}

.shop_order_page,.shop_order_page2 ,.shop_table {
    border-collapse: collapse;
    width: 100%;
    direction: rtl;
    text-align: right;
}

.shop_order_page2 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.shop_table td, .shop_table th ,.shop_order_page2 td, .shop_order_page2 th {
    padding: 8px;
}

.panel_table {
    margin-bottom: 20px!important;
}

.help_page,.contact_page {
    font-size: 15px;
}

.dark .tbl_shop tr {
    background-color: #2e2e2e;
    border: 1px solid #444;
}

.dark .tbl_shop td {
    background: #3a3a3a;
    color: #eee;
}

.dark .tbl_shop th {
    color: #eee;
}

@media screen and (max-width: 600px) {
    .dark .tbl_shop td {
        background-color: #2e2e2e;
        background: linear-gradient(to left, #3a3a3a 30%, #2e2e2e 70%);
        background: linear-gradient(90deg, #3a3a3a 70%, #2e2e2e 0%);
        line-height: 27px;
        color: #eee;
    }

    .dark .tbl_shop td::before {
        color: #ccc;
    }

    .tbl_shop tbody {
        display: block;
    }
}

/*-----------Pages--------*/
.page_number {
    margin: 20px 0;
    text-align: center;
    display: flex;
    justify-content: center;
    row-gap: 10px;
    flex-wrap: wrap
}

.page_number a, .page_number span.pagination_current {
    position: relative;
    padding: 6px 10px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.page_number span.pagination_current {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

.page_number a:focus, .page_number a:hover, .page_number span.pagination_current:focus, .page_number span.pagination_current:hover {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
    text-decoration: none
}

.page_number span.pagination_more {
    display: flex;
    padding: 4px
}

.dark .page_number a {
    background: #2c303a ;
    border: 1px solid #000;
}

.dark .page_number a:focus,.dark .page_number a:hover {
    background-color: #1e222c;
    border-color: #ddd;
    text-decoration: none;
}

.dark .page_number a:focus, .dark .page_number a:hover {
    background-color: #1e222c;
    border-color: #1e222c;
    text-decoration: none !important;
}

/*-----------post_content--------*/
.post_content h2,.post_content h3,.post_content h4 {
    margin: 15px 0;
}

.post_content li {
    line-height: 33px;
}

.post_content ul {
    padding-right: 20px;
    margin-bottom: 20px;
}

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

.lx_scroll {
    scrollbar-width: thin;
    scrollbar-color: #999 #ddd;
}

.dark .lx_scroll {
    scrollbar-width: thin;
    scrollbar-color: #5c5c5c #3e3e3e;
}

/*-----------temp form 4--------*/
.lx_form_4 *, .lx_form_4 ::after, .lx_form_4 ::before {
    box-sizing: border-box;
}

.lx_form_4 input::-webkit-input-placeholder,.lx_form_4 textarea::-webkit-input-placeholder {
    text-align: right;
}

.lx_form_4 input:-moz-placeholder,.lx_form_4 textarea:-moz-placeholder {
    text-align: right;
}

.lx_form_4 {
    padding: 7px;
}

textarea {
    overflow: auto;
    resize: vertical;
}

.lx_row {
    display: flex;
    gap: 10px;
}

.lx_col_12,.lx_col_6 {
    position: relative;
    width: 100%;
}

@media (min-width: 768px) {
    .lx_col_6 {
        -ms-flex:0 0 50%;
        flex: 0 0 50%;
        max-width: calc(50% - 5px);
    }

    .lx_col_12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.lx_form_control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
    .lx_form_control {
        transition: none;
    }
}

.lx_form_control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}

.lx_form_control::placeholder {
    color: #6c757d;
    opacity: 1;
}

.lx_form_control:disabled {
    background-color: #e9ecef;
    opacity: 1;
}

textarea.lx_form_control {
    height: auto;
}

.lx_form_g {
    margin-bottom: 1rem;
}

@media print {
    *,::after,::before {
        text-shadow: none!important;
        box-shadow: none!important;
    }

    a:not(.btn) {
        text-decoration: underline;
    }

    img {
        page-break-inside: avoid;
    }
}

.lx_form_4 input,.lx_form_4 textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.lx_form_4 input {
    border-radius: inherit;
    box-shadow: inherit;
    min-height: 50px;
}

.lx_form_4 input,.lx_form_4 textarea {
    border: 1px solid #e7e7e7
}

.comments-area .lx_form_4 .lx_col_12 {
    padding: 0;
}

.lx_form_4 textarea {
    min-height: 180px;
    padding: 15px;
}

.lx_form_4 .btn_sub {
    font-family: inherit;
    background-color: #7367f0;
    border-color: #7367f0;
    
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    margin-top: 20px;
    padding: 15px 45px;
    text-transform: uppercase;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    border-radius: 30px;
}

.lx_form_4 .btn_sub:hover {
    color: #ffffff;
    background-color: #086AD8;
    border: 1px solid transparent;
}

.lx_form_4 input[type="submit"] {
    width: auto!important;
    background: #086AD8;
    color: #fff;
}

.lx_form_4 input[type="submit"] {
    background: #086AD8;
}

.dark .lx_form_4 input, .dark .lx_form_4 textarea {
    background-color: #333333;
    color: #fff;
    border: 1px solid #3b3b3b;
}

@media screen and (max-width: 500px) {
    .div_submit {
        display:block;
    }

    .btn_sub {
        margin-top: 10px!important;
    }
}

blockquote {
    padding: 15px 20px 5px 20px;
    border-radius: 5px;
    border-right: #858585 5px solid;
    position: relative;
    background-color: hsla(0,0%,52%,.1);
    margin-right: 0;
    margin-left: 0;
    margin: 1rem 0
}

.btn_gmail {
    padding: 10px 6px;
    background: #ebf3ff;
    max-width: 173px;
    border-radius: 10px;
    margin: 20px auto
}

.btn_gmail:hover {
    background: #d6e5fc
}

/*cf css*/
.cf_info {
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px;
    column-gap: 30px;
    margin: 10px 0;
}

.cf_info li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

.cf_title .cf_title {
    font-weight: bold;
}

@media (max-width: 576px) {
    .cf_info {
        grid-template-columns:auto;
    }
}

.cf_img {
    max-width: 100% !important;
    height: auto;
    border-radius: 15px;
    border: 1px solid #fff;
    padding: 5px;
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px 0px;
}

.cf_ul li {
    margin: 10px 0;
    font-size: 16px;
}

.cf_title {
    font-weight: bold;
}

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

.lx_dl a {
    background: #29B6F6;
    color: #fff!important;
    box-shadow: 0 7px 6px -6px #29B6F6;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1px 0;
    padding: 5px;
    border-radius: 1em;
    width: 50%;
    font-size: 15px;
    font-family: inherit;
}

.lx_dl a:hover {
    color: #FFF!important;
    box-shadow: none;
}

.lx_dl a:before {
    content: "";
    width: 15px;
    min-width: 19px;
    height: 19px;
    margin-left: .6em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 400'%3E%3Cpath d='M400,520.7,286.88,407.58l28.28-28.28L380,444.14V200h40V444.14l64.84-64.84,28.29,28.28ZM240,560v40H560V560Z' transform='translate(-240 -200)' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
    .lx_dl a {
        width:100%
    }
}

/*box_info2 css*/
.lx_box_info,.lx_box_d {
    border-radius: 10px;
    margin: 20px 0;
    border: 1px #999 solid;
    overflow: hidden
}

.lx_box_d {
    border-radius: 10px;
    margin-top: 0px;
    border: 1px #3cab54 solid
}

.lx_info_title li {
    background: #999;
    color: #FFF;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    gap: 10px
}

.lx_box_d .lx_info_title li {
    background: #3cab54
}

.lx_info_list {
    padding: 8px 21px
}

.lx_info_list li {
    display: flex;
    font-size: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 9px
}

.lx_info_list li span.cf_title {
    flex-basis: 200px
}

.lx_dl2 {
    background-color: #4db921;
    color: #fff;
    border-radius: 6px;
    padding: 8px 20px;
    border-bottom: unset!important
}

.lx_dl2 a {
    display: flex;
    gap: 10px;
    color: #fff;
    align-items: center
}

@media (max-width: 500px) {
    .lx_info_list li {
        justify-content:space-between;
    }
}

.lx_box_d2 li.btil {
    background: #29b6f6;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
}

.lx_box_d2 {
    border: 1px #5fc8f8 solid;
    border-radius: 5px;
}

.lx_box_d2 .lx_dl a {
    background: gray;
    color: #fff;
    box-shadow: unset;
}

.lx_box_d2 .lx_dl a:hover {
    background: black;
}

.lx_dl3 a {
    background: #007bff;
    border-radius: 5px;
    padding: 9px 30px;
    transition: background-color 0.3s ease, transform 0.3s ease;
    box-shadow: unset;
}

.lx_dl3 a:hover {
    background-color: #0056b3;
    transform: scale(1.03)
}

.lx_dl3 a:active {
    background-color: #004080;
    transform: scale(0.95)
}

/*faq*/
.lx_ques {
    margin: 15px 0;
    padding: 0;
    border-radius: 15px;
    background: #fff;
    color: #f8f8f8;
}

.lx_quesli {
    background-color: white;
    color: black;
    border-radius: 20px;
    margin: 5px 0
}

.lx_questi {
    font-size: 17px;
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-bottom: solid 1px #d2def1;
    padding: 12px 10px 12px 41px;
    color: #6881a9;
    cursor: pointer;
    display: flex;
    gap: 10px
}

.lx_questi::after {
    content: "\002B";
    font-size: 2.2rem;
    position: absolute;
    left: 20px;
    transition: 0.2s
}

.lx_questi.active::after {
    transform: rotate(45deg)
}

.lx_ansc {
    max-height: 0;
    overflow: hidden;
    transition: 0.3s
}

.lx_ans {
    padding: 10px 10px 0px 10px;
    line-height: 1.5rem;
    color: #101010b5
}

.lx_ans p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    background: #6881bc;
    padding: 11px 19px;
    border-radius: 30px;
    margin-bottom: 10px;
    position: relative;
    color: #FFF
}

.lx_ans p::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 12px 10px;
    border-color: transparent transparent #6881bc transparent;
    position: absolute;
    top: -10px;
    right: 31px
}

.lx_questi.active {
    border: 0px
}

@media (max-width: 576px) {
    .lx_questi {
        font-size: 14px;
    }
}

.show_video {
    text-align: center;
    margin: 15px 0;
}

.fm_content {
}

.fm_content p,.fm_content p,.fm_content ifram {
    margin: 10px 0;
}

.fm_content table {
    border-collapse: collapse;
    margin: 15px auto;
    font-size: 0.9em;
    min-width: 400px;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.fm_content thead tr {
    background-color: #009879;
    color: #ffffff;
    font-weight: bold;
}

.fm_content tbody tr {
    border-bottom: 1px solid #dddddd;
}

.fm_content tbody tr:last-of-type {
    border-bottom: 2px solid #009879;
}

.fm_content th, .fm_content td {
    padding: 12px 15px;
}

.lx_gallery_auto_size ul {
    columns: 200px;
    break-inside: avoid;
    margin-left: 20px;
    margin-right: 20px;
    padding: 0;
    margin: 0;
}

.lx_gallery_auto_size ul li {
    list-style-type: none;
}

.lx_gallery_auto_size img {
    width: 100%;
    display: block;
    object-fit: cover;
    margin-top: 0px;
    margin-bottom: 20px;
    box-shadow: 1px 3px 8px rgba(0,0,0,0.5);
    border: 0;
}

.lx_image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    text-align: center;
}

.lx_no_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: #333;
}

.lx_image img:not([src]) + .lx_no_image, .lx_image img[src=""] + .lx_no_image, .lx_image img[src="/images/no_image.png"] + .lx_no_image {
    display: flex;
}

.lx_select2 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: auto;
    margin: 0px;
    padding: 4px 7px 4px 10px;
    line-height: 40px;
    color: inherit;
    background: transparent;
    border: 1px solid #ddd;
    border-color: rgb(117 127 149 / 25%);
    outline: none;
    resize: none;
    -ms-word-break: normal;
    word-break: normal;
    cursor: pointer;
    z-index: 2;
    border-radius: 4px;
    transition: all 0.2s linear;
    width: 100%;
    position: relative;
}

.lx_search_ct {
    display: flex;
    gap: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 20px 0;
    flex-wrap: wrap;
}

.lx_s_item {
    width: 20%;
    flex-grow: 1;
}

@media (max-width: 1024px) {
    .lx_s_item {
        width:25%;
    }
}

@media (max-width: 764px) {
    .lx_s_item {
        width:48%;
        flex: 48%;
    }
}

.fade-in {
    opacity: 0;
    transition: opacity 1s;
}

.fade-in.show {
    opacity: 1;
}

.del_wishlist:hover {
    fill: red;
}

.toggle-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.toggle-content.lx-form-active {
}

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

.lx_cats {
    font-size: 15px;
    line-height: 33px;
}

.lx_cat_o:before {
    content: "";
    width: 10px;
    height: 10px;
    float: right;
    margin: 0px 0 0 5px;
    border: 2px solid gray;
    /* ضخامت و رنگ حاشیه */
    border-radius: 50%;
}

.lx_cat_o {
    color: gray;
    font-size: 16px;
}

.lx_cat_s a {
    color: gray;
    font-size: 14px;
}

.toggle-btn {
    cursor: pointer;
}

/*reg mobile*/
.div-mob {
    position: relative
}

.div-mob svg {
    position: absolute;
    left: 10px;
    top: 17px;
    width: 24px;
    height: 24px;
    fill: #007bff
}

.lx-mobile-register .div-reg-sms input[type=text],.lx-mobile-register .div-reg-sms input[type=password],.lx-mobile-register .select2-container--default .select2-selection--single,.div-reg-sms textarea {
    padding: 0px 10px 0 40px;
    resize: vertical;
    height: 45px;
    max-width: 100%;
    width: 100%;
    font-family: inherit;
    margin: 4px 0;
    background-color: transparent;
    outline: none;
    border-radius: 40px;
    border: 2px solid #007BFF;
    color: inherit;
}

.div-mob input[type=text] {
    padding: 0px 10px 0 40px
}

.lx-mobile-register .i-p-10 input[type=text],.lx-mobile-register .i-p-10 input[type=password] {
    padding: 0px 10px 0 10px
}

.lx-mobile-register .lx-mob-reg input[type=submit] {
    background-color: #007BFF;
    border-radius: 25px;
    width: 100%;
    border-color: #007BFF;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    font-weight: 500;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    padding: .5rem .75rem;
    font-size: 16px;
    outline: 0;
    font-family: inherit
}

.btn-level input[type=submit] {
    width: unset!important
}

.lx-mob-reg .btn_n {
    background: #6e6e6e;
    color: #FFF;
    display: flex;
    align-items: center
}

.lx-form-step,.lx-form-step1,.lx-form-step2,.lx-form-step3,.lx-form-step4 {
    display: none
}

.lx-form-step.lx-form-active {
    display: block;
    transform-origin: top;
    animation: animate .5s
}

.reg-mob {
    margin-bottom: 15px
}

.progress-bar {
    position: relative;
    display: flex;
    justify-content: space-between;
    counter-reset: step;
    margin-bottom: 30px;
    z-index: 0;
    margin: 0 auto;
    width: 95%;
    margin-bottom: 55px
}

.progress-bar::before, .progress {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 4px;
    width: 100%;
    background-color: #dcdcdc;
    z-index: -1
}

.progress {
    background-color: #007BFF;
    width: 0;
    transition: .5s
}

.lx-progress-step {
    width: 35px;
    height: 35px;
    background-color: #dcdcdc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.lx-progress-step::before {
    counter-increment: step;
    content: counter(step)
}

.lx-progress-step::after {
    content: attr(data-title);
    position: absolute;
    top: calc(100% + 13px);
    font-size: 0.85rem;
    color: black !important;
    width: 100px;
    text-align: center
}

.lx-progress-step.lx-form-active {
    background-color: #007BFF;
    color: white
}

@keyframes animate {
    from {
        transform: scale(1, 0);
        opacity: 0
    }

    to {
        transform: scale(1, 1);
        opacity: 1
    }
}

.btn-level {
    display: flex;
    justify-content: space-between
}

.forms-mobile {
    margin: 20px 0;
}

.lx-form-active {
    display: block;
    transform-origin: top;
    animation: animate .5s
}

.lx-mobile-register .lx-mobile-title {
    font-size: 23px;
    margin: 15px 0;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

.div-reg-sms textarea {
    border-radius: 19px;
    padding: 10px;
    height: 100px;
}

.div-reg-sms textarea::placeholder {
    text-align: right;
}

.codeblock code,.lx_fm_pre code {
    direction: ltr;
    text-align: left!important;
    background: #ebebeb;
    padding: 10px;
    width: 100%;
    display: block;
    max-height: 500px;
    overflow-y: auto;
    color: #212529;
}

.lx_fm_pre {
    margin: 15px 0;
}

.lx_pas_input {
    max-width: 200px!important;
}

.lx_checkbox2 {
    display: flex;
    flex-direction: column;
    gap: 3px
}

.lx_checkbox2 input {
    width: 20px;
    height: 20px
}

.lx_checkbox2 label {
    display: flex;
    align-items: center;
    gap: 5px
}

/*btn upload*/
.file_up {
    display: block;
    text-align: center;
    font-size: 12px;
}

.file_up .file_select {
    display: block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.file_up .file_select .file_up_btn {
    background: #dce4ec;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    float: right;
}

.file_up .file_select .file_select_name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
    float: right;
}

.file_up .file_select:hover {
    border-color: #34495e;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file_up .file_select:hover .file_up_btn {
    background: #34495e;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file_up.active .file_select {
    border-color: #3fa46a;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file_up.active .file_select .file_up_btn {
    background: #3fa46a;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file_up .file_select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.file_up .file_select.file_select_dis {
    opacity: 0.65;
}

.file_up .file_select.file_select_dis:hover {
    cursor: default;
    display: block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.file_up .file_select.file_select_dis:hover .file_up_btn {
    background: #dce4ec;
    color: #666666;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

.file_up .file_select.file_select_dis:hover .file_select_name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}

.lx-tooltip {
    position: relative;
    display: inline-block;
}

.lx-tooltiptext {
    visibility: hidden;
    background-color: #607d8b;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 4px 7px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    white-space: normal;
    width: 200px;
    transition: opacity 0.3s;
    font-size: 11px;
}

.lx-tooltip-element {
    position: fixed;
    z-index: 999999999999999999999999999999;
    background: #607d8b;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 11px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s;
    white-space: normal;
    width: 200px;
    text-align: center;
}

.lx-tooltiptext::after, .lx-tooltip-element::after {
    border-color: #607d8b transparent transparent transparent;
}

.lx-tooltiptext.left-align {
    left: 0;
    transform: none;
}

.lx-tooltiptext.right-align {
    right: 0;
    left: auto;
    transform: none;
}

.lx-tooltiptext {
    left: min(50%, calc(100vw - 110px));
}

.lx-tooltiptext::after, .lx-tooltip-element::after {
    content: '';
    position: absolute;
    top: 100%;
    left: var(--arrow-left, 50%);
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: :#607d8b transparent transparent transparent;
}

.lx-tooltip:hover .lx-tooltiptext {
    visibility: visible;
    opacity: 1;
}

.lx_state {
    border-radius: 8px
}

.lx_state li {
    list-style-type: none;
    margin: 8px 0;
    font-size: 14px;
    color: #374151;
    display: flex;
    justify-content: space-between
}

.lx_state li b {
    font-weight: 600;
    color: #1e40af
}

.lx_state a {
    text-decoration: none;
    color: #1e40af;
    transition: color 0.3s ease
}

.lx_state a:hover {
    color: #1e3a8a
}

.lx_state .online-users {
    margin-top: 15px
}

.lx_state .online-users li {
    font-size: 13px;
    color: #4b5563
}

.lx_state .online-users li a {
    display: flex;
    align-items: center;
    gap: 5px
}

/*========نمایش بیشتر========*/
.lx-text-truncate {
    max-height: 70px;
    overflow: hidden;
    position: relative;
    mask-image: linear-gradient(180deg, #000 60%, transparent);
    -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent);
    transition: max-height 0.3s ease;
}

.lx-text-truncate.lx-show-all {
    max-height: none!important;
    mask-image: none!important;
    -webkit-mask-image: none!important;
}

.lx-btn-toggle-text {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    font-size: 12px;
    color: #0056b3;
    cursor: pointer;
    text-decoration: none;
    padding: 6px 8px;
    border-top: 1px solid #8b8b8b2e;
}

.dark .lx-btn-toggle-text {
    color: #ffffff;
}

.lx-text-content {
    transition: max-height 0.5s ease;
    overflow: hidden;
}

/*========نمایش بیشتر========*/
.show_toman {
    margin: 5px 0;
    font-size: 12px;
    font-weight: bold;
}