@font-face {font-family: yekan;font-style: normal;font-weight: bold;src:url('iranyekan-web-bold-birdgames.woff') format('woff')}
@font-face {font-family: yekan;font-style: normal;font-weight:normal;src:url('iranyekan-web-regular-birdgames.woff') format('woff')}
@font-face {
  font-family: 'icomoon';
  src:  url('icomoon.eot');
  src:  url('icomoon.eot') format('embedded-opentype'),
    url('icomoon.ttf') format('truetype'),
    url('icomoon.woff') format('woff'),
    url('icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-alert-octagon:before{content:"\e900";}.icon-award:before{content:"\e901";}.icon-bell:before{content:"\e902";}.icon-bookmark:before{content:"\e903";}.icon-clipboard:before{content:"\e904";}.icon-clock:before{content:"\e905";}.icon-coffee:before{content:"\e906";}.icon-compass:before{content:"\e907";}.icon-download:before{content:"\e908";}.icon-eye:before{content:"\e909";}.icon-facebook:before{content:"\e90a";}.icon-fast-forward:before{content:"\e90b";}.icon-file-text:before{content:"\e90c";}.icon-film:before{content:"\e90d";}.icon-flag:before{content:"\e90e";}.icon-grid:before{content:"\e90f";}.icon-headphones:before{content:"\e910";}.icon-heart:before{content:"\e911";}.icon-instagram:before{content:"\e912";}.icon-link:before{content:"\e913";}.icon-linkedin:before{content:"\e914";}.icon-loader:before{content:"\e915";}.icon-mail:before{content:"\e916";}.icon-map-pin:before{content:"\e917";}.icon-message-square:before{content:"\e918";}.icon-mic:before{content:"\e919";}.icon-music:before{content:"\e91a";}.icon-navigation:before{content:"\e91b";}.icon-play:before{content:"\e91c";}.icon-search:before{content:"\e91d";}.icon-send:before{content:"\e91e";}.icon-share-2:before{content:"\e91f";}.icon-skip-forward:before{content:"\e920";}.icon-sliders:before{content:"\e921";}.icon-smile:before{content:"\e922";}.icon-speaker:before{content:"\e923";}.icon-star:before{content:"\e924";}.icon-thumbs-down:before{content:"\e925";}.icon-thumbs-up:before{content:"\e926";}.icon-trending-up:before{content:"\e927";}.icon-twitch:before{content:"\e928";}.icon-twitter:before{content:"\e929";}.icon-user:before{content:"\e92a";}.icon-users:before{content:"\e92b";}.icon-volume-2:before{content:"\e92c";}.icon-x-circle:before{content:"\e92d";}.icon-youtube:before{content:"\e92e";}.icon-zap:before{content:"\e92f";}


* {box-sizing:border-box;padding:0;margin:0;border:0;outline:0}
a{text-decoration:none;color:#212121}
body{color:#1F2235;overflow-x:hidden;cursor:default;background:#f5f5f5;font-size: 12px;}
body, input, button, textarea, h1, h2, h3, h4, h5, h6 {font-family: yekan, serif}
img{border:8px;max-width:100%;height:auto}
ul,li{border:0;padding:0;margin:0;list-style:none}
.pishvazfarsi{padding:115px 0 0}
.container{max-width:1350px;margin:0 auto;width:95%}
.flex{display:flex;flex-wrap:wrap;justify-content:space-between;}
blockquote{border-right: #a62626 5px solid; background-color: hsla(0, 45.8%, 44.1%, 0.06);}

.flex-box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;margin-top:30px;}
.center{width: 50%;order: 2;}
.right{width: 18%;order: 1;}
.left{width: 29%;order: 3;}
@media (max-width: 1000px) {
.center{width: 100%;order: 1;}
.right{width: 100%;order: 3;}
.left{width: 100%;order: 2;}
.menu{display: none;}
}


.header{position:fixed;background: #fff ;z-index:10;padding:30px 15px;border-radius:0;transition:.4s ease-in-out;width:100%;}
.header.active{backdrop-filter:saturate(180%) blur(10px);padding:20px 15px;background:#ffffffeb;border-top: none;}
.header .logo{}
.header .logo a{display:flex;font-size:18px;color:#212121;align-items:center;font-weight:bold;transition:.2s ease-in-out;}
.menu ul{gap: 5px;position:relative;top:7px;}
.menu ul li a{font-size:14px;color: #212121;padding: 2px 10px; border-radius: 6px;transition:.2s ease-in-out;}
.menu ul li a:before{position: relative;top: 1px;background-color:#eee;width:7px;height:7px;display:inline-block;border-radius:50%;content:"";margin-left:10px;transition:.2s ease-in-out;}
.menu ul li a.active:before{background-color:var(--color);}
.menu ul li a:hover:before{background-color:var(--color)}
.menu ul li a:hover{color:var(--color)}
.header .btns {align-items: center;display: flex;gap: 15px;}
.header .btns a{color:#666464;transition:.2s ease-in-out;}
.header .btns a:hover{color:var(--color)}
.header .btns a i{font-size:20px;position:relative;top:1px;}



.selected{display:grid;grid-template-columns:repeat(6,1fr);grid-column-gap:10px;grid-row-gap:10px;}
.selected a{border-radius:12px;overflow:hidden;}
.selected a img{object-fit:cover;width:100%;height:100%; transition:.5s ease-in-out;}
.selected a h3{color:#fff;position:relative;top:-45px;font-size:12px;padding:10px 10px 20px;text-align:center;background:#000000a8;backdrop-filter:saturate(180%) blur(2px);font-weight:inherit;}
.selected a:hover img{transform: scale(1.1);}

main .about{background:var(--color);color:#fff;padding:20px 15px;border-radius:15px 4px;text-align:center;margin: 0 auto 15px;}
main .about h1{font-size:18px;}
main .about p{opacity:.8;font-size:12px;margin-top:5px;}

.tblqat{background:#fff;padding:20px 15px;text-align:center;border-radius:15px;margin: 15px auto;}

.text-msuic {
    font-size: 13px;
    max-height: 300px;
    overflow-x: auto;
    scrollbar-width: thin;
    padding: 20px;
    width: 100%;
    line-height: 2.5;
    border-right: #a62626 5px solid;
    background-color: hsla(0, 45.8%, 44.1%, 0.06);
}
.post {background:#fff;border-radius:12px;width:100%;margin:0 0 15px;overflow:hidden;}
.post .post-hdr{padding:10px 20px;background:#e8e8e9;position:relative;display:flex;align-items:center;}
.post .post-hdr span{width:40px;height:40px;background:var(--color);display:flex;align-items:center;justify-content:center;border-radius:40% 60% 40% 63%/65% 40% 66% 40%;;margin-left:10px;}
.post .post-hdr span i{color: #fff;font-size: 20px;}
.post .post-hdr h2, .post .post-hdr h1{font-size: 15px;}

.post .post-bdy{padding: 20px;line-height: 2.2;}
.post .post-bdy img{max-width:350px;width:98%;border-radius:15px;margin:15px auto;display:block;}

.post .post-bdy .donwload-item{margin:0 auto 25px;}
.post .post-bdy .donwload-item audio{max-width:350px;width:100%;margin:10px auto;display:block;border-radius:8px;}
.post .post-bdy .donwload-item a{max-width:350px;width:100%;margin:10px auto;display:block;border-radius:8px;text-align:center;background:var(--color);color:#fff;box-shadow:0 7px 6px -6px var(--color);padding:7px 0;transition:.2s ease-in-out;}
.post .post-bdy .donwload-item a:hover{box-shadow:none}

.post .post-bdy .text-more{text-align:center;font-weight:bold;margin-top:20px;display:block;animation:jump 0.5s infinite;}
.post .post-bdy .text-more span{color:var(--color)}

.post .post-ftr{background:#e8e8e9;padding:20px;justify-content:space-between;display:flex;flex-wrap:wrap;align-items:center;}
.post .post-ftr ul{display:flex;flex-wrap:wrap;align-items:center;gap:30px;}
.post .post-ftr ul li{}
.post .post-ftr ul li i {float: right;margin-left: 7px;font-size: 14px;color: #555;}
.post .post-ftr a{display:flex;justify-content:center;align-items:center;border-radius:8px;padding:10px 20px;background:var(--color);color:#fff;}

@media (max-width: 768px) {
.post .post-ftr ul{gap:20px;justify-content: center;margin: 0 auto 5px;}
.post .post-ftr a{width:100%;text-align:center;margin-top:.7rem;}
}

.send-to-popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:350px;width:95%;background:white;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:8px;padding:20px;z-index:1000;;transition:.2s ease-in-out}
.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;}
.open-popup-btn{display:inline-block;padding:10px 20px;background:#007bff;color:white;border:none;border-radius:5px;cursor:pointer;}
.short-link input{height:49px;padding:10px 15px;font-size:13px;background:#f7f7f7;margin:20px 0 10px;border-radius:15px;border:1px solid #eee;color:#777;width:100%;direction:ltr;}
.send-link{text-align:center;margin:30px auto 10px;}
.send-link a{font-size:20px;margin:0 5px;background:#f7f7f7;border: 1px solid #eee;color: #666;padding:6px 10px;border-radius:10px;transition:.2s ease-in-out;}
.send-link a i {   position: relative;   top: 3px; }
.send-link a:hover{background: #dddcdc;}
.send-to-popup button{color:red;background:#ff00001a;padding:5px 10px;border-radius:6px;margin:15px auto 0;display:block;}

.rzbpre,.rzbnext{position:fixed;height:85px;top:50%;z-index:9;transform:translate(0,-50%);width:36px;right:0;border-radius:10px 0 0 10px;color:#fff;background:var(--color);font-size:13px;transition: .2s ease-in-out;}
.rzbpre:hover,.rzbnext:hover{color:#fff;background:#333}
.rzbpre{right:initial;left:0;border-radius:0 10px 10px 0}
.rzbnext span,.rzbpre span{transform:rotate(-90deg) translate(-50%,0);position:absolute;width:67px;text-align:center}
.rzbnext span{left:-1.15em}
.rzbpre span{right:-.9em}

.tag{margin:0 0 15px;display:flex;gap:5px;}
.tag a{background:#eaeaea;padding:3px 7px;border-radius:15px;transition:.2s ease-in-out;}
.tag a:hover{background:var(--color);color:#fff;}

.pagination{text-align: center;margin:30px auto 40px}
.pagination span,.pagination a{background-color:rgba(0,0,0,0.05);color:#222;display:inline-block;border-radius:8px;padding:10px 20px;margin:2px 5px;font-size:13px;font-weight:bold;}
.pagination span{background-color:var(--color);color:#fff;box-shadow: 0 7px 6px -6px var(--color);}
.pagination span.pagination_more{background-color:rgba(0,0,0,0.05);color:#222;box-shadow:none;}
.pagination a:hover{background-color:rgba(0, 0, 0, 0.08)}

@media (max-width: 768px) {
.selected{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom: 15px;}
.selected>a{min-width:200px;margin-left:5px;}
.list-posts{display:grid;grid-template-columns:repeat(1,1fr);grid-column-gap:10px;grid-row-gap:15px;margin: 15px auto;}
}

.loc{margin: 0 auto 20px;}
.loc a{color:#aaa;font-weight:bold;}
.loc span i{color:#888;margin:auto 10px;font-size:10px;position:relative;top:1px;}
.loc .loc-page{font-weight:bold;color:#aaa;}
@media screen and (max-width:700px){.roz-loc{position:relative;white-space:nowrap;justify-content:space-evenly;overflow-x:auto;overflow-y:clip;text-align: center;}}

.widget{background:#fff;border-radius:12px;width:100%;margin:0 0 15px;overflow: hidden;}
.widget .widget-name{padding:10px 20px;background:#e8e8e9;display:flex;align-items:center;}
.widget .widget-name h2{background:#fff;padding:0 15px;border-radius:0 8px 8px 0;flex:1;height:40px;color:#171121;font-size:15px;display:flex;align-items:center;margin-left:-22px;}
.widget .widget-name span{width:40px;height:40px;background:var(--color);display:flex;align-items:center;justify-content:center;border-radius:40% 60% 40% 63%/65% 40% 66% 40%;;margin-left:10px;}
.widget .widget-name span i{color: #fff;font-size: 20px;}

.widget .sidepost{padding:20px;width: 100%;line-height: 2.2;}
.widget .sidepost li{width:100%;border-bottom:1px solid #f4f4f4;padding-bottom:10px;margin-bottom:10px;}
.widget .sidepost li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}
.widget .sidepost li a{display:flex;align-items:center;transition:.2s ease-in-out;}
.widget .sidepost li a img{width:45px;height:45px;border-radius:8px;margin-left: 10px;}
.widget .sidepost li a:hover{opacity: .8;}

.widget .sideartist{max-height:300px;overflow-x:auto;scrollbar-width:thin;padding:12px 20px 20px 20px;width:100%;line-height:2.5;}
.widget .sideartist li{}
.widget .sideartist li a{font-size: 13px;}
.widget .sideartist li a:before{content:"";width:7px;height:7px;border-radius:50%;display:inline-block;margin-left:8px;background-color:rgba(0,0,0,0.1);transition:.2s ease-in-out;}


.widget .sidelink{padding:12px 20px 20px 20px;width:100%;line-height:2.5;}
.widget .sidelink li{}
.widget .sidelink li a{font-size: 13px;}
.widget .sidelink li a:before{content:"";width:7px;height:7px;border-radius:50%;display:inline-block;margin-left:8px;background-color:rgba(0,0,0,0.1);transition:.2s ease-in-out;}

.widget .sidearchive{padding:12px 20px 20px 20px;width:100%;line-height:2.5;}
.widget .sidearchive li{}
.widget .sidearchive li a{font-size: 13px;}
.widget .sidearchive li a:before{content:"";width:7px;height:7px;border-radius:50%;display:inline-block;margin-left:8px;background-color:rgba(0,0,0,0.1);transition:.2s ease-in-out;}

.widget .last-comment{padding: 20px;}
.widget .last-comment li{width:100%;border-bottom:1px dashed #aeaeae;padding-bottom:15px;margin-bottom:15px;}
.widget .last-comment li a span{font-size:14px;font-weight:bold;}
.widget .last-comment li a time{float:left;font-size:10px;position:relative;top:3px;}
.widget .last-comment li a p{margin-top:12px;color:#888;font-size:12px;}
.widget .last-comment li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}

.widget .sideartist li a:hover:before, .widget .sidelink li a:hover:before, .widget .sidearchive li a:hover:before {background-color:var(--color)}

.widget .sidepoll {padding:20px 20px 10px;width:100%;}
.widget .sidepoll .rb_poll_title {font-size: 13px;}
.rb_send_poll{width:100%;}
.rb_radio_label .rb_item_title::before{box-shadow:inset 0 0 0 0.125em var(--color);}
.rb_radio_label .rb_item_title:hover{background-color:var(--color)80;}
.rb_radio_label input:checked+.rb_item_title::before{box-shadow:inset 0 0 0 0.4375em #fe6363;}
.rb_radio_label input:checked+.rb_item_title{background-color:#FEE5E5;}
.rb_send_poll input{background:var(--color);color:#fff;box-shadow:0 7px 6px -6px var(--color);border-radius:8px;padding:.5em;width:100%;border:none}
.rb_send_poll input:hover{box-shadow:none;transition:1s;background:var(--color);}
.btn_filter, .btn_shop, .btn_n {
    color: #ffffff;
    border: 1px solid #03A9F4;
    padding: 6px 12px;
    font-size: 15px;
    border-radius: 7px;
    background-color: #03A9F4;
    display: inline-block;
    cursor: pointer;
    font-family: inherit;
    text-decoration: none !important;
}

.related ul{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:10px;grid-row-gap:15px;line-height: 2.2;}
.related ul li a{margin-bottom:20px;display:flex;transition:.2s ease-in-out;}
.related ul li a img{width:55px;height:55px;border-radius:8px;margin-left:10px;}
.related ul li a .description{}
.related  li a .description h2{font-size:13px}
.related ul li a .description span{margin-left:15px;float:right;font-size:11px;}
.related ul li a .description span i{float:right;position:relative;top:6px;margin-left:7px;color:#b9b8b8;}
.related ul li a:hover{;opacity: .8;}
@media (max-width: 768px) {.related ul{display:grid;grid-template-columns:repeat(1,1fr);grid-column-gap:10px;grid-row-gap:15px;line-height: 2.2;}}


.commentrb input,.commentrb textarea{background:rgb(0 0 0 / 3%);border:1px solid rgb(0 0 0 / 3%);padding:7px 10px;border-radius:8px;color:#999;}
.commentrb input:focus,.commentrb textarea:focus{border: 1px solid var(--color);transition: .2s ease-in-out;}
.commentrb textarea{height: 100px;}
.submitrb .rb_btn{background:var(--color);color:#fff;border-radius:8px;width:100%;border:none;padding:10px 0;font-weight:bold; opacity: .5; transition:.3s ease-in-out;}
.submitrb .rb_btn:hover{opacity: .9}
.emailrb,.siterb,.cpr,.save_info{display:none;}

.comments{padding:20px}
.comments .sendcm{}
.com3{border:1px solid #dfdfdf;border-radius:8px;}
.com2{position:absolute;right:12px;top:7px;}
.com2 img{border-radius:8px;border:none;width:25px;}
.com5{float:right;padding:10px;padding-right:55px;font-weight:bold;}
.com4{width:100%;border-bottom:none;background:rgb(0 0 0 / 3%);padding-bottom:5px;}
.rb_send_answer{display:flex;grid-gap:10px;margin:10px 10px 0;}
.btn_send_answer{background-color:var(--color);font-family:inherit;font-size:13px;border-radius:8px;}
.btn_remove_answer{background:#ef5350;border-radius:8px;font-size:13px;font-family:inherit;}
.fxa{display:flex;align-items:center;justify-content:space-between;margin-top:15px;}

.rb_bookmark2{padding:10px;background:var(--color);color:#FFF!important;border-radius:10px;display:flex;justify-content:center;margin-top: 50px;}


.footer{background: #fff url(bg.png) no-repeat bottom left;}
.footer .publish{background: linear-gradient(135deg, var(--color), #76c46e, #5fbd54);padding:15px 0;color: #fff;font-weight: bold;align-items: center;display: flex;}
.footer .publish a {float: left;color: #fff;animation: jump 0.5s infinite;}
@keyframes jump{0%,100%{transform:translateY(0);}50%{transform:translateY(-2px);}}


.footer .post-link{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:20px;grid-row-gap:15px;margin-top: 20px;}
.footer .post-link .list{overflow: hidden;width: 100%;}
.footer .post-link .title{font-size:15px;color:#000;line-height:1.8;display:flex;align-items:center;border-bottom:1px dashed #d5d5d5;padding-bottom:10px;margin-bottom:15px;}
.footer .post-link .title i{background:var(--color);color:#fff;padding:8px;font-size:15px;border-radius:12px 12px 12px 0;margin-left:10px;}
.footer .post-link .title h3{font-weight:bold;font-size:16px;}
.footer .post-link .title a{margin-right:auto;padding:2px 10px;font-size: 12px;color: #777;}
.footer .post-link ul{line-height: 2.2;overflow: hidden;}
.footer .post-link ul li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.footer .post-link ul li a{transition: .2s ease-in-out;}
.footer .post-link ul li a::before{content: "-";transition:.5s ease;margin-left:5px;color: #888;font-size: 10px;}
.footer .post-link ul li a:hover{color:var(--color)}

.footer .copyright {padding: 20px 0;border-top: 1px dashed #ddd;margin-top: 40px;}
.footer .copyright a{float: left;}

@media (max-width: 1250px) {
.footer .post-link{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:10px;grid-row-gap:50px;margin-top: 20px;}
}

@media (max-width: 768px) {
.footer .post-link{display:grid;grid-template-columns:repeat(1,1fr);grid-column-gap:10px;grid-row-gap:50px;margin-top: 20px;}
.footer .copyright{display: block;text-align: center;}
.footer .copyright a{float: none;display: block;text-align: center; margin: 10px auto 0;}
}

.search{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:1000;}
.search .search-bdy{background:#fff;width:100%;height:150px;margin-top:auto;padding:10px;display:flex;justify-content:center;align-items:center;transform:translateY(-100%);transition:transform 0.2s ease;}
.search-bdy input[type="text"]{width:100%;padding:16px 14px;font-size:18px;border-right:3px solid #7b7b7b;color:#7b7b7b;}
.search.show{display:block;}
.search.show .search-bdy{transform:translateY(0);}

.Category-Block{padding:15px 20px;line-height:2.5;}
.Category-Block li:before{content:"";width:7px;height:7px;border-radius:50%;display:inline-block;margin-left:8px;background-color:rgba(0,0,0,0.1);transition:.2s ease-in-out;}
.Category-Block .asli{font-size: 15px;font-weight: bold;transition:.2s ease-in-out;}
.Category-Block .asli:hover{color:var(--color)}
.Category-Block .asli:before{background-color:var(--color)}
.Category-Block .sub{margin-right: 10px;font-size: 13px;}
.Category-Block .sub:hover:before{background-color:var(--color)}


.div_input input[type="text"],.div_input textarea, .div_input input[type="password"]{padding:5px 10px;border:1px solid #ccc;border-radius:12px;background:#fff;height:44px;max-width:100%;width:100%;font-family:yekan;margin-bottom:5px;}
.div_input textarea{height:100px;}
.div_input input[type="text"]:focus,.div_input textarea:focus{color:#495057;background-color:#fff;border-color:#54b247;outline:0;box-shadow:0 0 0 .2rem #54b24721;}
.rb_row1,.rb_row3,.rb_btn_reset{display:none;}
.rb_btn{width:100%;background-color:#54b247;border-color:#54b247;}

.list_cat li {
    display: flex;
    justify-content: space-between;
}
.list_post {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}