body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  }

html {
font-size: 14px !important;
}

a {
  text-decoration: none; }
  
  /* استایل برای کامنت‌های فرد */
.commentlist li.odd {
    background-color: #f9f9f9;
}

/* استایل برای کامنت‌های زوج */
.commentlist li.even {
    background-color: #ffffff;
}

/* استایل برای کامنت‌های تودرتو */
.commentlist li .children li {
    background-color: rgba(255,255,255,0.7) !important;
}

/* استایل پایه برای تمام کامنت‌ها */
.commentlist li {
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.signupbutton{
    background:#219C90;
    height:40px;
    width:250px;
    margin:auto;
    border-radius:10px;
}
.signupbutton p{
    color:#fff !important;
    font-size:16px;
}

.pld-like-dislike-wrap{
    margin-top:18px !important;
}
.pld-like-wrap{
    background:#fff !important;
    border-radius:5px !important;
    padding: 5px 10px 5px 5px !important;
}
.pld-dislike-wrap{
    background:#fff !important;
    border-radius:5px !important;
    padding: 5px 10px 5px 5px !important;
}
.pld-like-count-wrap{
   color:#8bd856 !important; 
   padding-left: 2px !important;
   float:right !important;
}
.pld-dislike-count-wrap{
   color:#ff7257 !important; 
   padding-right: 4px !important;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

blockquote, q {
  quotes: none; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {font-family: IRANYekanX; font-style: normal; font-weight: 300; src: url("../fonts/iranyekanx/woff2/IRANYekanX-Light.woff2") format("woff2"), url("../fonts/iranyekanx/woff/IRANYekanX-Light.woff") format("woff"); font-display: swap;}
@font-face {font-family: IRANYekanX; font-style: normal; font-weight: 400; src: url("../fonts/iranyekanx/woff2/IRANYekanX-Regular.woff2") format("woff2"), url("../fonts/iranyekanx/woff/IRANYekanX-Regular.woff") format("woff"); font-display: swap;}
@font-face {font-family: IRANYekanX; font-style: normal; font-weight: 500; src: url("../fonts/iranyekanx/woff2/IRANYekanX-Medium.woff2") format("woff2"), url("../fonts/iranyekanx/woff/IRANYekanX-Medium.woff") format("woff"); font-display: swap;}
@font-face {font-family: IRANYekanX; font-style: normal; font-weight: 700; src: url("../fonts/iranyekanx/woff2/IRANYekanX-Bold.woff2") format("woff2"), url("../fonts/iranyekanx/woff/IRANYekanX-Bold.woff") format("woff"); font-display: swap;}
@font-face {font-family: IRANYekanX; font-style: normal; font-weight: 900; src: url("../fonts/iranyekanx/woff2/IRANYekanX-ExtraBold.woff2") format("woff2"), url("../fonts/iranyekanx/woff/IRANYekanX-ExtraBold.woff") format("woff"); font-display: swap;}

body{
background-color:#fff;
font-family: IRANYekanX;
font-feature-settings: "ss01", "tnum";
color:#000;
direction:rtl;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size:14px;-webkit-tap-highlight-color:rgba(0,0,0,0)}

*{outline:0;box-sizing:border-box;border:0;padding:0;margin:0;font-family: IRANYekanX;}
:root{
--main-color:#007aff;
}
.cr-primary{color:var(--main-color);}
.bg-primary{background:var(--main-color);}
input, textarea, select {
  font-family: IRANYekanX;
font-feature-settings: "ss01", "tnum";
  -webkit-appearance: none !important; }

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

a {
color: #007aff;font-weight: bold; }

button {
  -webkit-appearance: none !important;
  background: transparent;
  border: 0px solid transparent;font-family: IRANYekanX;
  padding: 0px; }

button.cta_btn {
    cursor: pointer;
  background: #007aff;
  font-family: IRANYekanX;
  color: #FFFFFF;
  font-weight: bold;
  display: inline-block;
  padding: .5rem 1.5rem;
  font-size: 11px;
  border-radius: 20px;
  outline: none; }

#container {
z-index: 100000000;
width: 100%;
max-width: 1024px;
overflow: hidden;
margin: 0 auto;
position: relative; }

#header {
display: block;
position: fixed;
width: 100%;
height:70px !important;
top: 0;
-webkit-top: 0;
left: 0;
background: rgba(255, 255, 255, 0.9);
-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
z-index: 10000;
border-bottom: 1px solid rgba(0, 0, 0, 0.07); }
#header.no-fixed {
    position: relative;
    margin-bottom: -3rem; }
#page_header-single {
padding: 1rem .5rem;
display: flex;
flex-direction: row;
align-content: flex-start;
align-items: center;
max-width: 1024px;
width: 100%;
margin: 0 auto; }

#page_header-single div {
display: flex;
flex-direction: row;
align-content: flex-start;
align-items: center;
}

#page_header-single .page_header-single-nav{
width: 100%;
}

#page_header-single .page_header-single-title {
padding-right: 10px;
font-size: 1rem;
font-weight: bold;
text-align: right; }

#page_header-single .page_header-single-btn {
width: auto;
text-align: left;
font-size: .8rem;
font-weight: bold;
}

#page_header {
  padding: 1rem .5rem;
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  align-items: center;
  max-width: 1024px;
  width: 100%;
  margin: 0 auto; }
  #page_header div {
    width: calc(100% / 3); }
#page_header .page_header-title {
    color: #000000;
    font-weight: bold;
    text-align: center; }
#page_header .page_header-btn {
text-align: left;
margin-left: 5px;
font-size: .8rem;
font-weight: bold;
}
#page_header .page_header-btn img{
width:36px;
height:36px;
border-radius: 50px;
}
#page_header .page_header-nav {
font-weight: bold;
text-align: right;
font-size: .8rem;}
.page_header-title #logo_sibjo{
width: 130px;
height: auto;
fill: #007aff;
}
section#header > section#page_header > div.page_header-title > a{
font-weight: bold;
color: #000000;
}
#header-single {
position: fixed;
width: 100%;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.8);
-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
z-index: 1000;
border-bottom: 1px solid rgba(0, 0, 0, 0.07); }
#header-single.scrolled-menu{
top: -100px;
-webkit-transition: top 0.3s ease-in-out;
/* Safari */
transition: top 0.3s ease-in-out; }
#header-single.scrolled-menu.AppsTopBanner{
top: -100px;
-webkit-transition: top 0.3s ease-in-out;
/* Safari */
transition: top 0.3s ease-in-out; }
#header-single.scrolled-menu #page_header_single {
display: flex;
flex-direction: row;
align-content: flex-start;
align-items: center;
padding: .5rem; }
#page_header_single div{
width: calc(100% / 3);
}
#page_header_single .header-single-right{
text-align: right;
}
#page_header_single .header-single-center{
text-align: center;
}
#page_header_single .header-single-left{
text-align: left;
}
#page_header_single .header-single-left button.cta_btn {
padding: .5rem 1.2rem;
}
#header-single.scrolled-menu img {
border-radius: 22.5%;border: 1.1px solid rgb(229 231 235);width: 35px;height: 35px;
vertical-align: middle;object-fit: cover;
}
#header-single.scrolled-menu.show{
top: 0;transition: top 0.3s ease-in-out;}
#header-single.scrolled-menu.AppsTopBanner.show {
top: 0;transition: top 0.3s ease-in-out;}
.back-link{
display: flex;
flex-direction: row;
align-content: flex-start;
align-items: center;position: relative;right: 0;top: 0;color: #007aff;font-size: 12px;font-weight: 500;
}
.back-link span {
display: flex;
align-items: center;
}
.back-link svg {
width: 20px;height: 20px;margin: 0;
}
.back-link-single{
position: absolute;border-radius: 50%;background: white;top: 15px;right: 15px;width: 30px;height: 30px;padding: 2px;z-index: 10;display: none;overflow: hidden;
}
.back-link-single .back-link span {
display: flex;
align-items: center;
}
.back-link-single .back-link svg{
width: 100%;height: 100%;
}
.back-link-single .back-link .back-link-span{
display: none;
}
.apps_wrap {
display: flex;
flex-direction: column;
min-height: 100vh;
width: 100%;
position: relative;
font-size: 0.8rem;
padding: 5.5rem 0rem 6.5rem 0rem;
}
.apps_wrap.singleapp{
padding: 3.5rem 0rem 6.5rem 0rem;
}
#apps_wrap_sib {
width: 100%;
padding: 0rem 1rem;
}
#apps_list {
margin: 0.5rem 0; }
#apps_list .apps_list-title {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 1rem; }
#apps_list .apps_list-title div {
display: inline-block;
flex-grow: 1; }
#apps_list .apps_list-title div h3 {
font-size: 1.2rem;
display: inline-block;
font-weight: bold;
margin-bottom: 0.1rem; }
#apps_list .apps_list-title div p {
margin-top: 5px;
font-weight: 500;
font-size: 0.7rem;
color: #8e8e93; }
#apps_list .apps_list-title a.cta_btn {
display: flex;
flex-direction: row;
align-content: flex-start;
align-items: center;
color: #007aff;
background: transparent;
padding: 0px;
font-size: 0.9rem;font-weight: 500;
}
.list-apps-sibjo{
overflow: auto;
width: 100%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start;
height: 275px;
column-gap: .9rem;
}
.list-apps-sibjo::-webkit-scrollbar {
width: 2px;
}
.list-apps-sibjo::-webkit-scrollbar-track {
border-radius: 0px;
}
.list-apps-sibjo::-webkit-scrollbar-thumb {
background: transparent;
border-radius: 0px;
}
.list-apps-sibjo #sibjo_app_block{
margin-left: -25px;width: 50%;
}
.list-apps-sibjo #sibjo_app_block .sibjo_app_block-action{
margin-left: 25px;
}
.list-apps-sibjo #sibjo_app_block:nth-last-child(-n+3) .sibjo_app_block-action{
margin-left: 3px;
}
.list-apps-sibjo #sibjo_app_block:before{
border-bottom: 1.1px solid #ddd;
position: absolute;left: 0;bottom: 0;
width: calc(100% - 50px);display: block;content: "";margin-left: 30px;
}
.list-apps-sibjo #sibjo_app_block:nth-last-child(3n+1):before{
border-bottom: transparent;
}
#sibjo_app_block {
background: white;
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 0.5rem 0;transition: .5s ease;
position: relative;left: 0;bottom: 0;overflow: hidden;
}
#sibjo_app_block:hover{
opacity: 0.5;
}
#sibjo_app_block:before{
border-bottom: 1.1px solid #ddd;
position: absolute;left: 0;bottom: 0;
width: calc(100% - 75px);display: block;content: "";margin-left: 0px;
}
#sibjo_app_block:last-child:before{
border-bottom: transparent;
}
#sibjo_app_block .sibjo_app_block-image{
background: #fff;
position: relative;left: 0;top: 0;width: 75px;height: 75px;min-width: 75px;overflow: hidden;vertical-align: middle;border-radius: 16px;border: 1.1px solid #E5E5E5;
}
#sibjo_app_block .sibjo_app_block-image img{
width: 100%;height: 100%;background: #fff;border-radius: 16px;
}
#sibjo_app_block .sibjo_app_block-info {
flex: 1 1 100%; min-width: 0; padding: 0 0.5rem;
}
#sibjo_app_block .sibjo_app_block-info h3 {
font-size: 16px;
font-weight: bold;
margin-bottom: 0.5rem;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#sibjo_app_block .sibjo_app_block-info p {
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
font-weight: 500;
margin-bottom: 0.5rem;
font-size: 0.7rem;
color: #afafaf; }
#sibjo_app_block .sibjo_app_block-info a {
color: #000; }
#sibjo_app_block .sibjo_app_block-action{
margin-left: 0;
}
#sibjo_app_block button.cta_btn {
background: #EEEEEF;
font-family: IRANYekanX;
color: #007aff;
font-weight: bold;
display: inline-block;
padding: .5rem 1.5rem;
font-size: 11px;
border-radius: 20px;
outline: none; }
.pwa {
position: absolute;
border-radius:0 10px 0 10px;
left: 0px;
bottom: 0px;
width: 25px;
height: 25px;
z-index: 100;
display: block;
background: #007aff;
}
.pwa::after {
content: "";
position: absolute;
width: 15px;height: 15px;top: 50%;left: 50%;
transform: translate(-50%, -50%);
z-index: 100;
display: block;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M11.251.068a.5.5 0 0 1 .227.58L9.677 6.5H13a.5.5 0 0 1 .364.843l-8 8.5a.5.5 0 0 1-.842-.49L6.323 9.5H3a.5.5 0 0 1-.364-.843l8-8.5a.5.5 0 0 1 .615-.09z'/%3e%3c/svg%3e");
background-size: cover; }
.list-group-app{
overflow: auto;display: flex;margin: 10px 0;
}
.sibjo_new_block{
width: 120px;min-width: 120px;margin-right: 5px;
transition: .5s ease;overflow: hidden;
}
.sibjo_new_block:first-child{
margin-right: 0;transition: .5s ease;
}
.sibjo_new_block:hover{
opacity: 0.5;
}
.sibjo_new_block .sibjo_new_block-image{
width: 120px;height: 120px;overflow: hidden;border-radius: 25px;vertical-align: middle;object-fit: cover;border: 1.2px solid #EEEEEF;
}
.sibjo_new_block .sibjo_new_block-image img{
width: 100%;height: 100%;
}
.sibjo_new_block .sibjo_new_block-info{
height: 50px;margin-top: 8px;
}
.sibjo_new_block .sibjo_new_block-info h3{
font-weight: 600;font-size: 12px;color: #333;line-height: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.sibjo_new_block .sibjo_new_block-info a{
color: #000;
}
.sibjo-app-archives{
display: flex;
flex-wrap: wrap;
}
.sibjo-app-archives #sibjo_app_block {
background: white;
width: calc(33.3333333333% - 10px);margin: 5px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 0.5rem 0;transition: .5s ease;
position: relative;left: 0;bottom: 0;overflow: hidden;
}
.sibjo-app-archives #sibjo_app_block .sibjo_app_block-image{
background: #fff;
position: relative;left: 0;top: 0;width: 90px;height: 90px;min-width: 90px;overflow: hidden;object-fit: cover;vertical-align: middle;border-radius: 20px;
}
.sibjo-app-archives #sibjo_app_block .sibjo_app_block-image img{
width: 100%;height: 100%;object-fit: cover;
background: #fff;border-radius: 20px;
}
.sibjo-app-archives #sibjo_app_block .sibjo_app_block-info {
display: block;height: 90px;
}
.sibjo-app-archives #sibjo_app_block .sibjo_app_block-action{
position: absolute;bottom: 0;margin-bottom: 8px;left: 0;
}
.sibjo-apps-search{
padding: 0;left: 0;
}
.sibjo-apps-search #sibjo_app_block-search{
padding-bottom: 35px;
}
.sibjo-apps-search #sibjo_app_block-search #sibjo_app_block {
padding-bottom: 15px;
}
.sibjo-apps-search #sibjo_app_block-search #sibjo_app_block:before{
border-bottom: transparent;
}
.sibjo-apps-search #sibjo_app_block-search #sibjo_app_block .sibjo_app_block-image{
width: 80px;min-width: 80px;height: 80px;border-radius: 22.5%;border: 1.2px solid rgb(229 231 235);
}
#sibjo_app_block .sibjo_app_block-image img{
width: 100%;height: 100%;object-fit: cover;
background: #fff;border-radius: 16px;
}
#sibjo_app_block .sibjo_app_block-info {
flex: 1 1 100%; min-width: 0; padding: 0 0.5rem;
}
#sibjo_app_block .sibjo_app_block-info h3 {
font-size: 16px;
font-weight: bold;
margin-bottom: 0.5rem;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#sibjo_app_block .sibjo_app_block-info p {
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
font-weight: 500;
margin-bottom: 0.5rem;
font-size: 0.7rem;
color: #afafaf; }
#sibjo_app_block .sibjo_app_block-info a {
color: #000; }
#sibjo_app_block .sibjo_app_block-action{
margin-left: 0;
}
.sibjo-apps-search{
padding: 0;left: 0;
}
.sibjo-apps-search #sibjo_app_block-search{
padding-bottom: 30px;width: 100%;
}
.sibjo-apps-search #sibjo_app_block-search #sibjo_app_block {
padding-bottom: 15px;
width: 100%;
}
.sibjo-apps-search #sibjo_app_block-search #sibjo_app_block:before{
border-bottom: transparent;
}
.sibjo-apps-search #sibjo_app_block-search #sibjo_app_block .sibjo_app_block-image{
width: 80px;min-width: 80px;height: 80px;border-radius: 22.5%;border: 1.2px solid rgb(229 231 235);
}
#sibjo_app_block .sibjo_app_block-image img{
width: 100%;height: 100%;object-fit: cover;
background: #fff;border-radius: 16px;
}
#sibjo_app_block .sibjo_app_block-info {
flex: 1 1 100%; min-width: 0; padding: 0 0.5rem;
}
#sibjo_app_block .sibjo_app_block-info h3 {
font-size: 16px;
font-weight: bold;
margin-bottom: 0.5rem;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#sibjo_app_block .sibjo_app_block-info p {
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
font-weight: 500;
margin-bottom: 0.5rem;
font-size: 0.7rem;
color: #afafaf; }
#sibjo_app_block .sibjo_app_block-info a {
color: #000; }
#sibjo_app_block .sibjo_app_block-action{
margin-left: 0;
}
.sibjoIcon{
display: block;width: 12px;height: 12px;content: "";vertical-align: middle;background-repeat: no-repeat;min-width: 12px;min-height: 12px;margin: 0 1px;
}
.sibjoIcon.sj-star-fill{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%239ca3af' viewBox='0 0 16 16'%3e%3cpath d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/%3e%3c/svg%3e");vertical-align: middle;object-fit: cover;
}
.sibjoIcon.sj-star{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%239ca3af' viewBox='0 0 16 16'%3e%3cpath d='M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.56.56 0 0 0-.163-.505L1.71 6.745l4.052-.576a.53.53 0 0 0 .393-.288L8 2.223l1.847 3.658a.53.53 0 0 0 .393.288l4.052.575-2.906 2.77a.56.56 0 0 0-.163.506l.694 3.957-3.686-1.894a.5.5 0 0 0-.461 0z'/%3e%3c/svg%3e");vertical-align: middle;object-fit: cover;
}
.sibjoIcon.sj-star-half{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%239ca3af' viewBox='0 0 16 16'%3e%3cpath d='M5.354 5.119 7.538.792A.52.52 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.54.54 0 0 1 16 6.32a.55.55 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.5.5 0 0 1-.146.05c-.342.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.172-.403.6.6 0 0 1 .085-.302.51.51 0 0 1 .37-.245zM8 12.027a.5.5 0 0 1 .232.056l3.686 1.894-.694-3.957a.56.56 0 0 1 .162-.505l2.907-2.77-4.052-.576a.53.53 0 0 1-.393-.288L8.001 2.223 8 2.226z'/%3e%3c/svg%3e");transform: scaleX(-1);vertical-align: middle;object-fit: cover;
}
.sibjoIcon.sj-user-dev{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%239ca3af' viewBox='0 0 16 16'%3e%3cpath d='M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0'/%3e%3cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm12 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1v-1c0-1-1-4-6-4s-6 3-6 4v1a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z'/%3e%3c/svg%3e");
}
.bax-sibjo_app_search {
display: flex;
align-content: space-between;
height: 15px;
}
.bax-sibjo_app_search .bax-sibjo-itme {
display: flex;
align-items: center;
width: 100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.bax-sibjo_app_search .bax-sibjo-itme .listbaxapp {
font-size: 11px;
font-weight: 500;
color: rgb(156, 163, 175);
margin-right: 5px;white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.bax-sibjo_app_search .bax-sibjo-itme.star-rating { flex-direction: row; }
.bax-sibjo_app_search .bax-sibjo-itme.user-dev { justify-content: center; }
.bax-sibjo_app_search .bax-sibjo-itme.cat { justify-content: flex-end; }
.bax-sibjo_app_search .bax-sibjo-itme .thebest {
font-weight: 500;
color: rgb(156, 163, 175);
border: 1.2px solid rgb(156, 163, 175);
border-radius: 5px;
padding: 1px 6px;
font-size: 10px;
height: 14px;line-height: 11px;
}
.sibjo-app-single{
width: 100%;
}
.AppTopBanner{
width: 100%;height: 180px;display: none;vertical-align: middle;object-fit: cover;margin-bottom: 2rem;
}
.AppTopBanner img{
width: 100%;height: 100%;object-fit: cover;
}
.sibjo-app-single #sibjo_app_block{
padding: 0rem 0;width: 100%;margin-bottom: 2rem;
}
.sibjo-app-single #sibjo_app_block:hover{
opacity: 1;
}
.sibjo-app-single #sibjo_app_block .sibjo_app_block-image{
width: 120px;min-width: 120px;height: 120px;border-radius: 22.5%;border: 1.2px solid rgb(229 231 235);background: #fff;
}
.sibjo-app-single #sibjo_app_block .sibjo_app_block-image img{
background: white;width: 100%;height: 100%;object-fit: cover;vertical-align: middle;background: #fff;
}
.sibjo-app-single #sibjo_app_block .sibjo_app_block-info .sibjo_app_block-info-nane{
font-size: 18px;font-weight: bold;line-height: 25px;margin-bottom: 0.5rem;
overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.sibjo-app-single #sibjo_app_block .sibjo_app_block-info .sibjo_app_block-info-nane .badge-app-title {
border: 1px solid #636366;border-radius: 3px;color: #636366;white-space: nowrap;font-size: 10px;line-height: 1;font-weight:bold;padding: 3px 3.5px;display: inline-block;text-align: center;height: 15px;margin-right:5px;
}
.sibjo-app-single #sibjo_app_block .sibjo_app_block-install{
display: block;
}
.sibjo-app-single #sibjo_app_block .sibjo_app_block-install .s-inllappsib{
display: flex;
flex-direction: row;
align-items: center;
}
.sibjo-app-single #sibjo_app_block .sibjo_app_block-install .cta_btn{
background: #007aff;color: white;
}
.sibjo-app-single #sibjo_app_block .sibjo_app_block-install .cta_btn:focus {
box-shadow: inset 0px 0.8px 0px -0.25px rgba(255, 255, 255, 0.2), 0px 0.5px 1.5px rgba(54, 122, 246, 0.25), 0px 0px 0px 3.5px rgba(58, 108, 217, 0.5);outline: 0;
}
.sibjo-app-single #sibjo_app_block .sibjo_app_block-install svg{
width: 30px;min-width: 30px;height: 30px;color: #007aff;margin-right: 10px;background: rgba(54, 122, 246, 0.2);padding: 5px;border-radius: 50%;overflow: hidden;transition: .5s ease;
}
.sibjo_app_block-install.mobiles{
display: none;
}
.sibjo_app_block-install.mobiles .s-inllappsib{
margin-top: 0.2rem;
padding-bottom: 1rem;
display: flex;
flex-direction: row;
align-items: center;
}
.sibjo_app_block-install.mobiles .cta_btn{
background: #007aff;color: white;width: 100%;height: 50px;border-radius: 30px;font-size: 14px;font-weight: 500;transition: .5s ease;
}
.sibjo_app_block-install.mobiles .cta_btn:focus {
box-shadow: inset 0px 0.8px 0px -0.25px rgba(255, 255, 255, 0.2), 0px 0.5px 1.5px rgba(54, 122, 246, 0.25), 0px 0px 0px 3.5px rgba(58, 108, 217, 0.5);outline: 0;
}
.sibjo_app_block-install.mobiles svg{
width: 50px;min-width: 50px;height: 50px;color: #007aff;margin-right: 10px;background: rgba(54, 122, 246, 0.2);padding: 10px;border-radius: 50%;overflow: hidden;transition: .5s ease;
}
.sibjo_app_block-install.mobiles svg:active{
opacity: 0.8;transform: scale(1.05);
}
.sibjoline{
width: 100%;height: 0.5px;background: #ddd;
}
#app_specifications {
white-space: nowrap;
overflow: auto;
border-top: 1px solid #ddd;
padding: 5px 0;
text-align: center;
}
.app_item_call{width:110px;min-width: 110px;padding:5px;text-align:center;display:inline-block;vertical-align:top;position:relative;}
.app_item_call:before{content:" ";position:absolute;left:0;top:50%;width:0px;height:60%;transform: translateY(-50%);border-left: 2px solid #e6e6e6;}
.app_item_call:last-child:before{border-left: 1.1px solid transparent}
.app_item_call .title{font-size:12px;font-weight: 500;margin-bottom:8px;color:rgb(156 163 175);overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.app_item_call .value{color: #858688;font-size:22px!important;font-weight:800;min-height:30px;display:flex;align-items:center;-webkit-align-items:center;justify-content:space-between;-webkit-justify-content:space-between}
.app_item_call .value .value_icon{width: 29px;height: 29px;min-width: 29px;overflow: hidden;margin: 0 auto;}
.app_item_call .value span{
font-size: 13px;font-weight: bold;
}
.app_item_call .value .iconsdeveloper{
width: 100%;height: 100%;color: #858688;
}
.app_item_call .value_m{width:100%}
.app_item_call .value_m a{font-weight: 500;color:rgb(156 163 175)}
.app_item_call .label_dr{color:rgb(156 163 175);margin-top:5px;font-size:12px;font-weight: 500;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.app_item_call .value.developer .label_dr{color:rgb(156 163 175);margin-top:4px;font-size:12px;font-weight: 500;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.app_item_call .check svg.close_svg{width:28px;height:28px:}
.app_item_call .check svg.close_svg path{fill: #858688;}
.app_item_call .label_dr .sibjoIcon{
margin: 0 auto;
}
.app_item_call .label_dr .sibjoIcon.sj-star-fill{
width: 13px;height: 13px;margin: 0 1px;
}
.app_item_call .label_dr .sibjoIcon.sj-star{
width: 13px;height: 13px;margin: 0 1px;
}
.app_item_call .label_dr .sibjoIcon.sj-star-half{
width: 13px;height: 13px;margin: 0 1px;
}
.whats-new{
margin: 10px 0;
}
.whats-new .whats-new-item{
display: flex;
flex-direction: row;
align-content: flex-start;
align-items: center;
}
.whats-new .whats-new-item .whats-new-item-right{
text-align: right;width: 50%;
}
.whats-new .whats-new-item .whats-new-item-right .whats-new-headline{
text-align: right;font-weight: bold;font-size: 16px;line-height: 25px;
}
.whats-new .whats-new-item .whats-new-item-right .whats-new_latest_version{
text-align: right;
font-weight: 500;font-size: 12px;margin-top: 8px;color: #A6A6A6;
}
.whats-new .whats-new-item .whats-new-item-left{
width: 50%;text-align: left;
display: block;
}
.whats-new .whats-new-item .whats-new-item-left .version-history{
text-align: left;font-weight: 500;font-size: 13px;color: #007aff;
}
.whats-new .whats-new-item .whats-new-item-left .version-history_item-date{
text-align: left;
font-weight: 500;font-size: 12px;margin-top: 8px;color: #A6A6A6;
}
.whats-new .whats-new-item-list{
padding-top: 10px;
padding-bottom: 10px;
}
.whats-new .whats-new-item-list p{
font-weight: 500;font-size: 12px;margin-top: 5px;line-height: 1.8;
}
.whats-new .whats-new-item-list p a{
font-weight: bold;color: #007aff;
}
.sibjo_app-developer{
padding: 1rem 0;transition: .5s ease;
}
.sibjo_app-developer a{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.sibjo_app-developer .sibjo_app-developer-info{
flex: 1 1 100%; min-width: 0; padding: 0 0.5rem;
}
.sibjo_app-developer .sibjo_app-developer-info .sjd-name{
font-size: 16px;font-weight: 600;
}
.sibjo_app-developer .sibjo_app-developer-info .sjd-devp{
margin-top: 5px;
font-weight: 400;font-size: 12px;color: #A6A6A6;
}
.sibjo_app-developer svg{
width: 23px;height: auto;transform: rotate(180deg);margin-right: auto;
}
.app-information{
margin: 1.2rem 0;
}
.app-information .information-headline{
font-size: 16px;font-weight: bold;
}
.app-information ul{
margin: 5px 0;
}
.app-information ul li{
padding: 10px 0;border-bottom: 1.2px dashed #ddd;
}
.app-information ul li:last-child{
border-bottom: none;
}
.app-information ul li .information-list_item{
display: flex;
flex-direction: row;
align-content: flex-start;
align-items: center;
}
.app-information ul li .information-right{
width: 50%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size: 13px;font-weight: 500;color: #A6A6A6;
}
.app-information ul li .information-left{
text-align: left;
width: 50%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size: 13px;font-weight: bold;color: #333;
display: flex;flex-direction: row;justify-content: flex-end;align-items: center;
}
.tabinformationcontent {
display: none;transition: 0.5s ease;
}
.tabinformationcontent p{
font-size: 12px;font-weight: 500;color: #333;line-height: 1.8;margin-top: 5px;
}
.tabinformationcontent.active {
display: block;
}
.tabinformationlinks{
width: 22px;height: 22px;position: relative;left: 0;top: 0;overflow: hidden;margin-right: 10px;
}
.tabinformationlinks svg{
width: 20px;height: 20px;
transform: translate(-50%,-50%) rotate(90deg);transition: all .25s;
position: absolute;left: 50%;top: 50%;color: #A6A6A6;
}
.tabinformationlinks.active svg{
transform: translate(-50%,-50%) rotate(270deg);
}
.sibjo_app-developer{
padding: 1rem 0;transition: .5s ease;
}
.sibjo_app-developer a{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.sibjo_app-developer .sibjo_app-developer-info{
flex: 1 1 100%; min-width: 0; padding: 0 0.5rem;
}
.sibjo_app-developer .sibjo_app-developer-info .sjd-name{
font-size: 14px;font-weight: 600;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.sibjo_app-developer .sibjo_app-developer-info .sjd-devp{
margin-top: 5px;
font-weight: 400;font-size: 12px;color: #A6A6A6;
}
.sibjo_app-developer svg{
width: 23px;height: auto;transform: rotate(180deg);margin-right: auto;color: #A6A6A6;
}
.app-privacy{
margin: 1rem 0;
}
.app-privacy .headline-app-privacy{
font-size: 16px;padding-bottom: 5px;
}
.app-privacy p{
margin-top: 5px;
font-weight: 500;font-size: 12px;color:rgb(156 163 175);line-height: 1.8;
}
.app-privacy p .app-privacy_developer-name{
font-weight: bold;color: #000000;
}
.app-privacy a{
font-weight: 500;font-size: 12px;
}
#navbar{
position: fixed;
width: 100%;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.07);
z-index: 100;
left:0;
bottom:0;
-webkit-bottom: 0;
right: 0;
background: rgba(255, 255, 255, 0.9);
-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
border-top: 1px solid rgba(0, 0, 0, 0.07);
}
#navbar .navbar-wrapper{
width: 100%;
max-width: 1024px;
margin: 0 auto;position: relative;left: 0;top: 0;padding-bottom:24px;padding-top:6px
}
#navbar .navbar-wrapper ul{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;list-style: none;
padding: 0 10px;height: 58px;
}
#navbar .navbar-wrapper ul li{
width: calc(100vw / 2);position: relative;
top: 0;left: 0;text-align: center;
}
#navbar .navbar-wrapper ul li.active a{
color: var(--main-color);
}
#navbar .navbar-wrapper ul li:hover a{
color: var(--main-color);
}
#navbar .navbar-wrapper ul li:hover .animation-home-navbar {
stroke-dasharray: 50;
stroke-dashoffset: 50;
animation: animation-home-navbar 1.5s ease forwards;
}
#navbar .navbar-wrapper ul li:hover .animation-tv-navbar {
animation: animationtvnavbar 0.5s ease-in-out;
}
#navbar .navbar-wrapper ul li:hover svg path.animation-categories-navbar{
opacity: 0;
transform: translateY(-20px);
animation: animationcategoriesnavbar 0.3s ease-out forwards;
}
#navbar .navbar-wrapper ul li:hover svg .animation-categories-navbar:nth-child(3) {
animation-delay: 0.1s;
}
#navbar .navbar-wrapper ul li:hover svg path.animation-categories-navbar:nth-child(2) {
animation-delay: 0.2s;
}
#navbar .navbar-wrapper ul li:hover svg.search-icon {
animation: searchscanZoom 1.2s ease-in-out forwards;
}
#navbar .navbar-wrapper ul li:hover .animation-uesr-navbar {
animation: pulseZoom 1s ease-in-out forwards;
}
#navbar .navbar-wrapper ul li a{
display: block;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #7b7979;
}
#navbar .navbar-wrapper ul li p{
margin-top:8px;
}
#navbar .navbar-wrapper ul li .navbar-icon{
width: 25px;height: 25px;position: relative;left: 0;top: 0;margin: 0 auto;
}
#navbar .navbar-wrapper ul li .navbar-icon svg{
width: 100%;height: 100%;text-align: center;    
}
#navbar .navbar-wrapper ul li .navbar-icon img{
width: 100%;height: 100%;position: relative;left: 0;top: 0;overflow: hidden;vertical-align: middle;object-fit: cover;border-radius: 50%;
}
@keyframes animationtvnavbar {
0% {
transform: translateX(0);
opacity: 1;
}
25% {
transform: translateX(100%);
opacity: 0;
}
50% {
transform: translateX(-100%);
opacity: 0;
}
75% {
transform: translateX(0);
opacity: 1;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
@keyframes animationcategoriesnavbar {
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes searchscanZoom {
0% {
transform: scale(0.8) rotate(0deg);
opacity: 0;
}
30% {
transform: scale(1.1) rotate(10deg);
opacity: 1;
}
60% {
transform: scale(1) rotate(-5deg);
}
100% {
transform: scale(1) rotate(0deg);
}
}
@keyframes pulseZoom {
0% {
transform: scale(0.9);
opacity: 0;
}
40% {
transform: scale(1.1);
opacity: 1;
}
70% {
transform: scale(1);
}
100% {
transform: scale(1);
}
}
@keyframes animation-home-navbar {
to {
stroke-dashoffset: 0;
}
}
.categories-list{
margin: .5rem 0;
}
.categories-list li{
width: 100%;
transition: all 0.3s ease-out;
}
.categories-list li a{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;font-size: 13px;font-weight: 500;color: #333;
padding: 0.8rem 0;
position: relative;left: 0;bottom: 0;
}
.categories-list li a:after{
position: absolute;left: 0;bottom: 0;content: "";width: calc(100% - 40px);border-bottom: 1.26px solid #ddd;
}
.categories-list li:last-child a:after{
border-bottom: 0px solid transparent;
}
.categories-list li img{
width: 30px;height: 30px;
margin-left: 5px;vertical-align:middle;
}
#search h3 {
margin: 0 0.5rem 1rem !important; }
.text-h3-center{
font-weight: bold;
margin-bottom: 0.4rem;
}
.text-p-center{
line-height: 1.8;
font-size:  12px;
}
.searchform{
margin-top: 1rem;
margin-bottom: 2rem;
}
#search{
margin: 0;
padding: 0;
width: 100%;
background: #E6E7EB;
border: 1px solid #eeeeee;
border-radius: 10px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
#search input{
margin: 0;
background: transparent;
width: 100%;
color: #000;
padding: 1rem 0.5rem 1rem 1rem;
text-align: right;}
#search input::placeholder {
color: #9CA2AE;
}
#search input:-ms-input-placeholder {
color: #9CA2AE; }
#search input::-ms-input-placeholder {
color: #9CA2AE; }
#search input:hover{
background: transparent;
}
#search input::-webkit-search-cancel-button{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg stroke-width='0'%3e%3c/g%3e%3cg stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath id='Vector' d='M21 21L12 12M12 12L3 3M12 12L21.0001 3M12 12L3 21.0001' stroke='%239BA0A6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");margin-left: 10px;position: absolute;left: 0;top: 50%;z-index: 10;width: 18px;height: 18px;-webkit-appearance: none;transform: translateY(-50%);vertical-align:middle;background-position: center;background-size: cover;
}
#search button{
position: relative;
top: 0;
right: 0;
background: transparent;
margin-right: 0.5rem;
border: 0;
}
#search button svg{
fill: #9BA0A6;
width: 25px;
height: 25px;
display: inline-block;  
}
#preloader_search{
text-align: center;
}
#preloader_search svg {
-webkit-animation: loading-mini-rotate 2s linear infinite;
-moz-animation: loading-mini-rotate 2s linear infinite;
-o-animation: loading-mini-rotate 2s linear infinite;
animation: loading-mini-rotate 2s linear infinite;
width: 35px;
height: 35px;
}
#preloader_search .path {
stroke-dasharray: 90, 150;
stroke-dashoffset: 0;
stroke-width: 4;
stroke: #8B9096;
stroke-linecap: round;
-webkit-animation: loading-mini-dash 1.5s ease-in-out infinite;
-moz-animation: loading-mini-dash 1.5s ease-in-out infinite;
-o-animation: loading-mini-dash 1.5s ease-in-out infinite;
animation: loading-mini-dash 1.5s ease-in-out infinite;
}
#popular_searched {
margin: 1.5rem 0.5rem 1rem !important; }
#popular_searched h5.popular_searched-title {
margin-bottom: 1rem;
font-weight: bold;
font-size: 1rem; }
#popular_searched ul.popular_searched-keywords li {
margin-bottom: 0.7rem;
padding-bottom: 0.7rem;
border-bottom: 1px dotted #eeeeee; }
#popular_searched ul.popular_searched-keywords li a {
color: #007aff;
font-weight: bold;
font-size: 0.9rem; }

.preloader-home{
width:100%;height:100%;top:0;position:fixed;z-index:9999999998;
background: #ffffff;
}
.preloader-home .logos{
position: absolute;
text-align: center;
width: 100%;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.preloader-home .logos svg{
fill: #007aff;
width: 100px;
height: auto;
}
.preloader-home .vireshn{
position: absolute;
text-align: center;
width: 100%;
left: 50%;
bottom: 10px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.preloader-home .vireshn .loader {
overflow: hidden;
width: 100%;
height: 100%;
top: 0; left: 0;
display: flex;
align-items: center;
align-content: center; 
justify-content: center;
z-index: 100000;
}
.preloader-home .vireshn .loader__element {
background: #007aff;
border-radius: 100%;
border: 5px solid #007aff;
margin: calc(5px*2);
}
.preloader-home .vireshn .loader__element:nth-child(1) {
animation: preloaderpwahome .6s ease-in-out alternate infinite;
}
.preloader-home .vireshn .loader__element:nth-child(2) {
animation: preloaderpwahome .6s ease-in-out alternate .2s infinite;
}
.preloader-home .vireshn .loader__element:nth-child(3) {
animation: preloaderpwahome .6s ease-in-out alternate .4s infinite;
}
@keyframes preloaderpwahome {
100% { transform: scale(2); }
}

.preloader{width:100%;height:31px;text-align:center}.cssload-speeding-wheel{width:31px;height:31px;margin:0 auto;border:2px solid #007aff;border-radius:50%;border-left-color:transparent;border-right-color:transparent;animation:cssload-spin 425ms infinite linear;-o-animation:cssload-spin 425ms infinite linear;-ms-animation:cssload-spin 425ms infinite linear;-webkit-animation:cssload-spin 425ms infinite linear;-moz-animation:cssload-spin 425ms infinite linear}@keyframes cssload-spin{100%{transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes cssload-spin{100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes cssload-spin{100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes cssload-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes cssload-spin{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}.preloader{width:100%;height:100%;top:0;position:fixed;z-index:2000000004;background:#fff}#preloader_sib{display:none}.preloader .cssload-speeding-wheel{position:absolute;top:calc(50% - 3.5px);left:calc(50% - 3.5px)}@media (max-width:1200px){#preloader_sib{display:block}}

.turbolinks-progress-bar{
z-index:999999999;
right: 0;
}

#moddal-qr{
border:none;
cursor: pointer;
background: #007aff;
font-family: IRANYekanX;
color: #FFFFFF;
font-weight: bold;
display: inline-block;
padding: .5rem 1.5rem;
font-size: .8rem;
border-radius: 30px;
outline: none; 
}

#app_slide{
margin-top: 0.4rem;
display: flex;
white-space: nowrap;
overflow: auto;
text-align: right;
}
#app_slide .swiper-slide {
margin-left: 0.2rem;
text-align: right;
}
#app_slide .swiper-slide img{
text-align: right;
width: auto; 
height: 500px;
border-radius: 5px;
border: 1px solid rgba(229.0, 229.0, 234.0, 1.0);
background: #fff;
}

#app_slide iframe.videos {
margin-left: 0.2rem;
border: 1px solid rgba(229.0, 229.0, 234.0, 1.0);
box-shadow: 2px 4px 12px rgb(0 0 0 / 8%); background: #C3C3C3;
width: auto;
height: 210px;
border-radius: 5px; 
}

.slideshow-sibjo-apps {
padding: 0px 10px;
text-align: center;
display: none;
position: fixed;
z-index: 13348881;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto; 
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
 backdrop-filter: blur(15px);
}

.slideshow-sibjo-apps #slideshow-sibjo-img{
text-align: center;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
border-radius: 10px;
padding: 0px 10px;
}

.slideshow-sibjo-closebtn {
border-radius: 50%;
background: rgb(0 0 0 / 45%);
position: absolute;
top: 30px;
right: 15px;
color: white;
z-index: 12345678;
font-size: 30px;
padding: 1px 15px;
cursor: pointer;
}

#app_info{
color: var(--color);
font-size: 12px !important;
display: inline-block;
width: 100%;
margin-bottom: 5px;
}
#app_info h1{
color: var(--color);
font-size: 15px !important;
display: inline-block;
font-weight: bold;
margin-top: 2rem;
margin-bottom: 0.5rem; 
}
#app_info h2{
color: var(--color);
font-size: 15px !important;
display: inline-block;
font-weight: bold;
margin-top: 2rem;
margin-bottom: 0.5rem; 
}
#app_info h3{
color: var(--color);
font-size: 15px !important;
display: inline-block;
font-weight: bold;
margin-top: 0.5rem;
margin-bottom: 0.5rem; 
}
#app_info h4{
color: var(--color);
font-size: 15px !important;
display: inline-block;
font-weight: bold;
margin-top: 2rem;
margin-bottom: 0.5rem; 
}
#app_info h5{
color: var(--color);
font-size: 15px !important;
display: inline-block;
font-weight: bold;
margin-top: 2rem;
margin-bottom: 0.5rem; 
}
#app_info h6{
color: var(--color);
font-size: 15px !important;
display: inline-block;
font-weight: bold;
margin-top: 2rem;
margin-bottom: 0.5rem; 
}
#app_info p{
padding: 4px 0;
cursor: pointer;
font-family: IRANYekanX;
color: #66676B;
font-weight: 500;
line-height: 1.8;
font-size:  12px;
outline: none; }
#app_info b{
color: #000;
padding: 0 4px;
font-weight: bold;}
#app_info section{
color: #66676B;
font-weight: bold;
}
#app_info strong {
color: #000;font-weight: bold;padding: 4px 0;
}
#app_info ul{
display: list-item;
list-style: disc;
margin-right: 20px;
}
#app_info ul li{
margin: 0.5rem 0rem;
font-family: IRANYekanX;
display: list-item;
font-size: 12px !important;
font-weight: 400;
color: #66676B;
line-height: 1.8;
}

form label {
font-weight: bold;
color: #000000;
font-size: 0.8rem;
margin-bottom: 0.5rem; }
input[type="text"] , input[type="password"] , input[type="url"] , input[type="email"] , select , textarea , input[type="button"] , input[type="tel"] , input[type="file"]{
width: 100%;
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 0.7rem;
border-radius: 5px;
margin-top: 0.5rem;
margin-bottom: 1.5rem;
outline-color: transparent;
outline-width: 0; }

form input[type="submit"], form textarea[type="submit"], form select[type="submit"], input[type=submit] {
width: 100%;
padding: 0.7rem;
border: 0px solid transparent;
border-radius: 5px;
margin-top: 0.5rem;
margin-bottom: 1.5rem;
outline-color: transparent;
outline-width: 0;
background: #007aff;
color: #FFFFFF;
font-weight: bold; }
form textarea {
height: 80px;
resize: none; }

.commentlist #comment_sibjo {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-bottom: 1rem; 
}
.commentlist #comment_sibjo .comment_sibjo-image img {
width: 50px;
 height: auto;
 border-radius: 50px;
}
.commentlist #comment_sibjo .comment_sibjo-info {
position: relative;
top: 0;
left: 0;
flex-grow: 1;
padding: 0 0.5rem; }
.commentlist #comment_sibjo .comment_sibjo-info h3 {
 font-weight: bold;
 margin-bottom: 0.4rem;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center; 
font-size: 15px;}
.commentlist #comment_sibjo .comment_sibjo-info p {
 font-weight: 500;
 font-size: 11px;
 color: #737476; }
.commentlist #comment_sibjo .comment_sibjo-info a {
 color: #000; }
.commentlist #comment_sibjo .comment_sibjo-action {
position: relative;
top: 0;
left: 0;
}
.commentlist #comment_sibjo .comment_sibjo-action img {
width: 100%;
max-width: 30px; }
.commentlist .comment_sibjo-info ul {
margin-top: 0.8rem; }
.commentlist .comment_sibjo-info ul li {
font-weight: normal;
font-size: 0.7rem;
color: #afafaf;
margin-bottom: 5px; }

.commentlist {margin: 15px 0;}
.commentlist li {
margin: 10px 0px;
padding: 10px 5px;
border-bottom: 1px solid #ddd;
border-radius: 0px;}
.commentlist li:last-child {
border-bottom: none;
}
.commentlist ol.children li {
margin-top: 15px;
background: #EBEFF2;
padding: 5px;
border-radius: 5px;
border-bottom: none;
}
.commentlist .text-p{
width: 100%;
display: inline-block;
padding-right: 10px;
font-weight: 400;
font-size: 11px;
line-height: 1.8;
}
.commentlist .developer { 
background: #F9FAFE;
padding: 6px 8px;
font-size: 10px;
font-weight: bold;
color: #737476;
border: solid 2px #E6E6EE;
border-radius: 20px;
}
.commentlist #comment_sibjo .rating { 
font-size: 13px;
font-weight: bold;
color: #007aff;
padding-left: 5px;
}
.commentlist .bypostauthor .rating{ 
display: none;
}
.commentlist ol.children .rating { 
display: none;
}
.commentlist #respond .comment-form-rating_test, .starRting{
display: none;
}
.commentlist ol.children .reply-sibjo-commenet{ 
display: none;
}
.reply-sibjo-commenet{
display: inline-flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
width: 100%;
}
.reply-sibjo-commenet .reply-sibjo-link {
padding: 5px;
text-align: left;
border-radius: 5px;
color: var(--color-reply-modal);
font-size: 12px;
font-weight: 500;
transition: .5s ease;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}
.reply-sibjo-commenet .reply-sibjo-link:hover{
background: var(--ta-reply-modal);
transition: .5s ease;
}
.reply-sibjo-commenet .reply-sibjo-link svg{
margin-left: 5px;
width: 20px;height: 20px;transition: .5s ease;
}
.reply-sibjo-commnet-modal{
background-color: rgba(0, 0, 0, 0.4); 
z-index: 99999;
position: fixed;left: 0;bottom: 0;border: none;
width: 100%;
height: 100%;
border-radius: 0;
-webkit-animation-name: fadeInsibjireply;
-webkit-animation-duration: 0.4s;
animation-name: fadeInsibjireply;
animation-duration: 0.4s
}
.reply-sibjo-commnet-modal .modal-reply-sibjo-content{
width: 100%;
position: absolute;
left: 0;bottom: 0;
background: var(--bg-reply-modal);
border-radius: 15px 15px 0 0;
-webkit-animation-name: slideInsibjireply;
-webkit-animation-duration: 0.4s;
animation-name: slideInsibjireply;
animation-duration: 0.4s
}
@-webkit-keyframes slideInsibjireply {
from {bottom: -300px; opacity: 0} 
to {bottom: 0; opacity: 1}
}
@keyframes slideInsibjireply {
from {bottom: -300px; opacity: 0}
to {bottom: 0; opacity: 1}
}
@-webkit-keyframes fadeInsibjireply {
from {opacity: 0} 
to {opacity: 1}
}
@keyframes fadeInsibjireply {
from {opacity: 0} 
to {opacity: 1}
}
.reply-sibjo-commnet-modal .modal-reply-sibjo-content .modal-reply-sibjo-header{
position: relative;top: 0;left: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 1rem 0; border-radius: 15px 15px 0 0; border-bottom: 1px solid var(--br-reply-modal);
}
.reply-sibjo-commnet-modal .modal-reply-sibjo-content .modal-reply-sibjo-header .cancel-reply-sibjo{
width: auto;height: 30px;
margin-left: 10px;
position: absolute;transition: .2s ease;
left: 0;top: 50%;transform: translateY(-50%);
}
.reply-sibjo-commnet-modal .modal-reply-sibjo-content .modal-reply-sibjo-header .cancel-reply-sibjo svg{
width: 28px;color: var(--cancel-reply-modal);
height: 28px;border-radius: 50%;
transform: scale(1);transition: .2s ease;
}
.reply-sibjo-commnet-modal .modal-reply-sibjo-content .modal-reply-sibjo-header .cancel-reply-sibjo:hover svg{background: var(--cancel-bg-reply-modal);
transform: scale(1.2);transition: .2s ease;
}
.reply-sibjo-commnet-modal .modal-reply-sibjo-content .modal-reply-sibjo-header .reply-sibjo-commnet-form-name{
font-size: 14px;
font-weight: bold;
color: var(--color-reply-modal);
}
.reply-sibjo-commnet-modal .modal-reply-sibjo-content .modal-reply-sibjo-body{
padding: 1rem;
}
.reply-sibjo-commnet-modal .modal-reply-sibjo-content .modal-reply-sibjo-body textarea{
width: 100%;
height: 150px;
border: 1px solid var(--br-reply-modal);
background: var(--ta-reply-modal);
font-size: 12px;
font-weight: 500;
color: var(--cr-ta-reply-modal);
border-radius: 10px;
}
.reply-sibjo-commnet-modal .modal-reply-sibjo-content .loading-reply-sibjo svg {
-webkit-animation: loading-mini-rotate 2s linear infinite;
-moz-animation: loading-mini-rotate 2s linear infinite;
-o-animation: loading-mini-rotate 2s linear infinite;
animation: loading-mini-rotate 2s linear infinite;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 25px;
height: 25px;
}
.reply-sibjo-commnet-modal .modal-reply-sibjo-content .loading-reply-sibjo .path {
stroke-dasharray: 90, 150;
stroke-dashoffset: 0;
stroke-width: 5;
stroke: #fff;
stroke-linecap: round;
-webkit-animation: loading-mini-dash 1.5s ease-in-out infinite;
-moz-animation: loading-mini-dash 1.5s ease-in-out infinite;
-o-animation: loading-mini-dash 1.5s ease-in-out infinite;
animation: loading-mini-dash 1.5s ease-in-out infinite;
}
.reply-sibjo-commnet-modal .modal-reply-sibjo-content .submit-reply-sibjo{
background: #007aff;width: 100%;height: 40px;
border-radius: 5px;font-size: 14px;font-weight:500;color: white;font-family: IRANYekanX;position: relative;left: 0;right: 0;
}
.reply-sibjo-commnet-modal .modal-reply-sibjo-content .submit-reply-sibjo:focus {
box-shadow: inset 0px 0.8px 0px -0.25px rgba(255, 255, 255, 0.2), 0px 0.5px 1.5px rgba(54, 122, 246, 0.25), 0px 0px 0px 3.5px rgba(58, 108, 217, 0.5);outline: 0;
}
#smessage_success{
position: fixed;
width: calc(100% - 20px);
border-radius: 5px;
top: 10px;
left: 50%;
transform: translateX(-50%);
background-color: #E7F6EF;
color: #0DA860;font-size: 13px;font-weight:500;
padding: 10px 35px 10px 0;
border: 1px solid #D8E9E1;
z-index: 100000;
animation: animation-sibjo-message 1s ease-in-out;
}
#smessage_success:before{
position: absolute;
right: 0;
padding: 0px;
margin: 0 auto;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='%230DA860'%3e%3cg stroke-width='0'%3e%3c/g%3e%3cg stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg%3e%3cpath fill='%230DA860' d='M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e"); background-size: 20px;
background-repeat: no-repeat;
content: "";
width: 30px;
height: 30px;
}
#smessage_error{
position: fixed;
width: calc(100% - 20px);
border-radius: 5px;
top: 10px;
left: 50%;
transform: translateX(-50%);
background-color: #FEF0F0;
color: #F46C6C;font-size: 13px;font-weight:500;
padding: 10px 35px 10px 0;
border: 1px solid #F5E5E5;
z-index: 100000;
animation: animation-sibjo-message 1s ease-in-out;
}
#smessage_error:before{
position: absolute;
right: 0;
padding: 0px;
margin: 0 auto;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 24 24'%3e%3cpath fill='%23F46C6C' fill-rule='evenodd' d='M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0M7.293 16.707a1 1 0 0 1 0-1.414L10.586 12L7.293 8.707a1 1 0 0 1 1.414-1.414L12 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414L13.414 12l3.293 3.293a1 1 0 0 1-1.414 1.414L12 13.414l-3.293 3.293a1 1 0 0 1-1.414 0' clip-rule='evenodd'/%3e%3c/svg%3e");
background-size: 20px;
background-repeat: no-repeat;
content: "";
width: 30px;
height: 30px;
}
@keyframes animation-sibjo-message{
0% {
transform: translate(-50%, -100%);
}
100% {
transform: translate(-50%, 0);
}
}

#list-cammnet-red{
margin-bottom: 10px;
border-radius: 3px;
padding: 5px 5px;
display: flex;
flex-direction: row;
align-content: flex-start;
align-items: center;
background: #F9FAFE;
}
#list-cammnet-red svg{
width: 25px;
height: 25px;
fill: #202020;
}
#list-cammnet-red span{
margin-right: 5px;
font-size: 12px;
font-weight: 500;
color: #202020;
}
#empty_review{
border-radius: 5px;
border: solid 2px #EBEFF2;
padding: 10px 10px;
margin-bottom: 10px;
}

#empty_revieww{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
}

#empty_review img{
width: 25px;
height:25px;
margin-left: 10px;
}

#empty_review #comment-myBtn{
font-family: IRANYekanX;
background: #F9FAFE;
color: #007aff;
border-radius: 5px;
font-size: 0.9rem;
font-weight: bold;
width: 100%;
padding: 10px 0;
margin-top: 10px;
}

#empty_review_title{
font-size: 0.9rem;
font-weight: bold;
line-height: 1.8;
}

#comment-myBtn{
font-family: IRANYekanX;
background: #F9FAFE;
color: #007aff;
border-radius: 5px;
font-size: 0.9rem;
font-weight: bold;
width: 100%;
padding: 10px 0;
margin: 10px 0;
}

#comment-myBtnsibjo{
font-family: IRANYekanX;
background: #F9FAFE;
color: #007aff;
border-radius: 5px;
font-size: 0.9rem;
font-weight: bold;
width: 100%;
padding: 10px 0;
margin: 10px 0;
}

.yourComment{
padding: 15px 0;
margin: 15px 0;
border-top: solid 1px #EAEAEA;
border-bottom: solid 1px #EAEAEA;
}

.yourComment #you_comment_before{
font-size: 14px !important;
font-weight: bold;
}

.yourComment #yourComment{
font-size: 15px !important;
padding: 10px 0;
font-weight: bold;
}

.yourComment #edit_review{
text-align: center;
background: #F9FAFE;
color: #007aff;
border-radius: 5px;
font-size: 14px !important;
font-weight: bold;
width: 100%;
padding: 10px 0;
margin: 10px 0;
}

.commentlist #respond .comment-form-cookies-consent, .cmruls, .logged-in-as, .fomstcomment{
display: none;
}

.review-rating{
margin: 15px 0px 30px 0px;
}
.review-rating .widget-ratings{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.review-rating .widget-ratings svg{
padding: 0px 2px;
top: 1px; width:13px;height:13px;-webkit-transition:-webkit-transform .2s ease-in-out 0s;transition:-webkit-transform .2s ease-in-out 0s;transition:transform .2s ease-in-out 0s;transition:transform .2s ease-in-out 0s,-webkit-transform .2s ease-in-out 0s
}
.review-rating .rate1{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
position: absolute;
background: #F9FAFE;
border-radius: 15px;
left: 16px;
padding: 5px 10px;
}
.review-rating .widget-ratings #stas{
font-weight: bold;
color: #6D6E70;
font-size: 11px;
padding: 0 1px;
}
.review-rating #hs{
font-weight: bold;
color: #000;
font-size: 14px;
padding: 0 1px;
}
.review-rating .star-as{
padding: 0px 35px 0px 0px;
}
.review-rating .rc-progress-line {
width: 100%;
background-color: #f1f1f1;
border-radius: 20px;
}
.review-rating .ct-progress-line {height: 15px; background-color: #007aff;
border-radius: 20px;
}
.review-rating #widget-container{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center; 
position: absolute;
right: 16px;
content: "";
}
.review-rating #widget-container svg{
width: 15px;
margin-bottom: 0.1rem;
}
.review-rating #widget-container span{
font-weight: bold;
color: #6D6E70;
font-size: 0.9rem;
padding: 0 5px;
}
.review-rating .star-info{
padding: 10px 0;
}
.commentshoma svg{
width: 130px;
height: auto;
}
#modal {
display: none;
position: fixed;
width: 100%;
height: 100%;
left: 0;
z-index: 2000000008;
top: 0;
background: rgba(0, 0, 0, 0.6);
}
#modal .modal-box {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: calc(100% - 20px);
max-width: 360px;
background: white;
z-index: 2000000008;
border-radius: 10px;
-webkit-box-shadow: -1px 14px 30px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: -1px 14px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow: -1px 14px 30px 0px rgba(0, 0, 0, 0.1);
}
#modal .modal-box .modal-box-content {
padding: 2rem; 1rem}
#modal .modal-box .modal-box-content h3 {
font-weight: bold;
display: block;
font-size: 16px;
color: #000000;
display: block;margin-bottom: 1rem;
}
#modal .modal-box .modal-box-content p {
font-size: 0.8rem;
color: #848484;
line-height: 1.8;
}
#modal .modal-box .modal-box-buttons {
display: flex;
flex-direction: row; }
#modal .modal-box .modal-box-buttons button {
width: 50%;
cursor: pointer; }
#modal .modal-box .modal-box-buttons .modal-buttons-agree {
background: #007aff;
font-family: IRANYekanX;
color: #FFFFFF;
font-weight: bold;
display: inline-block;
padding: 1rem 1.5rem;
font-size: 14px;
border-radius: 0 0 10px 0; }
#modal .modal-box .modal-box-buttons .modal-buttons-disagree {
background: #f3efef;
font-family: IRANYekanX;
color: #4e4e4e;
font-weight: bold;
display: inline-block;
padding: 1rem 1.5rem;
font-size: 14px;
border-radius: 0 0 0 10px; }
#modal .modal-box .modal-box-buttons .modal-buttons-disagreed {
width: 100%;
border: 1px solid transparent;
background: #f3efef;
font-family: IRANYekanX;
color: #4e4e4e;
font-weight: bold;
display: inline-block;
padding: 1rem 1.5rem;
font-size: 14px;
border-radius: 0 0 10px 10px;}
.modal-more {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
z-index: 2000000008;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
backdrop-filter: blur(15px);
-webkit-animation-name: morefadeIn; 
-webkit-animation-duration: 0.4s;
animation-name: morefadeIn;
animation-duration: 0.4s
}
.modal-more .modal-content-more {
text-align: center;
position: fixed;
bottom: 0px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 20px);
 max-width: 500px;
text-align: center;
z-index: 2000000008;
-webkit-animation-name: moreslideIn;
-webkit-animation-duration: 0.4s;
animation-name: moreslideIn;
animation-duration: 0.4s
}
.modal-more .close-more {
padding: 12px 20px;
border-radius: 10px;
background-color: hsla(0,0%,96.1%,.85);
backdrop-filter: blur(15px);
margin-bottom: 7px;
font-family: IRANYekanX;
font-weight: bold;
font-size: 14px;
color: #000;
}
.modal-more #more-app-btn{
font-family: IRANYekanX;
width: 100%;
overflow: auto;
display: flex;
}
.modal-more #more-app-btn #moreimg{
width: 90px;
margin: 0 5px;
background: #ffffff;
border-radius: 10px;
}
.modal-more .healp-app-btn{
font-family: IRANYekanX;
font-weight: bold;
font-size: 14px;
color: #007aff;
-webkit-backdrop-filter: blur(15px);
list-style: none;
cursor: pointer;
padding: 12px 20px;
background-color: hsla(0,0%,96.1%,.85);
backdrop-filter: blur(15px);
}.modal-more .healp-app-btn a{
font-size: 14px;
color: #007aff;
}
.modal-more .healp-app-btn:not(:last-child) {
border-bottom: 1px solid #afafaf
}
.modal-more .healp-app-btn:active {
background: #afafaf
}
.modal-more #help_sibjo{
border-radius: 8px;
width: 100%;
overflow: hidden;
margin: 10px 0;
}
.show-modalmore {
opacity: 1;
visibility: visible;
transform: scale(1.0);
-webkit-animation-name: modalmore;
-webkit-animation-duration: 0.4s;
animation-name: modalmore;
animation-duration: 0.4s;
}
.modal-more .bookmark{
display: flex;
flex-direction: row;
align-content: flex-start;
align-items: center;
justify-content: center;
width: 100%;
}.healp-app-btn .bookmark i{
width: 100%;
text-align: left;
font-size: 15px;
}
.healp-app-btn .bookmark span{
font-size: 14px;
font-weight: bold;
width: 100%;
text-align: right;
}
.healp-app-btn .bookmark .fa-check{
color: #60c878;
}

@-webkit-keyframes moreslideIn {
from {bottom: -300px; opacity: 0} 
to {bottom: 0; opacity: 1}
}
@keyframes moreslideIn {
from {bottom: -300px; opacity: 0}
to {bottom: 0; opacity: 1}
}
@-webkit-keyframes morefadeIn {
from {opacity: 0} 
to {opacity: 1}
}
@keyframes morefadeIn {
from {opacity: 0} 
to {opacity: 1}
}

.modal-more #loading-overlay {
display: none;
background-color: #DDDDDD;
text-align: center;
position: fixed;
left: 6%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.modal-more:active #loading-overlay {
background: #afafaf
}
.modal-more #loading-spinner {
display: table;
margin-left: auto;
margin-right: auto;
width: 25px;
height: 25px;
border: 3px solid transparent;
border-radius: 50%;
border-right-color: #007aff;
animation: healp-spinner-anim 0.8s linear infinite;
}
@keyframes healp-spinner-anim {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}

#ajaxloading {
border: 1px solid var(--background-input-active);
background: var(--background-input);
padding: 1rem;
border-radius: 10px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
#ajaxloading span {
display: block;
width: 30px;
height: 30px;
border: 3px solid transparent;
border-radius: 50%;
border-right-color: #007aff;
animation: panel-spinner-anim 0.8s linear infinite;}
@keyframes panel-spinner-anim {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.modalcomment {
display: none;
position: fixed;
z-index: 10000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}

.modalcomment-content{
position: absolute;
bottom: -100%;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
left: 50%;
transform: translateX(-50%);
width: 100%;
background-color: white;
padding: 20px;
transition: all 0.2s ease;
}
.modalcomment-content:after{
position: absolute;background: #ddd;left: 50%;top: 0;display: block;content:"";
padding: 1px;top: 0;width: 60px;height: 5px;
transform: translateX(-50%);border-radius: 5px;margin-top: 15px;
}
.modalcomment.show .modalcomment-content {
bottom: 0;
}
.modalcomment-content .modalcomment-header{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.modalcomment-content .modalcomment-header h3{
font-size: 16px;
}
.modalcomment-content .starRting {
margin-bottom: 10px;
display: flex;justify-content: center;
margin-bottom: 10px;direction:ltr;
}
.modalcomment-content .starRting>input{
display: none;	
}
.modalcomment-content .starRting:not(old)>label{
display: block;
float: left;
position: relative;
margin-right: 10px;
font-weight: 100;
cursor: pointer
}
.modalcomment-content .starRting:not(old)>label:before{
content: "\f006";
color: #007aff;
font-size: 45px;
font-family: 'FontAwesome';
display: block
}
.modalcomment-content .starRting:not(old) > label:hover:before,
.modalcomment-content .starRting:not(old) > label:hover ~ label:before,
.starRting:not(:hover) > :checked ~ label:before{
transition: .5s ease;
animation: starRting 0.4s;
content: "\f005"
}
.modalcomment-content .close {
color: #aaa;
width: 25px;height: 25px;
}
.modalcomment-content textarea{
margin-top: 10px;
border: 1.2px solid #ddd;
width: 100%;
height: 150px;font-family: IRANYekanX;
font-size: 13px;font-weight: 500;color: #333;
padding: 10px;border-radius: 10px;
}
.modalcomment-content .comment-btn{
font-family: IRANYekanX;
font-size: 1.1rem;
width: 100%;
padding: 0.7rem;
border: 0px solid transparent;
border-radius: 5px;
margin-top: 0.8rem;
outline-color: transparent;
outline-width: 0;
background: #007aff;
color: #FFFFFF;
font-weight: 500;
position: relative;
}
.modalcomment-content #CloseModalComment{
color: #aaa;
width: 25px;height: 25px;
}
@keyframes starRting { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-5px); } }
@-webkit-keyframes modalcomment {
from {bottom: -300px; opacity: 0} 
to {bottom: 0; opacity: 1}
}
@keyframes modalcomment {
from {bottom: -300px; opacity: 0}
to {bottom: 0; opacity: 1}
}
@-webkit-keyframes moodalcomment {
from {opacity: 0} 
to {opacity: 1}
}
@keyframes moodalcomment {
from {opacity: 0} 
to {opacity: 1}
}


.sibjo_install-single-desktop{
display: none;;
}
.reportAppModal {
position: fixed;
display: none;
z-index: 10000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.reportAppModal .reportAppModal-header{
display: flex;
flex-direction: row;
align-content: flex-start;
align-items: center;
justify-content: space-between;
padding-bottom: 20px;position: relative;left: 0;top: 0;
}
.reportAppModal .reportAppModal-content:after{
position: absolute;background: #ddd;left: 50%;top: 0;display: block;content:"";
padding: 1px;top: 0;width: 60px;height: 5px;
transform: translateX(-50%);border-radius: 5px;margin-top: 15px;
}
.reportAppModal .reportAppModal-header h3{
font-size: 16px;
}
.reportAppModal .reportAppModal-content{
position: absolute;
background-color: #fefefe;
padding: 20px;
border: 1px solid #888;
width: 100%;
left: 50%;bottom: 50%;
transform: translate(-50%, 50%);
max-width: 500px;
border-radius: 15px;animation: reportAppModal 0.3s forwards;
}
@keyframes reportAppModal {
0% {
opacity: 0;
transform: translate(-50%, 50%) scale(0.5);
}
100% {
opacity: 1;
transform: translate(-50%, 50%) scale(1);
}
}
.reportAppModal .reportAppModal-content .namert{
font-size: 14px;font-weight: 500;padding-bottom: 10px;text-align: right;
}
.reportAppModal .reportAppModal-content .reportradio{
margin-top: 1rem;text-align: right;
}
.reportAppModal .reportAppModal-content .reportradio input[type="radio"]{
vertical-align: middle;font-family: IRANYekanX; font-feature-settings: "ss01", "tnum"; -webkit-appearance: textfield !important;
}
.reportAppModal .reportAppModal-content #other_reason{
margin-top: 20px;
height: 100px;
}
.reportAppModal .reportAppModal-content button{
font-family: IRANYekanX;
padding: 0.7rem 1rem;
border: 0px solid transparent;
border-radius: 5px;
margin-top: 0.0rem;
outline-color: transparent;
outline-width: 0;
background: #007aff;
float: left;
color: #FFFFFF;
font-weight: 500; }
#closereportAppModal {
color: #aaa;
width: 25px;height: 25px;
}
.add-app-form{
padding: 1rem 0;
}
.add-app-form input{
height: 48px;border-radius: 10px;font-size: 12px;font-weight: 500;color: #333;
}
.add-app-form input.ltr{
direction: ltr;
}
.add-app-form .add-app-form-button{
position: relative;left: 0;top: 0;width: 100%;height: 48px;border-radius: 10px;overflow: hidden;
}
.add-app-form .add-app-form-button button{
width: 100%;height: 100%;font-size: 13px;font-weight: bold;color: white;
}
.loading-container.loadingcenter{
position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 25px;
}
.loading{
animation:.75s step-end infinite none;animation-name:loadingsib;color: #fff;
}
@keyframes loadingsib{12.5%{transform:rotate(45deg)}25%{transform:rotate(90deg)}37.5%{transform:rotate(135deg)}50%{transform:rotate(180deg)}62.5%{transform:rotate(225deg)}75%{transform:rotate(270deg)}87.5%{transform:rotate(315deg)}to{transform:rotate(1turn)}}
.alert-message{
position: fixed;
top: 10px;left: 50%;transform: translateX(-50%);
width: calc(100% - 20px);padding: 10px 15px 10px 40px;border-radius: 10px;font-size: 12px;font-weight: 500;z-index: 9000000009;display: none;line-height: 1.8;
}
.alert-message.error{
background-color: #ffe5e5;color: #b10000;border: 1px solid #ffa5a5;
}
.alert-message.success{
background-color: #E7F6EF;color: #0DA860;border: 1px solid #0DA860;
}
.alert-message.success:after{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230DA860' viewBox='0 0 16 16'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3e%3c/svg%3e");position: absolute;left: 0;top: 50%;display: block;content: "";width: 25px;height: 25px;transform: translateY(-50%);margin-left: 10px;
}
.alert-message.error:after{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffa5a5'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z' /%3e%3c/svg%3e");position: absolute;left: 0;top: 50%;display: block;content: "";width: 30px;height: 30px;transform: translateY(-50%);margin-left: 10px;
}
@keyframes alertslideFadeIn {
from {
opacity: 0;
transform: translateX(-50%) translateY(-10px);
} to {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
}
@keyframes alertslideFadeOut {
from {
opacity: 1;
transform: translateX(-50%) translateY(0);
} to {
opacity: 0;
transform: translateX(-50%) translateY(-40px);
}
}
.error-sibjo-message{
position: fixed;
top: 10px;left: 50%;transform: translateX(-50%);background-color: #ffe5e5;
width: calc(100% - 20px);color: #b10000;border: 1px solid #ffa5a5;padding: 10px 15px 10px 40px;border-radius: 10px;font-size: 13px;font-weight: 500;z-index: 9999;display: none;line-height: 1.8;
}
.error-sibjo-message:after{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffa5a5'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z' /%3e%3c/svg%3e");position: absolute;left: 0;top: 50%;display: block;content: "";width: 30px;height: 30px;transform: translateY(-50%);margin-left: 10px;
}
@keyframes ErrorslideFadeIn {
from {
opacity: 0;
transform: translateX(-50%) translateY(-10px);
} to {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
}
@keyframes ErrorslideFadeOut {
from {
opacity: 1;
transform: translateX(-50%) translateY(0);
} to {
opacity: 0;
transform: translateX(-50%) translateY(-40px);
}
}
.messagenewsibjo{
position: fixed;z-index: 1000;background-color: rgb(0,0,0);
background-color: rgba(51,58,64,0.8);
backdrop-filter: blur(10px);left:50%;
width: calc(100% - 20px);max-width: 500px;
border-radius: 10px;padding: 15px 10px;line-height: 20px;overflow: hidden;transform: translateX(-50%) translateX(0);display: none;
}
.messagenewsibjo.showbottom{
margin-bottom: 1rem;bottom: 0;
animation: messhowbottom 1.1s ease 0s 1 normal forwards;
}
.messagenewsibjo.showtop{
margin-top: 1rem;top: 0;animation: messhowtop 1.1s ease 0s 1 normal forwards;
}
.messagenewsibjo:after{
position: absolute;left: 0;bottom: 0;
display: block;content: "";background: #cacaca;width: 0%;height: 4px;border-radius: 5px;animation: messagenewsibjobar 8s forwards;margin: auto;
}
@keyframes messagenewsibjobar {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.messagenewsibjo h3{
color: #FEFEFE;font-size: 14px;
margin-bottom: 5px;
}
.messagenewsibjo p{
font-size: 12px;font-weight: 500;line-height: 20px;color: #FEFEFE;
}
@keyframes messhowbottom { 0% { animation-timing-function: ease-in; opacity: 0; transform:translateX(-50%) translateY(250px); }38% { animation-timing-function: ease-out; opacity: 1; transform:translateX(-50%) translateY(0); }55% { animation-timing-function: ease-in; transform:translateX(-50%) translateY(65px); }72% { animation-timing-function: ease-out; transform:translateX(-50%) translateY(0); }81% { animation-timing-function: ease-in; transform:translateX(-50%) translateY(28px); }90% { animation-timing-function: ease-out; transform:translateX(-50%) translateY(0); }95% { animation-timing-function: ease-in; transform:translateX(-50%) translateY(8px); }100% { animation-timing-function: ease-out; transform:translateX(-50%) translateY(0); } }
@keyframes messhowtop { 0% { animation-timing-function: ease-in; opacity: 0; transform:translateX(-50%) translateY(-250px); } 38% { animation-timing-function: ease-out; opacity: 1; transform:translateX(-50%) translateY(0); } 55% { animation-timing-function: ease-in; transform:translateX(-50%) translateY(-65px); } 72% { animation-timing-function: ease-out; transform:translateX(-50%) translateY(0); } 81% { animation-timing-function: ease-in; transform:translateX(-50%) translateY(-28px); } 90% { animation-timing-function: ease-out; transform:translateX(-50%) translateY(0); } 95% { animation-timing-function: ease-in; transform:translateX(-50%) translateY(-8px); } 100% { animation-timing-function: ease-out; transform:translateX(-50%) translateY(0); }}
.report-app-button{
padding: 10px 0;color: #007aff;font-weight: bold;font-size: 12px;font-weight: bold;font-family: IRANYekanX;
}
.profile-edit-sibjo{
left: 0;
top: 0;
position: absolute;
background: rgba(0, 0, 0, 0.6);
z-index: 100;
width: 100%;
height: 100%;
border-radius: 50%;
}
.profile-edit-sibjo svg{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
fill: #fff;
}
.modalprofile {
display: none;
position: fixed;
z-index: 100000000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background:#0006;outline:0;
animation-duration: 0.5s;
animation-fill-mode: both;
}
.modalprofile .modalprofile-content {
position: fixed;
display: table;
margin-left: auto;
margin-right: auto;
bottom: -100%;
left: 0;
right: 0;
width: 100%;
max-width: 500px;
background-color: var(--bd-modal);
border-radius: 15px 15px 0px 0px;
animation-duration: 0.5s;
animation-fill-mode: both;
}
@keyframes modalprofile-show-animation {
from {
bottom: -100%;
}
to {
bottom: 0;
}
}
@keyframes modalprofile-hide-animation {
from {
bottom: 0;
}
to {
bottom: -100%;
}
}
.modalprofile .modalprofile-header{
padding: 0.6rem 1rem 0.5rem 1rem;
border-radius: 15px 15px 0px 0px;
width: 100%;
display: flex;
flex-direction: row;
align-content: flex-start;
align-items: center;
border-bottom: 1px solid #afafaf;
}
.modalprofile .profilemodal-name{
font-size: 15px;
font-weight: bold;
padding-right: 10px;
}
.modalprofile .profilemodal-close{
text-align: left;
font-size: 28px;
color: #afafaf;
}
.profile-avatar-loading{
margin-right: auto;
}
.ajaxloading {
-webkit-animation: loading-mini-rotate 2s linear infinite;
-moz-animation: loading-mini-rotate 2s linear infinite;
-o-animation: loading-mini-rotate 2s linear infinite;
animation: loading-mini-rotate 2s linear infinite;
width: 20px;
height: 20px;
}
.ajaxloading .path {
stroke-dasharray: 90, 150;
stroke-dashoffset: 0;
stroke-width: 5;
stroke: #8B9096;
stroke-linecap: round;
-webkit-animation: loading-mini-dash 1.5s ease-in-out infinite;
-moz-animation: loading-mini-dash 1.5s ease-in-out infinite;
-o-animation: loading-mini-dash 1.5s ease-in-out infinite;
animation: loading-mini-dash 1.5s ease-in-out infinite;
}
.modalprofile .profile-image-success{
font-size: 14px;
font-weight: 400;
padding: 5px 0;
color: var(--color-modal);
}
.modalprofile .modalprofile-body{
padding: 1rem;
}
.modalprofile .formnewimg{
text-align: center;
}
.modalprofile .img-btn{
display: inline-block;
margin: 2px;
}
.modalprofile .img-btn img{
width: 70px;
height: 70px;
border-radius:50px;
}
.img-btn > input{
display:none
}
.modalprofile .img-btn > img{
cursor:pointer;
border:2px solid transparent;
}
.modalprofile .img-btn > input:checked + img{
border-color: #007aff;
border-radius:50px;
}

.loadingmore {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.loadingmore span {
width: 35px;
height: 35px;display: block;
border: 3px solid transparent;
border-radius: 50%;
border-right-color: #007aff;
animation: panel-spinner-anim 0.8s linear infinite;}

@keyframes panel-spinner-anim {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}

.modalqr-sibjo {
z-index: 2000000008;
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
backdrop-filter: blur(15px);
}
.modalqr-sibjo.moshw {
display: flex;
}
.modalqr-sibjo .modalqr-sibjo-content {
padding: 0px 15px;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
width: calc(100% - 80px);
max-width: 400px;
background: white;
z-index: 2000000008;
border-radius: 10px;
-webkit-box-shadow: -1px 14px 30px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: -1px 14px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow: -1px 14px 30px 0px rgba(0, 0, 0, 0.1);
transform: translate(-50%, -50%) scale(0.5);
animation: modalqr 0.3s forwards; 
}
@keyframes modalqr {
0% {
opacity: 0;
transform: translate(-50%, -50%) scale(0.5);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
}

.modalqr-sibjo .modalqr-sibjo-content h3{
font-size: 1.1rem;
font-weight: bold;
text-align: center;
padding: 10px 0;
}

.modalqr-sibjo .modalqr-sibjo-header {
display: flex; justify-content: center;
padding: 2px 16px;
color: white;
margin-top: -40px;
}

.modalqr-sibjo .qricon{
background: red;
margin: 10px 0px;
}

.modalqr-sibjo .modalqr-sibjo-header #shutterimg{
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDQ3Ljk5MSA0NDcuOTkxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NDcuOTkxIDQ0Ny45OTE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIHN0eWxlPSJmaWxsOiMxRTg4RTU7IiBkPSJNNDIwLjk4OCwzMzAuNTM0bC05NS4zODEtMTY1LjIwNWMtMC4xMjgtMC4yMzUtMC4zNjMtMC4zNjMtMC41MTItMC41NzYNCgljLTguNTM0LTE0LjUyNy0yMC4wNzgtMjcuMDYtMzMuODU2LTM2Ljc1N2gxMzQuODI3QzQ1Ni45OTcsMTkyLjQwNiw0NTUuMTA4LDI2Ny43NTQsNDIwLjk4OCwzMzAuNTM0eiIvPg0KPGNpcmNsZSBzdHlsZT0iZmlsbDojNjA3RDhCOyIgY3g9IjIyMy45OTYiIGN5PSIyMjMuOTk2IiByPSI5NiIvPg0KPHBhdGggc3R5bGU9ImZpbGw6IzE5NzZEMjsiIGQ9Ik00MTQuNDM4LDEwNi42NjJIMjIzLjk5NmMtMTcuMTIxLDAuMDE5LTM0LjAyOCwzLjgxNC00OS41MTUsMTEuMTE1TDI0MS45NTgsMC45MTMNCglDMzEzLjAwMiw2LjcxMiwzNzcuMDQ1LDQ1Ljk3Nyw0MTQuNDM4LDEwNi42NjJ6Ii8+DQo8cGF0aCBzdHlsZT0iZmlsbDojOTBDQUY5OyIgZD0iTTIxNy41OTYsMC4zMTZsLTk1LjIxMSwxNjUuMDEzYzAsMC4xOTIsMCwwLjM4NC0wLjE5MiwwLjU3Ng0KCWMtOC4zODMsMTQuNjUtMTMuNDc4LDMwLjk0OS0xNC45MzMsNDcuNzY1TDM5Ljc2MSw5Ni44OTJDODAuMjY1LDM4LjIwMywxNDYuMzE1LDIuMzMzLDIxNy41OTYsMC4zMTZ6Ii8+DQo8cGF0aCBzdHlsZT0iZmlsbDojNjRCNUY2OyIgZD0iTTI3LjAwNCwxMTcuNDU3bDk1LjM4MSwxNjUuMjA1YzAsMC4xNzEsMC4yOTksMC4yMzUsMC4zODQsMC4zODQNCgljOC41NDksMTQuNjEsMjAuMTM5LDI3LjIxMSwzMy45ODQsMzYuOTQ5SDIxLjkyNkMtOS4wMDYsMjU1LjU4NS03LjExNywxODAuMjM3LDI3LjAwNCwxMTcuNDU3TDI3LjAwNCwxMTcuNDU3eiIvPg0KPHBhdGggc3R5bGU9ImZpbGw6IzQyQTVGNTsiIGQ9Ik0zMy41NTMsMzQxLjMyOWgxOTAuNDQzYzE3LjEyMS0wLjAxOSwzNC4wMjgtMy44MTQsNDkuNTE1LTExLjExNWwtNjcuNDc3LDExNi44NjQNCglDMTM0Ljk4OSw0NDEuMjc5LDcwLjk0Niw0MDIuMDE0LDMzLjU1MywzNDEuMzI5eiIvPg0KPHBhdGggc3R5bGU9ImZpbGw6IzIxOTZGMzsiIGQ9Ik0yMzAuMzk2LDQ0Ny42NzZsOTUuMjc1LTE2NS4wMTNjMC0wLjE5MiwwLTAuMzg0LDAuMTkyLTAuNTc2DQoJYzguMzgzLTE0LjY1LDEzLjQ3OC0zMC45NDksMTQuOTMzLTQ3Ljc2NUw0MDguMjA5LDM1MS4xQzM2Ny43MSw0MDkuNzgzLDMwMS42NjgsNDQ1LjY1MiwyMzAuMzk2LDQ0Ny42NzZ6Ii8+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==');
border-radius: 50px;
border: 5px solid #fff;
width: 80px;
height: 80px;
}

.modalqr-sibjo .close-modalqr-footer{
margin-top: 10px;
border-top: 1px solid #DEE1E6;
padding-top: 2px;
}

.modalqr-sibjo .close-modalqr-footer h3{
font-size: 1rem;
font-weight: 400;
color: #007BFC;
}

#sibjo_404{
display: block;
text-align: center;
}

#sibjo_404 svg{
width: 250px;
height: 250px;
fill: #007aff;
opacity: 0.5;
margin-top: 10%;
}

#sibjo_404 #list-toz {
display: flex;
padding: 20px 0px;
flex-direction: column;
align-content: center;
justify-content: space-between;
align-items: center;
}
#sibjo_404 #list-toz span {
padding: 5px 0px;
color: #5e6873;
font-size: 1.076923076923077rem;
font-weight: 600;
}
#sibjo_404 #list-toz span:last-child {
font-weight: 300;
}

#header_desktop{
display: block;
position: fixed;
width: 100%;
left: 0px;
right: 0px;
top: 0px;
background: var(--bg-header);
z-index: 1000;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
#header_desktop.no-fixed {
position: relative;
margin-bottom: -3rem; }
#header_desktop #page_header_desktop {
padding: 1rem 0.1rem;
display: flex;
flex-direction: row;
align-content: space-around;
align-items: center;
max-width: 1024px;
width: 100%;
margin: 0 auto;
justify-content: space-around;
flex-wrap: nowrap;
}
#header_desktop .logos img{
padding-left: 20px;
padding-right: 10px;
}
#header_desktop .hr-bottom{
background: #F3F3F3;
box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
padding: 10px 15px;
border-radius: 5px;
text-align: center;
transition: .5s ease;
margin: 0 10px;
}
#header_desktop .hr-bottom:hover{
transition: .5s ease;
box-shadow: none;
}
#header_desktop .hr-bottom a{
font-weight: 500;
font-size: 0.8rem;
color: #343F4B;
}
#header_desktop .search{
width: 40px;
}
#header_desktop #developer{
box-shadow: 0 4px 8px 0 rgb(0 149 255 / 27%);
background: #007aff;
border: 1px solid #007aff;
padding: 10px 15px;
border-radius: 10px;
color: #fff;
font-weight: 500;
font-size: 0.9rem;
margin-left: 10px;
transition: .5s ease;
}
#header_desktop #developer:hover{
border: 1px solid #007aff;
color: #007aff;
background: rgba(0, 122, 255, 0.2);
transition: .5s ease;
box-shadow: none;
}
#hr-dp-search{
position: fixed;
width: 100%;
left: 0px;
right: 0px;
top: 0px;
background: var(--bg-header);
z-index: 10000000;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
#hr-dp-search.no-fixed {
position: relative;
margin-top: 0rem; }
#hr-dp-search .hr-dp-search-list{
z-index: 100000000;
width: 100%;
padding: 1rem 0.5rem;
display: flex;
flex-direction: row;
white-space: nowrap;
align-items: center;
justify-content: center;
max-width: 1024px;
width: 100%;
margin: 0 auto;
}
#hr-dp-search .hr-dp-search-list #search{
width: 500px;
}
#hr-dp-search .hr-dp-search-list .closeButton {
padding-right: 10px;
}
#hr-dp-search .hr-dp-search-list .closeButton  svg{
width: 30px;
}
#app-dp-search{
position: fixed;
top: 0;
left: 0;
z-index: 10000;
width: 100%;
height: 100%;
background: var(--bg-header);
}
#app-dp-search .list-dp-search{
background: var(--bg-header);;
position: absolute;
top: 5.5rem;
padding: 1rem;
left: 50%;
width: calc(100% - 20px);
max-width: 550px;
transform: translateX(-50%);
z-index: 10000;
border-radius: 0 0 10px 10px;
}
.boxsearch {
display: none;
}

footer{
width: 100%;
overflow: hidden;
margin: 0 auto;
max-width: 1024px;
text-align: center;
}
.footer {
width: 100%;
display: inline-block;
background: var(--bg-footer);
margin-top: auto;
}
.footer .footer-info{
display: flex;
flex-wrap: wrap;
padding: 1rem 0;
}
.footer .footer-col {
text-align: center;
width: 25%;
padding: 5px;
}
.footer .footer-col ul li{
list-style: none;
}
.footer .footer-col .qr_ft{
text-align: center;
}
.footer .footer-col .qr_ft img{
width: 120px;
background: #ffffff;
border: 5px solid #ffffff;
border-radius: 5px;
}
.footer .footer-col .qr_ft .text_qr_ft{
font-size:12px;font-weight:500;
margin-top: 5px;
margin-bottom: 10px;
color: var(--sj-color2);
}
.footer .footer-col .qr_ft .ft_social_network{
display: flex;
justify-content: center;
}
.footer .qr_ft ul.ft_social_network li a:hover svg{
fill: #007aff;
transition: .5s ease;
}
.footer .qr_ft ul.ft_social_network li svg{
width: 25px;
transition: .5s ease;
height: 25px;
margin: 0 2px;
fill: var(--sj-svg);
}
.footer .footer-controller{
margin: 0;
}
.footer .footer-controller h3{
font-weight: bold;
font-size: 16px;
color: var(--sj-color);
}
.footer .footer-controller ul{
margin-top: 5px;
}
.footer .footer-controller ul li a{
font-weight: 500;
font-size: 12px;
line-height: 1.8;
color: var(--sj-color2);
text-decoration: none;
transition: .5s ease;
}
.footer .footer-controller ul li:hover a{
color: #007aff;
transition: .5s ease;
}
.footer .footer-controller #TheGreatCyrus{
margin-top: 40px;
position: relative;
left: 0;
top: 0;
}
.footer .footer-controller #TheGreatCyrus:after{
position: absolute;
content: "کوروش بزرگ";
top: -35px;
left: 50%;
color: var(--sj-color2);
font-size: 14px;
font-weight: 500;
padding: 0 5px;
transform: translateX(-50%);
background: var(--bg-footer);
}
.footer .footer-controller #TheGreatCyrus:before{
position: absolute;
content: "";
top: -25px;
width: calc(100% - 40px);
height: 1px;
left: 50%;
transform: translateX(-50%);
background: var(--sj-color2);
}
.footer .footer-controller #TheGreatCyrus img{
margin: 0 2px;
width: 30%;
background: white;
border-radius: 5px;
border: 5px solid white;
}
.footer .copy_right{
width: 100%;
text-align:center;padding:10px;background:#007aff;color:#fff;}
.footer .copy_right span{
font-size:14px;
font-weight: 500;
}
@media(max-width: 768px) {
.footer .footer-col {
width: 50%;
}
.sibjo-app-archives #sibjo_app_block {
background: white;
width: calc(50% - 10px);
}
.AppTopBanner{
width: 100%;height: 280px;display: inline-block;
}
.apps_wrap.singleapp{
padding: 0rem 0rem 6.5rem 0rem;
}
}
@media(max-width: 574px) {
.footer .footer-col {
width: 100%;
}
.reportAppModal .reportAppModal-content{
left: 50%;bottom: 0;
transform: translate(-50%, 0%);
border-radius: 15px 15px 0 0;
-webkit-animation-name: modalcomment;
-webkit-animation-duration: 0.4s;
animation-name: modalcomment;
animation-duration: 0.4s;
}
.sibjo-app-archives #sibjo_app_block {
background: white;
width: calc(100% - 0px);
}
.list-apps-sibjo #sibjo_app_block{
width: 100%;
}
#app_slide .swiper-slide img{
text-align: right;
width: auto; 
height: 300px;
border-radius: 5px;
border: 1px solid rgba(229.0, 229.0, 234.0, 1.0);
background: #fff;
}
}
@media (max-width:435px) {
#app_specifications {
text-align: right;
}
.sibjo-app-single #sibjo_app_block .sibjo_app_block-install{
display: none;
}
.sibjo_app_block-install.mobiles{
display: block;
}
.AppTopBanner{
width: 100%;height: 190px;display: inline-block;
}
.back-link-single{
display: block;
}
}
@media (max-width:375px) {
.sibjo-app-single #sibjo_app_block .sibjo_app_block-image{
width: 100px;min-width: 100px;height: 100px;
}
.AppTopBanner{
width: 100%;height: 160px;
}
}
@media (max-width:320px) {
#sibjo_app_block .sibjo_app_block-image{
width: 66px;height: 65px;min-width: 65px;border-radius: 15px;
}
#sibjo_app_block .sibjo_app_block-image img{
border-radius: 15px;
}
#sibjo_app_block .sibjo_app_block-info h3 {
font-size: 14px;
}
#sibjo_app_block button.cta_btn {
padding: .5rem 1.2rem;
font-size: 10px;
}
.sibjo_new_block{
width: 100px;min-width: 100px;
}
.sibjo_new_block .sibjo_new_block-image{
width: 100px;height: 100px;border-radius: 16px;
}
.sibjo-app-archives #sibjo_app_block .sibjo_app_block-image{
width: 75px;height: 75px;min-width: 75px;border-radius: 16px;
}
.sibjo-app-archives #sibjo_app_block .sibjo_app_block-image img{
border-radius: 16px;
}
.sibjo-app-archives #sibjo_app_block .sibjo_app_block-info {
height: 75px;
}
.AppTopBanner{
width: 100%;height: 140px;
}
.sibjo-app-single #sibjo_app_block .sibjo_app_block-image{
width: 80px;min-width: 80px;height: 80px;
}
#navbar .navbar-wrapper ul{
padding: 0 8px;
}
#navbar .navbar-wrapper ul li .navbar-icon{
width: 22px;height: 22px;
}
#navbar .navbar-wrapper ul li a{
font-size: 8.6px;
}
}

@media only screen and (min-width: 600px) {
#sibjo_404 #list-toz{
display: flex;
padding: 20px 41px;
flex-direction: row;
align-content: center;
justify-content: space-between;
align-items: center;
}

}

#noshirani {
display: block;
background: #F9FAFE;
}
.user_verified{
fill: rgb(29, 155, 240);
width: 20px;height: 20px;
margin: 0 5px;
}
:root {
--bg-reply-modal: #fff;
--color-reply-modal: #333;
--br-reply-modal: #ddd;
--ta-reply-modal: rgba(0, 0, 0, 0.1);
--cr-ta-reply-modal: #333;
--cancel-reply-modal: #212D3B;
--cancel-bg-reply-modal: #ddd;
--bd-modal: #fff;
--color-modal: #000;
--color: #000;
--bg-color: #EAEEF1;
--bg-footer: #f4f4f4;
--sj-color: #000;
--sj-color2: #555054;
--sj-svg: #1a1a1a;
--bg-header: #ffff;
}
@media all and (display-mode: standalone) {
#noshirani {
display: none;
}
.sibjo-app-install{
display: none;
}

}

.post-author #respond.comment-respond {display:none;}
.post-author .byuser #respond.comment-respond {display:inline;}

@media only screen and (max-width: 600px) {
.pageinfo{
width:90% !important;
margin:auto !important;
margin-top:30px !important;
}
}
@media only screen and (min-width: 601px) {
.pageinfo{
width:40% !important;
margin:auto !important;
margin-top:30px !important;
}
}
.ur-submit-button{
background-color:#308fff !important;
color:#fff !important;
}
.ur-submit-button:hover{
background-color:#0575fa !important;
color:#fff !important;
}