/*cataloghi e file inseriti con vc_map trizero*/
.file-lang {
	text-align: center;
    max-width: 570px;
    margin: 0 auto;
	position: relative;
	margin-bottom: 30px;
}
.file-lang .file-info {
    margin-top: 20px;
    margin-bottom: 7px;
	min-height: 80px;
	padding: 0 10px;
}

.file-lang .file-info h4 {
    margin-bottom: 4px;
}

.file-white .file-lang  h4 {
    color:#fff;
}
.file-info span {
    font-size: 14px;
    font-style: italic;
}
.file-lang .file-img {
    position: relative;
    /*margin: 0 auto;*/
    width: 54%;
    padding-top: 76%; /*proporzioni A4*/
	
	left: 25%;
	-webkit-transform: translateX(-20%);
	    -ms-transform: translateX(-20%);
	        transform: translateX(-20%);
}
.file-links { /*bandierine verticali*/
    position: absolute;
    right: 20%;
    -webkit-transform: translateX(20%);
        -ms-transform: translateX(20%);
            transform: translateX(20%);
    top: 0;
    width: 52px;
}

.file-lang a img {
	margin: 0px 15px 20px;
    cursor: pointer;
    min-width: 25px;
}


.file-lang .file-img img {
	-o-object-fit: cover;
	   object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
	 -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.3)/*3px 3px 0px rgba(0,0,0,0.7)*/;
	         box-shadow: 3px 3px 4px rgba(0,0,0,0.3)/*3px 3px 0px rgba(0,0,0,0.7)*/;
}
.file-lang .file-img::after {
    content: "";
    background: #ffcf00;
    width: 125%;
    height: 80%;
    position: absolute;
    top: 50%;
    left: /*50%*/66%;
    -webkit-transform: translate(-50%, -33%) skew(-20deg);
        -ms-transform: translate(-50%, -33%) skew(-20deg);
            transform: translate(-50%, -33%) skew(-20deg);
    z-index: -1;
    border-radius: 5px 0px 4px 0;
}
@media (min-width:1200px) {
	.file-quattro-col .file-lang {
		width: 25%;
		float: left;
	}
	.file-tre-col .file-lang {
		width: 33%;
		float: left;
	}
	.file-due-col .file-lang {
		width: 50%;
		float: left;
	}
}

@media (min-width:1025px) and (max-width:1199px) {
	.file-tre-col .file-lang, .file-quattro-col .file-lang {
		width: 33%;
		float: left;
	}
	.file-due-col .file-lang {
		width: 50%;
		float: left;
	}
}

@media (min-width:601px) and (max-width:1024px) {
	.file-tre-col .file-lang,
	.file-quattro-col .file-lang {
		float: left; 
	}
	.file-lang {
		width: 50%;
	}
}

@media (max-width:600px) {
	
	.file-lang {
		max-width: 350px;
	}
	.file-lang a img {
		min-width: 30px;
      margin-bottom:10px;
	}
}