@import url('https://fonts.googleapis.com/css?family=VT323');
@import url('/css/fontello.css');
 
body { background: rgb(245,245,245); }

.none { width: 0px; height: 0px; left: -9999px; }

a { outline: none; }

img.img-responsive { width: 100%; height: auto; }

.btn-facebook { background: #3b5998; }
.btn-twitter { background: #00aced; }
.btn-facebook, .btn-twitter { color: #FFF; }
.btn-facebook:hover { background: #758ab6; color: #FFF; }
.btn-twitter:hover { background: #4cc4f2; color: #FFF; }

nav.navbar { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 0; }

.bg-black { background: rgb(69, 69, 80); }
.bg-gray { background: rgb(162, 164, 180); }
.bg-white { background: rgb(255,255,255); }
.text-white { color: #FFF; }

.header-currencies-top { font-size: 18px;  line-height: 38px; }
.header-currencies-top a, .header-currencies-bottom a { color: #FFF; text-decoration: none; }
.header-currencies-bottom { font-size: 14px;  line-height: 24px; }

.header-logo {
    min-height: 140px;
    background: #f9c667;
    background: -moz-linear-gradient(top, #f9c667 0%, #f79621 100%);
    background: -webkit-linear-gradient(top, #f9c667 0%,#f79621 100%);
    background: linear-gradient(to bottom, #f9c667 0%,#f79621 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 );
}

.header-logo .logo { margin-top: 30px; display: block; color: #333; }
.header-logo .logo img { height: 80px; width: auto; }

.sitename { margin: 0px 0 0 15px; font-size: 36px; font-family: 'VT323', monospace; }
.sitename h1, .sitename h3 { margin: 0; font-size: 18px; font-family: Arial; }

.telegram { background: #0088cc; border: 2px solid #3b5998; font-size: 18px; color: #FFF; width: 100%; margin: 15px auto; white-space: normal; }
.telegram:hover { color: #CCC; }

.bnb { margin: 25px 0; }

.navbar-nav li { font-size: 18px; }
.navbar-nav li a:hover { background: none; }
.navbar-nav li.active a { color: #333; background: #ddd; }
.navbar-nav li:not(.active) a { color: #FFF !important; }
.navbar-nav li:not(.active) a:hover { color: #f0ad4e !important; }
button.navbar-toggle { margin-right: 0 !important; padding: 0; margin-top: 4vw; }
button.navbar-toggle i { font-size: 6vw; }

.article-top { position: relative; background: #333; }
.article-top img { position: relative; top: 0; left: 0; }
.article-top:hover img {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;
}

.maincol { padding-top: 15px; padding-bottom: 15px; }
.maincol h1.cat_h1 { margin-top: 10px; font-size: 28px; display: inline-block; }
.maincol .cat_filter { float: right; display: inline-block; margin-top: 8px; }
.maincol .cat_filter ul { height: auto; max-height: 200px; overflow-x: hidden; }
.maincol .cat_filter ul li.active a { background: #f9c667 !important; }

.article-top-header { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 100;
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.75) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(33%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0.75)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.75) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.75) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.75) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.article-top-header-inner { margin: 15px; color: #DDD; font-size: 22px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 1); }
.article-mid-header-inner { margin: 15px; color: #DDD; font-size: 18px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 1); }
.article-top-author { font-size: 14px !important; color: #f0ad4e; }
.article-mid-author { font-size: 12px !important; color: #f0ad4e; }

.top-header-span, .mid-header-span {
    display: block; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 100;
    color: #DDD; text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);
    padding: 15px; 
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.75) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(33%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0.75)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.75) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.75) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.75) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 33%, rgba(0,0,0,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.top-header-span { font-size: 22px; }
.mid-header-span { font-size: 18px; }

.article-top .cc { color: #f0ad4e; text-decoration: none; position: absolute; top: 15px; right: 15px; font-size: 42px; }

.divider { margin-top: 15px; }
.maincol .row.dbl [class*="col-"]:nth-child(odd) { padding-right: 7.5px; }
.maincol .row.dbl [class*="col-"]:nth-child(even) { padding-left: 7.5px; }

.sidebar { padding: 15px 0; }
.sidebar .divider { width: 100%; height: 15px; margin: 0; }
.sidebar .sidebar-news-list { padding: 15px; }
.sidebar .sidebar-news-list .sidebar-news-list-item { margin: 10px 0 0 10px; border-bottom: 1px solid #CCC; padding-bottom: 10px; }
.sidebar .sidebar-news-list .sidebar-news-list-item:last-of-type { border-bottom: none; }
.sidebar .sidebar-news-list h3, h3.header-inline { width: 100%; margin-top: 0; border-bottom: 2px solid #f79621; }
.sidebar .sidebar-news-list .sidebar-news-list-item .time { color: #333; font-size: 12px; }
.sidebar .sidebar-news-list .sidebar-news-list-item .header a { font-size: 18px; color: #333; font-family: 'Tahoma'; }
.sidebar .social { list-style-type: none; padding: 0; }
.sidebar .social li { display: inline-block; }
.sidebar .social li a { padding: 0px 10px; color: #333; font-size: 28px; }
.sidebar .social li a:hover { color: #f79621; }


.article-row { background: #FFF; border: 1px solid #CCC; float: left; width: 100%; }
.article-row:not(:first-child) { margin-top: 15px; }
.article-row a { display: block; width: 95%; margin: 15px 0 15px 15px; float: left; font-size: 24px; color: #333; text-decoration: none; }
.article-row a:hover span { text-decoration: underline; }
.article-row a img { float: left; margin-right: 15px; }
.article-row a .article-row-date { color: #555; font-size: 14px; text-decoration: none !important; }
.article-row a .article-row-date i { font-size: 12px; text-decoration: none !important; }
.article-row a .article-row-author { font-size: 14px !important; color: #f0ad4e; margin-top: 12px; text-decoration: none; }

footer { margin-top: 30px; color: #DDD; }
footer a, footer a:hover, footer a:visited, footer a:active { color: #f79621; }
footer .container-fluid { padding: 15px 0; }
footer .footer-logo { color: #999 !important; font-size: 32px; font-family: 'VT323', monospace; text-decoration: none; line-height: 32px; }

.news-half { margin-bottom: 30px; }
.news-half-header { color: #333; font-size: 20px; margin-top: 5px; display: block; }
.pagination a { font-size: 18px; color: #333 !important; }
.pagination .active a { background: #f0ad4e; border-color: #f0ad4e; }
.pagination .active a:hover { background: #FFF; border-color: #ddd; }

article { font-family: Georgia,Cambria,'Times New Roman',serif; }
article h1, article .share, article .info { font-family: 'Tahoma'; }
article h1 .badge { margin-left: 10px; }
article .share { width: 100%; margin: 10px 0 15px; }
article .share .buttons { display: inline-block; }
article .share .btn:not(:first-child) { margin-left: 5px; }
article .info { width: 100%; border-bottom: 1px solid #CCC; font-size: 14px; padding-bottom: 15px; margin-bottom: 15px; }
article .info .info-item { color: #333; display: inline-block; margin-right: 30px; }
article .info .info-item i { font-size: 12px; color: #555; margin-right: 5px; }
article .info .info-item a { color: #333; text-decoration: underline; }
article .info .info-item a:hover { text-decoration: none; }
article .text { font-size: 20px; line-height: 30px; color: #555; }
article img { max-width: 100%; height: auto; }
article blockquote { background: #fce8c2; border-color: #f79621; font-size: 18px; line-height: 28px; }
.article-banner { padding: 15px 0; margin: 15px 0 0 0; border-top: 1px solid #CCC; }
article table.coindata { font-family: 'Tahoma'; }
h3.header-inline { margin-top: 20px; }
h3.header-inline span { color: #555; }
.articles-inline { margin: 10px 0; font-size: 18px; color: #333; font-family: 'Tahoma'; border-bottom: 1px solid #CCC; padding-bottom: 10px; }
.articles-inline a { color: #333 !important; text-decoration: none; }
.articles-inline a:hover { text-decoration: underline; }
.articles-inline div { margin-left: 3%; padding-left: 3px; border-left: 3px solid #CCC; font-size: 14px; color: #999; }

article .titleadv { width: 100%; margin: 0 0 15px; }
article .titleadv a.btn { width: 100%; text-align: left; position: relative; font-family: 'Arial'; line-height: 32px; }
article .titleadv a.btn:before { content: '*'; color: #FF0000; font-size: 32px; position: absolute; top: 0px; right: 8px; }
article .titleadv .warnlink { width: 100%; text-align: right; }
article .titleadv .warnlink a { color: #999; }
article .titleadv .warnlink a:hover { text-decoration: none; color: #000; }
article .titleadv .warnlink a span { color: #FF0000; font-size: 18px; }
article .titleadv .warnlink a:hover span { text-decoration: none; }

h1 a, h2 a, h3 a { color: #333; text-decoration: underline; }
h1 a:hover, h2 a:hover, h3 a:hover { color: #333; text-decoration: none; }

ul.coinlinks { border: 2px solid #f79621; background: #fce8c2; list-style-type: none; padding-top: 40px; padding-bottom: 30px; position: relative;  }
ul.coinlinks:after { content: '\f05a'; font-family: 'FontAwesome'; color: #f9c667; position: absolute; right: 10px; top: 25px; font-size: 70px; z-index: 49; }
ul.coinlinks li { margin-bottom: 10px; z-index: 50; position: relative; }
ul.coinlinks li a { color: #555; text-decoration: none; border-bottom: 1px dashed #444; }
ul.coinlinks li a:hover { color: #777; border-color: #999; }

.tags a { font-size: 14px; font-family: Tahoma; }
.tags a i { padding-right: 4px; }

#toptop {
    position:fixed;
    bottom:2%;
    right:-310px;
    width:310px;
    height:110px;
    font-size:30px;
    background: #f79621; 
}
#toptop .cl { float: left; color: #FFF; font-size: 12px; width: 16px; height: 100%; cursor: pointer; text-align: center; }
#toptop .cl i { padding-top: 3px; }
#toptop a { display: block; float: right; width: 294px; height: 100px; padding: 5px; margin-top: 5px; color: #000; font-size: 12px; font-weight: bold; text-decoration: none; background: #FFF; overflow: hidden; }
#toptop a img { float: left; margin-right: 5px; }

.mdtextad { width: 100%; margin: 20px auto; }

@media (max-width: 767px) {
    .header-currencies-top { font-size: 12px; line-height: 18px; }
    .header-logo { min-height: 0; }
    .logo { margin-top: 5px !important; margin-left: -15px; }
    .logo img { max-width: 30%; height: auto !important; padding-bottom: 5px; }
    .logo .sitename { font-size: 7.5vw; line-height: 8vw; }
    .logo .sitename h2 { font-size: 3.5vw; }
    .footer-logo { font-size: 8vw !important; line-height: 8vw !important; }
    
    .article-top { margin-bottom: 15px; }
    .article-top-author, .article-mid-author { font-size: 4vw !important; text-decoration: none !important; }
    .top-header-span, .mid-header-span { position: inherit; background: none; padding-bottom: 10px; font-size: 5vw; }
    
    .maincol .divider { margin-top: 0; }
    
    .sidebar { margin: 0 -15px !important; }
    
    article h1 { font-size: 8vw; }
    article .share { width: 100%; text-align: center; }
    article .share .btn { margin: 5px auto; }
    article .share .btn.pull-right { display: inline-block; float: none !important; margin-top: none; }
    article .info { width: 100%; }
    article .info .info-item { margin-right: 10px; font-size: 4vw; }
    article .info .info-item:last-of-type { margin-right: 0; float: right; }
    .article-banner { margin-left: -7px; }
    
    .news-half-header { font-size: 5vw; }
    
    article .titleadv a.btn { text-align: center; white-space: normal; line-height: 34px; }
    article .titleadv a.btn:before { line-height: 32px; }
    article .titleadv a.btn img { display: block; margin: 0 auto; }
    
    .maincol h1.cat_h1 { display: block; text-align: center; }
    .maincol .cat_filter { display: block; width: 100%; text-align: center; margin-bottom: 15px; }
    .maincol .cat_filter ul { margin: 0 auto; width: 100%; }
    .maincol .row.dbl [class*="col-"] { padding-right: 15px !important; padding-left: 15px !important; }
    
    #datatable { width: 96% !important; }
    #datatable th:nth-child(3) { display: none; }
    #datatable td:nth-child(3) { display: none; }
    
    #google_top { display: none; }
    #google_content_bottom { display: inline-block; width: 300px; height: 250px; }
    #google_sb_top { display: inline-block; width: 300px; height: 250px; }
    #google_sb_bottom { display: inline-block; width: 300px; height: 600px; }
    
    .table-calc th, .table-calc td { font-size: 12px; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .header-currencies-top { font-size: 16px; line-height: 32px; }
    .header-currencies-bottom { font-size: 16px; line-height: 32px; }
    
    .maincol { margin-top: 15px; }
    .sidebar { margin: 0 -15px !important; }
    #google_top { display: none; }
    #google_content_bottom { display: inline-block; width: 580px; height: 400px; }
    #google_sb_top { display: inline-block; width: 728px; height: 90px; }
    #google_sb_bottom { display: inline-block; width: 580px; height: 400px; }
    
    article .titleadv a.btn { white-space: normal; line-height: 20px; }
    article .titleadv a.btn:before { line-height: 32px; }
    
    .maincol h1.cat_h1 { display: block; text-align: center; }
    .maincol .cat_filter { display: block; width: 100%; text-align: center; margin-bottom: 15px; }
    .maincol .cat_filter ul { margin: 0 auto; width: 100%; }
    
    #navbar_top ul li a { padding-left: 10px; padding-right: 10px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .maincol { margin-top: 15px; }
    .sidebar { margin-right: -15px; }
    .sb { padding-top: 0 !important; margin-top: -15px; }
    #google_top { display: inline-block; width: 468px; height: 60px; }
    a#trudonate { display: block; width: 468px; height: 60px; background: url('/images/bn/468x60-ru.gif') 50% 50% no-repeat; }
    #google_content_bottom { display: inline-block; width: 336px; height: 288px; }
    #google_sb_top { display: inline-block; width: 336px; height: 280px; }
    #google_sb_bottom { display: inline-block; width: 300px; height: 600px; }
    
    article .titleadv a.btn { text-align: center; white-space: normal; line-height: 20px; }
    article .titleadv a.btn:before { line-height: 32px; }

    .maincol h1.cat_h1 { display: block; text-align: center; }
    .maincol .cat_filter { display: block; width: 100%; text-align: center; margin-bottom: 15px; }
    .maincol .cat_filter ul { margin: 0 auto; width: 100%; }
    
    #navbar_top ul li a { padding-left: 10px; padding-right: 10px; }
}
@media (min-width: 1200px) {
    .maincol { margin-top: 15px; }
    .sb { margin-top: -15px; }
    #google_top { display: inline-block; width: 728px; height: 90px; }
    a#trudonate { display: block; width: 728px; height: 90px; background: url('/images/bn/728x90-ru.gif') 50% 50% no-repeat; }
    #google_content_bottom { display: inline-block; width: 580px; height: 400px; }
    #google_sb_top { display: inline-block; width: 336px; height: 280px; }
    #google_sb_bottom { display: inline-block; width: 300px; height: 600px; }
}