@charset "utf-8";
/*
Theme Name: Aram Music
Theme URI: http://zhimit.ir
Author: Mohammad Rahmati
Author URI: https://t.me/TheOnlyMen
Description: best Theme Music for Wordpress ,Slider owl-carousel ,Option theme per ,ghaleb ziba va vakonesh gara ,kamelan akhtsasi ,darai 3 namayesh motafavet matalen va emkanat digar
Version: 1.6
License: Mohammadrahmati.0098@gmail.com
*/
/* CSS Document */
@font-face{font-family:'Yekan';src:url(font/BYekan.ttf) format('truetype'),url(font/BYekan.eot?#) format('eot'),url(font/BYekan.woff) format('woff');
	font-style:normal;font-weight:normal}
*{padding:0;margin:0;outline:none;list-style:none;border:0 none}
*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
span,strong{font-weight:400}
html{-ms-touch-action:manipulation;touch-action:manipulation}
body{
    direction: rtl;
    background: #f2f2f2;
    color: #4e6070;
    font-family: yekan ,tahoma ,arial;
    font-size: 12px;
}
h1,h2,h3,h4,h5,h6{font-weight:400}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, del, em, font, img, strong, b, i, ol, ul, li, form {
    padding: 0;
    margin: 0;
    transition: all .3s ease-out;
}
::-moz-selection{background:#67c0c4;color:#fff;text-shadow:none}::selection{background:#67c0c4;color:#fff;text-shadow:none}
a {
    text-decoration: none;
    color: #555;
}
a:hover {
    color: #ff8a00;
}
img {
    max-width: 100%;
}
strong {
    font-weight: 600;
}
.container{
	display: block;
	margin: 0 auto;
	width: 80%;
}
.aligncenter{
    display: block;
    margin: 0 auto;
}
.alignright{
    float: right;
    margin-left: 10px;
}
.alignleft{
    float: left;
    margin-right: 10px;
}
/*
»»»»»»»»»»»»»»»»»»»»»» custom css «««««««««««««««««««««««««««
*/
li.cat-item {
    list-style-type: disc;
    margin-right: 25px;
	padding: 5px;
}
.cat-item .children li{
    list-style-type: circle;
}
.tagcloud a{
	font-size: 12px!important;
    margin: 4px;
    background: #f1f1f1;
    padding: 2px 7px;
    border-radius: 3px;
    float: right;
}
.box li {
    list-style-type: disc;
    margin-right: 25px;
}
li.recentcomments {
    background: #fbfbfb;
    margin-top: 4px;
    padding: 2px 4px;
    border-radius: 2px;
    list-style-type: persian;
}
.sidebar.box .new_post{
	list-style-type: none;
    margin-right: 0;
}
.searchform{
    float: right;
    width: 100%;
}
.searchform input{
	width: 100%;
    padding: 10px;
    border: 1px solid #efefef;
    border-radius: 3px;
    float: right;
}
#searchsubmit{
    padding: 6px;
    font-family: yekan ,tahoma;
    background: #67c0c4;
    color: #fff;
    margin: 5px 0;
    cursor: pointer;
    border: 0;
}
.screen-reader-text{display: none;}
table#wp-calendar {
    width: 100%;
    float: right;
}
/*
»»»»»»»»»»»»»»»»»»»»»» add new style «««««««««««««««««««««««««««
*/
.mainDiv {
position: fixed;
bottom: 78px;
left: 0;
background: #ff5b5b;
width: 20%;
padding: 15px;
color: #fff;
border-radius: 5px;
text-align: center;
z-index: 99999;
}
.mainDiv a{
  color:#fff;
}
@keyframes bobble {
  0% {
    transform: translate3d(50px, 40px, 0px);
    animation-timing-function: ease-in;
  }
  50% {
    transform: translate3d(50px, 50px, 0px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translate3d(50px, 40px, 0px);
  }
}

.mainDiv {
  -webkit-animation: bobble 1s infinite;
  animation: bobble 1s infinite;
}

.mainDiv:after {
content: "✔";
padding: 10px 19px;
border-radius: 50%;
background: #5d5d5d;
position: absolute;
left: 10px;
bottom: -26px;
font-size: 20px;
}
/*
»»»»»»»»»»»»»»»»»»»»»» header «««««««««««««««««««««««««««
*/
.colorful{
    background: url(images/icon.png) 0px 0px;
    height: 4px;
    width: 100%;
    float: left;
}
.header{
	background: #464646;
	width: 100%;
	float: right;
}
.logo {
	float: right;
	margin: 10px 0 10px 15px;
}
.logo img{
    width: 126px;
    height: 33px;
}
.logo img:hover{
    -webkit-transform: rotateZ(-08deg);
    -moz-transform: rotateZ(-08deg);
    -ms-transform: rotateZ(-08deg);
    -o-transform: rotateZ(-08deg);
    transform: rotateZ(-08deg);
}
.menu{
	float: right;
}
.menu ul{
	margin: 0 20px;
}
.menu ul li{
    display: inline-block;
    margin-right: 5px;
    position: relative;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.menu ul li a{
    color: #fff;
    font-size: 14px;
    padding: 4px 8px;
    position: relative;
    line-height: 60px;
}
.menu > ul > li:hover > a {
    background: #575757;
	border-radius: 3px;
}
.menu .menu-item-has-children:after{
    content: "";
    background: url(images/icon.png) no-repeat -266px -162px;
    width: 10px;
    height: 6px;
    display: inline-block;
    transition: all .2s ease-out;
}
.menu .menu-item-has-children:hover:after{
	background-position: -266px -157px; 
}
.menu ul li .sub-menu {
    position: absolute;
    background: #ffffff;
    top: 60px;
	right: 0;
    padding: 4px;
    width: 300px;
    margin: 0;
    z-index: 9999;
    box-shadow: 0 2px 5px 0px #D3D2D3;
	border-radius: 2px;
    opacity: 0;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.menu ul li:hover .sub-menu {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    pointer-events: all;
}
.menu .sub-menu li {
    line-height: 30px;
    display: block;
    margin: 2px;
}
.menu .sub-menu li a{
	color: #464646;
	padding: 2px 5px;
    line-height: 0px;
}
.menu .sub-menu li a:hover{
	color: #ff8a00;
	padding-right: 14px;
}
.menu .sub-menu .active{
    background: #ff8a00;
    text-align: center;
    color: #fff!important;
    border-radius: 2px;
    width: 100%;
    float: right;
    line-height: 25px;
	margin: 0;
}
.menu .sub-menu .active a{
	color: #fff;
	padding-right: 0;
}
.menu .sub-menu .active a:hover{
	color: #fff;
	padding-right: 0;
}
.menu .sub-menu ,.menu_tow .sub-menu ,.notic .content{
	pointer-events: none;
}
.menu-hide {
	display: none;
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» Mega Menu ««««««««««««««««««««««««««««««««
*/

/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» serach - notice - menu_two ««««««««««««««««««««««««««««««««
*/
.sernot{
	float: left;
}
.menu_tow{
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin: 14px 0;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    z-index: 12;
	float: left;
}
.menu_tow:hover ,.search_top:hover{
	background: #565656;
}
.menu_tow:before{
    content: "";
    background: url(images/icon.png) no-repeat -226px -150px;
    width: 7px;
    height: 23px;
    float: left;
    margin: 5px 13px;
}
.menu_tow .sub-menu {
    position: absolute;
    background: #ffffff;
    top: 100%;
	left: 0;
    width: 100px;
    margin: 0;
    z-index: 999;
    box-shadow: 0 2px 3px 0px #D3D2D3;
	border-radius: 2px;
    opacity: 0;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.menu_tow:hover .sub-menu {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    pointer-events: all;
}
.menu_tow ul{
    position: absolute;
    width: 100px;
    top: 100%;
    background: #fff;
    border-radius: 2px;
    padding: 3px;
}
.menu_tow ul li{
	padding: 3px;
}
.menu_tow ul li:hover{
	padding-right: 6px;
}
.search_top{
	display: inline-block;
    margin: 14px 0;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    z-index: 1;
    float: left;
}
.search_top .icon{
    background: url(images/icon.png) no-repeat -7px -217px;
    width: 23px;
    height: 23px;
    float: left;
    margin: 5px 6px;
}
.search_top .form{
	text-align: right;
    font-family: yekan;
    width: 100%;
    display: block;
    color: #666;
    background: #FFF;
    padding: 4px 12px;
    height: 45px;
    line-height: 38px;
    float: right;
    margin: 6px;
	border-radius: 3px;
}
.search_top .form .text{
	font-family: yekan, iransans;
	width: 85%;
    font-size: 12px;
}
.search_top .form .submit{
    font: 11px yekan,tahoma;
    float: left;
    width: 80px;
    height: 38px;
    cursor: pointer;
    color: #FFF;
    background: #ed145b;
    position: absolute;
    left: -2px;
    border-radius: 3px 0 0 3px;
}
.sticky{
    position: fixed !important;
    width: 100% !important;
    top:0 !important;
    left:0 !important;
}
/* -------------------------------- 

xpopup 

-------------------------------- */
.cd-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup.is-visible {
  opacity: 1;
  z-index: 9999;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
    position: relative;
    width: 90%;
    max-width: 600px;
    margin: 15em auto;
    background: #FFF;
    border-radius: 2px;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.notic{
	cursor: pointer;
	position: relative;
	display: inline-block;
    margin: 14px 0;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    z-index: 2;
    float: left;
}
.notic:before{
    content: "";
    background: url(images/icon.png) no-repeat -239px -150px;
    width: 21px;
    height: 23px;
    float: left;
    margin: 5px 6px;
}
.notic .content {
    position: absolute;
    background: #ffffff;
    top: 100%;
	left: 0;
    padding: 4px;
    width: 250px;
    margin: 0;
    z-index: 999;
    box-shadow: 0 2px 3px 0px #D3D2D3;
	border-radius: 2px;
    opacity: 0;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.notic:hover .content {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    pointer-events: all;
}
.notic .content li {
    padding: 3px;
    border-left: 2px solid #ff8a00;
    margin-top: 2px;
	transition: all .1s ease-out;
}
.notic .content li:hover {
    border-left: 5px solid #ff8a00;
}
.pulse {
    position: absolute;
    margin: 6px;
    width: 10px;
    height: 10px;
    background: rgb(60, 141, 197);
    border-radius: 999px;
}

.pulse::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  background: rgba(111, 183, 233, 0.2);
  opacity: 0;
  border-radius: 999px;
  -webkit-animation: animation-pulse 800ms linear infinite;
  -moz-animation: animation-pulse 800ms linear infinite;
  -o-animation: animation-pulse 800ms linear infinite;
  animation: animation-pulse 800ms linear infinite;
}

@-webkit-keyframes animation-pulse {
   0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: scale(1, 1);
  }
  100% {
    opacity: .3;
    transform: scale(3, 3);
  }
}

@-moz-keyframes animation-pulse {
   0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: scale(1, 1);
  }
  100% {
    opacity: .3;
    transform: scale(3, 3);
  }
}

@keyframes animation-pulse {
   0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: scale(1, 1);
  }
  100% {
    opacity: .3;
    transform: scale(3, 3);
  }
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» social and ... ««««««««««««««««««««««««««««««««
*/
.socialtext{
	float: right;
	width: 100%;
	background: #fff;
}
.social .facebook{
    background: url(images/icon.png) no-repeat -37px -316px;
    width: 30px;
    height: 30px;
    float: left;
    margin: 4px; 
}
.social .facebook:hover{
    background-position: -37px -283px;
}
.social .google_plus{
    background: url(images/icon.png) no-repeat -2px -316px;
    width: 30px;
    height: 30px;
    float: left;
    margin: 4px; 
}
.social .google_plus:hover{
    background-position: -2px -283px;
}
.social .twitter{
    background: url(images/icon.png) no-repeat -107px -316px;
    width: 30px;
    height: 30px;
    float: left;
    margin: 4px; 
}
.social .twitter:hover{
    background-position: -107px -283px;
}
.social .instagram{
    background: url(images/icon.png) no-repeat -142px -316px;
    width: 30px;
    height: 30px;
    float: left;
    margin: 4px; 
}
.social .instagram:hover{
    background-position: -142px -283px;
}
.social .linkden{
    background: url(images/icon.png) no-repeat -72px -316px;
    width: 30px;
    height: 30px;
    float: left;
    margin: 4px; 
}
.social .linkden:hover{
    background-position: -72px -283px;
}
.social .telegram{
    background: url(images/icon.png) no-repeat -176px -316px;
    width: 30px;
    height: 30px;
    float: left;
    margin: 4px; 
}
.social .telegram:hover{
    background-position: -176px -283px;
}
.text_day{
	float: right;
}
.text_day span{
    line-height: 36px;
    margin-right: 5px;
    color: #8c8c8c;
}
.text_day:before{
    content: "";
    background: url(images/icon.png) no-repeat -315px -183px;
    width: 16px;
    height: 16px;
    float: right;
    margin: 8px 0;
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» slider_home ««««««««««««««««««««««««««««««««
*/
#slider_home{
	float: right;
	width: 100%;
	margin-bottom: 10px;
}
.ss-next:before{
    content: "";
    background: url(images/icon.png) no-repeat -52px -13px;
    width: 19px;
    height: 83px;
    float: left;
    margin: 0;
}
.ss-prev:before{
    content: "";
    background: url(images/icon.png) no-repeat -30px -13px;
    width: 19px;
    height: 83px;
    float: left;
    margin: 0;
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» Channel Telegram ««««««««««««««««««««««««««««««««
*/
.chan_telegram{
	float: right;
	width: 100%;
	background: #fff;
	border-radius: 2px;
    box-shadow: 2px 2px 0 rgba(0,0,0,.02);
	margin: 10px 0;
}
.chan_telegram .bgt{
	width: 728px;
	height: 90px;
	background: #64a9dc;
	border-radius: 3px;
	margin: 5px auto;
}
.chan_telegram .bgt .text1{
    display: block;
    padding: 9px 0 5px 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    font-size: 14px;
    margin: 0 8px;
}
.chan_telegram .bgt .text2{
    display: block;
    padding: 6px 0 5px 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    font-size: 11px;
    margin: 0 8px;
}
.chan_telegram .bgt .text3{
	position: relative;
    float: left;
    font: 16px arial ,tahoma;
    color: #fff;
    margin: 8px;
}
.chan_telegram .bgt .left{
    background: url(images/icon.png) no-repeat -375px -24px;
    float: left;
    width: 121px;
    height: 90px;
}
.chan_telegram .bgt .button{
    position: relative;
    top: 25px;
    background: #fff;
    font-size: 13px;
    padding: 4px 15px;
    left: -2em;
    border-radius: 3px;
    color: #64a9dc;
}
.chan_telegram .bgt .button:hover{
	opacity: .8;
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» sidebar ««««««««««««««««««««««««««««««««
*/
.page_body{
    display: inline-block;
    text-align: right;
    margin-top: 5px;
    width: 100%;
}
.sidebar{
	float: left;
	width: 31%;
}
.posts ,.adamematlab{
	float: right;
    width: 68%;
}
.sidebar .content {
    margin: 10px 5px;
}
.sidebar .title{
    height: 35px;
    margin: 5px;
    border-radius: 3px 3px 0 0;
    position: relative;
    background: #f7f7f7;
    border-bottom: 2px solid #f2f2f2;
}
.sidebar .title h3{
    font: 14px/34px yekan;
    margin-right: 7px;
    float: right;
    border-bottom: 1px solid #2ea6ff;
}
.sidebar .box{
    float: left;
    width: 100%;
    border-radius: 5px;
    background: #fff;
    margin: 0 0 10px;
    box-shadow: 2px 2px 0 rgba(0,0,0,.02);
}
.sidebar .box ol{
	counter-reset: li;
    list-style: none outside none;
    padding: 0 28px 0 0;
    text-align: justify;
}
.sidebar .box ol li{
	list-style-type: none!important;
    margin-right: 0!important;
}
.sidebar .box ol a{
    display: block;
    font: 13px/2 'yekan',tahoma;
    margin: 2px 0;
    padding: 3px 6px;
    position: relative;
    text-decoration: none;
    transition: all .3s ease-out 0s;
}
.sidebar .box ol a:before{
    background: none repeat scroll 0 0 #f2f2f2;
    border-radius: 2px;
    color: #60666a;
    content: counter(li,decimal);
    counter-increment: li;
    font: 13px/1.8 Yekan,tahoma;
    height: 1.7em;
    margin-top: -1em;
    position: absolute;
    right: -2em;
    text-align: center;
    top: 50%;
    width: 1.7em;
}
.sidebar .box ol a:after{
    border: .5em solid transparent;
    content: "";
    margin-top: -.6em;
    position: absolute;
    right: -1em;
    top: 50%;
    transition: all .3s ease-out 0s;
}
.sidebar .box ol a:hover:after{
    border-right-color: #67c0c4;
    right: -.3em;
}
.sidebar .box ol a:hover:before{
    background: none repeat scroll 0 0 #67c0c4;
	transition: all .2s ease-out 0s;
	color: #fff;
}
.box.reader li{
    margin-right: 0;
    list-style-type: none;
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» sidebar (box images) ««««««««««««««««««««««««««««««««
*/
.image_box{
	text-align: center;
}
.image_box li {
    width: 100%;
    margin: 5px auto;
    padding: 0;
    background: #fff;
    list-style: none;
    position: relative;
}
.image_box li img {border-radius: 2px;}
.image_box .tit{
    position: absolute;
    z-index: 1;
    top: -30px;
    width: 100%;
    right: 0;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.28);
    padding: 6px 0;
    opacity: 0;
    pointer-events: none;
}
.image_box li:hover .tit{
    opacity: 1;
    top: 0;
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» sidebar (new post) ««««««««««««««««««««««««««««««««
*/
.darkhast{
    float: left;
    width: 100%;
    border-radius: 3px;
    background: #464646;
    margin: 0 0 10px;
	padding: 5px;
    box-shadow: 2px 2px 0 rgba(0,0,0,.02);
}
.darkhast .tit{
    color: #fff;
    font-size: 14px;
}
.darkhast span{
    color: #fff;
    padding: 4px;
    margin-top: 4px;
    display: block;
    float: right;
}
.darkhast .more{
    float: left;
    background: #464646;
    border: 1px solid #fff;
    border-radius: 2px;
    padding: 4px;
    color: #fff;
}
.darkhast .more:hover{
	background: #fff;
	color: #464646;
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» sidebar (form) ««««««««««««««««««««««««««««««««
*/

/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» sidebar (image post) ««««««««««««««««««««««««««««««««
*/
.image_post ul{
	text-align: center;
}
.image_post li{
    float: right;
    list-style-type: none;
    position: relative;
    display: inline-block;
    height: 85px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 15px;
}
.image_post li img{
	border-radius: 3px;
	width: 85px;
    height: 85px;
}
.image_post li span{
    position: absolute;
    bottom: -28px;
    right: 0;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.28);
    padding: 5px 0;
    border-radius: 2px;
    opacity: 0;
    pointer-events: none;
    color: #fff;
}
.image_post li:hover span{
    opacity: 1;
    bottom: 0;
}

/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» posts (ads_post) ««««««««««««««««««««««««««««««««
*/
.ads_post{
	width: 49%;
	float: right;
	background: #fff;
    border-radius: 2px;
    box-shadow: 2px 2px 0 rgba(0,0,0,.02);
	padding: 5px;
	margin-bottom: 10px;
}
.ads_post:nth-child(even){
	margin-left: 0;
	float: left;
}
.ads_post .title{
    float: right;
    width: 100%;
    border-bottom: 1px dashed #ececec;
	padding: 5px 3px;
}
.ads_post .title h3{
	float: right;
}
.ads_post .title i{
    float: left;
    background: #545454;
    padding: 1px 4px;
    border-radius: 2px;
    color: #fff;
    font: 12px/16px arial;
}
.ads_post span{
    margin: 5px 25px;
    display: block;
    font-size: 12px;
    color: #828282;
	text-align: justify;
}
.ads_post img{
    display: block;
    margin: 0 auto 4px;
    padding-top: 9px;
    width: 390px;
    height: 190px;
	max-width: 100%;
}
.ads_post .more{
    float: right;
    width: 100%;
    text-align: center;
    background: #67c0c4;
    color: #fff;
    padding: 5px;
    border-radius: 2px;
    border-bottom: 3px solid #5eadb1;
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» posts (pishvaz) ««««««««««««««««««««««««««««««««
*/
.pishvaz{
    float: right;
    width: 100%;
    border-radius: 3px;
    background: #fff;
    margin-bottom: 10px;
    box-shadow: 2px 2px 0 rgba(0,0,0,.02);
}
.pishvaz .left{
	width: 50%;
	float: left;
	border-right: 1px solid #efefef;
}
.pishvaz .left .title{
    float: left;
    background: #54c5d0;
    border-radius: 0 0 10px 0;
    color: #fff;
    padding: 6px;
}
.pishvaz .right{
	width: 50%;
	float: right;
}
.pishvaz .right .title{
    float: right;
    background: #FFBE00;
    border-radius: 0 0 0 10px;
	color: #fff;
    padding: 6px;
}
.pishvaztable {
    font-family: yekan ,arial ,tahoma;
    border-collapse: collapse;
    width: 100%;
}

.pishvaztable td, .pishvaztable th {
    padding: 4px;
}

.pishvaztable tr:nth-child(even){background-color: #f2f2f2;}

.pishvaztable tr:hover {background-color: #ececec;}

.pishvaztable th {
    text-align: right;
    background-color: #9a9a9a;
    color: #fff;
    font-weight: 200;
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» posts (post) ««««««««««««««««««««««««««««««««
*/
.post{
    float: right;
    width: 100%;
    border-radius: 3px;
    background: #fff;
    margin-bottom: 10px;
    box-shadow: 2px 2px 0 rgba(0,0,0,.02);
	padding: 4px;
}
.post .title{
    float: right;
    width: 100%;
    padding: 5px;
    border-bottom: 1px dashed #f8f8f8;
}
.post .title .style ,.neveshte .info .style ,.category_box .style ,.post_full .style{
	float: left;
	position: relative;
}
.post .title .style .special ,.post .title .style .album ,
.neveshte .info .style .special ,.neveshte .info .style .album ,
.category_box .style .special ,.category_box .style .album ,.post_full .style .special ,.post_full .style .album{
    cursor: default;
    position: absolute;
    background-color: #67c0c4;
    color: #fff;
    top: -9px;
    left: 0;
    width: 30px;
    min-height: 60px;
    z-index: 999;
}
.post .title .style .special:hover ,.post .title .style .album:hover ,
.neveshte .info .style .special:hover ,.neveshte .info .style .album:hover ,
.category_box .style .special:hover ,.category_box .style .album:hover ,.post_full .style .special:hover ,.post_full .style .album:hover{
	min-height: 70px;
}
.post .title .style .special p ,.post .title .style .album p ,
.neveshte .info .style .special p ,.neveshte .info .style .album p ,
.category_box .style .special p ,.category_box .style .album p ,.post_full .style .special p ,.post_full .style .album p{
    -webkit-transform: rotateZ(-90deg);
    -moz-transform: rotateZ(-90deg);
    -ms-transform: rotateZ(-90deg);
    -o-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg);
    white-space: nowrap;
    font-weight: normal;
    border-bottom: none;
    box-shadow: none;
    font-size: inherit;
    line-height: 41px;
    padding: 0;
}
.post .title .style .album p ,.neveshte .info .style .album p ,.category_box .style .album p ,.post_full .style .album p{
    line-height: 30px;
    padding-right: 17px;
}
.post .title .style .special:after ,.neveshte .info .style .special:after ,
.category_box .style .special:after ,.post_full .style .special:after{
    position: absolute;
    bottom: -13px;
    right: 0;
    content: "";
    background: url(images/icon.png) no-repeat -227px -123px;
    width: 30px;
    height: 16px;
    float: right;
}
.post .title .style .album:after ,.neveshte .info .style .album:after ,
.category_box .style .album:after ,.post_full .style .album:after{
    position: absolute;
    bottom: -13px;
    right: 0;
    content: "";
    background: url(images/icon.png) no-repeat -258px -123px;
    width: 30px;
    height: 16px;
    float: right;
}
.post .title .style .album ,.neveshte .info .style .album ,.category_box .style .album ,.post_full .style .album{
    background: #ff8a00;
	left: 35px;
}
.post .title h3{
    float: right;
    color: #6f6f6f;
}
.post .content{
	padding: 4px;
	float: right;
	width: 100%;
}
.post img{
	float: right;
    margin-left: 10px;
    width: 220px;
    height: 220px;
    border-radius: 3px;
    margin: 10px 0;
}
.post:nth-child(even) img{
    float: left;
    margin-left: 0;
    margin-right: 10px;
}
.post .the_excerpt{
	text-align: justify;
	padding: 5px;
    height: 205px;
    line-height: 26px;
    overflow: hidden;
    color: #999;
}
.post .buttom{
    float: right;
    width: 100%;
    border-top: 1px dashed #7dced2;
    background-color: #67c0c4;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
.post .buttom .more{
    float: left;
    background: #56a7ab;
    padding: 2px 6px;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    margin: 4px;
}
.post:nth-child(even) .buttom{
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
.post .buttom .more:hover{
	opacity: .8;
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» posts (page_navi) ««««««««««««««««««««««««««««««««
*/
.pagenavi{
	text-align: center;
    float: right;
    width: 100%;
    border-radius: 3px;
    background: #fff;
    margin-bottom: 10px;
    box-shadow: 2px 2px 0 rgba(0,0,0,.02);
}
.pagenavi a, .pagenavi span {
    color: #777;
    border-radius: 3px;
    line-height: 25px;
    background: #f2f2f2;
    margin: 5px 0 5px 5px;
    padding: 0 10px;
	display: inline-block;
}
.pagenavi .current, .pagenavi a:hover {
    color: #FFF;
    background: #67c0c4;
}
.pagenavi .content{
	direction: ltr;
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» music box ««««««««««««««««««««««««««««««««
*/
.music_box{
    float: right;
    width: 100%;
    background: #293441;
    margin-top: 10px;
    box-shadow: 2px 2px 0 rgba(0,0,0,.02);
}
.music_box .box{
    width: 30%;
    float: right;
    margin: 15px 10px;
}
.music_box .box .title{
    float: right;
    width: 100%;
    border-bottom: 1.5px solid #262f3a;
    height: 36px;
}
.music_box .old .title:before{
    content: "";
    background: url(images/icon.png) no-repeat -135px -215px;
    width: 27px;
    height: 27px;
    float: left;
    margin: 2px 0;
    opacity: .2;
}
.music_box .special .title:before{
    content: "";
    background: url(images/icon.png) no-repeat -165px -215px;
    width: 27px;
    height: 29px;
    float: left;
    margin: 2px 0;
    opacity: .2;
}
.music_box .sonati .title:before{
    content: "";
    background: url(images/icon.png) no-repeat -195px -215px;
    width: 27px;
    height: 27px;
    float: left;
    margin: 2px 0;
    opacity: .2;
}
.music_box .box .title h4{
    font: 14px/34px yekan;
    margin-right: 15px;
    float: right;
    color: #fff;
    border-bottom: 1.5px solid #2ea6ff;
}
.music_box .box ul{
    float: right;
    width: 100%;
    margin: 10px 0;
}
.music_box .box ul li{
    width: 100%;
    float: right;
    padding: 5px;
    color: #8da2bb;
    list-style-type: none;
    margin-right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.music_box .box ul li a{
    float: left;
    margin-right: 12px;
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» slider_music ««««««««««««««««««««««««««««««««
*/
.owl-carousel .item {
    float: right;
    width: 100%;
}
.slider_music{
    float: right;
    width: 100%;
    border-radius: 3px;
    background: #fff;
    margin-top: 10px;
    box-shadow: 2px 2px 0 rgba(0,0,0,.02);
}
.slider_music .title{
	position: absolute;
    background: #3c4b5d;
    border-radius: 0 0 0 10px;
    color: #fff;
    padding: 6px;
	z-index: 99;
}
.slider_music .owl-carousel{
    float: right;
    width: 100%;
    padding: 8px;
	direction: ltr;
}
.slider_music .item{
	width: 100%;
    float: right;
	overflow: hidden;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    position: relative;
    text-align: center;
}
.slider_music .item:after{
    content: "";
    width: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 20px;
    right: auto;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease 0s;
}
.slider_music .item:hover:after{
    width: 88%;
    padding-bottom: 88%;
    opacity: 1;
}
.slider_music .item img{
    width: 100%;
    height: auto;
}
.slider_music .item .box-content{
    width: 100%;
    padding: 0 13%;
    color: #fff;
    position: absolute;
    top: 25%;
    left: 0;
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.slider_music .item:hover .box-content{
    opacity: 1;
}
.slider_music .text{
    display: inline-block;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.slider_music .description{
    text-align: center;
    margin-top: 13px;
    display: inline-block;
    background: #478588;
    padding: 2px 6px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
}
.slider_music .item .more{
    float: right;
    width: 100%;
    padding: 5px;
    background: #67c0c4;
    text-align: center;
    border-radius: 2px;
    color: #fff;
}
.owl-nav .owl-prev ,.owl-nav .owl-next{
	left: 0px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    opacity: .4;
}
.owl-nav .owl-prev:hover ,.owl-nav .owl-next:hover{
	opacity: 1;
}
.owl-nav .owl-next{
right: 0px;
	left:auto;
}
.owl-nav .owl-prev:before ,.owl-nav .owl-next:before{
content: "";
background: url(images/icon.png) no-repeat -25px -46px;
width: 25px;
height: 45px;
float: right;
margin: 0 12px;
}
.owl-nav .owl-prev:before{
	background-position: -1px -46px;
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» slider_home ««««««««««««««««««««««««««««««««
*/
.home_slider .item .title{
	position: absolute;
    top: 50%;
    transform: translate(50%,-50%);
    right: 50%;
    background: rgba(0, 0, 0, 0.58);
    width: 310px;
    height: 110px;
    text-align: center;
    border-radius: 6px;
    padding: 15px;
}
.home_slider .item .title h4{
    font-size: 14px;
    color: #fff;
}
.home_slider .item .title .more{
    background: #FF9800;
    border: 1px solid #ff9800;
    color: #fff;
    padding: 2px 6px;
    border-radius: 2px;
    display: inline-block;
    margin-top: 26px;
}
.home_slider .item .title:hover .more{
    background: rgba(255, 255, 255, 0);
    border: 1px solid #ff9800;
    color: #ff9800;
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» footer ««««««««««««««««««««««««««««««««
*/
.footer{
	background: #444;
    float: right;
    width: 100%;
    margin-top: 5px;
}
.newsletter{
    float: right;
    width: 100%;
    padding: 10px;
    margin: 5px 15px;
    border-bottom: 1px solid #3e3e3e;
}
.newsletter .title{
    float: right;
    padding: 4px 10px 4px 2px;
    background: #3d3d3d;
    color: #fff;
    height: 27px;
}
.newsletter .title span{
	padding-right: 6px;
    position: relative;
}
.newsletter .title:after{
    content: "";
    background: url(images/icon.png) no-repeat -318px -219px;
    width: 19px;
    height: 25px;
    float: left;
    margin: 0;
    position: relative;
    left: -16px;
    top: -4px;
}
.newsletter .text {
    width: 80%;
    margin: 5px 22px;
    float: right;
}
.newsletter .text ul {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.newsletter .text ul li {
    display: none;
    width: 100%;
    overflow: hidden;
    float: left;
    height: 20px;
    margin: 0;
    padding: 0;
}
.newsletter .text ul li a{
	color: #fff;
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» footer (box) ««««««««««««««««««««««««««««««««
*/
.footer .box{
    width: 30%;
    float: right;
    margin-top: 15px;
    margin-right: 20px;
}
.footer .box .title{
    float: right;
    width: 100%;
    border-bottom: 1.5px solid #3e3e3e;
    height: 36px;
}
.footer .box .title h4{
    font: 14px/34px yekan;
    margin-right: 15px;
    float: right;
    color: #fff;
    border-bottom: 1.5px solid #2ea6ff;
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» footer(box bazdid) ««««««««««««««««««««««««««««««««
*/
.footer .bazdid figure{
    float: right;
    border: 2px solid #3c3c3c;
    height: 89px;
    margin-left: 7px;
    border-radius: 3px;
}
.footer .bazdid ul{
    float: right;
    width: 100%;
    margin: 10px;
}
.footer .bazdid ul li{
    width: 100%;
    float: right;
    padding: 2px 0;
	list-style-type: none;
	margin-right: 0;
}
.footer .bazdid ul li img{
	width: 85px;
	height: 85px;
}
.footer .bazdid ul li:hover figure ,.footer .bazdid ul li:hover img{
	border-radius: 50%;
}
.footer .bazdid ul li a{
    display: block;
    padding: 6px 0 5px 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #dadada;
    font-size: 12.5px;
}
.footer .bazdid ul li span{
    padding: 2px 4px;
    display: inline-block;
    color: #848484;
    font-size: 11px;
    background: #383838;
    margin: 10px 5px;
    border-radius: 2px;
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» footer(box bezodi) ««««««««««««««««««««««««««««««««
*/
.bezodi ul {
    position: relative;
    padding-right: 15px;
    margin: 15px 10px;
    float: right;
    width: 100%;
}

.bezodi ul::before {
  right: 0;
  left: auto;
  content: "";
  position: absolute;
  top: 0;
  width: 2px;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.bezodi ul li {
border-bottom: 0;
padding-bottom: 10px;
list-style-type: none;
margin-right: 0;
}

.bezodi ul li .date {
  font-size: 10px;
  display: block;
  position: relative;
  color: #777777;
  line-height: 12px;
  margin-bottom: 5px;
}

.bezodi ul li .date::before {
	content: "";
    width: 12px;
    height: 12px;
    background: #464646;
    border: 3px solid rgba(0, 0, 0, 0.3);
    position: absolute;
    right: -20px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
}

.bezodi ul li .date .fa {
  display: none;
}

.bezodi ul li h3 {
    font-size: 13px;
    line-height: 1.4;
    color: #e4e4e4;
}

.bezodi ul li a:hover .date:before {
  background: #67c0c4;
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» footer(comment) ««««««««««««««««««««««««««««««««
*/
.footer .comment ul{
    float: right;
    width: 100%;
    margin: 10px;
}
.footer .comment ul li:hover{
	background: #2b2b2b;
}
.footer .comment ul li{
    float: right;
    width: 100%;
    padding: 10px 6px;
	background: #3d3d3d;
	margin-bottom: 6px;
	margin-right: 0;
	list-style-type: none;
}
.footer .comment ul li a{
    color: #fff;
    font-size: 12px;
}
.footer .comment ul li span{
    float: right;
    width: 100%;
    color: #c5c5c5;
    font-size: 12px;
	padding-bottom: 5px;
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» copyright ««««««««««««««««««««««««««««««««
*/
.copyright{
    float: right;
    width: 100%;
    background: #383838;
}
.copyright .right{
    float: right;
    width: 50%;
    padding: 10px 0;
    color: #fff;
}
.copyright .right a ,.copyright .left a{
	color: #ff7070;
	padding: 0 3px;
}
.copyright .left{
    float: left;
    width: 50%;
    padding: 10px 0;
    color: #fff;
    text-align: left;
}
.heart{
    position: relative;
    float: left;
}
.heart:before,
.heart:after{
    position: absolute;
    content: "";
    left: 10px;
    top: 0;
    width: 11px;
    height: 17px;
    background: #fc2e5a;
    -moz-border-radius: 50px 50px 0 0;
    border-radius: 50px 50px 0 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.heart:after{
    left: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
       -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
         -o-transform-origin: 100% 100%;
            transform-origin :100% 100%;
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» single(breadcrumbs) ««««««««««««««««««««««««««««««««
*/
.breadcrumbs{
	float: right;
    width: 100%;
    border-radius: 3px;
    background: #fff;
    margin: 0 0 10px;
    box-shadow: 2px 2px 0 rgba(0,0,0,.02);
}
.breadcrumbs .content {
    border: 0 none;
    padding: 0 15px 0;
    color: #999;
    margin: 0;
    line-height: 39px;
}
.breadcrumbs .content:before {
    content: "";
    background: url(images/icon.png) no-repeat -268px -213px;
    float: right;
    width: 26px;
    height: 40px;
    margin-left: 8px;
}
.breadcrumbs .content a {
    color: #333;
    float: right;
}
.breadcrumbs i {
    background: url(images/icon.png) no-repeat -298px -213px;
    float: right;
    width: 10px;
    height: 40px;
    margin: 0 8px;
}
.neveshte{
	float: right;
    width: 100%;
    border-radius: 3px;
    background: #fff;
    margin: 0 0 10px;
    box-shadow: 2px 2px 0 rgba(0,0,0,.02);
	padding: 10px;
}
.neveshte .info{
	float: right;
    width: 100%;
    border-bottom: 1px dashed #ececec;
}
.neveshte .info .title{
	float: right;
	padding-bottom: 5px;
}
.neveshte .info .style{
	top: -1px;
}
.neveshte .info span{
	float: right;
    margin-right: 10px;
    line-height: 40px;
    opacity: .7;
}
.neveshte .info span:before{
	margin-top: 12px;
}
.neveshte .info span:nth-last-child(1) {
    opacity: 1;
    font-size: 11px;
}
.neveshte .info .icons{
	float: right;
    width: 100%;
    margin: 0 0 5px;
}
.category:before ,.view:before ,.commenti:before ,.date:before{
	content: "";
    background: url(images/icon.png) no-repeat scroll -272px -186px transparent;
    float: right;
    width: 16px;
    height: 16px;
    margin-left: 8px;
}
.category:before{
	background-position: -227px -186px;
}
.view:before{
	background-position: -292px -186px;
}
.commenti:before{
	background-position: -249px -186px;
}
.neveshte .thumbnail{
    float: right;
    width: 100%;
    margin: 10px 0;
}
.neveshte .thumbnail img{
	display: block;
	margin: 0 auto;
}
.neveshte .text{
	float: right;
    width: 100%;
    margin-bottom: 5px;
    font-size: 13px;
}
.neveshte .text ul{
	padding-right: 25px;
}
.neveshte .text li{
    list-style-image: url(images/li_icon.png);
    padding: 2px;
}
.text h1 ,.text h2 ,.text h3 ,.text h4 ,.text h5 ,.text h6{
	padding: 6px;
}
.download_box{
    float: right;
    width: 100%;
    background: #3a4a5d;
    border-radius: 5px;
    margin: 55px 0 5px;
    padding: 25px;
    position: relative;
}
.download_box:before{
    position: absolute;
	top: -70px;
    left: 26px;
    content: "";
    background: url(images/icon.png) no-repeat -76px -7px;
    width: 145px;
    height: 145px;
    float: left;
}
.download_box .title{
    float: right;
    padding: 5px 0;
}
.download_box .title a{
	margin-left: 10px;
    color: #efefef;
    font-size: 12px;
	cursor: pointer;
}
.download_box ul{
	margin-top: 25px;
	float: right;
	width: 100%;
}
.download_box li{
    background: #f59c29;
    background: -webkit-linear-gradient(left,rgba(255,0,0,0),rgb(253, 160, 40));
    background: -o-linear-gradient(right,rgba(255,0,0,0),rgb(253, 160, 40));
    background: -moz-linear-gradient(right,rgba(255,0,0,0),rgb(253, 160, 40));
    background: linear-gradient(to right, rgba(255,0,0,0), rgb(255, 161, 39));
    list-style-image: none!important;
    float: right;
    width: 100%;
    padding: 6px!important;
    border-radius: 3px;
    color: #fff;
    margin-top: 6px;
}
.download_box .right{
	float: right;
}
.download_box .right .zip:before{
	content: "";
    background: url(images/icon.png) no-repeat -317px -153px;
    width: 19px;
    height: 18px;
    float: right;
    margin-left: 5px;
}
.download_box .right span:before{
    content: "";
    background: url(images/icon.png) no-repeat -341px -155px;
    width: 19px;
    height: 18px;
    float: right;
    margin-left: 5px;
}
.download_box .left{
	float: left;
}
.download_box .left a{
	float: left;
    border-right: 1px solid #ca822c;
    padding: 0 5px;
	color: #fff;
}
.download_box .left span{
	padding-left: 5px;
}
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

.close {
    color: #fff;
    float: left;
    font-size: 28px;
    font-weight: bold;
}

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

.modal-header {
    padding: 2px 16px;
    background-color: #67c0c4;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #67c0c4;
    color: white;
}
.share{
	float: right;
    width: 100%;
    border-radius: 3px;
    background: #fff;
    margin: 0 0 10px;
    box-shadow: 2px 2px 0 rgba(0,0,0,.02);
}
.share:before{
    content: "";
    background: url(images/icon.png) no-repeat -364px -237px;
    width: 80px;
    height: 64px;
    float: right;
    margin-right: 10px;
}
.share .the_googleplus:before ,.share .the_linkden:before ,.share .the_facebook:before ,.share .the_twitter:before ,.share .the_telegram:before{
	content: "";
    background: url(images/icon.png) no-repeat -267px -306px;
    width: 40px;
    height: 40px;
    float: left;
    margin: 20px 5px;
}
.share .the_facebook:before{background-position: -220px -306px}
.share .the_linkden:before{background-position: -314px -306px}
.share .the_twitter:before{background-position: -361px -306px}
.share .the_telegram:before{background-position: -410px -306px}
a.the_linkden:hover ,
a.the_twitter:hover ,
a.the_facebook:hover ,
a.the_googleplus:hover ,
a.the_telegram:hover{opacity: .6;display: block;}
.tags ,.related ,.comments ,.author-bio{
	float: right;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    margin: 5px 0;
    padding: 10px;
}
.tags .title{
	float: right;
	width: 100%;
	margin-bottom: 6px;
}
.tags .title span ,.related .title span ,.comments .title span{
    background: #b5b5b5;
    color: #fff;
    font-size: 13px;
    padding: 1px 7px;
    border-radius: 2px;
}
.tags a{
    background: #4e4e4e;
    padding: 1px 4px;
    border-radius: 2px;
    margin: 3px;
    display: inline-block;
    color: #fff;
}
.tags a:hover{
	opacity: .7;
}
.related ul{
	float: right;
	width: 100%;
	padding: 15px;
}
.related ul li{
    width: 48%;
    float: right;
    margin: 4px 4px;
}
.related ul li:hover{
	border-left: 1px solid #5f646b;
}
.related ul li a{
    display: block;
    padding: 6px 0 5px 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #717171;
    font-size: 12.5px;
}
.related ul li span{
    padding: 2px 4px;
    display: inline-block;
    color: #ffffff;
    font-size: 11px;
    background: #777777;
    margin: 10px 5px;
    border-radius: 2px;
}
.related ul li figure{
    float: right;
    border: 2px solid #eaeaea;
    height: 89px;
    margin-left: 7px;
    border-radius: 3px;
}
.related ul li:hover figure, .related ul li:hover img {
    border-radius: 50%;
}
.author-bio .author-avatar{
    float: right;
    margin-left: 5px;
    border: 3px solid #efefef;
    height: 96px;
}
.author-bio .descript .name{
	color: #616161;
    font-size: 13px;
}
.author-bio .descript p{
	color: #717171;
}
.author-social{
	float: left;
    margin-left: 4px;
    background: #ccc;
    padding: 2px 6px;
    border-radius: 2px;
    color: #fff;
}
.author-social:hover{
	opacity: .7;
}
.flat-social{
	margin-top: 4px;
}
.flat-social a{
	color: #fff;
}
.social-site{background: #67c0c4;}
.social-facebook{background: #43619c;}
.social-google-plus{background: #f24033;}
.social-twitter{background: #24a9e6;}
.social-linkedin{background: #1980b8;}
.social-telegram{background: #00aeef;}
.social-instagram{background: #24a9e6;}
.social-flickr{background: #ff0084;}
.social-youtube{background: #f00;}
.social-pinterest{background: #c30725;}
.comments .title{
	height: 25px;
}
.comments .title i{
	float: left;
    margin: 0;
    font: 11px yekan;
    color: #aaa;
    background: #fafafa;
    padding: 4px 7px;
    border-radius: 3px;
}
#comments ol.commentlist {
    float: right;
    width: calc(100% - 30px);
    list-style: none;
    padding: 0 60px 0 0;
    margin: 15px;
    position: relative;
}
#comments ol.commentlist:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    background: #e5e5e5;
    display: inline-block;
    right: 25px;
    top: 0;
}
#comments ol.commentlist li {
    position: relative;
    padding-right: 30px;
    margin-bottom: 60px;
}
#comments ol.commentlist li img.avatar {
    position: absolute;
    top: 0;
    right: -56px;
    left: auto;
    width: 65px;
    border: none;
    border-radius: 3px;
    padding: 0;
    z-index: 999;
    box-shadow: 1px 1px 7px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
    -webkit-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
    -ms-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
    -o-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
    background: #fff;
}
#comments ol.commentlist li .comment-text {
    border: none;
    margin: 0 0 0 50px;
    border-radius: 4px;
    padding: 16px 16px 0;
}
#comments ol.commentlist li .comment-text {
    margin-left: 0;
}
#comments ol.commentlist li .comment-text:after {
    clear: both;
    content: " ";
    display: table;
}
#comments ol.commentlist li .comment-text .description {
    float: right;
    width: 100%;
    font-size: 13px;
    line-height: 24px;
}
#comments ol.commentlist li .comment-text .meta {
    float: right;
}
#comments ol.commentlist li .comment-text .reply {
    float: left;
    border: 1px solid #f5f5f5;
    border-radius: 3px;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}
#comments ol.commentlist li .comment-text .reply a:hover {
    background: #67c0c4;
    color: #fff;
}
#comments ol.commentlist li .comment-text .reply a {
    color: #444444;
    padding: 5px 10px;
    display: block;
}
#comments ol.commentlist ul.children {
    position: relative;
    margin: 20px 49px 0 0;
    list-style: none;
}
#comments ol.commentlist ul.children:before {
    content: '';
    position: absolute;
    width: 85px;
    height: 2px;
    background: #e5e5e5;
    display: inline-block;
    right: -20px;
    top: 30px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
#comments ol.commentlist ul.children li {
    margin-bottom: 20px;
}
#comments ol.commentlist li:last-child {
    margin-bottom: 0;
}
#comments ol.commentlist ul.children li .comment_container {
    background: #f9f9f9;
    border-radius: 3px;
    padding-bottom: 10px;
    line-height: 2;
}
#comments ol.commentlist ul.children li img.avatar {
    
}
#comments ol.commentlist ul.children:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: #67c0c4;
    display: inline-block;
    right: -105px;
    top: 21px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 1px 1px 7px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
    -webkit-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
    -ms-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
    -o-box-shadow: 1px 1px 7px rgba(0,0,0,.2);
}
#comments ol.commentlist li .comment-text .meta strong {
    font-size: 13px;
    margin-left: 10px;
    float: right;
}
#comments ol.commentlist li .author-name{
	float: right;
	margin-left: 4px;
}
#comments ol.commentlist #respond {
    border: 1px solid #e4e1e3;
    border-radius: 4px;
    padding: 1em 1em 0;
    margin: 20px 0 0 50px;
    width: 100%;
    display: inline-block;
}
.sub-titleres{
    float: right;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 3px 3px 0 0;
    padding: 1px 15px;
    border-bottom: 2px solid #eaeaea;
    margin-bottom: 5px;
}
.sub-titleres h4{
    line-height: 40px;
    float: right;
    margin: 0;
    font-size: 14px;
    color: #585858;
}
#cancel-comment-reply-link {
    float: left;
    border: 1px solid #f5f5f5;
    border-radius: 3px;
    color: #212121;
    height: 30px;
    line-height: 27px;
    padding: 0 5px;
}
.comment-respond input {
    background: url(images/comments.png) no-repeat scroll right 6px #fafafa;
    font: 11px yekan ,tahoma;
    padding: 7px 0;
    margin-bottom: 5px;
    text-indent: 28px;
    color: #888;
    width: 49%;
    border-radius: 3px;
    border: 1px solid #f1f1f1;
	margin-right: 5px;
	float: right;
}
.comment-respond textarea {
    float: right;
    width: 100%;
    margin: 10px 0;
    background: #fafafa;
    font: 11px yekan ,tahoma;
    padding: 5px;
    color: #888;
    resize: none;
    height: 113px;
    border-radius: 3px;
    border: 1px solid #f1f1f1;
}
.comment-respond button ,.comment-respond .submit{
    background: #67c0c4;
    float: left;
    color: #fff;
    padding: 3px 5px;
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    font-family: yekan;
    margin: 12px 7px 5px;
}
.comments .email-name{
	background-position: right -21px;
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» single(shortcode) ««««««««««««««««««««««««««««««««
*/
.shortbutton{
    border: 0;
    cursor: pointer;
    padding: 0 13px;
    display: inline-block;
    outline: 0;
    position: relative;
    background: #bdc3c7;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 11px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.shortbutton:hover{
	opacity: .8;
	color: #fff;
}
.shortbutton.big{
    font-size: 24px;
    height: 65px;
    line-height: 65px;
    padding: 0 20px;
}
.shortbutton.medium{
	font-size: 14px;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
}
.shortbutton.ghermez{background: #FF282C;}
.shortbutton.abi{background: #0093FF;}
.shortbutton.naranji{background: #FF9600;}
.shortbutton.sabz{background: #23931E;}
.shortbutton.siah{background: #000000;}
.shortbutton.khakestari{background: #848484;}
.shortbutton.sorati{background: #FF777A;}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» category_box ««««««««««««««««««««««««««««««««
*/
.category_box{
    float: right;
    margin-bottom: 10px;
    width: 100%;
}
.category_box li{
    float: right;
    text-align: center;
    width: 32%;
    margin-left: 5px;
    margin-bottom: 10px;
    border-radius: 3px;
    background: #fff;
    box-shadow: 2px 2px 0 rgba(0,0,0,.02);
    padding: 4px;
}
.category_box li img{
    width: 220px;
    height: 220px;
}
.category_box li h3{
	float: right;
    width: 100%;
    font-size: 14px;
    border-bottom: 1px solid #f1f1f1;
    padding: 5px;
    height: 52px;
    overflow: hidden;
    color: #9c9c9c;
    font-weight: 100;
}
.category_box li p{
    float: right;
    width: 100%;
    padding: 4px;
    height: 78px;
    overflow: hidden;
}
.category_box .more{
	
}
.card {
    width: 100%;
    height: 30px;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0;
    float: right;
}
.card a{
	color: #fff;
}
.category_box li:hover .card {
 -webkit-transform: rotateY(180deg);
         transform: rotateY(180deg);       
}

.face {
    border-radius: 3px;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    line-height: 30px;
    text-align: center;
}

.front {
 background: #67c0c4;
 z-index: 10;
	border-bottom: 3px solid #569da0;
}

.category_box li:hover .front {
    background: #67c0c4;
    z-index: 10;
}

.back {
 -webkit-transform: rotateY(180deg);
         transform: rotateY(180deg);
 background: #FF9800;
	border-bottom: 3px solid #ec8000;
	z-index: 99;
}
.category_box .style .special ,.category_box .style .album{
    top: -4px;
}
.category_box .style p{
    float: right;
    width: 100%;
    padding: 0;
    height: auto;
    overflow: inherit;
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» post_full ««««««««««««««««««««««««««««««««
*/
.post_full{
    text-align: center;
    float: right;
    width: 100%;
    border-radius: 3px;
    background: #fff;
    margin-bottom: 10px;
    box-shadow: 2px 2px 0 rgba(0,0,0,.02);
	padding: 8px;
}
.post_full .title{
	float: right;
	border-radius: 3px;
    width: 100%;
    padding-bottom: 11px;
    background-color: #FFC107;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
.post_full .title h3{
    font-size: 17px;
    color: #fff;
    padding-top: 10px;
    display: block;
}
.post_full .title span{
    margin-top: 5px;
    display: block;
    color: #8c8c8c;
    font-size: 11px;
}
.post_full img{
    margin: 10px 0;
	border-radius: 5px;
	display: inline-block;
}
.post_full .bottom{
    float: right;
    width: 100%;
    background-color: #67c0c4;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
.post_full .bottom .info span{
    float: right;
    background: #56a7ab;
    padding: 4px 6px;
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    margin: 4px;
}
.post_full .bottom .info a{
	color: #fff;
}
.post_full .more{
    float: left;
    background: #56a7ab;
    padding: 2px 6px;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    margin: 4px;
}
.post_full .cont{
	float: right;
    width: 100%;
    margin-bottom: 20px;
}
.post_full .cont h2 ,.post_full .cont h3 ,.post_full .cont h4 ,.post_full .cont h5{line-height: 2em;}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» box_post ««««««««««««««««««««««««««««««««
*/
.box_post{
	float: right;
	width: 100%;
}
.box_post .box1{
    float: right;
    width: 100%;
	padding: 1em;
    border-radius: 3px;
    background: #fff;
    margin-top: 10px;
    box-shadow: 2px 2px 0 rgba(0,0,0,.02);
}
.box_post .box1 .tit{
   float: right;
   width: 100%;
   font-size: 14px;
   color: #3c3c3c;
   border-bottom: 1px dashed #f2f2f2;
   padding-bottom: 7px;
}
.box_post .box1 .tit a{
    float: left;
    font-size: 12px;
    background: #f3f3f3;
    padding: 1px 6px;
    border-radius: 2px;
    color: #a0a0a0;
}
.box_post .box1 .tit a:hover{
	opacity: .7;
}
.box_hover_1{
    overflow: hidden;
    position: relative;
    float: right;
    width: 100%;
    margin: 1em 0;
}
.slider_three {
    float: right;
    width: 100%;
}
.box_hover_1 .box-img {
    display: flex;
}
.box_hover_1 .box-img img{
    width:100%;
    height: auto;
}
.box_hover_1 .box-img:before{
    content: "";
    position: absolute;
    top: 5%;
    left: 7%;
    width: 85%;
    height: 90%;
    opacity: 0;
    z-index: 1;
    transform: scale(0,1);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transition: all 0.90s ease 0s;
}
.box_hover_1 .box-img:after{
    content: "";
    position: absolute;
    width: 92%;
    height: 85%;
    top: 8%;
    left: 4%;
    opacity: 0;
    transform: scale(1,0);
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    transition: all 0.90s ease 0s;
}
.box_hover_1:hover .box-img:before,
.box_hover_1:hover .box-img:after{
    opacity:1;
    transform: scale(1);
}
.box_hover_1 .box-img .over-layer{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(103, 192, 196, 0.41);
    transition: all 0.90s ease 0s;
}
.box_hover_1:hover .over-layer{
    opacity:1;
}
.box_hover_1 .over-layer .info{
    position: relative;
    top: 30%;
    padding: 0 1em;
    text-align: center;
    z-index: 1;
    transition: all 0.6s ease 0s;
}
.box_hover_1:hover .over-layer .info{
    top: 42%;
}
.box_hover_1 .over-layer .style{
    position: relative;
    right: -75px;
    padding: 0 1em;
    top: 9%;
    text-align: center;
    z-index: 1;
    transition: all 0.9s ease 0s;
}
.box_hover_1:hover .over-layer .style{
	right: 0;
}
.box_hover_1:hover .over-layer .style span{
    background: rgba(49, 100, 103, 0.48);
    padding: 1px 3px;
    border-radius: 2px;
    color: #ffffff;
    font-size: 11px;
}
.box_hover_1 .over-layer .title{
    color: #fff;
    font-size: 15px;
}
.box_hover_1 .over-layer .more{
    background: #67c0c4;
    padding: 2px 6px;
    margin-top: 10px;
    display: inline-block;
    border-radius: 2px;
    color: #fff;
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» single(like post) ««««««««««««««««««««««««««««««««
*/
/* Wrapper */
.sl-wrapper a {
	border-bottom: 0 !important;
	text-decoration: none !important;
}
.sl-button {
	padding: 0.375em 0.625em;
	font-size: 1em;
	line-height: 1;
	font-weight: normal;
}

/* Colors */
a.liked {
	color: #da1b1b;
}
a.liked:hover,
a.liked:active,
a.liked:focus {
	color: #666666;
}
a.liked span.sl-count,
.sl-count {
	color: #666666;
}

/* Icon */
.sl-icon {
	margin-right: 0.3125em;
	font-family: 'Arial Unicode MS', Arial, sans-serif;
	vertical-align: middle;
}
.sl-icon svg {
	fill: currentColor;
	width: 1em;
	height: 1em;
}
.sl-icon svg:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left:0;
}

/* Count */
.sl-count {
    font-size: 1em;
    padding-right: 3px;
    font-family: yekan;
    text-transform: uppercase;
    vertical-align: middle;
}

/* Loader */
.loader,
.loader:before,
.loader:after {
  background: rgba(0, 0, 0, 0.2);
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: .2em;
  height: .6em;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -.375em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader {
  text-indent: -9999em;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  font-size: 1em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:after {
  left: .375em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 rgba(0, 0, 0, 0.2);
    height: .6em;
  }
  40% {
    box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);
    height: 1em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 rgba(0, 0, 0, 0.2);
    height: .6em;
  }
  40% {
    box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);
    height: 1em;
  }
}
/*
»»»»»»»»»»»»»»»»»»»»»»»»»»»» form7 ««««««««««««««««««««««««««««««««
*/
.wpcf7 input, .wpcf7 textarea {
    font-family: yekan ,tahoma;
    font-size: 22px;
    width: 100%;
    margin: 8px 0;
    height: auto;
    padding: 2px 10px;
    background: none;
    background-image: none;
    border: 1px solid #ececec;
    color: #5a5a5a;
    border-radius: 2px;
    -webkit-transition: border-color .25s ease, box-shadow .25s ease;
    transition: border-color .25s ease, box-shadow .25s ease;
}
.wpcf7 input:focus, .wpcf7 textarea:focus {
  outline: 0;
  border-color: #ececec;
}
.wpcf7 textarea {
    border: 2px solid #ffffff;
    resize: vertical;
    height: 110px;
}
.wpcf7-submit{
	background: #FF9800!important;
    color: #fff!important;
    border: 0!important;
    cursor: pointer;
}
@media only screen and (max-width : 1350px) {
	.container{
		width: 90%;
	}
}
@media only screen and (max-width : 1200px) {
	.container{
		width: 85%;
	}
	.image_post li{
		margin: 5px;
	}


}
@media only screen and (max-width : 1024px) {
	.menu{
		display: none;
	}
	.chan_telegram .bgt{
		width: 100%;
	}
	.sidebar{
		width: 100%;
	}
	.posts, .adamematlab{
		width: 100%;
	}
	.music_box .box{
		width: 100%;
	}
	.newsletter .text {
        width: 65%;
	}
	.footer .box{
		width: 100%;
	}
	.menu-tab {
    float: right;
    display: inline-block;
    z-index: 100;
    cursor: pointer;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.menu-tab div {
    width: 25px;
    height: 4px;
    border-radius: 5px;
    background-color: #ffffff;
    display: block;
    margin: 5px 9px;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.menu-tab div:nth-child(1) {
  margin-top: 13px;
}
.menu-tab div:nth-child(2) {
    width: 20px;
	}
.menu-tab.active {
  left: 345px;
  -webkit-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
}
.menu-tab.active #one {
  -webkit-transform: translateY(9px) rotate(-135deg);
          transform: translateY(9px) rotate(-135deg);
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  background-color: #fff;
}
.menu-tab.active #two {
  opacity: 0;
  -webkit-transition: .4s ease;
  transition: .4s ease;
}
.menu-tab.active #three {
  -webkit-transform: translateY(-9px) rotate(-45deg);
          transform: translateY(-9px) rotate(-45deg);
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  background-color: #fff;
}
.welcome {
    width: 100%;
    text-align: center;
    float: right;
    padding: 10px 0;
    color: #fff;
    background: #2673c5;
}
.menu-hide {
  display: block;
  width: 345px;
  left: -345px;
  height: 100vh;
  position: fixed;
  z-index: 99999;
  top: 0px;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}
.menu-hide nav ul li {
	clear: both;
	width: 100%;
	margin: 5px 0;
    list-style-type: none;
    text-align: right;
    line-height: 30px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.menu-hide nav ul li:hover {
  background-color: #2d2d2d;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.menu-hide nav ul li a {
    padding: 0 10px;
    text-decoration: none;
    color: #fff;
    font: 13px yekan,iransans;
}
.menu-hide nav ul ul{
    width: 100%;
    float: right;
}
.menu-hide nav ul ul li{
	padding-right: 25px;
}
.menu-hide.show {
  left: 0px;
  background-color: rgba(56, 56, 56, 0.9);
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}
.footer .box{
	padding-right: 0;
}

}
@media only screen and (max-width : 720px) {
	.text_day{
		display: none;
	}
	.related ul li{
		width: 100%;
	}
	.category_box li{
		width: 49%;
	}
	.newsletter{
		margin: 5px 0;
	}
	   .footer .box{
		   margin-right: 0;
	   }
	   .copyright .right{
		   width: 100%;
	   }
	   .copyright .left{
		   width: 100%;
	   }


}
@media only screen and (max-width : 580px) {
	.ads_post{
		width: 100%;
	}
	.flat-social {
        float: left;
    }
	.author-social{
		margin-top: 4px;
	}
	.post img{
		float: none;
        margin: 0 auto;
        display: block;
	}
	.post:nth-child(2n) img{
		float: none;
        margin: 0 auto;
        display: block;
	}
	.post .the_excerpt{
		height: auto;
	}
	.category_box li{
		width: 100%;
	}
	.menu-hide{
		width: 200px;
	}

}
@media only screen and (max-width : 420px) {
	.menu-hide{
width: 125px;
	}
}