@charset "UTF-8";
/*
Theme Name: IranMedia
Theme URI: http://wintheme.ir
Description: پوسته حرفه ای موزیک
Author: wintheme.ir
Author URI: http://wintheme.ir
Version: 1.0
*/
@font-face{font-family:iranyekan;font-style:normal;font-weight:bold;src:url('fonts/eot/iranyekanwebregular.eot');src:url('fonts/eot/iranyekanwebregular.eot?#iefix') format('embedded-opentype'),
url('fonts/woff2/iranyekanwebregular.woff2') format('woff2'),
url('fonts/woff/iranyekanwebregular.woff') format('woff'),
url('fonts/ttf/iranyekanwebregular.ttf') format('truetype');}
@font-face{font-family:iranyekan;font-style:normal;font-weight:normal;src:url('fonts/eot/iranyekanweblight.eot');src:url('fonts/eot/iranyekanweblight.eot?#iefix') format('embedded-opentype'),
url('fonts/woff2/iranyekanweblight.woff2') format('woff2'),
url('fonts/woff/iranyekanweblight.woff') format('woff'),
url('fonts/ttf/iranyekanweblight.ttf') format('truetype');}


/********** Css Reset **********/

* {outline: 0;box-sizing: border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;transition: all 0.3s ease-out;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { max-width: 100%; box-sizing: border-box; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary,main { display: block }
audio:not([controls]) { display: none }
[hidden] {display: none}
audio, canvas, video {display: inline-block;
    -webkit-border-after-width: inherit;
    width: 98%;}


/********** Main **********/
body{background:#fffefe00;font:13px iranyekan,tahoma;color:#444444;}
#main{width:100%;font-size:13px;margin:0px auto;overflow: hidden;height:auto;background:#fff;box-shadow:0px 0px 6px #dbdbdb}
#main main{overflow:hidden;display:block}
a {color: #444444;text-decoration:none;}
a:hover {color:#0087C1;}
.clear{clear:both}
textarea, input,select {margin-bottom:10px;font-size:13px;padding:4px;border-radius:3px;font:13px iranyekan,tahoma;}
textarea {overflow:auto;}
textarea, input {padding: 5px;outline:none;}
select {padding: 2px;}
option {padding: 0 4px;}
textarea,input,select {margin-bottom:10px;border-width:1px;border-style:solid;border-color:#F1F1F1;border-top-color:#dddddd;border-left-color:#dddddd;background-color:#F9F9F9;color:#515151;font-size:13px;padding:6px;border-radius:3px;ransition: all 0.3s ease-in-out;outline:none;padding:6px}
input[type="submit"]{background-color:#4C4C4C;color:#F5F5F5}
input[type="submit"]:hover{background-color:#282828}

::-moz-selection { 
	background: RGBA(0, 135, 193, 0.15);
    color: #0087C1;
}
::selection { 
	background: RGBA(0, 135, 193, 0.15);
    color: #0087C1;
}

.wp-video-shortcode.mejs-container{ width: 100% !important; height: auto !important; padding-top: 57% !important;}
.wp-video-shortcode.mejs-container video , .mejs-layer{position: absolute;top:0;left:0;right:0;bottom:0;width: 100% !important;height: 100% !important;}
.aligncenter,div.aligncenter {display: block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}
.aligncenter {display: block;margin: 5px auto 5px auto;}
a img.alignright {float: right;margin: 10px 0 20px 20px;}
a img.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto}
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%; padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none; height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}

h1,h2,h3,h4,h5,h6{font-size: 14px; font-weight:normal}

/********** Header **********/
.header {
    width: 100%;
    margin: 0px auto;
    background: #94C700 url(images/bg.png) center bottom repeat-x;
	
}
.header-content {
    width: 100%;
    height: 120px;
    margin: 0px auto;
    overflow: hidden;
}
.logo {
    float: right;
    width: 53%;
    overflow: hidden;
}
.logo:before{
content: "";
background: url(images/icon.png) no-repeat;
width: 13px;
display: inline-block;
margin-left: 5px;
vertical-align: -4px;
background-position: 0px -55px;
}

.logo img {
    float: right;
    margin: 2.5em 1.5em;
}
.logo span {float:right;color:#000000;font-size:18px;padding:10% 5%}
.left-widget {
    float: left;
}
.ads-top {
    float: left;
    overflow: hidden;
    margin: 2.5em 1em;
	width: 468px;
	border-radius: 5px;
}
.ads-top img{display:block;margin:0px auto}
.header .qoutes,.header .date{width:468px;float:left;margin-bottom:5px;position:relative;background:#FCFCFC;padding:6px 9px;border-left:2px solid #48AF7D;border-right:5px solid #48AF7D;overflow:hidden}
.header .qoutes span,.header .date span{font-size:13px;color:#444444;}
.menu-alert{display:inline-block;padding:16px 5px;}
.nav-primary .menu-alert{color:#fff}
.nav-primary {
	font-weight: bold;
    margin: 0px auto;
    background: #060606;
    height: 52px;
    z-index: 999999999;
    box-shadow: 0px 5px 10px RGBA(0, 0, 0, 0.1);
}
.nav-menu {display: inline-block;}
.nav-menu li {position: relative;margin:0px;}
.nav-menu ul li a {
    font-size: 12px;
    color: #f5f4f4;
    padding: 6px 10px;
    margin: 10px 7px 6px 0px;
    border-radius: 3px;
    display: block;
}
.nav-menu > ul > li {float:right;}
.nav-menu li ul.sub-menu {position:absolute;margin-top:0;width:180px;z-index:999999999;display:none;}
.nav-menu ul ul li a {padding:8px 8px;color:#fff;font-size:14px;background:#444;border-bottom: 1px solid rgba(255,255,255,0.05);transition: all 0.2s ease-in-out;;}
.nav-menu ul ul li a:hover {color:#fff;background:#484848;}
.nav-menu ul ul > li:last-child > a {border-bottom: 0;}
.nav-menu > ul > li > ul.sub-menu {top:100%;right: 0;}
.nav-menu li li ul {top:0px;right:100%;}

.nav-menu li a:hover, .nav-menu > ul > li.current-menu-item > a, .nav-menu > ul > li.current-menu-ancestor > a, .nav-menu > ul > li.current-menu-parent a {
    color: #f1f7f0;
    background: #0e7302;
}
.nav-primary select{display:none}
.nav-primary .search {
    float: left;
    background: RGBA(148, 199, 0, 0.15);
    height: 52px;
    width: 280px;
    position: relative;
}
.nav-primary .search input {
    width: 100%;
    height: 52px;
    background: no-repeat;
    border: 0;
    color: #6B9000;
    padding: 0 1em 0px 4.3em;
}
.nav-primary .search button {
    position: absolute;
    height: 40px;
    width: 40px;
    left: 6px;
    background: #6B9000;
    border-radius: 50px;
    top: 6px;
}
.nav-primary .search button::before {
    content: "";
    background: url(images/icon.png) no-repeat;
    width: 20px;
    background-position: -40px -55px;
    height: 18px;
    float: right;
}
.nav-primary .search button:hover{background: #525252;}
.nav-primary.fixed-header {width:100%;position:fixed;top:0;z-index:999999;}
.container{width:100%;padding:5px;margin:0px auto;overflow:hidden}
.main-content{float:right;width:72%;height:auto}
.post{float:left;width:73%;margin-top:10px}
.entry,.post-listing,.post-section,.related,.post-col{width:100%;background:#fff;margin-bottom:15px;box-shadow: 0 0 10px 1px #dfe0e0; overflow:hidden;}

.entry-title, .entry-title a {
    font-size: 16px;
    color: #0087C1;
    font-weight: bold;
}
.entry-title a:hover{color:#224489}

.post-head {
    padding: 1em;
	margin: 5px;
    position: relative;
    overflow: hidden;
    background: rgba(0, 135, 193, 0.1);
    text-align: center;
}
.post-head:hover{background: rgba(0, 135, 193, 0.1);}
.post-head .author-avatar ,.post-head .thumbnail{float:left;margin:0px;padding:5px;border:1px solid #DBDBDB;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.post-head .author-avatar img,.post-head .thumbnail img{float:right;max-height:100%}
.post-icon{float:right;width:25px;height:25px;background:url('images/sbg.png') no-repeat right -147px;margin-left:1px;}
.post-content {
    padding: 10px;
    color: #3F3F3F;
    text-align: justify;
    overflow-x: hidden;
    clear: both;
    line-height: 2;
}
.post-content li{list-style-type:disc;margin-right:12px;}
.post-content ol li{margin-right:12px;list-style-type:decimal}
.post-content p {margin:0px 0px 0px 0px;min-height:5px;}
.post-content br {clear:both}
.post-content img {
    max-width: 100%;
    height: auto;
    margin: 1em auto;
}


.post-content h1,.post-content h2,.post-content h3,.post-content h4{color:#3F3F3F;margin:5px 0px;}
.post-content h1{font-size:18px;}
.post-content h2{font-size:14px;}
.post-content h3{font-size:14px;}
.post-content h4{font-size:13px;}
.post-content input,.post-content textarea{border-color: #F1F1F1;border-width:1px;border-style:solid;border-top-color: #DDDDDD;border-left-color: #DDDDDD;background:#F9F9F9;color:#515151;font-size:12px Tahoma;padding:8px;margin-bottom:10px;display:block;width:100%;min-height:30px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.post-content input[type="submit"]{border:0;background:#3498DB;color:#FAFAFA}
.information{width:100%;min-height:30px;margin:5px 0px 5px 0px;padding:0px 10px;box-shadow:0px 8px 8px #F7F7F7;overflow:hidden}
.post-info {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #f2f2f2;
}
.post-info li{float:right;padding:6px 6px;border-left:1px solid #E5E5E5;color:#999;}
.post-info li:last-child{border:0;}
.post-info ul{float:right;margin:0px;}
.post-info li a{color:#333}
.post-info span{margin-left:10px;float:right}
.cat-list{float:right;padding:10px 5px;}
.cat-list a, .tags-list a {
    color: #939393;
    display: inline-block;
    white-space: nowrap;
}
.cat-list a:hover, .tags-list a:hover {
    color: #F17748;
}
.tags-list span{color:#939393}
.tags-list, .short-link, .post-share {
    width: 100%;
    margin-bottom: 1em;
    padding: 1em;
    background: #fff;
	box-shadow: 0 0 10px 1px #dfe0e0;
    overflow: hidden;
	font-size: 11px;

}
.short-link input {
    float: left;
    width: 200px;
    height: 30px;
    text-align: left;
    background: #e5e5e5;
    border: 0px;
    margin: 0;
}
.short-link span,.post-share span{float:right;font-size:13px;}
.short-link span{margin: 4px;}
.comment-url{float:left;width:25px;height:20px;margin:13px 5px 0px 10px}
.more-link {
    font-size: 14px;
    background: #2396f1;
    color: #fff;
    padding: 9px 24px;
    margin: 0.5em 1em;
    border-radius: 4px;
    font-weight: bold;
    float: left;
}
.more-link:hover {
    color: #fff;
    background: #303030;
}
.ads-site,.post .ads-box{width:100%;margin:0px 0px 10px 0px; padding:6px;border:1px solid #E0E0E0;text-align:justify;line-height:2.4em;padding:15px;}
.ads-site {
    text-align: justify;
    line-height: 1em;
	    box-shadow: 0 0 10px 1px #dfe0e0;
	    margin-bottom: 15px;
}
.ads-site img,.post .ads-box img {max-width:100%;display:block;margin:3px auto;}
.related-posts-box,.help-box{width:100%;height:auto;margin:0px auto;margin-bottom:10px;border:1px solid #f2f2f2;background:#fff;font-size:14px;text-align:right; box-shadow: 0 0 10px 1px #dfe0e0;
}
.related-posts-box h4,.help-box h4{position:relative;display:block;padding:10px 10px;margin:5px;font-size:15px;}
.related-posts-box h4 {
    background: RGBA(229 , 243 , 249);
	border-bottom : 3px solid #55abd5;
}
.related-posts-box h4:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #0087c1;
    float: right;
    border-radius: 4px 4px 4px 0px;
    margin: 7px 0 0 8px;
}
.help-box h4{background:#41465A;border-bottom:3px solid #212533}
.related-posts-box li:before{
content: "";
width: 6px;
height: 6px;
background: RGBA(0, 0, 0, 0.2);
float: right;
border-radius: 7px;
margin: 8px 0 0 8px;
}
.related-posts-box li:hover:before{background:#224489;}
.related-posts-box ul li {
    display: block;
    padding: 7px;
	background: #fafafa;
}
.related-posts-box ul li:nth-child(odd) {
    background: #f2f2f2;
}
.related-posts-box ul li:last-child{border-bottom:0px}
.related-posts-box ul li a{color:#303030;font-size:13px;}
.related-posts-box li:hover a{color:#224489;}

/********** Sidebars **********/
.narrow-sidebar{float:right;width:25%;margin:10px 2px}
.sidebar{float:left;width:315px;margin:10px 0px 0px 2px}
.narrow-sidebar aside, .sidebar aside {
    margin-bottom: 1.5em;
    background: #fff;
	    box-shadow: 0 0 10px 1px #dfe0e0;

}
.narrow-sidebar .title h4, .sidebar .title h4, .widget-tabs-title {
    padding: 10px 10px 12px;
    color: #333;
    font-size: 14px;
    background: #e5f3f9;
    font-weight: bold;
}
.narrow-sidebar .title h4::before, .sidebar .title h4::before, .widget-tabs-title::before {content: "";width: 10px;height: 10px;background: #0087C1;float: right;border-radius: 4px 4px 4px 0px;margin: 7px 0 0 8px;}
.narrow-sidebar .content ul li a::before, .sidebar .content ul li a::before {
    content: "";
    width: 6px;
    height: 6px;
    background: RGBA(0, 0, 0, 0.2);
    float: right;
    border-radius: 7px;
    margin: 8px 0 0 8px;
}
.narrow-sidebar .content ul li:hover a:before, .sidebar .content ul li:hover a:before {
    background:#0087C1;
}
.narrow-sidebar aside .content,.sidebar aside .content{clear:both}
.narrow-sidebar .content ul li a ,.sidebar .content ul li a {padding:0px;color:#333;font-size:13px;transition:all 0.2s;}

.narrow-sidebar .content li, .sidebar .content li {
    overflow: hidden;
    padding: 1em 1em 0;
}
.narrow-sidebar .content li:last-child, .sidebar .content li:last-child{padding: 1em;}
.narrow-sidebar .content ul li:hover a,.sidebar .content ul li:hover a{color:#0087C1;}
.narrow-sidebar .post-thumbnail{width:150px;height:70px;margin:5px auto;position:relative;overflow:hidden}
.sidebar .post-thumbnail{float:right;width:70px;height:70px;}
.sidebar .content h3,.narrow-sidebar .content h3{margin-bottom:5px}
.sidebar .content span,.narrow-sidebar .content span{color:#8C8C8C;}
.sidebar .post-date,.narrow-sidebar .post-date{display:block}
.sidebar span.post-date:before,.narrow-sidebar span.post-date:before{content:'\f017';font-size:12px icons;margin-left:3px}
.widget-tabs-title a {float:right;margin:3px 0px 0px 10px;border-radius:4px 4px 0px 0px;padding:5px;color:#868686;font-size:14px;}
.widget-tabs-title a:hover,.widget-tabs-title a.active{background:#fff;color:#303030;border-radius:4px 4px 0px 0px;font-size:14px;box-shadow:0px -1px 2px #d4d4d4;-moz-box-shadow:0px -1px 2px #d4d4d4;-webkit-box-shadow:0px -1px 2px #d4d4d4;}
.widget-tabs-content{width:100%;}
.sidebar .news-pics,.narrow-sidebar .news-pics{width:70px;height:70px;float:right;overflow:hidden;position:relative}
.narrow-sidebar .news-pics{margin:0px 10px 10px;}
.sidebar .news-pics{margin:0px 2px 5px;}
.music-box audio,.video-box video{width:98%;margin:5px auto;}
.music-box img,.music-box figure{display:block;margin:2px auto;width:120px;height:120px;}
.music-box ul {clear:both;overflow:hidden}
.music-box ul li{font-size:13px;color:#404040}
.comments-avatar img{float:right}
.avatar-user{float:right;margin-left:10px}
.author-avatar-login{width:85px;height:85px;margin:5px auto}
.user-input-login,.user-password-login{font-size:13px;color:#404040;border:1px solid #c0c0c0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-color:#F1F1F1;border-bottom-color:#DDDDDD;border-right-color:#DDDDDD;background:#F9F9F9;width:96%}
.requirethumb {float:right;clear:right;width:40px;margin:8px 10px;}
.requiredesc{float:right;margin:0px 10px 0px 0px;width:60%}
.requiredesc p {display:block;color:#27AE60;}
.requiredesc h6 {font-size:13px;}
.requiredesc h6 a {color: #5C5C63;text-align:justify}
.requiredesc h6 a:hover {color:#FF6A00}
.requiredesc {margin:8px 10px;}
.requiredesc span{float:right;clear:both}
.clear-border{clear:both;border-bottom: 1px solid #CCCCCC;}
.sidebar .flexslider,.narrow-sidebar .flexslider{overflow:hidden;margin-bottom:5px;clear:both;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.sidebar .slider-caption,.narrow-sidebar .slider-caption{width: 100%;padding: 0;bottom: 0;}
.sidebar .slides h3,.narrow-sidebar .slides h3{position:absolute;bottom:0px;padding:10px 10px;background:#000000;opacity:0.9;width:100%}
.sidebar .slides h3 a,.narrow-sidebar .slides h3 a{color:#fff;font-size:14px}
.widget-feedburner p{margin:6px 0px 10px}
.feedburner-email,.search-bd,.bbpress #bbp_search{width:68%;height:30px;border:1px solid #F1F1F1;border-top-color:#DDDDDD;border-left-color:#DDDDDD;background:#F9F9F9;color: #515151;font-size:13px;padding:4px 7px;margin-bottom:10px;}
.feedburner-subscribe,.search-bt{float:left;width:30%;height:30px;font-size:13px;color:#fff}
.feedburner-subscribe{background:#F7BE0F;transition:all 0.3s ease-in-out 0.3ms;}
.search-bt,.bbpress #bbp_search_submit{background:#1ABB9C;transition:all 0.3s ease-in-out 0.3ms;color:#fff}
.feedburner-subscribe:hover{background:#DBA80F}
.search-bt:hover,.bbpress #bbp_search_submit:hover{background:#15997E}
.narrow-sidebar .ads-box img{display:block;margin:5px auto;max-width:100%}
.sidebar .ads-box img{margin:4px 10px;max-width:100%}
.sidebar .ads-box{text-align:center;margin:10px 0px}
.widget-textads{border:1px solid #eaeaea;border-bottom:4px solid #DBDBDB;padding:6px;margin-bottom:5px;overflow:hidden}
.widget-textads a{color:#0069B5}
.widget-textads li{overflow:hidden;border-bottom:1px solid #dbdbdb;padding:0px 0px 5px}
.widget-textads li:last-child{border-bottom:0}
.widget-textads li a{display:block;}
.ads-desc{display:block;margin:7px 0px;font-size:13px;color:#303030;text-align:justify}
.ads-url{display:block;margin:7px 0px;font-size:12px tahoma;color:#1B9D00;text-align:left}
.tagcloud{padding:2px 2px}
.tagcloud a {display:inline-block;padding:4px 9px;background:#f9f9f9;border:1px solid #e5e5e5;color:#a3a3a3;font-weight: 300;font-size:13px !important;margin:2px 0;-webkit-transition: all 0.2s ease-in-out 0.3ms;transition: all 0.2s ease-in-out 0.3ms;}
.tagcloud a:hover {border:1px solid #0083b9;color:#0083b9;}
.categories ul li {position: relative;}
.categories ul li a:before{content:'';width:6px;height:6px;background:#dbdbdb;float:right;margin:7px 0px 0px 8px;border-radius:100%;}
.categories ul li ul a:before{content:'';width:0px;height:0px;}
.categories ul li a {display: block;padding: 4px 4px;color:#303030;font-size:14px;}
.categories ul li a:hover {background:#2D2D2D;color:#fff}
.categories ul li ul {display:none;position:absolute;top:0px;right:100%;width:200px;background:#3572AB;border-radius:3px 0px 0px 3px;-moz-border-radius:3px 0px 0px 3px;-webkit-border-radius:3px 0px 0px 3px;z-index:999999999;}
.categories ul li ul a {color:#fff}
.categories ul li ul a:hover {color:#fff;background:#25527A}
.categories ul li:hover ul {display:block;}
.categories ul li ul li ul{display:none !important;position:absolute;top:0px;right:100%;width:200px;}
.categories ul li ul li:hover ul{display:block !important;}
.categories select{display:none}
.money-rate ul li{font-size:12px tahoma;line-height:2em;border-bottom:1px solid #eaeaea;}
.money-rate ul li:last-child{border-bottom:0px}
.gp-widget{display:block;width:98%;margin:8px auto}
/********** Sidebars layout **********/
.sidebar-narrow-left .narrow-sidebar{float:left;}
.sidebar-narrow-left .post{float:right;}
.sidebar-narrow-right .main-content{float:left;}
.sidebar-narrow-right .sidebar{float:right;}
.layout-1c .sidebar{float:right;width:29%}
.layout-1c .post{float:left;width:69%}
.layout-1c .main-content{float:none;width:auto}
.layout-1c .narrow-sidebar{display:none}
/* post icons */
ul.post-meta,p.post-meta{margin:10px 0px;overflow:hidden}
.post-head ul.post-meta {
    width: 100%;
    margin: 1em 0 0;
    border-top: 1px solid #f2f2f2;
    padding: 0.5em 0;
    border-bottom: 1px solid #f2f2f2;
}
.post-meta li,p.post-meta span{display:inline;margin-left:7px;float:right;}
.post-meta span,.post-meta span a{font-size:10px;color:#828282}
.post-meta li span::before {
    content: "";
    background: url(images/icon.png) no-repeat;
    width: 13px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: -4px;
    background-position: 0px -55px;
}
.post-meta li .pcat_list:before {
    height: 12px;
    background-position: 0px -55px;
}
.post-meta li .post-views:before {
    height: 12px;
	background-position: 0px -43px;
}
.post-meta li .post-date::before {
    height: 14px;
    background-position: -13px -55px;
}
.post-meta li .post-comments::before {
    height: 13px;
    background-position: -26px -55px;
    width: 14px;
}
/********** Footer ***********/
.tgfoot,
.bgfoot{overflow:hidden;background:#252525;width:100%;padding:2em 0;}
.tgfoot{margin-top:1em;float:right;}
.bgfoot{background:#1b1b1b;text-align:center;line-height:2.5;font-size:14px;color:#a3a3a3;font-weight:300;}
.bgfoot a{color:#ff731f;}
.bgfoot a:hover{color:#a3a3a3;}
.bfpost{float:right;width:320px;}
.bfpost:nth-child(2){margin:0 20px;}
.bfpost .bftitle{border-bottom:1px solid #171717;padding-bottom:1em;font-weight:bold;color:#ff731f;font-size:14px;}
.bfpost .bftitle a{float:left;font-weight:300;font-size:11px;color:#8b8b8b;padding:3px 5px;border-radius:3px;}
.bfpost ul{border-top:1px solid #3b3b3b;padding-top:1em;}
.bfpost ul li a{font-weight:300;font-size:13px;color:#f2f2f2;display:block;padding:4px 10px;margin-bottom:5px;line-height:2;}
.bfpost ul li a:hover,
.bfpost .bftitle a:hover{background:#1b1b1b;color:#ff731f;}

#footer{width:100%;min-height:280px;background:#222222;overflow:hidden}

/********** Pagenavi **********/
.pagination {
    width: 100%;
    padding: 5px 5px;
    display: inline-block;
    background: #F6F6F6;
    border: 3px solid #EAEAEA;
    margin-bottom: 1em;
}
.pagination a, .pagination span {
    border-radius: 2px;
    float: right;
    color: #303030;
    margin: 2px;
    padding: 5px 11px 5px 11px;
    font-size: 13px;
    background: #fff;
    text-decoration: none;
    border: 1px solid #E8E8E8;
}
.pagination span.current, .pagination a:hover {
    float: right;
    color: #fff;
    margin: 2px;
    padding: 5px 11px 5px 11px;
    background: #2396f1;
    font-size: 13px;
    text-decoration: none;
}
.pagination .pages{padding:5px;}
.pagination  #pr-next-page{padding:0;border:0;background:none;float:none}
/********** comments **********/
#wait_approval {
    text-align: center;
    color: #c10000;
    padding: 0.7em 1em;
    background: rgba(193, 0, 0, 0.1);
    border-radius: 3px;
    margin:1em 1em;
}
.reply-title{font-size:14px}
.comment-fields,.form-submit{width:35%;float:right;overflow:hidden;padding:0px 4px}
.comment-form-comment{float:left;width:65%;overflow:hidden;padding:0px 4px;}
#comments{position:relative}
#comments .navigation{overflow:hidden;margin:5px 5px;}
#comments .navigation a{color:#303030;padding:5px;border:1px solid #5AB55A;border-radius:3px;}
#comments ul.navigation{padding:10px;}
#comments .navigation .nav-previous{float:right;margin-right: 5px;}
#comments .navigation .nav-next{float:left;margin-left: 5px;}
#comments-title {font-size:13px;text-align:right;margin:15px 10px 15px 0px;}
#comments-title em{color:#333333;}
.comment-rightcol{float:right;width:90px}
.commentlist{padding:1em;}
.commentlist li{position:relative;}
.comment-avatar {float:right;border:3px solid #E5E5E5;}
.comment-avatar:before {z-index:10;content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid #E5E5E5;border-top:7px solid transparent;border-bottom:7px solid transparent;position:absolute;top:36px;right:100px;}
.comment-avatar img{float:right}
.author-comment{overflow:hidden;position:relative;}
.author-comment cite {position:relative;}
.commentmetadata {
    font-size: 13px;
    padding: 0px 0px 5px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 5px;
}
.commentmetadata a{color:#003C68;direction:rtl;}
.commentmetadata a:hover{color:#000;}	
.comment-wrap {
    position: relative;
    padding: 10px;
    margin: 0px auto;
    margin-bottom: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    overflow: hidden;
}
.comment-content{position:relative;overflow:hidden;}
.comment-content p{line-height:1.8em !important;font-size:14px;padding:0px 10px;text-align:justify;}
.nocomments {text-align: center;}
.commentlist  li.pingback{padding:5px 10px;border-bottom:1px solid #ddd;}	
.commentlist .reply a{width:100%;float:left;margin-top:5px;border-radius:2px;background:#dddddd;padding:5px;color:#303030;text-align:center;text-shadow:0px 1px 1px #fff;font-size:13px;}
.commentlist .reply a:hover{background:#333333;color:#FFF;text-shadow:0px 1px 1px #000000}
#respond {width:98%;margin:0px auto;margin-top:20px;margin-bottom:10px;overflow:hidden;position:relative;clear:both;}
.commentlist li #respond {margin: 10px 0 20px 70px !important;}
#commentform {padding:0px 5px;margin-top:5px;overflow:hidden;}
#commentform .required {font-weight: bold;}
#commentform label {color: #888888;}
#commentform textarea,#commentform input {font-size:14px;width:100%;height:30px;border:1px solid #EAEAEA;background:#f6f6f6;padding:5px;margin:3px;border-radius:3px;transition: all 0.3s ease-out;}
#commentform input[type="checkbox"]{margin:2px 7px 0px 0px;float:left;clear:left;}
#commentform textarea {height:140px}
#commentform input:hover,#commentform textarea:hover,
#commentform input:focus,	#commentform textarea:focus {background: #fff;}
#commentform .form-allowed-tags ,.comment-form-comment label {display: none;}
.comment-form-email,.comment-form-url,.comment-form-url,.comment-form-comment {}
.comment-notes{ margin-bottom:10px;	}
.form-submit #submit {width:100%;height:30px;font-size:14px;color:#fff;position:relative;border-radius:3px;padding:3px;    box-shadow: 2px 2px 8px RGB(205 , 231 , 243);
    background: #2396f1;
    border: 2px solid RGBA(0, 0, 0, 0.15);border:0px}
.form-submit #submit:hover{background:#1b1112}
input.error, textarea.error{border:1px solid #FF0000 !important;}
.fn {
    font-size: 14px;
    font-style: normal;
    color: #146DAD;
    font-weight: bold;
}
ul.comment-top-meta{float:right;width:100%;margin-bottom:3px;border-bottom:2px solid #F2F2F2;padding:6px 0px;overflow:hidden}
.comment-top-meta li{float:right;border-left:2px solid #F2F2F2;padding:0px 5px}
li.comment-name,li.comment-name a{margin-left:5px;color:#333333}
li.comment-date a{margin-left:5px;color:#9B59B6}
.bypostauthor {
    border-color: #8CDCF2;
    background: #FCFEFF;
    color: #026393;
    margin-right: 1.5em;
}
/************ page template ************/
.not-found{display:block;background:#F1F9F7;margin:15px 0px;padding:8px;border:1px solid #E0F1E9;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:16px;color:#52A280}
#sitemap {overflow:hidden;padding:10px 0 0 15px;}
.sitemap-col {float: left;margin: 0 2% 10px 0;	width: 23%;}
#sitemap .last {margin-right: 0px; }
.sitemap-col h2 {color:#303030;font-size:14px;border-bottom: 1px solid #e9e9e9;padding-bottom: 10px;margin-bottom: -3px;}
.sitemap-col ul {padding-left: 0px;margin-left: 0;}
.sitemap-col ul li a {padding: 4px 0px 4px ;display:inline-block;	}
.social,.shares {
    float: left;
}
.social a,.shares a{
    text-indent: -100%;
    float: left;
    overflow: hidden;
    width: 25px;
    height: 25px;
    margin: 0 5px 0 0;
    border-radius: 4px;
}
.social a::before,.shares a:before{
    content: "";
    background: url(images/icon.png) no-repeat;
    width: 23px;
    height: 22px;
    float: right;
    margin: 1px 0;
}
.social .facebook:before,.shares .facebook:before{background-position: -59px -55px;}
.social .google:before,.shares .google:before{background-position: -79px -55px;}
.social .twitter:before,.shares .twitter:before{background-position: -102px -55px;}
.social .telegrams:before,.shares .telegrams:before{background-position: -125px -55px;}
.social .facebook:hover,.shares .facebook{background: #4064ac;}
.social .google:hover,.shares .google{background: #ee4d3f;}
.social .twitter:hover,.shares .twitter{background: #00a7e6;}
.social .telegrams:hover, .shares .telegrams {background: #20a0e1;}
/********** Responsive **********/
@media only screen and ( max-width: 1200px ){ 
.header{width:100%}
.header-content{width:98%}
.left-widget{width:50%}
.logo{width:49%;}
#main{width:100%}
.container{width:100%}
.narrow-sidebar {width:24%}
.sidebar {width:26%}
.main-content{width:72%}
.footer,.copy-right{width:100%}
.footer-content{width:98%}
.sidebar .news-pics{margin:0px 4px 5px}
.narrow-sidebar .news-pics{margin:0px 3px 6px;}
.sidebar .ads-box img{margin:4px 1px}
.nav-primary .search-body{width:140px}
.widget-tabs-title {padding: 10px 3px;}
.widget-tabs-title a {font-size: 12px;}
.widget-tabs-title h4:last-child a {margin-left: 0px;}
.widget-tabs-title a:hover,.widget-tabs-title a.active{font-size:12px}
.scroll-box .scroll-item{margin-right:45px;}
.group_items-box,.group_items{width:575px !important;}
.post-col .post-thumbnail{width:100%}
.nav-primary.fixed-header {    position: fixed;height: 90px;     width: 100%;}

	
}
@media only screen and (max-width: 985px) and (min-width: 768px){ 


.logo{text-align: center;}
.logo img{float:none;}
.header-title {margin:1.5em 0 !important;}
#main{width:100%}
.nav-primary.fixed-header {position: fixed;height: 85px;   width: 100%;}
.header-content,.top-nav{width:100%;height:auto;overflow:hidden}
.header{width:100%;height:auto;}
.logo,.left-widget,.header .qoutes,.header .date,.ads-top{width:96%;margin:0px auto;float:none;margin-top:5px;margin-bottom:10px;height:auto}
.ads-top img,.logo img{max-width:100%;margin:4px auto;display:block}
.breaking-news select{display:none}
.categories ul{display:none;}
.nav-primary select {padding:5px;background:#222222;float:right;width:45%;display:block;margin:10px 5px;border:1px solid #222222;border-radius:3px;font-size:13px;color:#fff}
.nav-primary .ajax-search{width:70%}
.post-boxs{width:100%;height:auto;}
.post-boxs .right-post-box,.post-boxs .left-post-box{width:100%;clear:both;border:0px}
.container{width:94%;float:none;margin:0 auto;}
.main-content,.post,.entry,.layout-1c .sidebar,.layout-1c .post{width:100%;clear:both;float:none;margin:0px auto;margin-bottom:10px;}
.narrow-sidebar{width:100%;float:none;margin:0px auto;clear:both}
.sidebar{width:100%;float:none;margin:0px auto;}
.narrow-sidebar .post-thumbnail{float:right;margin-left:10px}
.post-content{width:98%;display:block;clear:both}
.down-newsticker span{font-size:14px;padding:11px 8px}
.footer,.copy-right{width:100%}
.footer-content,.footer-widget{width:98%;float:none;margin:0px auto}
.footer-widget{margin-bottom:10px}
.categories select {width:96%;background:#3572AB;margin:15px 6px;border:1px solid #3572AB;border-radius:5px;font-size:13px;display:inline;color:#fff}
.post-col .post-thumbnail{width:270px;margin:0 auto;margin-bottom:25px;}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.container{width:100%;}
	#main{width:100%}
.nav-primary.fixed-header {position: fixed;    width: 100%;}
.nav-menu > ul > li {
    float: none;
    display: inline-block;
}
.foottags{display:none;}
.footpost{width:33.33%}
.nav-primary {
    height: auto;
    overflow: hidden;
}

.nav-menu {
    width: 100%;
    text-align: center;
}
.logo {
    text-align: center;
}
.logo img{float:none;}
.header-title {
    margin: 1.5em 0 !important;
}
.header-content{height:auto;}

.nav-primary.fixed-header {position:fixed;height: 85px;}
.breaking-news{width:100%;margin:0px auto;margin-bottom:6px}
.breaking-news span{display:none}
.logo,.left-widget,.header .qoutes,.header .date, .ads-top{width:96%;margin:0px auto;float:none;margin-top:5px;margin-bottom:10px;height:auto}
.ads-top img,.logo img{max-width:100%;margin:4px auto;display:block}
.top-nav select ,.breaking-news select{background:#E5E5E5;float:right;width:96%;display:block;padding:5px;margin:5px 10px 5px;border:1px solid #E5E5E5;border-radius:3px;font-size:13px;}
.nav-primary select {padding:5px;background:#222222;float:right;width:43%;display:block;margin:10px 5px;border:1px solid #222222;border-radius:3px;font-size:13px;color:#fff}
.nav-primary .search{width:100%}
.container,.main-content{width:94%;float:none;margin:0 auto;}
.post-boxs{width:100%;height:auto}
.post-boxs .right-post-box,.post-boxs .left-post-box{width:100%;clear:both;border:0px}
.pic-box li.first-news .post-thumbnail{width:92%}
.main-content,.post,.entry,.layout-1c .sidebar,.layout-1c .post{width:100%;clear:both;float:none;margin:0px auto;margin-bottom:10px}
.narrow-sidebar{width:100%;float:none;margin:0px auto;clear:both}
.sidebar{width:100%;float:none;margin:0px auto;}
.narrow-sidebar .post-thumbnail{float:right;margin-left:10px}
.post-content{width:98%;display:block;clear:both}
.post-content img{max-width:100%}
.list-box li.first-news,.list-box li.inner-post{display:block;width:98%;float:none;margin:0px auto}
.column-right-box,.column-left-box{width:100%;margin:6px auto}
.news-box li.news-item{width:98%;height:auto;padding:6px 6px;margin:0px auto;clear:right;border:0px;border-bottom:1px solid #dbdbdb}
.news-box li.news-item:last-child{border-bottom:0px}
.news-box li.news-item .post-thumbnail{float:right;margin-left:5px}
.news-box li.news-item p.post-meta{position:initial;bottom:initial}
.group_items-box,.group_items{height: 400px !important;width: 410px !important;}
.footer,.copy-right{width:100%}
.categories ul{ display: none;}
.categories select {width:96%;background:#3572AB;margin:15px 6px;border:0px;border-radius:5px;font-size:13px;display:inline;color:#fff}
.related-posts{ width:98%;margin:5px auto;}
#author-box .author-description{width:75%}
.post-head{height:auto;}
.post-title,.post-title a{width:80%}
.down-newsticker select{display:block;width:96%;padding:5px;margin:5px auto;background:#2B3043;border:1px solid #2B3043;color:#fff;font-size:13px;}
.ht_ticker ul,.down-newsticker span{display:none}
.footer,.copy-right{width:100%}
.footer-content,.footer-widget{width:98%;float:none;margin:0px auto}
.footer-widget{margin-bottom:10px}
}
@media only screen and (max-width: 479px){ 
.nav-primary.fixed-header { position: fixed;width: 85%;height: 85px; }
.post-meta li, p.post-meta span{width: 100%;}
.post-info li{border:0}
.footpost{width:100%;}
.footpost .fptitle{background:#e9edef;border-radius:3px;}
.nav-primary {
    width: auto;
    height: auto;

}
fixads{width:24%;}
.fixads img{width:100%;height:auto;}
.fixads .adtitle{font-size:7px;}
.nav-primary.fixed-header {
    position: fixed;
    width: 100%;
	height: 90px;
}
.footpost{display:none;}
.nav-menu {
    width: 100%;
    text-align: center;
}
.logo {
    text-align: center;
}
.logo img{float:none;}
.header-title {
    margin: 1em 0 !important;
}


#main{width:100%}
.nav-primary.fixed-header {
	position: fixed;
    width: 100%;height: 85px;
}
.header,.header-content,.top-nav{width:100%;height:auto;overflow:hidden}
.breaking-news{width:100%;margin:0px auto;margin-bottom:6px}
.breaking-news span{display:none}
.logo,.left-widget,.header .qoutes,.header .date,.ads-top{width:96%;margin:0px auto;float:none;margin-top:5px;margin-bottom:10px;height:auto}
.ads-top img,.logo img{max-width:100%;display:block;margin:4px auto}
.top-nav ul{display:none;}
.top-nav select ,.breaking-news select{background:#E5E5E5;float:right;width:96%;display:block;padding:5px;margin:5px 10px 5px;border:1px solid #E5E5E5;border-radius:3px;font-size:13px;}
.nav-primary select {padding:5px;background:#222222;float:right;width:38%;display:block;margin:10px 5px;border:1px solid #222222;border-radius:3px;font-size:13px;color:#fff}
.nav-primary .search{width:100%}
.nav-primary .ajax-search{width:65%}
.container{width:94%;float:none;margin:0 auto;clear:both}
.post-boxs{display:none}
.main-content,.post,.entry,.layout-1c .sidebar,.layout-1c .post{width:100%;clear:both;float:none;margin:0px auto;margin-bottom:10px}
.post-head ul.post-meta{position:inherit}
.post-content{width:98%}
.post-content img{max-width:100%;max-height:250px}
.post-head .author-avatar,.post-head .thumbnail{display:none}
.related-posts {float:none;width:96%}
.column-right-box,.column-left-box{width:100%;margin:6px auto}
.homebox-tabs a{padding:3px 3px}
.comment-rightcol{float:none;margin:5px auto;}
.author-comment{clear:both;}
.bypostauthor .comment-wrap{width:100%}
.comment-avatar:before{display:none}
.commentlist .children{margin-top:10px;margin-right:0px}
.narrow-sidebar,.sidebar-narrow-left .narrow-sidebar,.sidebar-narrow-left .post,.sidebar-narrow-right .main-content,.sidebar-narrow-right .sidebar{width:100%;float:none;margin:0px auto;clear:both}
.sidebar{width:100%;float:none;margin:0px auto;}
.post-content{width:98%;display:block;clear:both}
.imagearea{float:none;margin:0px auto}
.list-box li.first-news,.list-box li.inner-post{display:block;width:98%;float:none;margin:0px auto}
.down-newsticker select{display:block;width:96%;padding:5px;margin:5px auto;background:#2B3043;border:1px solid #2B3043;color:#fff;font-size:13px;}
.ht_ticker ul{display:none}
.down-newsticker span{display:none}
.footer,.copy-right{width:100%}
.footer-content,.footer-widget{width:98%;float:none;margin:0px auto}
.footer-widget{margin-bottom:10px}
.categories ul{ display: none;}
.categories select {width:96%;background:#3572AB;margin:15px 6px;border:1px solid #3572AB;border-radius:5px;font-size:13px;display:inline;color:#fff}
.like-dislike-system{float:none;margin:0px auto;width:92%;margin-top:10px}
.comment-fields,.form-submit{width:100%;}
.comment-form-comment{float:none;width:100%}
.post-col{width:96%;}
.post-col .more-link{width:94%;clear:both;}
.post-col:nth-child(odd),.post-col:nth-child(even){float:none}
.post-col .post-thumbnail{width:96%;margin:0 auto;margin-bottom:25px;}
.post-col .post-title a {font-size:13px;}

/*******/
.dlboxwrappe {
	width: 75% !important;
}
.dlbox a {
	padding: 9px !important;
}
.telegram {
	font-size: 12px !important;
}
}
 /*******/

.dlboxwrappe {
	width: 55%;
	margin: 20px auto 260px auto;
}
.dlbox a {
	padding: 12px;
	text-align: center;
	float: right;
	width: 100%;
	border-radius: 3px;
	background: #000;
	color: #fff;
	font-size: 11px iransans;
	margin-bottom: 3px;
	box-shadow: 0px 3px 4.85px 0.15px rgba(0, 0, 0, 0.16);
	position: relative;
	overflow: hidden
}
.dlbox a:before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(255,255,255,.0);
	position: absolute;
	right: 50%;
	top: 50%;
	transition: 0.4s;
	transform: translate(-50%, -50%)
}
.dlbox a:hover:before {
	background: rgba(255,255,255,.1);
	transform: translate(-50%, -50%) scale(25)
}
.dlbox a:active::before {
	background: rgba(255,255,255,.3);
	transform: translate(-50%, -50%) scale(50)
}
.dlbox a.red {
	background: #f5572e
}
.dlbox a.orange {
	background: #ff8c00
}
.dlbox a:nth-child(odd) {
	background: #f5572e
}
.dlbox a:nth-child(even) {
	background: #ff8c00
}
.dlbox a.blue {
	background: #2CA5E0
}
.telegram {
	display: block;
	float: right;
	width: 100%;
	margin: 10px 0;
	border-radius: 2px;
	color: #fff;
	font-size: 14px IRANSans;
	padding: 8px 30px;
	box-shadow: 0 2px 4px rgba(0,0,0,.2);
	background: url(images/tgbg.jpg) #2EA5E7;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.telegram:hover {
	color: #fff;
}
.boxbordered {
	float: right;
	width: 100%;
	padding: 10px;
	border: 1px solid #ededed;
	margin-top: 35px;
	margin-bottom: 15px;
}
.boxbordered .title {
	margin: -21px auto 0 auto;
	background: #fff;
	width: 55%;
	display: block;
	float: none;
	font-size: 12px iransans;
	padding: 0 10px;
	text-align: center;
}
.list li a {
	color: #3d96cf;
}
.list li {
	list-style: none
}
/***********/

.header-title {
    color: #fff;
    margin: 2.7em 0;
}
.header-title h1 {
    font-size: 16px;
    font-weight: bold;
}
.amedia{
	position: fixed;
	bottom: 30%;
	right: 0;
	z-index: 100000;
}
/********************/
.widget-con{text-align: center;}
.widget-con h4{margin:15px 0;font-size:23px}
.widget-con figure{margin: 0 0 0 1%;width: 32%;float:left;overflow:hidden; border: 1px solid #ccc;background: #eee;}
.widget-con a img{border:0}
.widget-con figcaption{margin:5px 0 10px; padding: 0 5px;height:50px;}
.widget-con figcaption a{display:block;line-height:25px;color: #000;font-size:15px;}
.widget-con .clear-con{clear: both;}
@media screen and (max-width: 480px) {
	.container{width:100%;}
.widget-con figure{width: 48%;}
.widget-con img{width: 200px; height: 110px;}
.footpost{display:none;}
}
/********************/
.linkdl{width:250px;display:block;margin:0 auto;}
.linkdl a {
    background: #2396f1;
    color: #fff;
    padding: 10px 5px;
    text-align: center;
    display: block;
    font-weight: bold;
    font-size: 14px;
    margin: 0.5em 0 1em;
    border-radius: 50px;
	border: 2px solid RGB(47 , 82 , 169 );
}
.linkdl a:hover {
    background: #222;
}


.ptags{width:auto;padding:12px;background:#fafafa;text-align:justify;border:1px solid #d9d9d8;}
.special{float:right;width:100%;padding:5px}
.special .item{float:right;box-sizing:border-box;width:16.66%;padding:5px}
.speciall .item:nth-child(6n){padding-right:0; padding: 5px;}
.speciall .item:nth-child(6n-5){padding-left:0; padding: 5px;}
.special .item figure {
    width: 100%;
    height: auto;
    float: right;
    overflow: hidden;
    position: relative;
    margin: 0;
    border-radius: 4px;
    box-shadow: 0 0 5px RGBA(0, 0, 0, 0.2);
	box-sizing: border-box;
}
.special .item figure img{width:100%;height:auto;float:right}

.special .item figure figcaption {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    bottom: 0;
    font-size: 12px;
    background: rgba(0,0,0,0.3);
    color: #fff;
    height: 30px;
    padding: 0.4em 0.5em;
    transition: all 0.3s ease-out;
	font-weight: bold;
}
.special .item figure:hover figcaption {
    height: 100%;
    background: rgba(0,0,0,0.75);
    padding-top: 2em;
}

@media screen and (max-width:900px){
.special .item{width:25%}
.special .item figure{height:auto;max-height:170px}
.container{width:100%;}
.footpost{display:none;}
.foottags{display:none;}
}
@media screen and (max-width:600px){
.footpost{display:none;}
.special .item{width:50%}
.container{width:100%;}
}

.speciall{float:right;width:100%;padding:5px}
.speciall .item{float:right;box-sizing:border-box;width:16.66%;padding:5px}
.speciall .item:nth-child(6n){padding-right:0; padding: 5px;}
.speciall .item:nth-child(6n-5){padding-left:0; padding: 5px;}
.speciall .item figure{width:100%;height:180px;float:right;overflow:hidden;position:relative;margin:0}
.speciall .item figure img{width:100%;height:auto;float:right}
.speciall .item span{transition:0.4s;position:absolute;left:8px;top:8px;padding:2px 6px;font-size:12px;background:rgba(0,0,0,0.6);color:#fff;opacity:0.5;}
.speciall .item figure figcaption{position:absolute;transition:0.4s;-webkit-transition:0.4s;width:100%;left:0;text-align:center;bottom:0;padding:5px 5px;font-size:12px;box-sizing:border-box;background:rgba(0,0,0,0.9);color:#fff;opacity:0.8}
.speciall .item figure:hover figcaption{opacity:1;bottom:0;}
.speciall .item figure:hover span{background:#1f4ba3;opacity:0.8}
@media screen and (max-width:900px){
.container{width:100%;}
.speciall .item{width:25%}
.speciall .item figure{height:auto;max-height:110px}
.footpost{display:none;}
}
@media screen and (max-width:600px){
.footpost{display:none;}
.speciall .item{width:50%}
.container{width:100%;}
}

.nav-search select{display:none}
.nav-search .search {
    float: left;
    background: RGBA(252, 252, 252);
    height: 52px;
    width: 100%;
    position: relative;
}
.nav-search .search input {
    width: 100%;
    height: 52px;
    background: no-repeat;
    border: 0;
    color: #6B9000;
    padding: 0 1em 0px 4.3em;
}
.nav-search .search button {
    position: absolute;
    height: 40px;
    width: 40px;
    left: 6px;
    background: #6B9000;
    border-radius: 50px;
    top: 6px;
}
.nav-search .search button::before {
    content: "";
    background: url(images/icon.png) no-repeat;
    width: 20px;
    background-position: -40px -55px;
    height: 18px;
    float: right;
}
.nav-search .search button:hover{background: #525252;}

.nav-search .search-body{width:140px}
/*****************/
 .bottomfooter {
    box-shadow: inset 0px 46px 0px #e5e5e5;
    background: #f7f7f7;
}
.footpost{float:right;width:26.66%;overflow:hidden;max-height:241px}
.foottags{float:left;width:20%;}
.footpost .fptitle,.foottags .fptitle{padding:1em;height:46px;position:relative;}
.foottags .fptitle {
    background: #555;
}
.footpost .fptitle:before,.foottags .fptitle:before{content:"";border-color:#e9edef transparent transparent;border-width:12px 10px;border-style:solid;position:absolute;right:1.5em;bottom:-16px;}
.foottags .fptitle::before {
    border-color: #555 transparent transparent;
}
.footpost .fptitle i {
    float: right;
    color: #e74c3c;
    margin: 2px 0px 0px 7px;
    font-size: 18px;
}
.foottags .fptitle i {
    float: left;
    font-size: 21px;
    color: rgba(255, 255, 255, 0.1);
}
.footpost .fptitle h5,.foottags .fptitle h6{float:right;font-size:13px;color:#3e3e3e;}
.foottags .fptitle h6{color:#fff;}
.footpost .fptitle a {
    float: left;
    padding: 0px 11px;
    font-size: 13px;
    color: #555;
}
.footpost .fptitle a:hover {
    color: #2396f1;
}
.footpost ul{line-height:2;font-size:12px;text-align:justify;font-weight:300;padding:1.5em 10px;}
.footpost li {
    padding: 4px 0px;
}
.footpost li:first-child{padding-top:0px;}
.footpost li:last-child{border:0px;padding-bottom:0px;}
.footpost li a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    font-size: 13px;
    color: #777;
}
.footpost li a::before {
    content: "";
    height: 5px;
    width: 5px;
    border: 1px solid #666;
    float: right;
    margin: 10px 0px 0px 7px;
    border-radius: 6px;
}
.footpost li:hover a{color:#2396f1;}
.footpost li:hover a:before{border-color:#2396f1;}
.foottags .tagclouds {
    background: #666;
    padding: 1em;
    height: 195px;
    text-align: justify;
    overflow: hidden;
}
.foottags .tagclouds a{font-size:13px !important;color:rgba(255, 255, 255, 0.5);margin-left:5px;line-height:1.9;}
.foottags .tagclouds a:hover{color:#fff;}
.sitecopyright {
    background: #3c3c3c;
    padding: 1.5em 0px;
    color: #fff;
}
.sitecopyright a {
    color: rgba(255, 234, 0, 0.7);
}
.sitecopyright a:hover{color:#f09710;}
.sitecopyright .wintheme{background:#fff;width:35px;height:35px;float:right;border-radius:4px;transform:rotate(45deg);margin-left:15px;}
.sitecopyright .wintheme i{font-size:50px;position:absolute;transform:rotate(-45deg);color:#009cff;right:-12px;top:-5px;}
.sitecopyright .container{position:relative;}
.sitecopyright .chevronup{position:absolute;left:0px;top:-18px;height:78px;background:#c9cdcf;width:78px;cursor:pointer;}
.sitecopyright .chevronup:hover{background:#b8bcbe;}
.sitecopyright .chevronup i{padding:25px;color:#fff;font-size:30px;transform:scale(1.2, 0.8);position:absolute;}
.fixtg {
    background: #2196f3;
    position: fixed;
    left: 15px;
    bottom: 15px;
    padding: 10px 15px;
    color: #fff;
    border-radius: 8px;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 7px rgba(33, 150, 243, 0.41);
}
.fixtg:hover{opacity:0.7;color: #fff;}
.lyrictext span {
width: 100%;
text-align: right;
display: block;
}
.lyrictext {
    text-align: center;
    font-size: 12px;
    color: #141313;
    line-height: 2.5;
    background: #2396f11a;
    border-radius: 13px;
}