@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display&display=swap');
body {padding: 0px;margin: 0px; color:#000;font-family: 'Montserrat', sans-serif;font-size:16px; background: #f2f1ee;transition: background .3s ease-in-out;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.highlight{color:#fff;background:#0e0e0e;}
img{ border:0;}a{text-decoration: none; color:#000}.highlight a{text-decoration: none; color:#fff}.clearBoth {clear:both;}.spazio{ width:100%; height:70px}
::-webkit-scrollbar {width: 3px;}::-webkit-scrollbar-track { background: #f4f4f4;}::-webkit-scrollbar-thumb {background: #000;}::-webkit-scrollbar-thumb:hover {background: #666;}
.cursor{position: fixed; width: 5px;height: 5px;border-radius: 50%;background-color:#fff;pointer-events: none;mix-blend-mode: difference;z-index: 99999999;
  transition: transform 0.2s;}.cursor2{ position: fixed; width: 40px; height: 40px; border-radius: 50%; background:none; border:1px solid #333; pointer-events: none;mix-blend-mode: difference; z-index: 99999999; transition: transform 0.8s;}
#home{width: 100%; height: 100vh; position: relative; background: #0e273b; overflow: hidden;}
.profilo_mexico{width: 100%; height: auto; position: absolute; bottom:-10px;} 
.profilo_mexico img{object-fit: cover; width: 100%; height: 100%;}
.logo{width: 230px; height: 60px; position: absolute; top:40px; left: 40px; z-index: 99;} .logo img{width: 100%; height: auto}
.wrap_language_it {width: 40px;height: 40px;position: absolute;background: #fff;top: 40px;right: 90px;transition: all 0.6s ease-out;cursor: pointer;
    z-index: 999;	border-radius: 50%}
.language_resp {position: absolute;top: 10px;font-size: 15px; color: #000; width: 100%;text-align: center;}
.wrap_language_en {width: 40px;height: 40px;position: absolute;background: #fff;top: 40px;right: 40px;transition: all 0.6s ease-out;cursor: pointer;
    z-index: 999;	border-radius: 50%}
.language_resp2 {position: absolute;top: 10px;font-size: 15px; color: #000; width: 100%;text-align: center;}
.act{ background: #ffc129; font-weight: 600;}
.see_you{font-size: 3vw; color:#fff; font-weight: 600; font-style: italic; width: 100%; height: auto; position: absolute; top: 0%;text-align: center;
    overflow: hidden; margin-top: 9%;padding: 0; z-index: 8; letter-spacing: 0;}
.see_you span{font-weight: 400;}
.logo_iba{color:#fff; position: absolute; top:30%; left: 50%; margin-left: -253px; width: 506px;z-index: 9}.logo_iba img{width: 100%; height: auto}
.simbol_logo_iba{float: left; height: 70px; margin-right: 20px;}
.testo_logo_iba{float: left; height: 70px; font-size: 28px; font-weight: 600; color: #ffc129; padding-top: 15px}
.wrap_appuntamento{width: 100%; height: auto; padding: 40px 30px; background: #fff}
.wrap_prof{width: 100%; height: auto; padding: 30px; background: #f4f4f4}
.prof{width: 80%; height: auto; margin: 0 auto;}
.partner_partenza{width: 80%; height: auto; margin: 0 auto;}
.pre_titolo{width: 100%; height: auto; padding: 0px 30px; color:#999; font-size: 14px; font-weight: 400; text-transform: uppercase}
.titolo_partner_partenza{width: 100%; height: auto; padding: 20px 30px; color:#0e273b; font-size: 28px; font-weight: 600; /*text-transform: uppercase*/}
.titolo_partner_partenza span{font-size: 18px; font-style: italic}
.descrizione_partner_partenza{width: 100%; height: auto; padding: 20px 30px; /*color:#333;*/ font-size: 15px; line-height: 30px}
.sfongo_iba{background-image: url("../img/sfondo.jpg"); height: 35px; width: 100%}

.blocco_prof{width: calc(33.333333% - 40px); height: 530px; float: left; background: #0e273b; margin: 20px; border-radius:5px; position: relative; overflow: hidden;}
.img_prof{ width: 100%; height: auto}
.img_prof img{object-fit: cover;width: 100%; height: 100%}
/*prime info stato normal*/
.prime_info{ width: 100%; height: auto; padding: 20px;background: #0e273b; z-index: 9; position: absolute; bottom: 0px; color: #fff; transition: all 0.3s ease-out;}
.nome_prime_info{ font-size: 17px; font-weight: 400} .nome_prime_info span{font-weight: 600}
.ruoloearea_prime_info{ font-size: 14px; font-style: italic; color: #999} .ruoloearea_prime_info span{ color: #fff}
.freccia_su{ text-align: right}

/*seconde info stato normal*/
.seconde_info_sfondo{ width: 100%; height: 530px; background: #0e273b; z-index: 99; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.3s ease-out;}
.seconde_info{ width: 100%; height: 530px; z-index: 999; position: absolute; top: 0; left: 0; color: #fff;  opacity: 0; transition: all 0.3s ease-out;}

.info_1{padding: 60px 0px 0px 60px; position: absolute;top: 0; left: 0;}
.info_2{padding: 0px 0px 60px 60px; position: absolute;bottom: 0; left: 0;}
.e_gop{ position: absolute; top: 40px; right: 40px}
.sede_prof{font-weight: 600; font-size: 18px;padding-bottom:10px }
.tel_prof{color:#ccc; padding-bottom:10px}
.mail_prof{font-style: italic}
.nome_prof{font-size: 18px; font-weight: 600; padding-bottom:15px}
.ruolo_prof{font-size: 14px; font-style: italic; color:#ccc}

.blocco_prof:hover .prime_info {opacity: 0;}
.blocco_prof:hover .seconde_info_sfondo {opacity: 0.8;}
.blocco_prof:hover .seconde_info {opacity: 1;}

.wrap_down{width: 100%; height: auto; padding: 30px; background: #fff}
.down{width: 80%; height: auto; margin: 0 auto;}
.blocco_down{width: calc(33.333333% - 40px); min-height: 300px; float: left; background: #f4f4f4; margin: 20px; padding: 20px; border-radius:5px; position: relative; overflow: hidden}
.data_down{color: #333;width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 20px; font-size: 14px; z-index: 9} .data_down span{font-weight: 600; color: #000;}
.tit_down{ font-size: 26px; padding: 20px 0px;font-weight: 600;}
.relatore_down{color: #999; font-style: italic;}.relatore_down strong{color:#666}
.freccia_down{position: absolute; bottom: 10px; right: 10px; font-size: 30px}
.profondita{z-index: 99; position: relative}
.numero_data_big{position: absolute; bottom: -50px; right: -30px; font-size: 190px; color: #fff;  z-index: 9}

.wrap_footer{ width: 100%; height: auto; padding: 40px; text-align: center; background: #0e273b;}
.logo_footer{width: 230px; height: 60px; margin: 0 auto} .logo_footer img{width: 100%; height: auto;}
.info_footer{ color: #ccc; font-size: 12px; text-transform: uppercase}
.info_footer a{ color: #fff;}
/**/


@media (min-width: 769px) and (max-width: 1024px) {
	.see_you{top: 12%;}	.logo_iba{top:35%;}
	.blocco_prof{width: calc(50% - 40px); height: 530px; float: left; background: #0e273b; margin: 20px; border-radius:5px; position: relative; overflow: hidden;}.blocco_down{width: calc(50% - 40px); min-height: 330px; float: left; background: #f4f4f4; margin: 20px; padding: 20px; border-radius:5px; position: relative}
	
}
@media (min-width: 426px) and (max-width: 768px) {
	
	.see_you{font-size: 4vw; top: 18%;}	.logo_iba{top:40%;}
	.down{width: 95%}.prof{width: 95%}
	.blocco_prof{width: 100%; height: 530px; float: left; background: #0e273b; margin: 20px 0px; border-radius:5px; position: relative; overflow: hidden;}
	.blocco_down{width: 100%; min-height: auto; float: left; background: #f4f4f4; margin: 20px 0px; padding: 20px; border-radius:5px; position: relative}
	
	
}
@media (max-width: 425px) {
	.logo{width: 140px;}
	.profilo_mexico{width: 300%; margin-left: -150%;margin-bottom: -50px;}
	.see_you{font-size: 6vw; top: 25%;}
	.logo_iba{top:40%; margin-left: -134px; width: auto; width: 268px}
	.testo_logo_iba{ padding-top: 25px; font-size: 12px}
	
	.down{width: 95%}	.prof{width: 95%}
	.partner_partenza{width: 95%}
	.pre_titolo{padding: 0px 10px; font-size: 11px;}
	.titolo_partner_partenza{padding: 20px 10px;}
	.descrizione_partner_partenza{padding: 20px 10px;}
	
	.blocco_prof{width: 100%; height: 440px; float: left; background: #0e273b; margin: 20px 0px; border-radius:5px; position: relative; overflow: hidden;}
	.seconde_info_sfondo{height: 440px;}.seconde_info{height: 440px;}
	.info_1{padding: 40px 0px 0px 40px;}.info_2{padding: 0px 0px 40px 40px;}
	.e_gop{ top: 20px; right: 20px}
	.blocco_down{width: 100%; min-height: auto; float: left; background: #f4f4f4; margin: 20px 0px; padding: 20px; border-radius:5px; position: relative}
	
}