#wrap{
	width: 100%;
}

.projectIcons{
	width: 1280px; 
	margin: 60px auto; 
	text-align: center;
}

.projectIcons a, #supportLegacy a{
	background-size: 390px auto !important; 
	background-position: center center !important;	
	width: 290px; 
	height: 230px; 
	display: inline-block;
	position: relative;
	
	margin: 8px;
	border-radius: 3px;
	display: inline-block;
	overflow: hidden;
	color: white;
	letter-spacing: 0px;
	font-size: 15px !important;
	border: 2px solid rgba(90,150,255,0.8);
	transition: all 0.5s ease-out !important;	
}

#supportLegacy a{
	width: 220px; 
	height: 220px; 
}

.projectIcons a:hover, #supportLegacy a:hover{
	background-size: 780px auto !important;
	background-position: center center !important;	
	
	transition: all 0.1s !important;	
}

.projectIcons a div, #supportLegacy a div{
	line-height: 50px !important;
	border-top: 1px solid rgba(0,102,204,0.2);
	background: linear-gradient(to top, rgba(25,75,125,0.8) 30%, rgba(0,0,0,0.7) 100%);
	color: white;
	bottom: 0px;
	width: 100%;
	position: absolute;
	padding: 0px 0px;
	text-align: center;
	transition: all 0.5s ease-out !important;		
}

.projectIcons a:hover div, #supportLegacy a:hover div{
	padding: 32px 0px;
	transition: all 0.1s !important;	
}

.projectIcons h4{
	margin-bottom: 16px;
	font-weight: normal;
}

.projectsTop{
	margin-bottom: 100px;
}

#supportLegacy{
	padding: 20px 0px;
	text-align: center;
	border: 1px solid rgba(0,0,0,0.1);
}

#supportLegacy h4{
	padding: 0px;
	padding-bottom: 10px;
	margin: 0px;
	font-weight: normal;
}

.box_title{
	padding-top: 40px;
	padding-bottom: 10px;
	color: rgba(0, 55, 125, 1);
	font-size: 17px;
	font-weight: normal;
}

#efikaSupport{
	width: 1200px; 
	margin: 40px auto;
}

#efikaSupport li{
}

.assets_description {
    font-weight: normal;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: -40px;
    border-top: none;
    box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.15);
    width: 100%;
    background-color: white;
    background-image: linear-gradient(bottom, rgba(0,0,0,0) 1%, rgba(0,0,0,0.08) 15%, rgba(0,0,0,0.1) 17%, rgba(0,0,0,0) 60%);
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,0) 1%, rgba(0,0,0,0.08) 15%, rgba(0,0,0,0.1) 17%, rgba(0,0,0,0) 60%);
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.15) 2%, rgba(0,0,0,0.08) 17%, rgba(0,0,0,0) 60%);
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 1%, rgba(0,0,0,0.08) 15%, rgba(0,0,0,0.1) 17%, rgba(0,0,0,0) 60%);
    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0) 1%, rgba(0,0,0,0.08) 15%, rgba(0,0,0,0.1) 17%, rgba(0,0,0,0) 60%);
}

.assets_embedded {
    padding: 0px 40px 0px;
    margin-top: 10px;
    border-radius: 5px;
    background: rgba(0,100,255,0.03);
    border: 1px solid rgba(0,0,0,0.11);
    border-top: none;
}

.assets_embedded ul {
    margin-top: 10px !important;
    margin-bottom: 0px !important;
	text-align: left;
	display: block;
}

.assets_embedded ul li{
	width: 100%;
	padding: 12px 0px;
}

.assets_embedded ul li a{
}

#assets_nogroups {
    border-top: 1px solid rgba(0,0,0,0.09) !important;
    padding-top: 20px;
    padding-bottom: 20px;
}

#login label{
	padding-right: 10px;
}

#login input{
	border-radius: 3px;
	border: 1px solid rgba(50,100,150,0.5);
	padding: 3px 10px;
	font-size: 14px;
}

#login input.button{
	background: white;
	padding: 3px 40px;
	transition: all 0.5s ease-out;
	margin-left: 10px;		
}

#login input.button:hover{
	background: rgba(25,85,150,1);
	color: white;
	transition: all 0.05s linear !important;		
}
