.cv-main-dashboard-header {
	background-color: rgba(14, 56, 77, 0.8);
	overflow: hidden;
}

.cv-main-dashboard-header .cv-main-dashboard-header-element {
	width: calc(100% / 5 - 20px / 5);
	height: 100%;
	background-size: cover;
	background-position: center;
	float: left;
	margin-right: 4px;
	transition: width 0.3s;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.cv-main-dashboard-header .cv-main-dashboard-header-element.small {
	width: calc(60% / 4 - 20px / 5)
}

.cv-main-dashboard-header .cv-main-dashboard-header-element.big {
	width: calc(40% - 20px / 5);
}

/*.cv-main-dashboard-header .cv-main-dashboard-header-element {
	width: calc(100% / 5 - 16px / 5);
	height: 100%;
	background-size: cover;
	background-position: center;
	float: left;
	margin-right: 4px;
	transition: width 0.3s;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.cv-main-dashboard-header .cv-main-dashboard-header-element.small {
	width: calc(60% / 4 - 16px / 5)
}

.cv-main-dashboard-header .cv-main-dashboard-header-element.big {
	width: calc(40% - 16px / 5);
}*/

.cv-main-dashboard-header .cv-main-dashboard-header-element:last-of-type {
	margin: 0px;
}

.cv-main-dashboard-header .cv-main-dashboard-header-element.new-currency-doge {
	background-image: url('/images/doge_back_2.jpg');
}

.cv-main-dashboard-header .cv-main-dashboard-header-element.new-currency-dash {
	background-image: url('/images/bg6.jpg');
}

.cv-main-dashboard-header .cv-main-dashboard-header-element.latest-events {
	background-image: url('/images/bg4.jpg');
}

.cv-main-dashboard-header .cv-main-dashboard-header-element.exchange-rates{
	background-image: url('/images/bg1.jpg');
}

.cv-main-dashboard-header .cv-main-dashboard-header-element.knowledge-base {
	background-image: url('/images/bg2.jpg');
}

.cv-main-dashboard-header .cv-main-dashboard-header-element.buy-crypto {
	background-image: url('/images/bg3.jpg');
}

.cv-main-dashboard-header .cv-main-dashboard-header-element.sell-crypto {
	background-image: url('/images/bg5.jpg');
}

.cv-main-dashboard-header .cv-main-dashboard-header-element .cv-main-dashboard-header-element-overlay {
	background-color: #0e384d;
	width: 100%;
	height: 100%;
	opacity: 0.8;
}

.cv-main-dashboard-header-element .cv-main-dashboard-header-element-icon-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #f7f7f7;
	fill: #f7f7f7;
	transition: all 0.4s;
}

.cv-main-dashboard-header .cv-main-dashboard-header-element.new-feature .cv-main-dashboard-header-element-icon-wrapper {
	color: #fad65b;
}

.cv-main-dashboard-header-element .cv-main-dashboard-header-element-icon-wrapper .cv-main-dashboard-header-element-icon {
	width: 60px;
	margin: auto;
	display: block;
	font-size: 40px;
    text-align: center;
}

.cv-main-dashboard-header-element .cv-main-dashboard-header-element-icon-wrapper .cv-main-dashboard-header-element-icon-text {
	text-align: center;
	font-family: Roboto Condensed;
	text-transform: uppercase;
	margin-top: 5px;
	font-weight: 300;
	font-size: 14px;
}

.cv-main-dashboard-header .cv-main-dashboard-header-element.big .cv-main-dashboard-header-element-icon-wrapper {
	left: 25%;
}

.cv-main-dashboard-header .cv-main-dashboard-header-element .cv-main-dashboard-header-element-text-wrapper {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #f7f7f7;
	font-family: Roboto Condensed;
	right: -2000px;
	overflow: hidden;
	font-weight: 300;
	opacity: 0;
	width: 40%;
	transition: all 0.3s;
    font-size: 14px;
}


.cv-main-dashboard-header .cv-main-dashboard-header-element.big .cv-main-dashboard-header-element-text-wrapper {
	opacity: 1;
	right: 15px;
}

/*Mobile Version*/

@media (max-width: 768px) {
	.cv-main-dashboard-header {
		height: 800px;
	}

	.cv-main-dashboard-header .cv-main-dashboard-header-element.big .cv-main-dashboard-header-element-icon-wrapper {
		left: 50%;
	}

	.cv-main-dashboard-header .cv-main-dashboard-header-element.mobile-big .cv-main-dashboard-header-element-icon-wrapper {
		left: 25%;
	}

	.cv-main-dashboard-header .cv-main-dashboard-header-element:hover .cv-main-dashboard-header-element-text-wrapper {
    	opacity: 0;
    	right: -100%;
	}

	.cv-main-dashboard-header .cv-main-dashboard-header-element.mobile-big:hover .cv-main-dashboard-header-element-text-wrapper {
    	opacity: 1;
    	right: 15px;
    	display: block;
	}

	.cv-main-dashboard-header .cv-main-dashboard-header-element.mobile-big .cv-main-dashboard-header-element-text-wrapper {
    	opacity: 1;
    	right: 15px;
	}

	.cv-main-dashboard-header .cv-main-dashboard-header-element {
		width: 100%;
		height: calc(100% / 5 - 16px / 5);
		margin-right: 0px;
		margin-bottom: 4px;
		transition: all 0.3s;
	}

	.cv-main-dashboard-header .cv-main-dashboard-header-element.small {
		width: 100%;
		height: calc(100% / 5 - 16px / 5);
	}

	.cv-main-dashboard-header .cv-main-dashboard-header-element.big {
		width: 100%;
		height: calc(100% / 5 - 16px / 5);
	}

	.cv-main-dashboard-header .cv-main-dashboard-header-element.mobile-small {
		width: 100%;
		height: calc(60% / 4 - 16px / 5);
	}

	.cv-main-dashboard-header .cv-main-dashboard-header-element.mobile-big {
		width: 100%;
		height: calc(40% - 16px / 5);
	}

	.cv-main-dashboard-header .cv-main-dashboard-header-element .cv-main-dashboard-header-element-text-wrapper {
		width: 50%;
	}
}