.bg-btc {
background:url(/pics/btc.jpg);
}
.bg-btc1 {
background:url(/pics/btc12.jpg);
	background-attachment: fixed;
}
.bg-btc2 {
background:url(/pics/btc333.jpg);
}
.bg-btc3 {
background:url(/pics/btc33.jpg);
}
.fixedtop {padding-top:100px;}

      @media (min-width: 200px) and (max-width: 768px) {
		.fixedtop {padding-top:50px;}
		.fixmobile {padding-top:50px;}
      }


.bg-btc, .bg-btc1, .bg-btc2, .bg-btc3 {

	background-position: top center;
	background-attachment: fixed;
	background-repeat:no-repeat;
	background-size:cover;
}

.content-wrapper {background-color: #121212 !important}

.trans-black { background: rgba(0,21,33,0.90)}
.jtheader {display:block; width:100% !important; text-align:left; z-index:10000;}
.logo { display:block; width:200px; height:auto; padding-top:5px; float:left;}
.logo img { display:block; width:100%; height:auto}
.jtmenu {float:left; width: 100%;  background: #111; padding: 20px; padding-left:0px !important}
a.jtnavi { display: block;  font-size:14px !important; text-decoration:none !important; margin-left:5px !important; padding: 8px 0; padding-left: 5px;
	border-bottom: 1px solid rgba(255,255,255,0.1); text-align: left !important}
a.jtnavi:hover, a.jtnavi.active { color:#eee !important; background: #222;}
      @media (min-width: 768px) and (max-width: 992px) {
		a.jtnavi {font-size:14px !important;}

      }
.right {float:right !important}

a.navbar-brand img {margin-left:10px !important}
a.navilinkki {color:#aaa !important;}
a.navilinkki:hover, a.navilinkki:focus {color:#fff !important}
a.navilinkki i.fa {color:#ccc !important}
a.navilinkki span.badge {background:#f00 !important}

a.navilinkki.hallinta {color:#aaa !important; font-size: 16px;}
a.navilinkki.hallinta:hover, a.navilinkki.hallinta:focus {color:#fff !important}
a.navilinkki.hallinta i.fa {color:#ccc !important}
a.navilinkki.hallinta span.badge {background:#f00 !important}

.infobox { display:block; box-sizing: border-box; width: 49%;  margin-right: 1%;
	-moz-box-shadow: 0 0 2px rgba(255,255,255,0.2); float: left;
	-webkit-box-shadow: 0 0 2px rgba(255,255,255,0.2);
	box-shadow: 0 0 2px rgba(255,255,255,0.2);}

.infobox-100 { display:block; box-sizing: border-box; width: 99%; margin-right: 1px;
	-moz-box-shadow: 0 0 2px rgba(255,255,255,0.2); float: left;
	-webkit-box-shadow: 0 0 2px rgba(255,255,255,0.2);
	box-shadow: 0 0 2px rgba(255,255,255,0.2);}

.infobox-100 h5, .infobox h5 {font-weight:300; margin-left: 10px;}

.infobox h2, .infobox-100 h2 {font-size: 4em; font-weight: 200;}
      @media (min-width: 200px) and (max-width: 768px) {
		.infobox h2, .infobox-100 h2 {font-size: 3em}
      }

.infoheader {display:block; padding: 10px; margin: 0; background: #111; border-bottom: 1px solid #222;}

.infocontent {display:block; padding: 10px; padding-top: 0; margin: 0;}


.asinfobox { display:block; box-sizing: border-box; width: 48%;  margin-right: 1%;
	-moz-box-shadow: 0 0 2px rgba(255,255,255,0.2); float: left;
	-webkit-box-shadow: 0 0 2px rgba(255,255,255,0.2);
	box-shadow: 0 0 2px rgba(255,255,255,0.2);}

.asinfobox-100 { display:block; box-sizing: border-box; width: 99%; margin-right: 1px;
	-moz-box-shadow: 0 0 2px rgba(255,255,255,0.2); float: left;
	-webkit-box-shadow: 0 0 2px rgba(255,255,255,0.2);
	box-shadow: 0 0 2px rgba(255,255,255,0.2);}

.asinfobox-100 h4 {color:#ddd !important;}


.asinfobox h2, .asinfobox-100 h2 {font-size: 4em; font-weight: 200;}
      @media (min-width: 200px) and (max-width: 768px) {
		.asinfobox h2, .asinfobox-100 h2 {font-size: 3em}
      }

.asinfoheader {display:block; padding: 10px; margin: 0; border-bottom: 1px solid rgba(255,255,255,0.2);}

.asinfocontent {display:block; padding: 10px; padding-top: 0; margin: 0;}

hr {color:rgba(255,255,255,0.05) !important}

.opac1 { background:rgba(0,0,0,0.10) !important}
.opac2 { background:rgba(0,0,0,0.20) !important}
.opac3 { background:rgba(0,0,0,0.30) !important}
.opac4 { background:rgba(0,0,0,0.40) !important}
.opac5 { background:rgba(0,0,0,0.50) !important}
.opac6 { background:rgba(0,0,0,0.60) !important}

.trans_29 { background:url(/pics/opacity_29.png)}
.trans_30 { background:url(/pics/opacity_30.png)}
.trans_white_56 {background:rgba(255,255,255,0.73)}
.trans_white {background:rgba(255,255,255,0.90)}

.transparent {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.transparent_100 {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
}

.varjo {-moz-box-shadow: 0 0 16px rgba(0,0,0,0.35);
	-webkit-box-shadow: 0 0 16px rgba(0,0,0,0.35);
	box-shadow: 0 0 16px rgba(0,0,0,0.35);

	filter: alpha(opacity=90);
opacity: 0.9;}



.round2 {border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.round4 {border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.round6 {border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.round8 {border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.round10 {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

.bg999 { background:#999 !important; color:#777 !important}
.bgf2 { background:#f2f2f2 !important; color:#777 !important}
.bgeee { background:#eee !important;}
.bgfff { background:#fff !important;}

.bg-prima {background:#0088cc; color:#fff !important}

.bg-111 { background:#111;}
.bg-222 { background:#222;}
.bg-333 { background:#333;}

.lila { color:rgba(217,0,146,1.00)}
.bg-lila { background:rgba(217,0,146,1.00)}

img.kivakuva {padding:1%; border:1px solid #D9D9D9; background:#fff;}


.pb20 {padding-bottom: 20px !important}
.pb30 {padding-bottom: 30px !important}
.pb50 {padding-bottom: 50px !important}

.pt10 {padding-top: 10px !important}
.pt20 {padding-top: 20px !important}
.pt30 {padding-top: 30px !important}
.pt50 {padding-top: 50px !important}

.pd5 {padding:5px !important}
.pd10 {padding:10px !important}
.pd20 {padding:20px !important}
.pd30 {padding:30px !important}

.orange, .orange h6 {color:#ef8609}


a.orange{color:rgba(255,204,0,0.8) !important}

.blue{color:deepskyblue }
a.blue {color:deepskyblue !important; opacity: 0.9 !important}
a.blue:hover, a.blue:focus, a.blue:active  {color:orangered!important; opacity: 0.9 !important}

.gray{color:darkgray}
a.gray {color:darkgray !important; opacity: 0.9 !important}
a.gray:hover, a.gray:focus, a.grayblue:active  {color:whitesmoke!important; opacity: 0.9 !important}

.rateup {color:#42C100 !important;}
.ratedown {color:#F80000 !important;}

h1.coincrp { color:#149FE1; font-weight: 800}

.alaspacer { margin-bottom:15px !important}
.topdivider { border-top:1px solid #aaa}