/**** PAGE *******************************************/

main {
	width: calc(100% - 365px);
}

.main__title {
	padding: 30px 20px 0;
	font-size: 24px;
	font-weight: 700;
	color: #bbb;
	line-height: 1;
	text-transform: uppercase;
}

.main__section {
	margin-top: 25px;
	padding: 0 20px;
}

/**** Приветствие *******************************************/

.hello__section {
	margin-top: 0px;
	background-color: #f5f5f5;
	padding-bottom: 30px;
}

.hello__title {
	padding: 30px 0 15px;
	font-size: 24px;
	font-weight: 700;
	color: #1d1d1b;
	line-height: 1;
}

.hello__item {
	display: inline-block;
	margin-right: 20px;
}

.hello__item.icon {
	padding-left: 25px;
	background-position: left top 2px;
	background-repeat: no-repeat;
}

.hello__item.calendar { background-image: url('/style/design/hello_calendar.png'); }
.hello__item.clock { background-image: url('/style/design/hello_clock.png'); }
.hello__item.world { background-image: url('/style/design/hello_world.png'); }

.hello__link {
	color: #bbb;
	text-decoration: underline;
}

/**** Общая статистика *******************************************/

.t-stat__count {
	font-size: 20px;
	color: #bbb;
}

.t-stat__list {
	margin-top: 20px;
}

.t-stat__item {
	display: inline-block;
	border: 1px solid #bbb;
	color: #bbb;
	padding: 20px 20px 20px;
	margin: 0 20px 20px 0;
	cursor: default;
}

.t-stat__item.green {
	color: #fff;
	background-color: #24b796;
}

.t-stat__item:hover {
	border-color: #00d791;
}

.t-stat__num {
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.t-stat__info {
	margin-top: 15px;
}

/**** Статистика за год *******************************************/

.y-stat__section {

}

/**** Работаем с биржами *******************************************/

.birg__section {

}

.birg__item {
	display: inline-block;
	width: 130px;
	height: 130px;
	border: 2px dotted #bbb;
	color: #bbb;
	padding: 90px 20px 20px;
	margin: 0 20px 20px 0;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
	background-position: center top 7px;
	background-repeat: no-repeat;
}

.birg__item:hover {
	border-color: #00d791;
}

.birg__item.binance { background-image: url('/style/design/birg_binance.png'); }
.birg__item.huobi { background-image: url('/style/design/birg_huobi.png'); }
.birg__item.hitbtc { background-image: url('/style/design/birg_hitbtc.png'); }
.birg__item.bitstamp { background-image: url('/style/design/birg_bitstamp.png'); }
.birg__item.exmo { background-image: url('/style/design/birg_exmo.png'); }

.birg__item.binance:hover { background-image: url('/style/design/birg_binance_h.png'); }
.birg__item.huobi:hover { background-image: url('/style/design/birg_huobi_h.png'); }
.birg__item.hitbtc:hover { background-image: url('/style/design/birg_hitbtc_h.png'); }
.birg__item.bitstamp:hover { background-image: url('/style/design/birg_bitstamp_h.png'); }
.birg__item.exmo:hover { background-image: url('/style/design/birg_exmo_h.png'); }

/**** Закладки *******************************************/

.tabs__list {
	border-bottom: 2px solid #24b796;
}

.tabs__item {
	font-size: 20px;
	font-weight: 700;
	padding: 6px 20px;
	line-height: 1;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	color: #292d30;
}

.tabs__item.active {
	color: #fff;
	background-color: #24b796;
}

.tabs__item:hover {
	color: #fff;
	background-color: #00684e;
}

/****  *******************************************/


/****  *******************************************/


/****  *******************************************/


/****  *******************************************/


/****  *******************************************/
