@font-face {
    font-family: 'nazanin';
    src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BNazanin.eot?download');
    src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BNazanin.eot?download#iefix') format('embedded-opentype'), url('//cdn.bayan.ir/blog/templates/shared/fonts/BNazanin.woff?download') format('woff'), url('//cdn.bayan.ir/blog/templates/shared/fonts/BNazanin.ttf?download') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'yekan';
    src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BYekan.eot?download');
    src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BYekan.eot?download#iefix') format('embedded-opentype'), url('//cdn.bayan.ir/blog/templates/shared/fonts/BYekan.woff?download') format('woff'), url('//cdn.bayan.ir/blog/templates/shared/fonts/BYekan.ttf?download') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
}
article div.post .top-post h2, article div.post .top-post h1, article div.post .top-post .like-it, a, div#mini-slider-box .entry-thumb img, div#blog-info-box img, .aside .aside-content ul li:hover a::before, nav ul li a:hover span, nav ul li a:hover .fa-smile-o, article div.post .footer-post .comment:hover, article div.post .footer-post .read-more a:hover, .info-post .post-author:hover, .foot-aside .aside-content li:hover, article div.post .main-post img, .aside .aside-content ul li a:hover {
    transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
h1, h2, h3 {
    font-family: "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
    font-weight: normal;
	
}
a {
    color: #097695;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}
a:hover {
    color: #141b69;
}
ul{
	list-style:none;	
}
img{
	max-width:100%;
}
img:hover{
	opacity:0.8;
}
body{
    font-family: "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
    color: #444;
}
.top-mobile,.nav-content,.sidebox-title,.followShow a, #followInBx a,.post-date,.pagination a.selected,.pagination a:hover ,.pagination a.current,.comment-details-left ,#bComSub,.sidebox-content.tag-cloud a:hover,.search-box .submit {
    background-color:#0894a5;
}
.clear{
    clear: both;
}
.top{
    background-color:#222;
    width: 100%;
    height:40px;
    z-index: -999;
    position: fixed;
}
.search {
    width: 170px;
    left: -10%;
    position: absolute;
    margin-top: -84px;
}
.top-mobile{
    width: 100%;
    display:none;
    text-align:center;
}
.top-mobile a {
    display: block;
    color: #fff;
    border-bottom: 1px solid #b8e3f2;
    padding: 2px;
}
header{
    width:65%;
    float: right;
    margin-right: 50px;
}
.header-pic{
    background-image:url("http://bayanbox.ir/view/1481889261125471708/dokhter-2.png");
    background-size:100% 100%;
    width:40%;
    height:300px;/*240*/
    float:right;  
    position: relative;
    max-width: 350.733px;
}
.header-pic-mob{display:none;}
.header-title-mob{display:none;}
.header-title{
    float: left;
    width:58%;
    padding-top:80px;
    text-align: center;
    line-height: 55px;
    position: relative;
    -webkit-animation: mymove 4s infinite; /* Chrome, Safari, Opera */
    animation: mymove 4s infinite;
    animation-iteration-count: 1;
    animation-direction: alternate;   
}
.animation{
    -webkit-animation: mymove 4s infinite; /* Chrome, Safari, Opera */
    animation: mymove 4s infinite;
    animation-iteration-count: 1;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    from {top: -150px;}
    to {top: 0px;}
}

/* Standard syntax */
@keyframes mymove {
    from {top: -150px;}
    to {top: 0px;}
}
.header-title h1{
    font-size:33px;
}
.aside{
    width:20%;
    position: fixed;
    left:3%;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    box-shadow: 1px -10px 9px !important;
}
.nav-web {
	width: 95%;
	margin: 10px auto 20px auto;
	color: #000;
	font-size: 14px;
}
.nav-content{
    width:100%;
    color:#fff;
    margin: auto;
    text-align:center;
    padding: 10px 10px 26px 10px;
    box-sizing: border-box;
}
.nav-web-title {
    background-color: white;
    border-radius: 50px;
    width: 85%;
    margin: -4% auto;
}
.nav-content a{
    display:block;
    color:#131416;
    font-size:13px;
    width: 80%;
    margin: 8px auto;
    border-radius: 40%;
    background-color: #9de3f2;
}
nav a.selected,nav a:hover {
    color: #000;
    background:#d0f0f3;
}
.name-author{
	width:100%;
	height:150px;	
}
.avatar-author{
	width:64px;
	height:64px;
	border-radius:100%;
	background-color:#fff;
	margin:auto;
}
.nav-footer{
    background-image:url("http://bayanbox.ir/view/487062855188392696/footer-blue.png");
    background-size:100% 111%;
    width:100%;
    height: 50px;
}
.content{
    width:72%;
    background-color: #86bdff;
    float:right;
    border-radius: 3px;
    margin: 20px 3% 20px 0px;
}

/***************side-box**************/
aside{
	float:right;
	width:25%;
	padding: 15px 15px 15px 3px;
        box-sizing: border-box;
}
.boxes-sidebox{
	width:100%;
	background-color:#fff;
	margin-top: 15px;
        box-sizing: border-box;
	border-radius:3px;
}
.boxes-sidebox-info{
	width:100%;
	background-color:#fff;
        box-sizing: border-box;
	border-radius:3px;
	margin-top: 0px;
}
.sidebox-title {
    color:#fff;
    text-align: center;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    margin:0 15px;
}
.sidebox-content {
    padding: 10px;
}
.topic {
    list-style: square;
    padding-right: 10px;
    color: #0894a5;
    line-height: 21px;
}
.topic h3 {
    font-size: 13px;
}
.boxes-sidebox a {
    color: #2F2727;
    font-size: 12px;
}
.boxes-sidebox a:hover {
    color: #0894a5;
}
.boxes-sidebox .sidebox-content ul li:last-child{
    border-bottom: none;
}
.boxes-sidebox .blt {
    border-bottom: 1px dotted #dacbcb;
    padding-bottom: 7px;
}
.blogImage {
    text-align: center;
}
.boxes-sidebox img {
    max-width: 100%;
    margin-top: 10px;
}
.blog-description {
    font-size: 13px;
    text-align: center;
    border: 2px dotted #b9b9d7;
    margin: 10px 0px;
    border-radius: 3px;
}
.post-list-count {
    padding-right: 3px;
}
.sidebox-titlebg {
    font-size: 14px;
}
.sidebox-content.post-type-post {
    font-size: 13px;
}
.Value {
    float:left;
}
.sidebox-content .fa{padding-left:4px;}
.subcats {
    padding-right: 14px;
    list-style: square inside url("//bayanbox.ir/view/2060088146922219761/sub-ico.png");
}
/**************end-sidebox**************/

/**************follow-box***************/
.followShow a, #followInBx a {
    text-decoration: none;
    font-size: 14px;
    border-radius: 40px;
}
/**************follow-box***************/

/**************content*****************/

.main-content{
	float:left;
	width:75%;
	padding:15px;
	box-sizing:border-box;
}
.post-wrp {
    width: 100%;
    background-color: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-top-right-radius: 3px;
    border-top-left-radius:3px;
}
.boxes-post {
    margin-top: 4%;

}
.boxes-post:first-child{
    margin-top:0px;
}
.post-title {
    display: inline-block;
    max-width:80%;
}
.post-title h2{
    font-size:16px;
}
.post-date{ 
	min-width: 13%;
        height: 55px;
        float: left;
        margin-top: -15px;
        border-radius: 1% 1% 50% 50%;
        box-shadow: 0 10px 6px -6px #777;
	text-align: center;
        color: #fff;
	font-size: 15px;
        padding: 0px 6px;
        box-sizing: border-box;
}
.post-author {
    padding-right: 10px;
}
.post-content {
    margin-top: 16px;
    font-size: 13px;
}
.post-details {
    background-color: #eeeef9;
}
.post-details img {
    width: 40px;
}
.post-details-comment{
	float:left;
        padding: 5px 6px;
        font-size: 14px;
}
.rate-box,.num-view {
    font-weight: bold;
    float: left;
    font-size: 14px;
    padding: 6px;
    color: #0894a5;
    box-sizing: border-box;
}
.rate-button {
   
}
.rate-counter span{
    padding-left:3px
}
.footer-post {
    padding: 10px;
    background-color: #d4e6e4;
    font-size:11px;
}
.footer-post h3{
    font-size:10px;
}
.keywords_post {
    margin-bottom: 5px;
}
.footer-post a {
    display: inline-block;
    font-size: 10px;
    box-shadow: 2px 2px 2px #39afd5;
    color: #665454;
    text-align: center;
    background-color: #f4f9f9;
    margin-right: 5px;
    padding: 0px 5px;
    box-sizing: border-box;
}
.post-readmore {
    font-size: 14px;
    margin-top: 10px;
}
.fa{
    padding: 0px 4px;
   
}
/*-------------- Pagination ---------*/
.pagination {
    font-size: 14px;
}
.pagination a {
    background-color: #fff;
    margin-left: 10px;
    padding: 0px 12px;
    border-radius: 4px;
    box-sizing: border-box;
}
.pagination a.selected,.pagination a:hover {
    color:#fff;
}
.pagination a.current {
        color:#fff;
}
/*************end-content**************/
/************comment*******************/
.messages {
    width: 60%;
    background-color:rgb(247, 247, 247);
    margin: auto;
    text-align: center;
    border-radius: 30px;
    border: 1px dashed #0894a5;
    padding: 5px 10px;
   font-size: 10px;
}
.post-comment {
    width: 85%;
    background-color: #fff;
    margin: auto;
}
.post-comment .comment-avatar img {
    width: 40px;
    margin-left: 5px;
    border-radius:0px;
}
.comment-add-form {
    width: 85%;
    background: rgb(247, 247, 247);
    margin: auto;
    padding: 15px 0px 15px 20px;
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: 0pt 2px 5px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    -webkit-box-shadow: 5px;
    -moz-border-radius: 5px;
     border-radius: 5px;
}
.comment-details-left {
    display: inline-block;
    float: left;
    padding: 2px 10px;
    margin-top: 6px;
}
.comment-details-left a {color:#fff;}
.comment-details {
    border-bottom: 1px dashed #0894a5;
}
.comment-avatar img {
    width: 25px;
    border-radius: 5px;
    margin-left: 5px;
}
.comment-name {
    vertical-align: -4px;
    font-size: 12px;
    color: #097695;
}
.comment-body-content {
    padding: 10px;
}
.comment-reply {
    background: #d4e6e4;
    border-radius: 3px;
    margin-top: 10px;
    padding: 10px;
}
.avatar-reply img {
    width: 40px;
    border-radius: 5px;
}
.avatar-reply {
    display: inline-block;
    float: left;
    margin-top: -25px;
}
#bComSub {
    width:25%;
    color: #fff;
    box-shadow: 2px 2px 2px #c8c8c8;
    margin:2%;

}
.comment-website {
	display: inline-block;
	float: left;
        margin: 5px 10px;
	font-size: 16px;
}
.item_success {
    margin-right: 18px;
}
.item_wrn, .item_err, .item_success {
    margin-right: 18px;
}
/************ Tag-Cloud ***************/
.sidebox-content.tag-cloud h3 {
	margin: 0;
	font: normal 11px "tahoma", "Times New Roman", Times, Arial, serif;
	display: inline-block;
	*display: inline;
	*margin: 2px;
}

.sidebox-content.tag-cloud span {
	display: inline-block;
	margin: 1px 0 1px 0;
}

.sidebox-content.tag-cloud a {
	font: 11px/1.6em "yekan", "tahoma", "arial", "Times New Roman", Helvetica;
	color: #333;
	border: #ddd 1px solid;
	padding: 1px 5px;
	display: table-cell;
	*display: inline-block;
	margin: 2px 0 2px 0;
}

.sidebox-content.tag-cloud a:hover {
	color: #fff;
	border: #c9d4de 1px solid;
}

.sidebox-content.tag-cloud a.selected {
	color: #fff;
	background: #fe9833;
	border: #fe7f20 1px solid;
}
/***********search*****************/
.search-box {
    border-radius: 5px;
    background-color: #f6f6f6;
    height:28px;
}
.search-box .submit {
    width: 35px;
    float: left;
    cursor: pointer;
    background: #0894a5 url(/media/images/search.png?_2d5FF);
    height: 28px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.search-box input.text {
    font-family: yekan;
    padding-right: 10px;
    box-sizing: border-box;
}

footer{
    background-color:#222;
    width: 100%;
    height:40px;
    color:white;
    padding: 9px 3%;
    box-sizing: border-box;
}
footer .power_by{
    float:right;
}
footer span {
    color: #fff;
    padding-left: 2px;
}
footer a{color:#82e4f5;}
footer .design_by{
    float:left;
}
/*-- style for tablets--*/
@media screen and (max-width: 768px){
   .content{
        margin: 0px;
	margin-top: 10px;
    }
   .search{display:none;}
    header{
        width:100%;
        position:relative;
        margin: auto;
	
    }
    .top-mobile{
	display:block;
    }
    .top{display:none}
    .aside{
	display:none;
     }
   .post-comment{width:100%}
    aside{padding:3%;}
    .top{position:relative}
    .header-pic-mob{
        width: 50%;
        background-image:url("http://bayanbox.ir/view/1481889261125471708/dokhter-2.png");
        background-size:100% 100%;
	display:block;
        height: 220px;/*218*/
        float: none;
        margin: auto;
    }
    .header-pic{display:none;}
    .header-title-mob{
	display:block;
	padding-top:3px;
	line-height:44px;
	text-align: center;
    }
    .header-title{display:none;}
    .content{width:100%;}
    .main-content{
	width:100%;
	padding:3%;
    }
    aside{width:100%}
	.blog-description{text-align:center;}
	.blogImage{text-align:center;}
	.comment-add-form{
		width:100%;
		padding-left:6%;
	}
	#bComSub {margin-top:4px;}
	.post-date {font-size:15px}
	nav a.selected, nav a:hover {background: #a6ceff;}
	.rate-box,.num-view {
                font-size:11px;
		margin-top: 3px;
	}
}       

/*-- style for mobiles--*/
@media screen and (max-width: 400px){
    .header-pic-mob{
        width: 70%;
        height: 180px;/*168*/
        right: 5%;
    }
    .header-title h1{
	font-size: 26px;
        line-height: 24px;
    }
    .post-date {
	font-size:11px;
	height:35px;	
    }
    .post-title{max-width:70%;}
}