/* CSS Document */
@font-face { font-family: 'iranfont'; src: url('font/iranfont.woff') format('woff'); }
@font-face { font-family: 'iranfontb'; src: url('font/iranfontb.woff') format('woff'); }
@font-face { font-family: 'iranfontm'; src: url('font/iranfontm.woff') format('woff'); }
* { box-sizing: border-box; }
html { margin: 0px; padding: 0px; font-size: 16px; }
body { direction: rtl; margin: 0px; padding: 0px; font-family: iranfont; font-size: 0.9rem; line-height: 1.8em; background-color: #f5f5f5; color: #000; text-align: center; }
h1, h2, h3, h4, h5, h6 { font-family: iranfontb; font-weight: normal; line-height: 1.5em; padding: 0px; margin: 0px; }
h1 { font-size: 2.5rem }
h2 { font-size: 2rem }
h3 { font-size: 1.75rem }
h4 { font-size: 1.5rem }
h5 { font-size: 1.25rem }
h6 { font-size: 1rem }
a { color: #1576d7; text-decoration: none; }
a:hover { color: #000; transition: all ease 0.3s; text-decoration: none; }
img { max-width: 100%; height: auto; }
.clearfix { clear: both; }

/*************************************************************
                            POST block
*************************************************************/

.content { margin-bottom: 20px; text-align: right; }
.post { margin-bottom: 30px; border-radius: 4px; box-shadow: 0px 0px 20px rgb(0, 0, 0, 0.1); background-color: #fff;}
.post-title { padding: 20px 20px; border-bottom: 1px solid #eee; }
.post-title:after { clear: both; display: table; content: ''; }
.post-title h2 { font-size: 1.3rem; display: inline; color: #000; }
.post-title h2 a { color: #333; }
.post-title h2 a:hover { color: #1576d7; }
.post-body { padding: 10px 20px; }
.post-body a { color: #1576d7; }
.post-body a:hover { color: #000; }
.post-cnt { line-height: 2em; margin-bottom: 10px; }
.post-cnt:after { content: ''; display: table; clear: both; }
.post-cnt a { color: #1576d7; }
.post-cnt a:hover { color: #000; }
.post-cnt img { }
.post-cnt ul { margin: 0px; padding: 0px; }
.post-cnt li { list-style-type: square; margin-bottom: 5px; list-style-position: inside; }
.post-thumb { text-align: center;}
.post-thumb img { margin-bottom: 10px; -ms-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.post-thumb img:hover { -ms-transform: scale(1.04); -webkit-transform: scale(1.01); transform: scale(1.01); }
.post-tag { margin-bottom: 10px; }
.post-tag:before { font-family: webfont-s; font-size: 1rem; margin-left: 8px; vertical-align: middle; display: inline-block; }
.post-tag a { margin-left: 5px; color: #1576d7; }
.post-tag a:hover { color: #000; }
.post-related { margin-bottom: 10px; }
.post-related:before { font-family: webfont-s; font-size: 1.2rem; margin-left: 5px; vertical-align: middle; display: inline-block; }
.post-related ul { }
.post-related li { list-style-type: square; }
.post-related li a { }
.post-related li a:hover { }
.post-details { margin-bottom: 10px; font-family: iranfont; font-size: 0.8rem; }
.post-details a { color: #000; }
.post-details a:hover { color: #1576d7; }
.post-details ul { margin: 0px; padding: 0px; }
.post-details li { list-style-type: none; display: inline-block; padding: 3px 3px; }
.post-details li:last-child { }
.post-details ul:after { content: ''; display: table; clear: both; }
.post-details div { margin-left: 15px; }
.post-details div:before { font-family: webfont-r; font-size: 1rem; margin-left: 5px; vertical-align: middle; display: inline-block; }
.post-details .postviews:before { font-family: webfont-s; }
.post-footer { font-family: iranfont; font-size: 0.9rem; border-top: 1px solid #eee; padding: 5px}
.post-footer a { color: #000; }
.post-footer a:hover { color: #1576d7; }
.post-footer ul { margin: 0px; padding: 0px; }
.post-footer ul:after { content: ''; display: table; clear: both; }
.post-footer li { list-style-type: none; display: inline-block; padding: 5px 10px; }
.post-footer li:last-child { margin-left: 0px; margin-right: 0px; float: left; }
.post-footer div { margin-left: 15px; }
.post-footer div:before { font-family: webfont-s; font-size: 1rem; margin-left: 5px; vertical-align: middle; display: inline-block; }
.post-footer div a:before { font-family: webfont-s; font-size: 1rem; margin-left: 8px; vertical-align: middle; display: inline-block; }
.post-footer div a:after { font-family: webfont-s; font-size: 1rem; margin-right: 8px; vertical-align: middle; display: inline-block; }
.postdate { }
.posttime { }
.postviews { }
.postauthor { }
.postprint { }
.postlike { }
.postlike span { display: inline-block; vertical-align: middle;}
.postcomment { }
.postmore { }
.postmore a { display: inline-block; padding: 5px 15px; border-radius: 30px; background-color: #1576d7; color: #fff;}
.postmore a:hover { background-color: #000; color: #fff; }
.post-tag:before { content: '\f02c'; }
.post-related:before { content: '\f360'; }
.postdate:before { content: '\f133'; }
.posttime:before { content: '\f017'; }
.postviews:before { content: '\f06e'; }
.postauthor:before { content: '\f007'; }
.postprint:before { content: '\f02f'; }
.postcomment a:before { content: '\f27a'; }
.postmore a:after { content: '\f053'; }
/*************************************************************
                            Pageination
*************************************************************/

.pagenavi { padding: 10px; margin-bottom: 30px; text-align: center; font-family: iranfont; font-size: 1rem; border-radius: 4px; box-shadow: 0px 0px 20px rgb(0, 0, 0, 0.1); background-color: #fff; border-top: 3px solid #1576d7}
.pagenavi ul { margin: 0px; padding: 0px; text-align: center; }
.pagenavi ul:after { display: table; content: ''; clear: both; }
.pagenavi li { list-style-type: none; display: inline-block; margin: 0px 5px 5px 5px; list-style-position: inside; }
.pagenavi a { display: block; background-color: #1576d7; color: #fff; padding: 5px 10px; border-radius: 4px; }
.pagenavi a:hover { background-color: #666; color: #fff; }
li.prepage a:before, li.nextpage a:after { font-family: webfont-s; font-size: 1rem; vertical-align: middle; display: inline-block; }
li.prepage a:before { content: '\f054'; margin-left: 8px; }
li.nextpage a:after { content: '\f053'; margin-right: 8px; }
/*************************************************************
                        MENU BOX
*************************************************************/

.sidebar { text-align: right; margin-bottom: 20px; }
.menubox { margin-bottom: 20px; text-align: right; border-radius: 4px; box-shadow: 0px 0px 20px rgb(0, 0, 0, 0.1); background-color: #fff;}
.menu-title { padding: 12px 12px; border-bottom: 1px solid #eee; }
.menu-title h3 { color: #666; font-weight: normal; font-size: 1rem; display: inline; line-height: 1rem; }
.menu-title h3:before { content: '\f108'; font-family: webfont-s, webfont-r; font-size: 16px; vertical-align: middle; display: inline-block; font-weight: normal; margin: 0px 0px 0px 10px; border-radius: 100%; background-color: #eee; padding-top: 12px; height: 40px; width: 40px; text-align: center; }
.menu-title:after { display: table; content: ''; clear: both; }
.menu-body { padding: 10px 15px 20px; }
.menu-body ul { margin: 0px; padding: 0px; }
.menu-body li { list-style-type: none; list-style-position: inside; margin-bottom: 2px; }
.menu-body li span { margin-right: 3px; }
.menu-body li a:before { content: '\f104'; margin-left: 7px; vertical-align: middle; font-family: webfont-s; font-size: 0.8rem; display: inline-block; }
.menu-body li a { display: block; padding: 3px 3px; color: #333; }
.menu-body li a:hover { color: #1576d7; }
.menu-body a { color: #1576d7; }
.menu-body a:hover { color: #000; }
.menu-body img { margin-bottom: 5px; }
/*************************************************************
                        WIDGETS
*************************************************************/
.aboutme { }
.newposts { }
.visited { }
.liked { }
.cmnted { }
.lastcmnt { }
.archive { }
.dailylink { }
.searchbox { }
.etcpages { }
.blogtools { }
.ultrabox { }
.userpanel { }
.randomp { }
.autolink { }
.newspaper { }
.polls { }
.calendarbox { }
.links { }
.writers { }
.catbox { }
.tagbox { }
.adv { }
.stats { }
.wthumb { }
.wthumb li { border-bottom: 1px solid #eee; padding: 5px; }
.wthumb li:last-child { border-bottom: none; }
.wthumb li img { float: right; margin: 0px 0px 5px 10px; width: 30%; height: auto; }
.wthumb li a:before { content: none; }
.wthumb li:after { content: ""; display: table; clear: both; }
.catbox ul li ul { margin-right: 15px; margin-bottom: 10px; }
.catbox ul li ul li { }
.tagbox ul { text-align: center; }
.tagbox li { display: inline-block; margin: 2px 2px; }
.tagbox li a { display: inline-block; padding: 2px 6px; background-color: #eee; border-radius: 4px; }
.tagbox li a:hover { background-color: #1576d7; color: #fff; }
.tagbox li a:before { content: none; }
.adv li { }
.adv li a { padding: 5px; margin-bottom: 5px; border-radius: 4px; }
.adv li:nth-child(odd) a { background-color: #eee; color: #000; }
.adv li:nth-child(even) a { background-color: #f9f9f9; color: #000; }
.adv li:nth-child(odd) a:hover, .adv li:nth-child(even) a:hover { background-color: #2DA9EC; color: #fff; }
.stats li { border-bottom: 1px dashed #ccc; padding: 5px; }
.stats li:hover { background-color: #f9f9f9; }
.stats li span { background-color: #666; color: #fff; display: inline-block; padding: 3px 4px; border-radius: 4px; font-size: 0.6rem; line-height: 1em; float: left; margin-right: 5px; }
.stats li:after { display: table; content: ''; clear: both; }
.links ul li a:before { content: '\f104'; }
.writers ul li a:before { content: '\f2bd'; font-family: webfont-r; }
.catbox ul li a:before { content: '\f07b'; }
.catbox ul li ul li a:before { content: '\f07c'; font-family: webfont-r; }
.adv ul li a:before { content: '\f100'; }
.aboutme .menu-title h3:before { content: '\f2bd'; }
.newposts .menu-title h3:before { content: '\f022'; }
.catbox .menu-title h3:before { content: '\f07c'; }
.writers .menu-title h3:before { content: '\f0c0'; }
.visited .menu-title h3:before { content: '\f14a'; }
.liked .menu-title h3:before { content: '\f0a5'; }
.cmnted .menu-title h3:before { content: '\f086'; }
.tagbox .menu-title h3:before { content: '\f02c'; }
.lastcmnt .menu-title h3:before { content: '\f4ad'; }
.archive .menu-title h3:before { content: '\f187'; }
.dailylink .menu-title h3:before { content: '\f0a1'; }
.links .menu-title h3:before { content: '\f0c1'; }
.adv .menu-title h3:before { content: '\f1b2'; }
.stats .menu-title h3:before { content: '\f080'; }
.searchbox .menu-title h3:before { content: '\f002'; }
.etcpages .menu-title h3:before { content: '\f03a'; }
.blogtools .menu-title h3:before { content: '\f085'; }
.ultrabox .menu-title h3:before { content: '\f078'; }
.userpanel .menu-title h3:before { content: '\f2c1'; }
.randomp .menu-title h3:before { content: '\f074'; }
.autolink .menu-title h3:before { content: '\f079'; }
.newspaper .menu-title h3:before { content: '\f2b6'; }
.polls .menu-title h3:before { content: '\f059'; }
.calendarbox .menu-title h3:before { content: '\f073'; }

/*************************************************************
                        Search
*************************************************************/
.blogsearch { text-align: center; }
.blogsearch:after { content: ''; clear: both; display: table; }
.blogsearch form { }
.blogsearch input[type="text"] { font-family: Tahoma; font-size: 0.8rem; height: 25px; background: none; margin-right: 5px; margin-left: 5px; border-radius: 4px; padding: 3px 5px; color: #333; border: 1px solid #999; margin-bottom: 5px; }
.blogsearch input[type="submit"] { font-family: Tahoma; font-size: 0.8rem; height: 25px; padding: 3px 10px 5px 10px; border: 0px; border-radius: 4px; color: #000; background-color: #ccc; }
.blogsearch input[type="submit"]:hover { background-color: #000; color: #fff; }

/*************************************************************
                        Comment block
*************************************************************/

.cmntblock { margin-bottom: 15px; padding: 10px; color: #333; border-radius: 4px; box-shadow: 0px 0px 20px rgb(0, 0, 0, 0.1); background-color: #fff;}
.cmntblock a { color: #1576d7; }
.cmntblock a:hover { color: #000; }
.cmntblock .pagenavi a { color: #fff; }
.cmntblock .pagenavi a:hover { color: #fff; }
.cmntblock form { padding: 10px; }
.cmnt-count { margin-bottom: 20px; font-family: iranfont; font-size: 1rem; padding: 5px 10px }
.cmnt-list { }
.cmnt-list ul { margin: 0px; padding: 0px; }
.cmnt-list li { list-style-type: none; margin-bottom: 5px; padding: 5px; }
.cmnt-box { border: 1px solid #ddd; border-radius: 4px; }
.cmnt-list li:nth-child(odd) .cmnt-box { }
.cmnt-list li:nth-child(even) .cmnt-box { }
.cmnt-title { padding: 5px 10px; border-bottom: 1px solid #ddd; }
.cmnt-title:after { display: table; content: ''; clear: both; }
.cmnt-user { width: 48%; float: right; }
.cmnt-user span { display: inline-block; }
.cmnt-user img { vertical-align: middle; }
img.user-avatar { display: inline-block; width: 40px; height: auto; vertical-align: middle; }
.cmnt-date { width: 48%; float: left; text-align: left; }
.cmnt-body { padding: 5px 10px; }
.cmnt-text { margin-bottom: 10px; }
.cmnt-reply { padding: 10px; border: 1px dashed #ddd; border-radius: 4px; }
.cmnt-form { border: 1px solid #ddd; padding: 10px; border-radius: 4px; }
.cmnt-user:before, .cmnt-date:before, .cmnt-reply:before { font-family: webfont-r; font-size: 1rem; margin-left: 8px; vertical-align: middle; display: inline-block; }
.cmnt-user:before { content: '\f2bd'; }
.cmnt-date:before { content: '\f017'; }
.cmnt-reply:before { content: '\f122'; font-family: webfont-s; }
.cmntblock label { margin-bottom: 10px; font-family: iranfont; margin-left: 20px; font-size: 0.8rem; }
.cmntblock input[type="text"] { width: 100%; margin-bottom: 10px; min-height: 30px; border: 1px solid #ccc; margin-top: 10px; font-family: iranfont; font-size: 0.8rem; }
.cmntblock input[type="text"]:focus, .cmntblock input[type="text"]:hover, .cmntblock textarea:focus, .cmntblock textarea:hover { border: 1px solid #999; -webkit-box-shadow: 0px 0px 5px #999; box-shadow: 0px 0px 5px #999; transition: all ease 0.3s; }
.cmntblock textarea { font-family: iranfont; font-size: 0.9rem; margin-bottom: 10px; min-height: 150px; margin-top: 10px; border: 1px solid #ccc; padding: 10px; }
.cmntblock button[type="submit"], .cmntblock input[type="button"] { border-radius: 4px; border: 0px; padding: 3px 10px; background-color: #1576d7; color: #fff; font-family: iranfont; font-size: 0.8rem; }
.cmntblock input[type="button"]:hover, .cmntblock button[type="submit"]:hover { background-color: #000; color: #fff; transition: all ease 0.3s; }

/*************************************************************
                            NAVBAR
*************************************************************/

.navbar { padding: 0.5rem 1rem; }
.navbar-brand { padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; }
.navbar-brand:hover, .navbar-brand:focus { text-decoration: none; }
.navbar-nav { padding-left: 0; margin-bottom: 0; list-style: none; }
.navbar-nav .nav-link { padding-right: 0; padding-left: 0; }
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem; }
.navbar-nav .dropdown-menu { position: static; float: none; }
.navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
.navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); }
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); }
.navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); }
.navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); }
.navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }
.navbar-dark .navbar-brand { color: #fff; }
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; }
.navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); }
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); }
.navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); }
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; }
.navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); }
.navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); }
.navbar-dark .navbar-text a { color: #fff; }
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; }
.dropdown-menu { top: 97%; left: 0; min-width: 10rem; padding: 0rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #000; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0rem; }
.dropdown-menu-right { right: 0; left: auto; }
.dropdown-item { display: block; width: 100%; padding: 0.7rem 0.7rem; clear: both; font-weight: 400; color: #000; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }
.dropdown-item:hover, .dropdown-item:focus { color: #fff; text-decoration: none; background-color: #000; }
.dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #1576d7; }
.dropdown-item.disabled, .dropdown-item:disabled { color: #888; background-color: transparent; }
.dropdown-menu.show { display: block; }
.dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #000; white-space: nowrap; }
.dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #000; }

.navbar-brand h1 { font-size: 2rem; padding: 0px; margin: 0px; line-height: 0px; }
.nav-link { font-family: iranfontm; font-size: 0.9rem; }
.dropdown-menu { text-align: right; font-family: iranfont; font-size: 0.8rem; }

/*************************************************************
                    BLOGS SERVICE 
*************************************************************/

/*
Mihanblog
*/

.mihanb textarea { width: 100%; }
#recaptcha_aparat_login div { width: 100%!important; }
.msgtitle { float: none!important; width: 100%!important; }
.msgbody { float: none!important; width: 100%!important; }
.commentrb input[type="email"] { width: 100%!important; }
input#comment_cap { width: inherit!important; }
/*
Rozblog
*/

.rozpage { }
.rozpage a { display: inline-block; padding: 3px 8px; background-color: #1576d7; color: #fff; font-family: iranfont; font-size: 0.8rem; margin: 5px; }
.rozpage a:hover { background-color: #666; color: #fff; }
#forum-box { border: 1px solid #eee; box-sizing: border-box; width: 100%; font-size: 0.8rem; border-radius: 4px;}
#forum-box td { border: 1px solid #ddd; padding: 3px; text-align: center; box-sizing: border-box; }
.forum-onvan { width: 45%; }
.forum-pasokh { width: 15%; }
.forum-bazdid { width: 15%; }
.forum-nevisa { width: 25%; }
.rozcblock input[type="text"] { width: inherit; margin-bottom: 10px; min-height: 30px; border: 1px solid #ccc; margin-top: 10px; font-family: Tahoma; font-size: 0.8rem; }
.userpanel td { width: 100%; display: block;}
.userpanel input[type="text"] {max-width: 99%;}
.userpanel input[type="password"] {max-width: 99%;}
/*
BlogSky
*/
.bs_post_like { }
.bs_post_like:before { content: "\f164"; font-family: webfont-s; font-size: 1.3rem; display: inline-block; vertical-align: middle; margin-left: 5px; }
.bs_post_like:hover { }
img.bs-profile { float: right; margin: 0px 0px 5px 10px; }
.bs-sender .cmnt-user:before { content: ''; margin-left: 0px; }
.poll-vote { margin: 5px 0; padding: 0; }
.poll-vote li { list-style: none; color: #333; }
.poll-answer { margin: 12px 0 5px 0 }
.poll-result-box { width: 95%; height: 20px; border: 1px solid #D1D1D1; background-color: white; }
.poll-result-vote-percent { padding-top: 3px; height: 17px; background-color: #C9C9C9; text-align: center }
.message { padding: 5px 0; font-weight: normal; color: red; }
.sharing { padding: 10px 0; }
.sharing a:nth-child(1) { margin-right: 10px; }
.sharing a:before { font-family: webfont-b; display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 2rem; }
a.fb_share:before { content: "\f082" }
a.tw_share:before { content: "\f081" }
a.yem_share:before { content: "\f19e"; font-size: 1.3rem; color: #fff; background-color: #1576d7; padding: 3px 5px; border-radius: 4px; }
a.dc_share:before { content: "\f1a5" }
a.digg_share:before { content: "\f1a6"; color: #fff; background-color: #1576d7; padding: 3px 5px; border-radius: 4px; }
a.ld_share:before { content: "\f08c" }
a.gp_share:before { content: "\f0d4" }
#calendar { color: #000; text-align: center; width: 100%; }
#calendar table td { text-align: center; padding: 3px; }
#calendar .week-days { color: #000; background-color: #e7e7e7; }
#calendar .day-off { color: #666; font-size: 0.6rem; }
#calendar .day-on a { color: #1576d7; text-decoration: none; font-size: 0.6rem; }
#calendar .day-on a:hover { color: #1576d7; text-decoration: underline; }
.rate { color: #666; position: relative; margin-bottom: 5px; }
.rate span { display: inline-block; }
.rate .message { padding: 5px; background-color: white; border: 1px solid #B3B9C3; position: absolute; display: none; white-space: nowrap; opacity: 0.9; color: red; top: -5px; right: 30px; }
.rate .cmnt_plus:before, .rate .cmnt_minus:before { font-family: webfont-s; display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 1.2rem; }
span.cmnt_plus:before { content: "\f062"; color: #3e980e; }
span.cmnt_minus:before { content: "\f063"; color: #e22229; }
.bs-validation-summary-errors { background-color: #FFEEEE; border: 1px solid red; color: red; margin-bottom: 10px; padding: 5px 20px 5px 5px; }
.bs-validation-summary-errors li { padding: 1px 0; }
#contact-box, #form-box { direction: rtl; border: 0; margin: auto; }
#contact-box th, #form-box th { text-align: right; width: 70px; font-weight: normal; }
#contact-box td, #form-box td { text-align: right; width: 100%; }
#contact-box input[type=text], #form-box input[type=text] { font-size: 0.8rem; padding: 3px; width: 100%; border: 1px solid #aaa; }
#contact-box textarea, #form-box textarea { font-size: 0.8rem; padding: 3px; width: 100%; height: 160px; border: 1px solid #aaa; }
.bs-input-validation-error { background-color: #FFEEEE; }
#smiley-box { position: absolute; display: none; background-color: #fff; z-index: 10; left: 0; border: 1px solid #999; width: 155px; padding: 2px; }
#smiley-box img { cursor: pointer; margin: 2px; }
#gravatar-help { direction: rtl; padding: 10px 0; text-align: center; }
.gravatar { float: left; }
.html { direction: ltr; text-align: left; }
.bs-ltr { direction: ltr; text-align: left; }
#bs-input-search { width: 100% }
.bs-captcha-box { margin: 5px 0; text-align: center; }
.bs-captcha-image { vertical-align: bottom; }
.bs-captcha-refresh { background: url("http://www.blogsky.com/images/template/blue/reload.gif") no-repeat; cursor: pointer; display: inline-block; height: 22px; width: 22px; vertical-align: bottom; border: 1px solid #afafaf; }
.bs-captcha-code { color: #000000; direction: ltr; font-family: verdana !important; font-size: 0.8rem !important; font-weight: bold; padding: 2px !important; text-align: left; text-transform: uppercase; width: 85px !important; height: 20px; letter-spacing: 3px; }
#contact-box .bs-captcha-code { width: 110px !important; }
#contact .header { margin: 10px auto; width: 100%; }
#contact .title { font-weight: bold; font-size: 0.8rem; }
#contact .message { color: red; direction: rtl; text-align: right; margin-top: 10px; }
.cmnt-form .cmnt-box {padding: 5px 10px;}
.menubox select { max-width: 100%;}
message div.cmnt-box {padding: 5px 10px;}
/* 
Bayan 
*/
.rate-button-box .rated { font-weight: bold; }
.rate-up, span.rateup { color: #2d8d3c; display: inline-block; }
.rate-down, span.ratedn { color: #d63434; display: inline-block; }
span.ratedn { margin-right: 10px; }
span.renew:before, span.rateup:before, span.ratedn:before { font-family: webfont-s; display: inline-block; vertical-align: middle; margin-left: 5px; font-size: 1.2rem; }
span.ratedn:before { content: "\f165"; }
span.rateup:before { content: "\f164"; }

.bb-cmntblock { background-color: #fff; margin-bottom: 15px; border-bottom: 2px solid #ddd; padding: 10px; color: #333; }
.bayan-cmnt {}
.bayan-cmnt .cmnt-date {}
.bayan-cmnt .cmnt-date:before , .bayan-cmnt .cmnt-user:before {content: none;}
.bayan-cmnt .cmnt-date span {margin-left: 3px;}
.bayan-cmnt .cmnt-date a { margin-left: 10px;}

.followBx { background: none; border-radius: 0px; padding: 10px 10px 10px 10; font-size: 0.8rem; }
#followInBx { margin: 0 auto; max-width: 100%!important;}
.followersCount { float: left; background-color: rgba(0, 0, 0, 0.5); color: #fff; padding: 5px 8px; line-height: 10px; border-radius: 10px; }
.followersTitle { padding: 0 4px; margin-bottom: 7px; }
.follower {float: none!important;}
.follower:hover img { transform: scale(1.1); transition: all ease 0.3s; }
.followThis { display: block; padding: 3px 10px 5px; margin: 2px; background: #1576d7; color: #fff !important; border-radius: 3px; text-align: center; }
.followBx, .followThis { font-family: "iranfont"; }
.followThis:hover { color: #fff !important; ; }
.followThis.followed { background: #0cb3ce; }
#followInBx #followersLs .followImg { width: 20%; height: auto; border-radius: 100%!important; margin:5px 1% 5px 1%; }
a.follower {margin:0px; padding:0px;}
img.followImg {border-radius: 100%!important; border: 0px solid #fff; box-shadow: 0px 3px 5px #999; }
#followersLs { text-align: center; margin: 7px 0 13px; clear: both; }

.hoverTip {	position: absolute;	z-index: 3000;	background: #fafaff;	border-radius: 5px;}
.hoverTip .body {	padding: 5px;}
.followShow {	width: 250px;	background: #fff;	border: 1px solid #bbb;	box-shadow: 3px 3px 8px 0 #666;	color: #333;	direction: rtl;	line-height: 18px;	overflow: hidden;}
.followShow.dark {	color: #fff;	background: #000;	border-color: #555;}
.followShow a, #followInBx a {	text-decoration: none;}
.followShow .site { color: #33a; }
.followShow .site:hover { color: #33F; }
.followShow.dark .site { color: #bbf; }
.followShow.dark .site:hover { color: #ddf; }
#followInBx.dark {color: #fff}
.followShow .folDetImg {	width: 64px;	height: 64px;	float:right;	margin: 5px 5px 10px 10px;}
.followShow .body {	position: relative;	height: 74px;}
.followShow * {	box-sizing: content-box;}
.followShow .followThis {	width: 136px;	position: absolute;	bottom: 8px;	left: 8px;	font-size: 14px;	font-weight: bold;}
.folDetTxt {padding-right: 79px;}

/*bayan blog search */
.search-box { background: rgba(0, 0, 0, 0.06); background: #f3f3f3\9; border-radius: 2px; line-height: 30px; height: 30px; margin: 10px 5px; }
.search-box input { border: 0; outline: 0; height: 30px; padding: 0; display: block; }
.search-box input.text { background: transparent; width: 100%; float: right; }
.search-box .submit { border-radius: 2px 0 0 2px; width: 35px; float: left; background: #bdc2ca url(../image/search.png); }
.search-box .search-wrapper { margin: 0 5px 0 40px; }
.search-box.dark { border: 1px solid rgba(255, 255, 255, 0.3); background: rgba(0, 0, 0, 0.5); }
.search-box.dark input.text { color: #eee; }
.search-box.dark .submit { background-color: rgba(0, 0, 0, 0.5); background-color: #111\9; }
.search-box.dark .submit:hover, .search-box.dark .submit:focus { background-color: rgba(0, 0, 0, 0.7); background-color: #000\9; }
.search-box.black { background: rgba(70,70,70,0.3); background: #333\9; }
.search-box.light { background: rgba(255,255,255,.7); background: #f3f3f3\9; }

.lastcmnt li a:before { content: none; }
img.cmnt_avatar { display: inline-block; width: 40px; height: 40px; border-radius: 100%; vertical-align: middle; margin-left: 5px;}

/* arrow */
span.ratedn:before { content: "\f063"; }
span.rateup:before { content: "\f062"; }
/* Heart outline */
span.rateup:before { content: "\f004"; font-family: webfont-r; }
/* Heart solid */
span.rateup:before { content: "\f004"; font-family: webfont-s;}
/* star Solid */
span.rateup:before { content: "\f005"; font-family: webfont-r;}
/* Star outline */
span.rateup:before { content: "\f005"; font-family: webfont-s;}
/* hand solid */
span.ratedn:before { content: "\f165"; font-family: webfont-s;}
span.rateup:before { content: "\f164"; font-family: webfont-s;}
/* hand Outline */
span.ratedn:before { content: "\f165"; font-family: webfont-r;}
span.rateup:before { content: "\f164"; font-family: webfont-r;}
/* squire */
span.ratedn:before { content: "\f146"; }
span.rateup:before { content: "\f0fe"; }

/*************************************************************
                        Ultra Blocks 
*************************************************************/

.top-nav-bg {background-color: #fff;}

.main-nav {}
.main-nav ul {padding: 0px; margin: 0px;}
.main-nav li {}

.search-blog {padding-top: 10px;}
.search-blog form {white-space: nowrap; }
.search-blog form input[type="text"] { display: inline-block; padding: 3px 7px; height: 35px; border: 1px solid #ccc; border-radius: 4px;vertical-align: middle;}
.search-blog form input[type="submit"] { display: inline-block; vertical-align: middle; height: 35px; border-radius: 4px; border: 1px solid #ccc; background-color: #fff; background-image: url(/img/search_black.png); background-repeat: no-repeat; background-position: center center; width: 40px;}
.search-blog form input[type="submit"]:hover {background-image: url(../image/search.png); background-color: #1576d7; transition: all ease 0.3s; border: 1px solid #1576d7;}
.search-blog form ::placeholder {}

.header-bg {background-image: url(../image/header_bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; min-height: 250px; padding-top: 60px; padding-bottom: 20px; margin-bottom: 20px;}

.title-blog {margin-bottom: 60px; color: #fff;}
.title-blog h1 {margin-bottom: 20px; font-size: 2.7rem;}
.title-blog h3 {font-size: 1.2rem; font-family: iranfontm;}
.title-blog h1 a {color: #fff;}
.title-blog h1 a:hover { color: #000;}

.social-links {}
.social-links ul {padding: 0px; margin: 0px;}
.social-links li {}
.social-links li a { color: rgb(255, 255, 255);}
.social-links li a i {font-size: 1.2rem;}
.social-links li a:hover { color: #000;}

.blog-content {}

.blog-slider {background-color: #fff; margin-bottom: 30px; border-radius: 4px; box-shadow: 0px 0px 20px rgb(0, 0, 0, 0.2);}
.blog-slider .item {margin-right: 1px !important;}
.blog-slider .item img { border-radius: 4px;}

.sowgol-lb-block {margin-bottom: 30px; }
.sowgol-lb {margin-bottom: 20px; text-align: right; border-radius: 4px; background-color: #fff; border-radius: 4px; box-shadow: 0px 0px 20px rgb(0, 0, 0, 0.1);}
.sowgol-lb-title { margin-bottom: 5px; padding: 20px 15px; border-bottom: 1px solid #eee;}
.sowgol-lb-title h3 { font-size: 1.2rem; font-family: iranfontm; color: #666;}
.sowgol-lb-title h3::before { content: '\f100'; margin-left: 7px; vertical-align: middle; font-family: webfont-s; font-size: 1rem; display: inline-block;}
.sowgol-lb-body {padding-bottom: 10px; }
.sowgol-lb-body ul {padding: 0px; margin: 0px;}
.sowgol-lb-body li {list-style-type: none;}
.sowgol-lb-body li a { display: block; padding: 10px 10px; border-bottom: 1px dashed #eee; color: #888;}
.sowgol-lb-body li:last-child a {border-bottom: 0px;}
.sowgol-lb-body li a:before {content: '\f104'; margin-left: 7px; vertical-align: middle; font-family: webfont-s; font-size: 0.8rem; display: inline-block;}
.sowgol-lb-body li a:hover { color: #000;}



.footer-bg {background-color: #222; padding-top: 20px; padding-bottom: 40px;}

.footer-block { color: #fff;}
.footer-block a { color: #1576d7;}
.footer-block a:hover { color: #fff;}
.footer-block i { vertical-align: middle; display: inline-block; margin-left: 5px;}

/*************************************************************
                        Responsive Query 
*************************************************************/

@media (max-width: 768px) {html { font-size: 16px; } .cmnt-user { margin-bottom: 10px;} .cmnt-user, .cmnt-date { width: 100%; float: none; text-align: right;}}
@media (min-width: 576px) {}
@media (min-width: 768px) { }
@media (min-width: 992px) {}
@media (min-width: 1200px) {}