.homepage{
	background:url(/dist/default/images/bg.png) no-repeat;
    background-position: center;
    background-size: cover;
}
.metro-layout .header img{
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: initial;
}
.metro-layout .box img.icon{
    width: 100px;
}
.metro-layout .box.complete-anatomy img.icon{
    width: auto;
    height: 150px;
}
.metro-layout .box.system-anatomy{ 	
    background: linear-gradient(135deg,rgb(89,192,250),rgb(51,121,219),rgb(61,136,255));
}
.metro-layout .box.regional-anatomy{ 
	background: linear-gradient(135deg,rgb(254,163,132),rgb(254,90,62),rgb(255,73,78));
}
.metro-layout .box.complete-anatomy{ 
	background: linear-gradient(135deg,rgb(255,226,64),rgb(238,183,56),rgb(255,170,25));
}
.metro-layout .box.bony-landmarks{ 
	background: linear-gradient(135deg,rgb(172,137,255),rgb(94,53,220),rgb(80,92,254));
}
.metro-layout .box.cross-sections{
	background: linear-gradient(135deg,rgb(88,194,252),rgb(51,121,217),rgb(61,136,255));	
}
.metro-layout .box.origins-and-insertions{
	background: linear-gradient(135deg,rgb(41,201,237),rgb(13,155,201),rgb(13,160,211));
}
.metro-layout .box.quiz{
	background: linear-gradient(135deg,rgb(255,216,63),rgb(239,179,49),rgb(252,171,27));
}
.metro-layout .footer.lang-true{
    justify-content: flex-start;
}
.metro-layout .box img.center{
    width: 100%; 
}
.footer-tel{
    position: absolute;
    left: 0;
    height: 100%;
    display: flex;
    padding-left: 0.5em;
}
.footer-tel .tel-info{
	display: flex;	 
    align-items: center;
} 
.footer-tel img.tel{
    height: 16px;
    width: auto;
    padding-right: 3px;
}
.footer-contro{
    position: relative;
    display: flex;
	height: 100%;
    flex: 1;
    justify-content: center;
    align-items: center;
}
.pathology.homepage.metro-layout .box1{	
    position: relative;
}
.pathology.metro-layout .box{
    /*background: none;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    float: none;*/
}
.pathology.metro-layout .box.bg{
    background: rgb(17,63,78);
    float: none;
    opacity: 0.7;
    position: absolute;
    left: 0;
    right: 0;
    width: calc(100% - 15px);
    margin: 0.5em;
    padding: 50px;
    display: block;
}
.pathology.metro-layout .box span{
    /*position: relative;
    display: block;
    padding-top: 20px;
    text-align: center;
    left: auto;
    bottom: 0px;
    font-weight: 500;*/
}
.medicalimaging.metro-layout .box1{
	position: relative;
}
.medicalimaging.metro-layout .generale .box img.icon{
	padding: 10px;
}
.medicalimaging.metro-layout .box.bg{	
    background: rgb(17,63,78);
    float: none;
    opacity: 0.7;
    position: absolute;
    left: 0;
    right: 0;
    width: calc(100% - 15px);
    margin: 0.5em;
    padding: 50px;
    display: block;
}

.medicalimaging.metro-layout .box{
    background: none; 
    float: none; 
} 

.anatomyvideo.metro-layout .box1{	
    position: relative;
}
.anatomyvideo.metro-layout .items .box1 .box{
    background: none;
    float: none;
}
.anatomyvideo.metro-layout .items .box.bg{
    background: rgb(17,63,78);
    float: none;
    opacity: 0.7;
    position: absolute;
    left: 0;
    right: 0;
    width: calc(100% - 15px);
    margin: 0.5em;
    padding: 50px;
    display: block;
}
.carousel img.active{
	display: block;
}
.metro-layout .box{ 
    display: flex; 
    flex-direction: column;
}


.medicalexam.metro-layout .items .box1{
    position: relative;
}
.medicalexam.metro-layout .items .box1 .box{
    background: none;
    float: none;
}
.medicalexam.metro-layout .items .box.bg{
    background: rgb(17,63,78);
    float: none;
    opacity: 0.7;
    position: absolute;
    left: 0;
    right: 0;
    width: calc(100% - 15px);
    margin: 0.5em;
    padding: 50px;
    display: block;
}
a[app-button], button[app-button],button {
    border-color: transparent;
    background: none;
    border-width: 0;
    padding: 0;
    margin: 0;
    border-radius: 4px;
    outline: 0 none;
}
.app-button--medium {
    height: 36px;
    min-width: 36px;
    padding: 0 16px;
    font-size: 13px;
    letter-spacing: .325px;
    line-height: 1.4em;
}
.app-button.app-button--primary {
    background: #de3535;
    color: #fff;
}
.app-button__container {
    position: relative;
    z-index: 2;
    width: 100%;
}
.app-button:after {
    content: " ";
    background-color: #283853;
    border-radius: 4px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    z-index: 1;
    transition: opacity .06s;
}
.app-button-group button[app-button]:first-child .app-button, .app-button-group button[app-button]:first-child .app-button:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.app-button.app-button--primary:after {
    background: #f9fafd;
}
.app-button-group button[app-button]:first-child .app-button, .app-button-group button[app-button]:first-child .app-button:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.developer{
    position: fixed;
    top: 20%;
    right: 20px;
    z-index: 22222;
}