/*-----------------*/
/* Main Page Rules */
/*-----------------*/

div#body-container { 
    
}



#app-main{}
#app-main .col > div{
	background-color: #959595;
}

#app-main h6{
	padding: 16px 18px;
	letter-spacing: 0.08em;
    text-transform: uppercase;
    color:white;
	margin-bottom: 0;
}
#app-main .username{
    font-weight: 800;
}

#app-main .column{
	/*
	padding-right: 2px;
	padding-left: 2px;
	margin-bottom:4px;
	*/
	margin: 5px;
}
#app-main a.block{
	height: 230px;
	display: flex;
	flex-direction: column;
	text-decoration: none;
}
#app-main a.block i{
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 6rem;
	flex-grow: 1;
	text-shadow: rgba(0, 0, 0, 0.199) 5px 5px 10px;
}

#app-main a.block::after{
	content: '';
	display: block;
	height: 30px;
}
#app-main .profile{
	background: #9BDE41 url(../img/SVG_ICONS/PROFILE.svg?v=2.01) no-repeat center center;
}
#app-main .profile .block{
	background:  url(../img/avatar-default.png?v=2.01) no-repeat center center;
}
#app-main .play{
	background: url(../img/screenshot-gamepreview.jpg?v=2.01) left center;
}
#app-main .play .block{
	position: relative;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%,rgba(0, 0, 0, 0) 50%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%,rgba(0, 0, 0, 0) 50%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%,rgba(0, 0, 0, 0) 50%);
}
#app-main .play .block .btn{
	position: absolute;
	right: 15px;
	bottom: 15px;
}
#app-main .faq{

	background: #37B9ED;
}
#app-main .faq .block{
	background:  url(../img/SVG_ICONS/FAQ.svg) no-repeat center center;
}
#app-main .contact{
	background: #E14747 !important;
}
#app-main .contact .block{
	/* background:  url(../img/SVG_ICONS/CONTACT.svg) no-repeat center center;*/
}
#app-main .video{
	background: #8f56d5;
}
#app-main .video .block{	
	background:  url(../img/SVG_ICONS/VIDEOS.svg) no-repeat center center;
}
#app-main .contract{
	background: #FED22B !important;
}
#app-main .contract .block{
	/* background:  url(../img/SVG_ICONS/CONTRACTS.svg) no-repeat center center;*/
}
#app-main .structure{
	/* background: #E14747; */	
	background: #4792e1 !important;	
}
#app-main .structure .block{
	/* background:  url(../img/SVG_ICONS/USERS.svg) no-repeat center center; */
}
#app-main .document{
	background: #E95672;
}
#app-main .document .block{	
	background:  url(../img/SVG_ICONS/NOTES.svg) no-repeat center center;
}