/*
Theme Name:  ZarinDownload
Author: YasCode
Author URI: https://yascode.ir/
Description: این قالب توسط گروه طراحی یاس کد طراحی شده است جهت ویرایشات به یاس کد مراجعه کنید . توجه داشته باشید که حذف کپی رایت موجب سلب پشتیبانی توسط این تیم می شود و هیچگونه مسئولیتی در قبال پشتیبانی نخواهیم داشت
Version: 1.0
Author: YasCode(Mohammadhossein Askari)
Author URI: https://yascode.ir
Description: Design by HTML5 + CSS3 + WORDPRESS + JQUERY + TIME 
*/
@charset "utf-8";
*{margin:0;padding:0;font-weight:400;font-style:normal;direction:rtl;font-family:"IRANSans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;-webkit-transition-duration:0.3s;transition-duration:0.3s}
ul,li{list-style:none}
a{text-decoration:none}
hr{border:0;border-bottom:1px #e0e0e0 solid}
b,.nd-bold{font-weight:700}
img{max-width:100%}
.right{float:right}
.left{float:left}
.nd,header,footer{width:100%;float:right}
.nd-8{font-size:8px}
.nd-9{font-size:9px}
.nd-10{font-size:10px}
.nd-11{font-size:11px}
.nd-12{font-size:12px}
.nd-13{font-size:13px}
.nd-14{font-size:14px}
.nd-15{font-size:15px}
.nd-16{font-size:16px}
.nd-17{font-size:17px}
.nd-18{font-size:18px}
.nd-19{font-size:19px}
.nd-20{font-size:20px}
.nd-21{font-size:21px}
.nd-22{font-size:22px}
.nd-23{font-size:23px}
.nd-24{font-size:24px}
.nd-25{font-size:25px}
.nd-26{font-size:26px}
.nd-27{font-size:27px}
.nd-28{font-size:28px}
.nd-29{font-size:29px}
.nd-30{font-size:30px}
.nd-31{font-size:31px}
.nd-fff,::selection{color:#fff}
.nd-000{color:#000}
.nd-111{color:#111}
.nd-222{color:#222}
.nd-333{color:#333}
.nd-444{color:#444}
.nd-555{color:#555}
.nd-666{color:#666}
.nd-777{color:#777}
.nd-rang{color:#1e88e5}
.nd-rang2{color:#1d55eb}
.nd-op,.owl-prev,.owl-next{opacity:.85}
.nd-3px{border-radius:3px}
.nd-5px{border-radius:5px}
.nd-10px{border-radius:10px}
.nd-15px{border-radius:15px}
.nd-20px{border-radius:20px}
.nd-25px{border-radius:25px}
.nd-30px{border-radius:30px}
.nd-35px{border-radius:35px}
.nd-50px{border-radius:50%}
.nd-medium{font-weight:500}
.nd-200{font-weight:200}
.nd-300{font-weight:300}
.nd-400{font-weight:400}
.nd-600{font-weight:600}
.nd-700{font-weight:700}
.nd-800{font-weight:800}
.nd-900{font-weight:900}
.nd-center,.owl-prev,.owl-next{display:inline-flex;justify-content:center;flex-direction:column;text-align:center}
.nd-align{text-align:center}
.main,main{width:85%;margin:0 auto}
.nd-limit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nd-overflow{overflow:hidden}
.nd-bg{background-color:#fff}
.nd-color,::selection{background-color:#1e88e5}
.nd-z-index{z-index:100}
.nd-shadow{-webkit-box-shadow: 1px 1px 15px rgba(67,38,100,.15);-moz-box-shadow: 1px 1px 15px rgba(67,38,100,.15);box-shadow: 1px 1px 15px rgba(67,38,100,.15)}
.nd-shadow2{-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18)}
.nd-relative{position:relative}
.nd-absolute{position:absolute}
.nd-pointer,.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev,.owl-theme .owl-nav [class*=owl-]{cursor:pointer}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent}
.owl-carousel{display:none;width:100%;z-index:9}
.owl-carousel .owl-stage{-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{z-index:1;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled,.poll br{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{float:right;direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-prev,.owl-next{top:calc(50% - 20px);width:40px;height:40px;text-align:center;color:#00bfa5;z-index:10000;font-size:38px}
.owl-prev.disabled,.owl-next.disabled{color:#9e9e9e}
.owl-carousel:hover .owl-prev,.owl-carousel:hover .owl-next{opacity:1}
.owl-next{left:-40px;float:left;border-radius:0 50% 50% 0}
.owl-prev{right:-40px;float:right;border-radius:50% 0 0 50%}
.owl-nav{display:none !important}
.owl-dots{float:right;text-align:center;margin:-35px -80px 0 0}
.owl-dots .owl-dot{display:inline-block;margin:5px 7px;background-color:#cfd8dc;border-radius:30px;width:8px;height:8px}
.owl-dots .owl-dot.active{width:38px}
.nd-asli{
width: 1400px;
max-width: 95%;
margin: 0 auto
}
.main-bg{
background-color: #eaeff7
}
.main-page{
padding-bottom: 70px
}
@-webkit-keyframes hvr-pulse-grow {
  to {
	  filter:brightness(1.5)
  }
}
@keyframes hvr-pulse-grow {
  to {
	  filter:brightness(1.5)
  }
}
header .logo{
height: 121px;
margin-top: 3px
}
header .menu-btn{
padding: 25px 0
}
header .menu-btn a{
width: 100px;
text-align: center;
border-right: 1px rgba(0,0,0,0.1) solid
}
header .menu-btn a:first-child{
border-right: 0
}
header .menu-btn a .icon{
width: 45px;
height: 45px;
position: relative;
border-radius: 50%
}
header .menu-btn a span {
margin-top: 5px;
display: block;
font-weight: 500
}
header .menu-btn a:hover .icon{
transform: rotate(360deg)
}
header .menu-btn a:hover span{
color: #1e88e5
}
.nd-c-1{
background: linear-gradient(150deg,#008EDD,#00bbb8)
}
.nd-c-2{
background: linear-gradient(150deg,#42a5f5,#5c6bc0)
}
.nd-c-3{
background: linear-gradient(150deg,#039be5,#00897b)
}
.nd-c-4{
background: linear-gradient(150deg,#689f38,#0097a7)
}
.nd-c-5{
background: linear-gradient(150deg,#5c6bc0,#ff4081)
}
.nd-c-6{
background: linear-gradient(150deg,#ffab00,#ff9800)
}
.bottom-header{
background-color: rgba(255,255,255,0.6);
position: relative;
margin-bottom: -36px
}
.bottom-header .username{
padding: 7px 0
}
header .logo:hover, .bottom-header .username{
-webkit-animation-name:hvr-pulse-grow;
animation-name:hvr-pulse-grow;
-webkit-animation-duration:0.3s;
animation-duration:0.3s;
-webkit-animation-timing-function:linear;
animation-timing-function:linear;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
-webkit-animation-direction:alternate;
animation-direction:alternate;
}
.bg-search h1{
padding: 10px 0px;
font-size: 35px;
font-weight: bold;
margin: 35px 0 5px 0
}
.bg-search .text{
display: inline-block;
padding: 0px 100px;
height: 15px;
border-bottom: 2px #ef5350 solid
}
.bg-search h4{
display: inline-block;
padding: 7px 10px;
background-color: #ef5350;
background: linear-gradient(45deg,#ef5350,#f16c69,#ef5350)
}
.bg-search .search{
width: calc(60% - 5px);
background: #fff;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
border-right: 5px #ccc solid;
margin: 20px 20%;
border-radius: 70px
}
.bg-search .search input[type="text"]{
width: calc(100% - 90px);
border: 0px;
padding: 20px 20px 21px 0px;
background: none;
color: #2B3843;
border-radius: 30px
}
.bg-search .search input[type="submit"]{
font-family: FontAwesome;
width: 55px;
height: 55px;
background-color: #008EDD;
background: linear-gradient(150deg,#008EDD,#00bbb8);
border: 0px;
margin: 5px;
border-radius: 50%;
cursor: pointer
}
.bg-search .search input[type="submit"]:hover{
opacity: .8
}
#main-menu{
padding: 3px 10px;
margin-top: 4px;
display: none
}
#menu-open{
position: fixed;
height: 100%;
width: calc(70% - 20px);
top: 0;
right: -70%;
z-index: 9999;
padding: 10px;
opacity: 0;
visibility: hidden;
overflow: auto
}
#menu-open .title:first-child{
margin-top: 10px
}
#menu-open .title{
margin-top: 20px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(0,0,0,0.1)
}
#menu-open .title h4{
margin-top: 7px
}
#menu-open .title span{
width: 30px;
height: 30px
}
#menu-open ul li a i{
font-size: 16px;
margin-top: 2px
}
#menu-open ul li{
padding: 10px 0;
margin: 0  10px;
width: calc(100% - 20px);
border-bottom: 1px dashed rgba(0,0,0,0.1)
}
#menu-open ul li:last-child{
border-bottom: 0
}
#menu-open ul{
margin-top: 5px
}
#menu-open ul li samp{
width: 20px;
height: 20px;
margin-top: -2px;
background-color: #eee
}
#menu-open ul .open samp{
transform: rotate(180deg)
}
#menu-open ul li samp i{
font-size: 14px
}
#menu-open ul li ul{
background-color: #eee;
border-radius: 5px;
margin: 10px 5px 0;
width: calc(100% - 10px);
-webkit-transition-duration:0s;
transition-duration:0s
}
#menu-open ul li ul li{
padding: 0 0 10px 0;
margin: 10px 10px 0;
width: calc(100% - 20px);
border-bottom: 1px dashed rgba(0,0,0,0.1);
float: right
}
#menu-open ul li ul{
display: none
}
#menu-open .miani .menu li{
float:right
}
#menu-open .miani .menu li a{
color: #777;
float: right;
font-size: 12px;
font-weight: 500
}
#menu-open .miani .menu li .sub-menu{
float: right
}
#menu-open .miani .menu li .sub-menu li a{
color: #777;
float: right;
font-size: 12px;
font-weight: 500
}
.tire-menu{
height: 100%;
position: fixed;
background-color: rgba(0,0,0,0.8);
z-index: 999;
display: none;
-webkit-transition-duration:0s;
transition-duration:0s
}
.bottom-header .cat-menu{
width: calc(100% - 120px)
}
.bottom-header .menu .menu-item:hover{
background: linear-gradient(150deg,#008EDD,#00bbb8)
}
.bottom-header .menu li:hover a{
color: white
}
.bottom-header .menu li:hover .sub-menu{
opacity: 1;
visibility: inherit;
right: 0
}
.bottom-header .menu li .sub-menu{
top: 35px;
visibility: hidden;
opacity: 0;
width: 200px;
max-height: calc(100vh - 80px);
right: -10px;
padding: 5px 0;
border-top: 2px #008EDD solid;
background-color: rgba(0,0,0,0.4);
position: absolute;
float:right;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18)
}
.bottom-header .menu li .sub-menu li{
float:right;
width: 100%;
padding: 0
}
.bottom-header .menu li .sub-menu li a{
width: calc(100% - 30px);
border-bottom: 1px rgba(255, 255, 255, 0.05) solid;
padding: 7px 15px;
float: right;
color: #fff;
font-size: 13px;
font-weight: 400
}
.bottom-header .menu li .sub-menu li a:after{
content: "\f104";
font-family: FontAwesome;
color: #fff;
float: left;
font-size: 13px;
margin: 4px 0 0 5px
}
.bottom-header .menu li .sub-menu li:last-child a{
border-bottom: 0
}
.bottom-header .menu li .sub-menu li:hover{background:0}
.bottom-header .menu li .sub-menu li:hover a{
padding-right: 20px;
width: calc(100% - 35px);
color: #1e88e5 !important
}
.bottom-header .menu li .sub-menu li:hover a:before{
color: #1e88e5
}
.cat-menu .menu{
float: right
}
.cat-menu .menu li{
float: right;
position: relative;
padding: 7px 10px
}
.cat-menu .menu li a{
float: right;
font-size: 14px;
font-weight: 500;
color: #555
}
.cat-menu .menu li samp{display:none}
.box-banner{
padding: 10px;
margin-top: 15px;
width: calc(100% - 20px)
}
.right-side{
width: 74%
}
.right-side .article-page{
padding: 10px 15px;
width: calc(100% - 30px);
margin-top: 15px
}
.right-side .article-page .title-page{
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px dashed rgba(0,0,0,0.2);
color: #1d55eb;
font-weight: bold;
font-size: 18px
}
.right-side .article-page .motoon{
color: #444;
font-size: 14px;
font-weight: 500
}
.category-archive {
margin-top: 15px
}
.category-archive .top-cat-arch{
width: calc(100% - 82px);
padding: 35px 38px 0 44px
}
.category-archive .top-cat-arch .link-cat{
margin: 12px 0 65px 0
}
.category-archive .top-cat-arch .play{
width: 40px;
height: 40px
}
.category-archive .top-cat-arch .title{
margin-bottom: 10px
}
.category-archive .top-cat-arch p{
text-align: justify;
width: 100%;
float: right;
font-weight: 500;
font-size: 12px;
opacity: 0.9;
color: #fff
}
.category-archive .bottom-cat-arch{
background: linear-gradient(to bottom,rgba(255,255,255,0),#eaeff7,#eaeff7);
padding: 80px 15px 15px 15px;
width: calc(100% - 30px)
}
.category-archive .bottom-cat-arch .item .play{
z-index: 9999;
width: 35px;
height: 35px;
left: 15px;
opacity: 0;
top: 15px
}
.category-archive .bottom-cat-arch .item figure .bg{
width: 70%;
height: 98%;
filter: blur(8px);
bottom: -5px;
right: 15%;
opacity: 0.9
}
.category-archive .bottom-cat-arch .item figure,.category-archive .bottom-cat-arch .item figure img{
height: 100%;
}
.category-archive .bottom-cat-arch .item .des{
width: calc(100% - 30px);
padding: 10px 15px;
margin-top: -70px;
z-index: 999999999
}
.category-archive .bottom-cat-arch .item .des span{
margin-top: 5px
}
.category-archive .bottom-cat-arch .item .des span i{
margin-left: 5px
}
.category-archive .bottom-cat-arch .item figure:after{
content: '';
background: -ms-linear-gradient(bottom, rgba(18, 18, 18, 0.8) 35%, rgba(18, 18, 18, 0) 65%);
background: linear-gradient(to top, rgba(18, 18, 18, 0.8) 35%, rgba(18, 18, 18, 0) 65%);
position: absolute;
z-index: 99999999;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
display: block;
border-radius: 20px
}
.category-archive .bottom-cat-arch .item {
width: calc(100% - 20px);
margin: 0 10px;
height: 300px;
padding-bottom: 20px
}
.category-archive .bottom-cat-arch .item:hover .play{
transform:rotate(360deg);
opacity: 1
}
.category-archive .bottom-cat-arch .item:hover figure::after,.category-archive .bottom-cat-arch .item:hover .des{opacity: 0}
.category-archive .top-cat-arch .link-cat i{
padding-left: 5px
}
.category-archive .top-cat-arch .link-cat:hover i{
padding-left: 0;
padding-right: 5px
}
.category-archive .top-cat-arch .link-cat:hover a{
color: #1e88e5
}
.category-archive .top-cat-arch .top-bio:hover h2{
color: #1e88e5
}
.category-box{
margin-top: 15px
}
.category-box .cat-title{
padding: 10px;
width: calc(25% - 20px)
}
.category-box .cat-title.cat-one{
background-color: rgba(0,0,0,0.1)
}
.category-box .cat-title i{
font-size: 20px
}
.category-box ul li{
margin: 10px 10px 0;
width: calc(100% - 30px);
padding: 0 5px 10px;
border-bottom: 1px dashed rgba(0,0,0,0.2)
}
.category-box ul li:last-child{
border-bottom: 0
}
.category-box ul li a:hover{
padding-right: 5px;
color: #1e88e5
}
.category-box .cat-1,.category-box .cat-2,.category-box .cat-3,.category-box .cat-4{-webkit-transition-duration:0s;transition-duration:0s}
.post:first-child{
margin-top: 15px
}
.post{
border-bottom: 4px #c8dffb solid;
margin-bottom: 15px;
padding: 7px 15px;
width: calc(100% - 30px)
}
.post .name{
padding: 5px 0 12px;
margin-bottom: 18px;
border-bottom: 1px #e0e0e0 dashed
}
.post .name .icon{
width: 30px;
height: 30px;
background-color: #42a5f5;
background: linear-gradient(150deg,#42a5f5,#5c6bc0)
}
.post .name .info{
width: calc(100% - 100px);
}
.post .name .arrow {
margin: 0 0 0 10px
}
.post .name .arrow::before {
content: '';
width: 8px;
height: 30px;
float: right;
background: #0046ff;
border-radius: 10px
}
.post .name .arrow::after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid #0046ff;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
position: absolute;
top: 10px
}
.post .name h2 {
width: calc(100% - 20px);
margin-top: 3px
}
.post .name ul {
background-color: #f5f5f7;
background: linear-gradient(to right,rgba(255,255,255,0),#f5f5f7,#f5f5f7,#f5f5f7);
padding: 5px 15px;
width: calc(100% - 30px);
margin-top: 12px
}
.post .name li {
display: contents;
padding: 3px 0 3px 20px
}
.post .name ul li span{
margin-top: 2px
}
.post .name li:first-child .icon-m {
margin-right: 0
}
.post .name .icon-m {
margin: 0 30px 0 7px;
color: #a0c7f7;
width: 25px;
height: 25px
}
.fa-eye:before {
content: "\f06e"
}
.post .name .vizhegi{
display: inline-block;
float: left;
color: #fff;
padding: 1px 5px;
top: 0;
left: 0;
position: absolute;
width: 15px;
height: 70px
}
.post .name ul li:nth-child(4){
left: 0
}
.post .name ul li:nth-child(5){
left: 30px
}
.post .name ul li:nth-child(6){
left: 60px
}
.post .name ul li:nth-child(7){
left: 90px
}
.post .name .vizhegi.update-ico{
background: #28a745
}
.post .name .vizhegi.vip-ico{
background: #ffc107
}
.post .name .vizhegi.sell-ico{
background: #424242
}
.post .name .vizhegi.new-ico{
background: #dc3545
}
.post .name .vizhegi span {
font-size: .8em;
font-weight: 600;
display: block;
transform: rotate(-90deg);
white-space: nowrap;
margin-top: 5px
}
.post .name .vizhegi:after {
content: '';
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 7px solid #fff;
position: absolute;
bottom: 0
}
.post .matn{
text-align: justify;
line-height: 27px;
margin-bottom: 50px
}
.post .matn img{
max-width: 100%;
max-height: 500px;
margin: 10px 0
}
.post .bottom-post {
margin: 18px 0 10px;
padding-top: 15px;
border-top: 1px #e0e0e0 dashed
}
.post .bottom-post a{
font-weight: 500
}
.post .cat{
padding: 7px 0;
width: calc(100% - 170px)
}
.post .cat a{
padding: 3px 5px;
color: #678df1
}
.post .more {
border: 1px #fb7012 solid
}
.post .more span{
background-color: #fb7012;
display: inline-block;
padding: 5px 15px
}
.post .more i{
margin: 9px 7px 9px 10px
}
.fa-download:before{
content: "\f019"
}
.post .more:hover span{
margin-left: -31px
}
.post .cat a:hover{
color: #1d55eb
}
.post .name .info h2 a:hover{
color: #37474f
}
.post .matn img:hover{
opacity: 0.9
}
.pages{
margin-bottom: 15px
}
.pages a, .pages span{
margin: 2.5px;
color: white;
border-radius: 30px;
display: inline-block;
padding: 5px 15px
}
.pages span{
background-color: #ffc402
}
.pages a{
background-color: #1d55eb
}
.pages a:hover{
opacity: 0.8
}
.left-side{
margin-right: 20px;
width: calc(26% - 20px)
}
.box-left{
padding: 10px;
width: calc(100% - 20px);
margin-top: 15px
}
.box-left .title{
margin: 5px 0 0 5px
}
.box-left .title a:hover{
color: #1d55eb
}
.box-hot{
margin-top: 15px
}
.box-hot .tabs-title span{
border: 0;
width: 50%;
padding: 8px 0;
background: none
}
.box-hot .tab-content{
padding: 10px 15px;
width: calc(100% - 30px)
}
.box-hot .tab-content li{
border-bottom: 1px rgba(0, 0, 0, 0.1) dashed;
padding: 10px 0
}
.box-hot .tab-content li:last-child{
border-bottom: 0
}
.box-hot .tab-content li img {
width: 60px;
height: 60px
}
.box-hot .tab-content li .entery {
width: calc(100% - 82px);
margin-top: 10px;
}
.box-hot .tab-content li .entery h2 {
margin-bottom: 3px
}
.box-hot .tab-content li .entery h2 a:hover{
color: #1d55eb
}
.box-hot .tab-content li img:hover{
opacity: 0.8
}
#rand-posts,#hots-posts{
-webkit-transition-duration:0s;
transition-duration:0s
}
.tg-in{
width: calc(100% - 20px);
padding: 10px
}
.tg-in.insta{
margin-top: 15px;
background-color: #9cccfd;
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)
}
.tg-in.tele {
margin-top: 10px;
background-color: #566c83;
background: linear-gradient(270deg, #0088cc, #28b9ff)
}
.tg-in .entery{
width: calc(100% - 50px)
}
.tg-in .icon{
box-shadow: 0 1px 4px 1px rgba(0,0,0,.1);
background-color: #fff;
margin: 3px 0;
width: 40px;
height: 40px
}
.tg-in .entery samp{
margin-top: 5px;
padding: 0 8px;
border: 1px #fff solid
}
.tg-in:hover samp{
background-color: #fff;
color: #444
}
.tg-in.insta .icon i{
background: #d6249f;
background: linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.tg-in.tele .icon i {
color: #039be5
}
.tg-in:hover .icon{
transform:rotate(360deg)
}
.tg-in:hover .icon i{
transform: scale(1.2)
}
.box-left .onvan{
height: 37px;
width: 100%;
background: #f0f5f7;
float: left;
position: relative
}
.box-left .onvan:before{
content: "\f0a1";
font-family: FontAwesome;
background-color: #008EDD;
background: linear-gradient(150deg,#008EDD,#00bbb8);
-webkit-background: linear-gradient(150deg,#008EDD,#00bbb8);
-moz-background: linear-gradient(150deg,#008EDD,#00bbb8);
color: #fff;
width: 35px;
height: 35px;
margin: 0 10px;
float: right;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-size: 16px;
position: relative;
display:inline-flex;
justify-content:center;
flex-direction:column;
text-align:center;
z-index: 1
}
.box-left .onvan.apps:before{
content: "\f019"
}
.box-left .onvan.khabarname:before{
content: "\f0e0"
}
.box-left .onvan.abzarak:before{
content: "\f0ca"
}
.box-left .onvan h5 {
padding-right: 15px;
margin-top: 8px
}
.box-left .onvan:after {
content: "";
width: 60px;
height: 37px;
background: #fff;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
position: absolute;
top: 0;
right: 0
}
.box-left .bodys,.box-left .bodys-2,.box-left .bodys-3{
padding-top: 5px;
margin-top: 10px;
border-top: 1px dashed rgba(0,0,0,0.2)
}
.box-left .bodys-2,.box-left .bodys-3{padding-top: 10px}
.box-left .bodys .text-ads{
margin-top: 10px;
padding: 15px;
background: #f5f5f5;
border-radius: 5px 5px 5px 0;
width: calc(100% - 30px);
color: #3c3351;
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
position: relative;
text-align: center
}
.box-left .bodys-3{
color: #555;
font-size: 13px;
font-weight: 500
}
.box-left .bodys-3 a{
color: #555
}
.box-left .bodys-3 a:hover{
color: #1e88e5
}
.box-left .bodys-3 ul li{
padding: 2px 0
}
.box-left .bodys .text-ads span{
padding-bottom: 5px;
margin-bottom: 8px;
font-weight: 500;
border-bottom: 1px rgba(0,0,0,0.06) solid
}
.box-left .bodys .text-ads:after{
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
position: absolute;
left: 15px;
bottom: 20px
}
.box-left .bodys li:nth-child(odd) .text-ads:after{
background-color: #008EDD;
background: linear-gradient(150deg,#008EDD,#00bbb8)
}
.box-left .bodys li:nth-child(even) .text-ads:after{
background-color: #5c6bc0;
background: linear-gradient(150deg,#5c6bc0,#ff4081)
}
.box-left .bodys li:nth-child(odd):hover .text-ads{
background-color: #008EDD;
background: linear-gradient(150deg,#008EDD,#00bbb8)
}
.box-left .bodys li:nth-child(even):hover .text-ads{
background-color: #5c6bc0;
background: linear-gradient(150deg,#5c6bc0,#ff4081)
}
.box-left .bodys li:hover .text-ads span, .box-left .bodys li:hover .text-ads samp{
color: white
}
.box-left .bodys li:hover .text-ads:after{
background: #fff
}
.box-left .bodys-2 li{
margin-left: 10px;
width: calc(33.33% - 10px)
}
.box-left .bodys-2 li a img{
height: 90px
}
.box-left .bodys-2 li:hover{
transform: scale(1.1);
filter: brightness(1.3)
}
#mail-btn{
border: 0;
padding: 10px 0;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.41);
width: calc(100% - 0px)
}
#mail-btn:hover,#mail input[type="submit"]:hover{
background-color: #1976d2
}
#mail{
margin-top: 10px;
display: none;
-webkit-transition-duration:0s;
transition-duration:0s
}
#mail input[type="email"]{
width: calc(100% - 89px);
margin-left: 10px;
padding: 5px 7px;
border: 1px solid rgba(0, 0, 0, 0.18)
}
#mail input[type="submit"] {
border: 0;
padding: 5px 10px
}
.darkhast{
margin-top: 15px;
padding: 15px 10px;
width: calc(100% - 20px);
background-color: #b3e5fc
}
.darkhast:hover{
background-color: #4fc3f7
}
footer {
background-color:#1d55eb;
padding-top: 35px
}
footer .menu-f{
width: 13%
}
footer .menu-f h3{
margin-bottom: 9px;
color: #f9f9f9
}
footer .menu-f a {
color: rgba(249, 249, 249, 0.7);
font-size: 13px
}
footer .menu-f li{
padding: 7px 0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width: 100%;
}
footer .about{
width: 45%;
margin: 0 2.5% 0 2.5%;
line-height: 35px
}
footer .about p{
text-align: justify
}
footer .namad{
border: 1px solid #1976d2;
padding: 10px;
margin: 10px 20px 0 0;
width: calc(11% - 42px)
}
footer .namad h4{
margin-bottom: 7px
}
footer .bottom-header-2{
width: calc(100% - 40px);
padding: 14px 20px;
margin-top: 35px;
background-color: #1d55eb;
box-shadow: 0px -49px 28px -47px rgba(0, 0, 0, 0.5)
}
footer .bottom-header-2 .social{
margin: 12px 0
}
footer .bottom-header-2 .social a {
width: 50px;
height: 50px;
margin: 0 3px
}
footer .bottom-header-2 .log{
margin: 14px 0 -14px 0
}
footer .bottom-header-2 .copyright{
margin-top: 20px;
max-width: 100%;
width: 170px
}
footer .bottom-header-2 .copyright span{
direction: ltr
}
footer .bottom-header-2 .social a:hover{background-color: rgba(255, 255, 255, 0.1)}
footer .menu-f a:hover{color: #fff}
.faq-list  li{
    overflow: hidden;
    border-radius: 3px;
    margin: 7.5px 0;
}
.faq-list li .accordion-bTitle{
    text-align: right;
    padding: 6px 15px;
    display: block;
    text-decoration: none;
    color: #333;
    background-color: #f5f5f5;
    border-bottom: 3px solid #eee;
    font-size: 15px;
    cursor: pointer;
}
.faq-list  li.active .accordion-bTitle{
    color: #fff;
    background-color: #bc0517;
}
.faq-list li .accordion-bItem{
    height: auto;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.5em;
    display: none;
    -webkit-transition-duration:0s;
    transition-duration:0s;
    padding: 1em 2em;
    width: 100%;
    float: right;
}
.faq-list li>.accordion-bTitle:before{
    content: "+";
    line-height: 1.5em;
    float: left;
    -webkit-transition-duration:0.3s;
    transition-duration:0.3s;
    margin-top: 3px;
}
.faq-list li.active>.accordion-bTitle:before{
    transform: rotate(45deg);
}
.ads-list .link{
    margin: 7px 0;
}
.ads-list .link .link-icon{
    background-color: #ffd54f;
    padding: 5px 5px 5px 10px;
}
.ads-list .link .link-icon .icon{
    width: 23px;
    height: 23px;
    background-color: #ef5350;
}
.ads-list .link .link-icon .icon i{
    font-size: 13px;
    color: #fff;
}
.ads-list .link .link-icon:hover{
    background-color: #ef5350;
}
.ads-list .link .link-icon:hover .icon{
    background-color: #ffd54f;
    transform: rotate(360deg);
}
.ads-list .link .link-icon:hover .icon i{
    color: #555;
}
.ads-list .link .link-icon:hover span{
    color: #fff;
}
.table-warning {
    background-color: #ffeeba;
}
.ads-table tbody td, .table tbody th, .ads-table thead th {
    border: 1px solid #dee2e6;
    padding: .75rem;
}
.ads-table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #e5e5e5;
    padding: .75rem;
}
.table-light, .table-light>td {
    background-color: #fcfcfc;
}
.ads-table{
    width: 100%;
    max-width: 100%;
    margin: 1rem 0;
    background-color: transparent;
    border-collapse: collapse;
}
.table-light td a {
    padding: 3px 10px;
    background-color: #2196f3;
    color: #fff;
    border-radius: 5px;
}
.table-light .text-success {
    background-color: #8bc34a;
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
    cursor: default;
}
.table-light .text-not-success{
    background-color: #ef5350;
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
    cursor: default;
}
/* cf7 styles */
.wpcf7-form label{
    width: 100%;
    float: right;
    margin: 10px 0;
}
.wpcf7-form label input,.wpcf7-form label textarea{
    float: right;
    background-color: #f0f5ff;
    border-radius: 5px;
    width: calc(100% - 20px);
    border: 0;
    padding: 5px 10px !important;
    margin-top: 6px;
}
.wpcf7-form input[type="submit"]{
    background-color: #0059ff;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    width: 100%;
    border: 0;
    cursor: pointer;
}
.wpcf7-form input[type="submit"]:hover{
    opacity: 0.8;
}
@media only screen and (max-width:1000px){.category-archive .bottom-cat-arch .item {height: 250px}    }
@media only screen and (max-width:550px){.category-archive .bottom-cat-arch .item {height: 210px}    }
@media only screen and (max-width:450px){.category-archive .bottom-cat-arch .item {height: 150px}    }
@media only screen and (max-width:300px){.category-archive .bottom-cat-arch .item {height: 200px}    }
@media only screen and (max-width:1000px){
header .menu-btn, .bottom-header .cat-menu{display: none}
header .logo{margin-right: calc(50% - 185px)}
#main-menu{display: block}
}
@media only screen and (max-width:1110px){
footer .menu-f {
margin-bottom: 30px;
width: 50%;
text-align: center
}
footer .namad{
max-width: calc(50% - 20px);
float: right;
width: 130px;
margin-top: 0
}
footer .about {
width: 90%;
line-height: 35px;
margin: 0 5% 30px 0
}
footer .menu-f a{
float: none;
display: inline-block
}
}
@media only screen and (max-width:950px){
.right-side{
width: 100%
}
.left-side{
margin-right: 0;
width: 100%
}
}
@media only screen and (max-width: 710px){
.bg-search .search input[type="text"]{
font-size: 14px;
padding: 13px 13px 13px 0px;
width: calc(100% - 70px)
}
.bg-search .search{
width: calc(100% - 5px);
margin: 20px 0 5px 0
}
.bg-search .search input[type="submit"]{
height: 40px;
width: 40px;
font-size: 16px
}
footer .bottom-header-2 .social{
width: 100%;
text-align: center;
margin: 5px 0 0 0
}
footer .bottom-header-2 .copyright{
float: right;
text-align: right;
direction: rtl
}
footer .bottom-header-2 .social a{
float: none
}
}
@media only screen and (max-width: 600px){
.bg-search .text{
padding: 0 10px
}
header .logo{
margin-right: calc(50% - 135px);
height: 90px
}
.category-archive .bottom-cat-arch .item {
width: calc(100% - 14px);
margin: 0 7px;
padding-bottom: 0
}
.category-archive .top-cat-arch .title {
font-size: 16px
}
.category-archive .top-cat-arch p{font-size: 10px}
}
@media only screen and (max-width: 550px){
.shortlink{
width: 100%;
float: right;
margin-top: 15px
}
.shortlink span{float: right}
.shortlink input{float: left}
.share{width: 100%; margin-top: 15px}
}
@media only screen and (max-width: 420px){
footer .bottom-header-2 .log{width: 100px !important;margin-top: 25px}
}
@media only screen and (max-width: 480px){
	.post .name .m-hide{
	display: none
	}
	.post .name .icon-m{
	margin-right: 0
	}
}
/* more css */
.post .cat.edame{
width: 100% !important
}
.shortlink span{
padding: 3px 0 0 7px
}
.shortlink input[type="text"]{
width: 150px;
padding: 2px 7px;
border: 1px #e0e0e0 solid;
background-color: #f5f5f5;
direction: ltr
}
.share span{
margin: 2px 0 0 7px
}
.share a{
margin: 0 2px;
width: 25px;
height: 25px;
box-shadow: inset -2px -2px 0 rgba(0,0,0,0.15)
}
.share a.tg{
background-color: #36ade1
}
.share a.wa{
background-color: #21a514;
}
.share a.tw{
background-color: #5ea9dd;
}
.share a.gp{
background-color: #dc4a3d;
}
.share a.fb{
background-color: #3765a3;
}
.share a:hover{box-shadow:inset -45px -45px 0 rgba(0,0,0,0.15)}
.post .post-tags{
margin: 18px 0 10px;
padding-top: 15px;
border-top: 1px #e0e0e0 dashed
}
.post .post-tags a,.post .post-tags span{
font-size: 10px;
color: gray
}
.post .post-tags a:hover{
color: #444
}

/* new dl boxes */

.bg-all-box {
background: #fff;
-webkit-box-shadow: 0 2px 2px rgba(210,214,220,.6);
-moz-box-shadow: 0 2px 2px rgba(210,214,220,.6);
box-shadow: 0 2px 2px rgba(210,214,220,.6);
padding: 0px;
border-radius: 4px
}
.dl-titras {
    padding: 7px 12px 10px 0 !important;
    margin-top: 30px;
    border: none !important;
    margin-bottom: 0px;
    border-radius: 3px 3px 0 0;
    font-size: 15px;
	width: calc(100% - 12px);
}
.dl-titras-g {
    background-color: #4ed687 !important;
    color: #ffffff !important;
    box-shadow: 0 0 18px -12px #85b171;
}
h5.titr-dl i {
    font-size: 22px;
    position: relative;
    top: 5px;
}
.boxdl-green {
    background-color: #e8f5e9;
    padding: 23px 0;
    border: 2px solid #4ed687;
    border-radius: 0 0 3px 3px;
	width: calc(100% - 4px);
}
.bg-all-box .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
}
.content-boxdl {
    font-size: 12px;
    color: #7d7d7d;
}
.content-boxdl ul li{
padding: 5px 0
}
.content-boxdl ul li a{
padding-right: 15px;
width: calc(100% - 15px);
color: #437593
}
.content-boxdl ul li a .icon{
width: 30px;
height: 30px;
background-color: #eee;
border-radius: 50%;
margin-left: 10px;
border: 1px dotted #bdbdbd
}
.content-boxdl ul li a i{
color: #4ed687;
font-size: 14px
}
.content-boxdl ul li:hover{
background-color: #eee;
background:radial-gradient(circle,rgba(0,0,0,.08),rgba(0,0,0,.01))	
}
.dl-titras-r {
    background-color: #f0932b !important;
    color: #ffffff !important;
    box-shadow: 0 0 18px -12px #c1706d;
}
.boxguaide-red {
    background-color: #fff3e0;
    padding: 23px;
    border: 2px solid #f0932b;
    border-radius: 0 0 3px 3px;
	width: calc(100% - 50px);
}
.content-boxguaide {
    color: #c56c0a;
    font-size: 13px;
}
.dl-titras-b {
    background-color: #00bff3 !important;
    color: #ffffff !important;
    box-shadow: 0 0 18px -12px #6b9ca6;
}
.boxinfor-blue {
    background-color: #ebf3fa;
    padding: 18px;
    border: 2px solid #00bff3;
    border-radius: 0 0 3px 3px;
	width: calc(100% - 40px);
}
.content-boxinfor {
    color: #057a9a;
    font-size: 12px;
}
.content-boxinfor ul.information-ul {
    list-style: none !important;
    padding-right: 0;
}
.information-ul li {
    margin-bottom: 12px;
    font-size: 12.5px;
    float: right;
    width: 50%;
}


/* ------- */

.comments{
margin-bottom: 10px;
margin-top: 15px;
width: calc(100% - 30px);
padding: 7px 15px
}
.comments .title{
padding-bottom: 12px;
border-bottom: 1px #e0e0e0 dashed;
margin: 7px 0 5px
}
#comment_form .icon{
background-color: #e6e7ef;
width: 40px;
height: 40px
}
#comment_form .form-send{
background-color: #f5f5f9;
width: calc(100% - 55px)
}
#comment_form textarea{
background: none;
padding: 8px 15px;
width: calc(100% - 75px);
height: 24px;
resize: none;
overflow: hidden;
border: 0
}
#comment_form textarea:focus{
height: 80px
}
.send-cm{
left: 0;
top: 0;
height: 100%
}
#send-cm{
margin-left: 5px;
padding: 11px
}
#send-cm:hover{
color:#1d55eb
}
.modal{
height: 100%;
position: fixed;
right: 0;
top: 0;
z-index: 10000000;
background-color: rgba(41,42,51,.95)
}
.close-cmboxb{
height: 100%;
top: 0;
right: 0
}
.modal .entery{
width: 300px;
padding: 30px;
max-width: calc(100% - 80px);
max-height: calc(100% - 80px);
overflow: auto;
box-shadow: 0 0 7px 0 #292a33;
text-align: justify;
margin: auto
}
#modal-cm{
-webkit-transition-duration:0s;
transition-duration:0s
}
#modal-cm .notic{
margin-bottom: 10px
}
#modal-cm .bincm{
width: calc(100% - 30px);
margin: 5px 0 15px
}
#modal-cm .bincm{
border: solid 1px #d3d6e0;
padding: 7px 15px
}
#modal-cm .bincm:hover,#modal-cm .bincm:focus{border-color:#3f465d}
#modal-cm .cmbtns{
margin-top: 15px
}
.modal .close-cmbox{
background-color: #f5f5f9;
border: 1px rgba(0,0,0,0.01) solid;
margin-left: 10px
}
.modal .close-cmbox.close-cmbox2{
margin-left: 0;
margin-top: 5px;
padding: 5px 0;
}
#modal-cm input[type="submit"], .modal .close-cmbox{
border: 0;
padding: 5px 15px
}
.close-cmbox:hover{background-color:#eeeeee}
#modal-cm input[type="submit"]:hover{background-color:#3f465d}
.comments li{
border-bottom: 1px solid #f5f5f9;
padding: 20px 0
}
.comments li:last-child{
border-bottom: 0
}
.comments li .avatar{
background-color: #ff80ab;
width: 35px;
height: 35px;
cursor: default
}
.comments li .entery{
width: calc(100% - 55px)
}
.comments li .mohtava{
margin-top: 10px;
text-align: justify
}
.comments li .info samp{
margin: 3px 12px 0 0
}
.pishnahadi{
width: calc(100% - 30px);
padding: 7px 15px
}
.pishnahadi .title{
padding-bottom: 12px;
border-bottom: 1px #e0e0e0 dashed;
margin: 7px 0 5px
}
.realted-posts{
margin: 10px 0
}
.realted-posts .item{
width: 150px;
margin: 0 7.5px
}
.realted-posts .item img{
margin-bottom: 7px;
height: 150px
}
.realted-posts .item:hover h2 a{
color: #1d55eb
}
.bg-dlb {
    position: absolute;
    width: calc(100% - 15px);
    height: 90%;
    left: 5px;
    opacity: 0.2;
    bottom: 0;
}
.pro-dl:hover .bg-dlb,.help-box:hover .bg-dlb,.moshakhasat-box:hover .bg-dlb{
	left:15px;
	height:100%;
	opacity:0.4;
}
.search-not{
padding: 10px;
width: calc(100% - 20px)
}
.search-not .title-search{
font-size:18px;
font-weight:bold;
color:red;
margin-bottom:10px;
padding-bottom: 10px;
border-bottom: 1px dashed rgba(0,0,0,0.2)
}
.search-not input[type="text"]{
border: 0;
background-color: #eee;
padding: 5px 10px;
width: calc(100% - 90px)
}
.search-not input[type="submit"]{
border: 0;
background-color: #008EDD;
background: linear-gradient(150deg,#008EDD,#00bbb8);
padding: 5px 10px
}
.page-404 {
line-height: 2
}
.main-b {
width: calc(100% - 300px);
margin: 0 auto
}
.page-404 .pic {
margin-bottom: 10px
}
.logo-site {
margin-top: 30px;
width: 40px
}
.page-404 a {
text-decoration: underline
}
@media only screen and (max-width: 1220px){
.main-b {
    width: calc(100% - 40px);
}
}
.title-onvan-page{
width: 100%;
margin-top: 10px;
padding: 15px 0;
color: #888;
font-size: 13px
}