/*
BLOCCO INTRO HOME
*/
#introhome { height: calc(100vh - 125px); width:100%; position:relative; overflow:hidden; display: block; background-color: #eee;}
#introhome.with_itemscroll { height: calc(100vh - 165px);}
.item_intro { position:absolute;  }
.item_intro img { max-width:100%; }
.item_intro.circle_intro img { max-height:60vh;  }
.item_intro.profilo_intro img {
	max-height:50vh;
	object-fit: cover;
	object-position: top center;
	height: 60vh;
	width: 100%;
}
img.item_intro.students_intro { max-height:60vh;}
.item_intro.profilo_intro { bottom:0; opacity:0; visibility:hidden;  z-index:1; width:100%;}/*left:-100%; */
#introhome.displayed .item_intro.profilo_intro { -webkit-animation: profilointro 1.2s 1; -moz-animation: profilointro 1.2s 1; -o-animation: profilointro 1.2s 1; animation: profilointro 1.2s 1; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; }
@keyframes profilointro {  
      0% { opacity:0; visibility:hidden; }
    100% { opacity:1.0; visibility:visible; }
}
@-webkit-keyframes profilointro {
      0% { opacity:0; visibility:hidden; }
    100% { opacity:1.0; visibility:visible; }
}
/*@keyframes profilointro {  
      0% { left:-100%; opacity:0; visibility:hidden; }
    100% { left:0; opacity:1.0; visibility: visible;}
}
@-webkit-keyframes profilointro {
      0% { left:-100%; opacity:0; visibility:hidden; }
    100% { left:0; opacity:1.0; visibility:visible; }
}*/
.item_intro.students_intro { z-index:2; bottom:-100%; opacity:1.0; left:0; visibility:hidden; }
#introhome.displayed .item_intro.students_intro { -webkit-animation: studentsintro 0.8s 1; -moz-animation: studentsintro 0.8s 1; -o-animation: studentsintro 0.8s 1; animation: studentsintro 0.8s 1; animation-delay:1.8s; -webkit-animation-delay:1.8s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; }
@keyframes studentsintro {  
      0% { bottom:-100%; visibility:hidden; }
    100% { bottom:0; visibility: visible; }
}
@-webkit-keyframes studentsintro {
      0% { bottom:-100%; visibility:hidden; }
    100% { bottom:0; visibility:visible; }
}
.item_intro.circle_intro { top:-40px; right:-40px; z-index:3; width:40%; }
.item_intro.circle_intro img { opacity:0; transform:scale(0.1) rotate(0deg); -webkit-transform:scale(0.1) rotate(0deg); -moz-transform:scale(0.1) rotate(0deg); -o-transform:scale(0.1) rotate(0deg); }
#introhome.displayed .item_intro.circle_intro img { -webkit-animation: circleintro 1.2s 1; -moz-animation: circleintro 1.2s 1; -o-animation: circleintro 1.2s 1; animation: circleintro 1.2s 1; animation-delay:1.2s; -webkit-animation-delay:1.2s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; }
@keyframes circleintro {  
		0% { -webkit-transform:scale(0.1) rotate(0deg); -moz-transform:scale(0.1) rotate(0deg); -o-transform:scale(0.1) rotate(0deg); opacity:0; }
    100% {-webkit-transform:scale(1) rotate(360deg); -moz-transform:scale(1) rotate(360deg); -o-transform:scale(1) rotate(360deg); opacity:1;}
  
}
@-webkit-keyframes circleintro {
  		0% { -webkit-transform:scale(0.1) rotate(0deg); -moz-transform:scale(0.1) rotate(0deg); -o-transform:scale(0.1) rotate(0deg); opacity:0; }
    100% {-webkit-transform:scale(1) rotate(360deg); -moz-transform:scale(1) rotate(360deg); -o-transform:scale(1) rotate(360deg); opacity:1;}
}
.action_button_intro {position:absolute;bottom:0;left:0; z-index:12; background-color:#ec7f24;}
#introhome .action_button_intro li {
	vertical-align: top; list-style:none; text-align: center;
}
#introhome .action_button_intro li a {
	padding: 10px; color: #FFF; display: inline-block; float: left; text-align: center; text-transform:uppercase; font-weight:700; font-size: 14px;
}
#introhome .action_button_intro li a::after { content:"\f175"; display:inline-block; color:inherit; margin-left:5px;  font-family: FontAwesome; }
#introhome .action_button_intro li a:hover { color:#3c3d3d}
#introhome .icons_indirizzi { position: absolute; z-index: 4; padding: 40px 80px; max-width: calc(50% + 160px); vertical-align: middle; display: inline; }
#introhome .icons_indirizzi > .myrow { margin-bottom:20px;}
.icons_indirizzi .single_icona_image, .icons_indirizzi .single_icona_testo { display:inline-block; } 
.icons_indirizzi .single_icona_image img { height:25px;	filter: brightness(0) invert(1); }
.icons_indirizzi .single_icona_image {
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px;
	padding: 10px; width:50px; text-align:center
}
.icons_indirizzi .single_icona_testo {
	font-weight: 700; padding: 10px; font-size: 14px; line-height: 22px; color: #3c3d3d; text-transform: uppercase;
}
.icons_indirizzi .single_icona_testo a {
	font-weight: 700; color: #3c3d3d; text-transform: uppercase;
}
.icons_indirizzi[data-animation="from_bottom_slide"] .myrow { transform: translateY(1000%); -moz-transform: translateY(1000%); -o-transform: translateY(1000%); -webkit-transform: translateY(1000%); opacity:0; display:flex; }
.displayed .icons_indirizzi[data-animation="from_bottom_slide"] .myrow { -webkit-animation: from_bottom_slide 1.2s 1; -moz-animation: from_bottom_slide 1.2s 1; -o-animation: from_bottom_slide 1.2s 1; animation: from_bottom_slide 1.2s 1; animation-delay: 1.6s; -webkit-animation-delay: 1.6s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;  }
.displayed .icons_indirizzi[data-animation="from_bottom_slide"] .myrow:nth-child(1) { animation-delay: calc(1.2*1.2s);-webkit-animation-delay: calc(1.2*1.2s); }
.displayed .icons_indirizzi[data-animation="from_bottom_slide"] .myrow:nth-child(2) { animation-delay: calc(1.2*1.4s); -webkit-animation-delay: calc(1.2*1.4s); }
.displayed .icons_indirizzi[data-animation="from_bottom_slide"] .myrow:nth-child(3) { animation-delay: calc(1.2*1.6s); -webkit-animation-delay: calc(1.2*1.6s); }
.displayed .icons_indirizzi[data-animation="from_bottom_slide"] .myrow:nth-child(4) { animation-delay: calc(1.2*1.8s);  -webkit-animation-delay: calc(1.2*1.8s); }
.displayed .icons_indirizzi[data-animation="from_bottom_slide"] .myrow:nth-child(5) { animation-delay: calc(1.2*2s); -webkit-animation-delay: calc(1.2*2s); }
.displayed .icons_indirizzi[data-animation="from_bottom_slide"] .myrow:nth-child(6) { animation-delay: calc(1.2*2.2s); -webkit-animation-delay: calc(1.2*2.2s); }
.displayed .icons_indirizzi[data-animation="from_bottom_slide"] .myrow:nth-child(7) { animation-delay: calc(1.2*2.4s); -webkit-animation-delay: calc(1.2*2.4s); }
.displayed .icons_indirizzi[data-animation="from_bottom_slide"] .myrow:nth-child(8) { animation-delay: calc(1.2*2.6s); -webkit-animation-delay: calc(1.2*2.6s); }
@keyframes from_bottom_slide {  0% {
    transform: translateY(1000%);
    -moz-transform: translateY(1000%);
    -o-transform: translateY(1000%);
    -webkit-transform: translateY(1000%);
    }
    100% {
    transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity:1.0;
    }
}
/*REPOSNSIVE*/
@media only screen and (max-width:1124px) {
    #introhome, #introhome.with_itemscroll { height: calc(100vh - 129px);}  
}
@media only screen and (max-height:520px) {
    #introhome, #introhome.with_itemscroll { height:140vh;}  
}
@media only screen and (max-width:980px) {
    img.item_intro.students_intro { left: -33%; }
    .item_intro.circle_intro { width: 90%; text-align:right }
}
@media only screen and (max-width:767px) {
    #introhome .icons_indirizzi > .myrow { margin-bottom:10px;}
    .item_intro.circle_intro img { max-height:40vh;}
    #introhome .icons_indirizzi { padding:20px; max-width: 100%; }
    .item_intro.circle_intro { bottom: -20px; top:unset; }
}