@charset "utf-8";

/* STRUTTURA DEL SITO */

body.fiera {  background: url(/i/bg.png) no-repeat left top; }

a{ text-decoration:none; color:#c21521; }
a:hover {  }

h1,h2,h3,h4,h5,h6 {  margin: 0.2rem 0 2.4rem;   color: rgb(0 0 0 / 0.8); }
h1 { font-size:2.7em; text-align: center; }
h2 { font-size:1.5em;}
h3 { font-size:1.3em;}
h4 { font-size:1.2em;}
h5 { font-size:1.1em;}
h6 { font-size:0.9em; font-weight:bold;}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#c21521;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {color:#1a1a1a;}

strong{font-weight: bold; }

#overlay, .overlay{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000; background: rgba(0, 0, 0, 0.4); display: none;}
.preloader-wrapper{position: fixed;left: 50%; top: 50%;}

.datepicker-controls .select-wrapper input{display: none;}
.datepicker-controls .select-wrapper select{    width: auto; padding: initial; display: block; margin: 10px 5px;}

/********BEGIN FIERA***********/
body.op-fiera{overflow-y: hidden;}
body.op-fiera #wrap{width: 100%; max-width: 100%; padding-top:0; padding-bottom:0;}
body.op-fiera #footer{display: none;}

#back-to-fair{    position: fixed;
    bottom: 0;
    width: 100%;
    height: 48px;
    background: #0c84226b;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 48px;
    font-size: 1.5rem;
    z-index: 10; cursor: pointer;transition-duration: 0.4s; -webkit-transition-duration:0.4s; }
#back-to-fair:hover{background: #0c8422;}    
#back-to-fair a{color: #fff;}
body.op-fiera #back-to-fair,
body.home #back-to-fair{display: none;}

#layout{     position: relative; width: 100%; overflow-x: hidden; overflow-y: visible;  background: url(/i/l/SFONDO.png) no-repeat left top; background-size:cover; }
#layout-overlay{position: absolute;z-index: 10; position: fixed;}

#layout .link-box{opacity: 0;}
#layout .link-box{ position: absolute;  z-index: 1; }
#layout .link-box a{position: relative;display: block; width: 100%; height: 100%; }
#layout .link-box a:hover img{opacity: 1;}
#layout .link-box a img{ display: block; transition-duration: 0.6s; -webkit-transition-duration:0.6s; z-index: 8; margin: 0 auto; }
#layout .link-box a img.greyscale{ filter: grayscale(40%); }
/*
#layout .link-box a::before{
    content: "touch_app";     font-family: 'Material Icons'; font-size: 48px; position: absolute; left: calc(50% - 24px); top: calc(50% - 24px);
    z-index: 2;
    transition: opacity .9s, transform .9s, -webkit-transform .9s;
    -webkit-animation: pulse-animation 2s cubic-bezier(0.48, 0, 0.79, 2) infinite;
    animation: pulse-animation 2s cubic-bezier(0.48, 0, 0.79, 2) infinite;
    color: #ffffffb8;
}
*/


#layout .walkino{ position: absolute; z-index: 2;}
#layout .walkino img{ display: block; margin: 0 auto;}

#layout .bandiera{ position: absolute;}
#layout .bandiera img{ display: block; margin: 0 auto;}

#layout.redux{}
#layout.redux #istituti{  top: 66%; left: 37%;}
#layout.redux #arena{ top: 8%; left: 36%;}
#layout.redux .stand-uni.centro{left: 71%; top: 36%;}
#layout.redux .stand-uni.generico{left: 10%;  top: 27%;}

#layout.redux #walkino1{ left: 31%; top: 57%; }
#layout.redux #walkino2{ left: 54%;  top: 61%; }
#layout.redux #walkino3{ left: 33%; top: 40%; }
#layout.redux #walkino4{ top: 21%; left: 71%; }
#layout.redux #walkino5{ display: none; }

#layout.redux #bandieras1{    top: 19%; left: 29%;}
#layout.redux #bandieras2{    top: 79%; left: 75%;}
#layout.redux #bandierad1{    top: 10%; left: 59%;}
#layout.redux #bandierad2{    top: 75%; left: 25%;}

#layout.all{}
#layout.all #istituti{     top: 69%; left: 46%;}
#layout.all #arena{ top: 8%; left: 36%;}
#layout.all .stand-uni.generico{left: 21%; top: 53%;}
#layout.all .india{top: 23%; left: 78%;}
#layout.all .cina{left: 15%; top: 4%;}
#layout.all .indonesia{ top: 33%;left: 2%;}
#layout.all .iran{ top: 3px; left: 64%;}
#layout.all .vietnam{    top: 51%; left: 61%;}

#layout.all #walkino3{ left: 34%; top: 45%;}
#layout.all #walkino4{ top: 8%; left: 59%; }
#layout.all #walkino6{ top: 41%; left: 23%; }
#layout.all #walkino7{ top: 67%; left: 44%;}
#layout.all #walkino8{ top: 57%; left: 59%; }
#layout.all #walkino9{ top: 39%; left: 70%; }
#layout.all #walkino10{ top: 78%; left: 17%; }
#layout.all #walkino11{ top: 81%; left: 63%; }
#layout.all #walkino12{ top: 69%; left: 89%; }

#layout.all #bandieras1{  display: none; }
#layout.all #bandieras2{    top: 79%; left: 5%;}
#layout.all #bandierad1{  display: none; }
#layout.all #bandierad2{    top: 79%; right: 5%;}

@media screen and (max-width: 1800px){
    #layout.redux .link-box a img,
    #layout.redux .walkino img,
    #layout.redux .bandiera img{width: 80%;}
    
    #layout.all .link-box a img,
    #layout.all .walkino img,
    #layout.all .bandiera img{width: 90%;}
}
@media screen and (max-width: 1600px){
    #layout.redux .stand-uni.generico {left: 7%;}
     
    #layout.all .link-box a img,
    #layout.all .walkino img,
    #layout.all .bandiera img{width: 80%;}
    
    #layout.all #walkino3 { left: 38%; }
    #layout.all #walkino7 { top: 58%; left: 49%; }
}
@media screen and (max-width: 1440px){
    #layout.redux .stand-uni.generico {left: 3%;}
    
    #layout.all #walkino6 { top: 18%; left: 7%; }
    #layout.all #walkino9 { top: 35%; left: 76%; }
}
@media screen and (max-width: 1366px){
    #layout.redux .link-box a img,
    #layout.redux .walkino img,
    #layout.redux .bandiera img{width: 75%;}
    
    #layout.redux #arena {top: 5%; left: 33%;}
    
    #layout.redux #bandierad1 {top: 3%; left: 61%;}
    #layout.all .india a img{width: 92%; }
    
    #layout.all .india { top: 25%; }
    #layout.all #walkino12{left: 92%;}
    #layout.all #istituti { top: 73%; left: 50%; }
    #layout.all #walkino11{display: none;}
    
}
@media screen and (max-width: 1280px){
    #layout.all .link-box a img,
    #layout.all .walkino img,
    #layout.all .bandiera img{width: 70%;}
    #layout.all .india a img{width: 85%; }
    
    #layout.all .india { top: 30%; }
    #layout.all #arena { top: 12%; left: 34%; }
    #layout.all .stand-uni.generico { left: 17%; }
    
}
@media screen and (max-width: 1024px){
    #layout.redux .link-box a img,
    #layout.redux .walkino img,
    #layout.redux .bandiera img{width: 65%;}
    
    #layout.redux .stand-uni.generico {left: -4%;}
    #layout.redux #arena { left: 26%;}
    #layout.redux .stand-uni.centro{ top: 44%; }
    
    #layout.all #arena { top: 12%; left: 27%; }
    #layout.all .cina { left: 8%; }
    #layout.all .indonesia { top: 31%; left: -3%; }
    #layout.all #istituti { top: 72%; left: 51%; }
    
}
@media screen and (max-width: 900px){
    #layout.redux .stand-uni.generico {top: 35%;}
    #layout.redux .stand-uni.centro {top: 45%;}
    
    #layout.redux #walkino4 { top: 18%; left: inherit; right: 5%; }
    
    #layout.all .link-box a img,
    #layout.all .walkino img,
    #layout.all .bandiera img{width: 85%;}
    
    #layout.all .link-box{position: relative;  display: inline-block; left:0 !important; right:0 !important; top: 0 !important; bottom: 0 !important;}
    #layout.all #arena{display: block; width: 75%; margin: 10px auto 0; }
    #layout.all #istituti{display: block; width: 35%; margin: 0 auto 30px; }
    
    #layout.all .stand-uni{    width: 49%; margin: 10px auto; display: inline-block;}
    
    
    #layout.all #walkino3{ left: 25%; top: 58%; }
    #layout.all #walkino4 { top: 17%; left: 82%; }
    #layout.all #walkino6,
    #layout.all #walkino12{display: none;}
    #layout.all #walkino7 { top: 78%; left: 41%; }
    #layout.all #walkino8 { top: 115%; left: 43%; }
    #layout.all #walkino9 { top: 148%; left: 42%; }
    #layout.all #walkino10 { top: 169%; left: 49%; }
    
    #layout.all #bandierad2 { top: 49%; right: 5%; }
    #layout.all #bandieras2 { top: 49%; left: 5%; }
    
    #layout.all.3stands .walkino,
    #layout.all.4stands .walkino,
    #layout.all.5stands .walkino{display: none;}
    
    #layout.all .walkino,
    #layout.all .bandiera{display: none;}
}
@media screen and (max-width: 800px){
    #layout.redux .link-box a img,
    #layout.redux .walkino img,
    #layout.redux .bandiera img{width: 75%;}
    
    #layout.redux .link-box{position: relative; left:0 !important; right:0 !important; top: 0 !important; bottom: 0 !important;}
    
    #layout.redux #arena{ float: right;}
    #layout.redux .stand-uni.generico{float: left;}
    #layout.redux .stand-uni.centro{float: right;}
    #layout.redux #istituti{ float: left;}
    
    #layout.redux .stand-uni.centro, 
    #layout.redux #istituti{margin-bottom: 40px;}
    
    #layout.redux #walkino1 { left: 31%; top: 98%; }
    #layout.redux #walkino2{display: none;}
    #layout.redux #walkino3 { left: 44%; top: 49%;}
    #layout.redux #walkino4 { top: 18%; left: inherit; right: 5%; }
    #layout.redux #walkino5{      right: 6%; top: 65%; display: block;}  
    
    #layout.redux #bandieras1{left: 9%;}
    #layout.redux #bandierad1 { top: 4%; left: inherit; right: 17%; }
    #layout.redux #bandierad2 { top: 127%; left: 25%; }
    
    #layout.redux #walkino1,
    #layout.redux #bandierad2,
    #layout.redux #bandieras2{display: none;}
    
    #layout.redux.min #walkino5{    top: 78%;}
    
    #layout.all .walkino img{width: 80%;}
    
    #layout.all #walkino3{top: 51%;}
    #layout.all #walkino7 { top: 68%; }
    #layout.all #walkino8 { top: 102%; }
    
    #layout.all #walkino10 { top: 176%; }
}
@media screen and (max-width: 768px){
    #layout.all #walkino10 { top: 167%;  }
    #layout.redux #walkino5{top:54%;}
    #layout.redux #walkino4 { top: 11%; }
}
@media screen and (max-width: 720px){
    #layout.redux .link-box a img,
    #layout.redux .walkino img,
    #layout.redux .bandiera img{width: 80%;}
    
    #layout.redux #arena{margin-top: 20px;}
    #layout.redux .stand-uni.generico{ top: 55%;}
    #layout.redux .stand-uni.centro{ top: 87%;}
    #layout.redux #istituti{ top: 117%; }
    
    #layout.redux #walkino1 { left: 9%; top: 131%; }
    #layout.redux #walkino3 { left: 44%; top: 49%;}
    #layout.redux #walkino4 { top: 18%; left: inherit; right: 5%; }
    
    #layout.redux #bandieras2 { top: 67%; }
    #layout.redux #bandierad2 { top: 156%; }
    
    #layout.all #walkino3{top: 34%;}
    #layout.all #walkino7 { top: 58%; }
    #layout.all #walkino8 { top: 92%; }
    #layout.all #walkino9 { top: 128%; }
    #layout.all #walkino10 { top: 159%; }
}

@media screen and (max-width: 640px){
    #layout.redux #walkino4 { top: 32%; }
    #layout.redux #walkino3 { left: 8%; }
    
    #layout.redux #walkino1,
    #layout.redux #bandierad2,
    #layout.redux #bandieras2{display: none;}
    
    #layout.redux.min #walkino5 { top: 93%; }
    
    #layout.all .walkino img{width: 70%;}
    #layout.all #walkino8 { top: 84%; }
    #layout.all #walkino9 { top: 119%;} 
    #layout.all #walkino10 { top: 143%; }
    
    #layout.all #bandieras2,
    #layout.all #bandierad2 { top: 34%; }
}
@media screen and (max-width: 600px){
    #layout.all #walkino9,
    #layout.all #walkino10 {display: none;}
}
@media screen and (max-width: 480px){
    #layout.redux .link-box{margin-bottom: 30px;}
    
    #layout.redux #walkino3 { top: 86%; }
    #layout.redux .bandiera,
    #layout.redux #walkino4,
    #layout.redux #walkino5, 
    #layout .walkino{display: none;}
    
    #layout.redux.min #walkino3{display: none;}
    
    #layout.all .walkino img { width: 56%;}
    #layout.all #bandieras2, #layout.all #bandierad2{top: 5%;}
    #layout.all #bandieras2{left: 0;}
    #layout.all #bandierad2{right: 0;}
    #layout.all .bandiera img { width: 48%;}
    
    #layout.redux #istituti{ width: 100%; }
    
}
@media screen and (max-width: 425px){
    #layout.redux #walkino4{top: 22%;}
    #layout.redux #walkino3{top:70%; left:67%;}
    #layout.redux #walkino3 img{    transform: scaleX(-1); }
    
    #layout.all .walkino img { width: 48%;}
    
}
@media screen and (max-width: 375px){
    #layout.redux #walkino4{top: 16%;}
    #layout.redux #walkino3{top:63%; }
    
    #layout.all #walkino3 {top: 26%; }
    #layout.all #walkino7 { top: 50%; }
    
}
@media screen and (max-width: 360px){
    
    
}
@media screen and (max-width: 320px){
    #layout.redux #walkino4{top: 16%;}
    #layout.redux #walkino3{top:54%; }
    
    #layout.all .walkino img { width: 40%;}
    #layout.all #walkino7 { top: 44%; }
    #layout.all #walkino8 { top: 76%; }
    
}






.enfatize{animation-name: enfatize;
        animation-timing-function: ease;
        animation-duration: 1.5s;
        animation-iteration-count: 1;}
.enfatize-inf{animation-name: enfatize;
        animation-timing-function: ease;
        animation-duration: 1.5s;
        animation-iteration-count: 2;}        
.blink-icon {
        animation-name: bounce-6;
        animation-timing-function: ease;
        animation-duration: 2s;
        animation-iteration-count: 1;
    }
.fall {
        animation-name: fall;
        animation-timing-function: ease;
        animation-duration: 2s;
        animation-iteration-count: 1;
    }    
 @keyframes bounce-6 {
        0%   { transform: scale(1,1)      translateY(0); }
        10%  { transform: scale(1.1,.9)   translateY(0); }
        30%  { transform: scale(.9,1.1)   translateY(-20px); }
        50%  { transform: scale(1.05,.95) translateY(0); }
        65%  { transform: scale(1,1)      translateY(-10px); }
        84%  { transform: scale(1,1)      translateY(0); }
        100% { transform: scale(1,1)      translateY(0); }
    }
 @-webkit-keyframes  bounce-6 {
        0%   { transform: scale(1,1)      translateY(0); }
        10%  { transform: scale(1.1,.9)   translateY(0); }
        30%  { transform: scale(.9,1.1)   translateY(-20px); }
        50%  { transform: scale(1.05,.95) translateY(0); }
        65%  { transform: scale(1,1)      translateY(-10px); }
        84%  { transform: scale(1,1)      translateY(0); }
        100% { transform: scale(1,1)      translateY(0); }
    }
  @keyframes fall {
        0%   { transform: scale(1,1)      translateY(-30px); opacity: 0.5; }
        50%  { transform: scale(1.1,1.1)  translateY(-15px); opacity: 0.8; }
        100% { transform: scale(1,1)      translateY(0); opacity: 1;}
    }
 @-webkit-keyframes  fall {
        0%   { transform: scale(1,1)      translateY(-30px); opacity: 0.5; }
        50%  { transform: scale(1.1,1.1)   translateY(-15px); opacity: 0.8;}
        100% { transform: scale(1,1)      translateY(0); opacity: 1; }
    }
 @keyframes enfatize {
        0%   { transform: scale(1,1) }
        50%  { transform: scale(1.05)  }
        100% { transform: scale(1,1) }
    }   
 @-webkit-keyframes enfatize {
        0%   { transform: scale(1,1) }
        50%  { transform: scale(1.05)  }
        100% { transform: scale(1,1) }
    }
/******SIDE PAGES******/
.side-page{ position: absolute; position: fixed;right: -50%; width: 50%; height: calc(100% - 93px); overflow-y: scroll;    transition-duration: 2s;  -webkit-transition-duration: 2s;z-index: 20; background: #fff;    padding: 50px 3% 20px;}

.side-page h2{    font-size: 3.7rem; font-weight: bold;}
.side-page p,
.side-page ul li{    font-size: 1.4rem; color: rgba(0,0,0,0.7);     line-height: 2.3rem}
.side-page-istituti ul{      margin-top: 50px; list-style-type: disc; padding-left: 20px;}
.side-page-istituti ul li{    color: rgba(0,0,0,0.7); list-style-type: disc;     line-height: 1.7rem; margin-bottom: 15px; /* font-weight: bold;*/}
.side-page-istituti ul li a{}

.side-page-stand-uni{}
.side-page-stand-uni a.chat-link{margin-top: 50px;margin-top: 50px;
    /*position: fixed;*/ float: right;
    right: 35px;
    bottom: 20px;
    overflow: visible;}
.side-page-stand-uni.active a.chat-link{float: none; position: fixed; overflow: hidden;}    
.chat-link.hide{display: none;}

.side-page iframe,
.side-page img{max-width: 100% !important;}
/******ISTITUTI******/
.op-istituto #wrap{    width: 100%;
    max-width: 100%;}
.istituto-logo{max-width: 400px; display: block; width: 100%; margin: 10px auto 10px;}
#istituto-wrap{    padding: 20px 0;}
#istituto-wrap h1{}
#poster-container{cursor:zoom-in;}
.istituto-poster{width: 100%; max-width: 100%;}
#istituto-wrap .istituto-page{line-height: 1.8rem;}
#istituto-wrap .zoom-link{    margin-top: 30px;}

#istituto-wrap img,
#istituto-wrap img iframe{max-width: 100% !important; height: auto;}
.js-image-zoom__zoomed-image{z-index: 50;}

.side-page-stand-uni ul li,
#istituto-wrap .istituto-page ul li{list-style-type: disc !important; padding-left: 0px; margin-left: 20px;}
/********END FIERA***********/


/*****REGISTRATION FORM******/
#register_form{      background: #eee;
    padding: 10px 15px;
    border-radius: 10px;
    margin-top: 20px;}

.reg_modulo_breve li label {
    width: 44%;
    display: inline-block;
    font-size: 15px; margin-right: 1%; font-weight: bold;color: #1a1a1a;
}

.reg_modulo_breve li input, .reg_modulo_breve li select { width: 55%; display: inline-block;line-height: 2em; color: #333;     border: 1px solid #cfd1d2; }
.reg_modulo_breve input[type=text],
.reg_modulo_breve input[type=number],
.reg_modulo_breve input[type=email]{width: 50% !important; }
.reg_modulo_breve li select{ padding: 0.7rem;  width: 52%; }
.reg_modulo_breve input[type=text], .reg_modulo_breve input[type=password], .reg_modulo_breve input[type=email], .reg_modulo_breve input[type=number], textarea{padding: 0.2rem 1%; font-size: 15px;    background: #fff;
    height: auto;}

.reg_modulo_breve li { display: flex; margin: 2% auto; padding-left: 0 !important; background-image: none !important;align-items: center; }

.reg_modulo_breve li label{ }
.reg_modulo_breve li textarea{    width: 50%; display: inline-block;}
.reg_modulo_breve li .check-container{display: inline-block; width: 52%;}
.reg_modulo_breve li .check-container span{    display: block;    margin-bottom: 5px;}
.reg_modulo_breve li .check-container input{    width: 32px; height: 15px;opacity: 1;
    position: inherit;
    pointer-events: all;}
.redInput {
    /*background: #FDB2B2 !important;*/
    border: 2px solid #c21521 !important;
}

#registration_submit{     margin: 10px auto; font-size: 1.4rem; min-width: 50%;}

.privacy_reg{ margin-top: 2em; }
.privacy_reg label{    color: #1a1a1a;}

#response_msg p{font-size: 1.9rem;
    line-height: 3.8rem;
    /*display: inline-flex;*/
    align-items: center;
    vertical-align: middle;}
#response_msg p a.btn{    cursor: pointer;      margin-left: 9px; font-size: 1.3rem;}
/******BEGIN HOME******/
body.home #wrap{width: 100%;padding-top: 0;    max-width: 100%;}
#home-wrap{}
#home-wrap p{    font-size: 2rem; line-height: 2.4rem; margin-bottom: 10px;}
#home-wrap a.btn{    margin-top: 30px; margin-top: 30px;  height: 48px; line-height: 48px; font-size: 1.5rem;}
#home-wrap img{    width: 100%;}
#home-wrap .container{ width: 60%;}

#home-wrap .row1{ }
#home-wrap .row1 .testo-container{    position: relative; top: -120px;}
#home-wrap .row1 .row{margin-bottom: 0;}
#home-wrap .row2{    margin-top: 50px;     background: #F2F2F2;    padding: 50px 0;}
#home-wrap .row2 .row{margin-bottom: 0;}
#home-wrap .row2 p{ }
#home-wrap .row2 img{width: 75%;}
#home-wrap .row2 a.btn{    float: right; margin-top: 0;}
/******END HOME******/

/******BEGIN CALENDAR******/
body.page11{background: url(/i/calendar-bg.jpg) no-repeat left top; background-attachment: fixed;}
body.page11 #wrap{    background: transparent;}
body.page11 h1{    color: #008b2f;   text-align: left;}
body.page11 h2{position: relative; padding-top: 20px;}
body.page11 h2::before{content: "";
    height: 2px;
    background: #999;
    width: 100%;
    position: absolute;
    top: 0;
    left: -2%;
    width: 104%;}
body.page11 h3{margin-bottom: 0;}
body.page11 p{     font-size: 1.3rem; line-height: 2rem;}
body.page11 sub{ margin-bottom: 20px; display: block; bottom: -0.6rem;}
body.page11 table{}
body.page11 table tr{    border: none;}
body.page11 table td{    padding-bottom: 40px;}
/******END CALENDAR******/

/******SIDENAV***********/
.sidenav .user-view i{color: #fff;
    font-size: 48px;
    border-radius: 100%;
    border: 1px solid #ffF;
    padding: 10px;}
.sidenav .user-view a{color: #fff;}

.btn > i{display: none;}