/*overrides bootstrap.css*/
@import url("fonts.css");

/* Admin panel inizio */
TSFE_ADMIN_PANEL, #TSFE_ADMIN_PANEL_FORM{
 position:fixed!important;
    top:0!important;
    left:0!important;
}
/* Admin panel fine */

html{
    font-size:14px;/*font base*/
    box-sizing: border-box;
}

body{
    font-family: 'Montserrat', Arial, sans-serif;
    font-size:1rem;
    color:#333;
    height:100%;
    min-height: 100%;
    padding-top: 52px;
    font-weight: 300;
}


.content-wrap{
    width: 100%;
    padding: 0 0 4rem 0;
    margin-top: 80px;
}

.content-wrap{
    margin-top: 74px;
}

a{
    text-decoration:underline;
    color:#002D53;
    transition: background .6s ease .0s;
}

.ce-image.ce-center.ce-above figure {
    text-align: center;
}

.home .ce-bodytext{
    margin-top:2rem;
}

/* Open day */

.home.openday .ce-media img{
    margin-top:2rem;
    width:auto;
    height:auto;
}

.home.openday .ce-textpic.ce-center.ce-above .ce-bodytext, .home.openday .ce-textpic.ce-center.ce-below .ce-bodytext{
    text-align: center;
}

.home.openday #c52799 .ce-textpic .ce-gallery{
    position:relative;
}

.home.openday #c52799 .ce-textpic .ce-gallery .ce-column figcaption{
    display:none;
}


.home.openday #c52799 .ce-textpic .ce-gallery .ce-column:nth-child(1) .ce-media{
    max-height:50vh;
}

.home.openday #c52799 .ce-textpic .ce-gallery .ce-column:nth-child(1) img{
    max-width:unset;
    height:auto;
}

.home.openday #c52799 .ce-textpic .ce-gallery .ce-column:nth-child(2){
    position: absolute;
    right: 3.5%;
    top: 30%;
    max-width: 80%;
}

.home.openday #c52799 .ce-textpic .ce-gallery .ce-column:nth-child(2) img{
    width:80vw;
    height:auto;
    stroke: #ee7203;
    stroke-width: 1;
    stroke-linecap: butt;
    stroke-dasharray: 0;
}


.home.openday #c52799 .ce-media img{
    margin-top:0;
}

#c52818 .ce-menu li, #c52818 .ce-menu .img a{
    text-align:center;
    height:300px;
}


#c52818 .ce-menu .img span.text {
    position:relative;
    display:inline-block;
    border: 1px solid #fff;
    border-radius: 20px;
    width: auto;
    padding: 0 1rem;
    margin: 0 auto;
    top:-120px;
}

#c52818 .ce-menu .img span.text::before{
    content:url('/fileadmin/user_upload/openday/opendays_icona_calendar_512x478.svg');
    width:150px;
    height:150px;
    display:block;
    position: absolute;
    top: -160px;
    /* left: 25%; */
    margin-left: 22.5%;
    margin-right: 25%;
}

.home .youtube-container .title {
    background-color: transparent;
    /*font-size:2rem;*/
    font-weight: 400;
    color: #000;
}

#c52800 .ce-bodytext{
    font-size:1.2rem;
}


/*

architettura
00b1ff

design
ff00ff

ingegneria
97c21d

*/

#c52808 li a {
    height:160px;
}

#c52808 li:nth-child(1) a {
    background-color:#00b1ff;
}

#c52808 li:nth-child(2) a {
    background-color:#ff00ff;
}

#c52808 li:nth-child(3) a {
    background-color:#97c21d;
}



    /* blocchi di login  [inizio]*/

.tx-felogin-pi1 {
    width: 90%;
    margin: 0 auto 2rem 0;
   /* background-color: lawngreen;*/
    border-radius: .5rem;
    padding: 1rem;
}

.tx-felogin-pi1 label{
    display:inline-block;
}

.tx-felogin-pi1 legend{
    display:none;
}

/*blocchi di login [fine]*/

.ce-media a{
    display:inline-block;
    padding:2rem 1rem;
    /* Force break in very long link */
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}


a:hover{
    background-color:#547ab0;
    color:#fff;
}

.ce-media a:hover{
    background-color:#e9e9e9;
}

/* Stile Buttons*/

/*chatbot*/
a.chatbot{
    text-align:center;
    text-decoration:none;
    display:block;
    width:100%;
    border:2px solid #557bb0;
    background: rgb(47,172,102);
    background: linear-gradient(93deg, rgba(47,172,102,1) 0%, rgba(0,161,154,1) 33%, rgba(46,169,178,1) 67%, rgba(85,123,176,1) 100%);
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    padding:1rem;
    position:relative;
    overflow:hidden;
}

.container.chatbot{
    text-align:center;
    text-decoration:none;
    display:block;
    border:2px solid #557bb0;
    background: rgb(47,172,102);
    background: linear-gradient(93deg, rgba(47,172,102,1) 0%, rgba(0,161,154,1) 33%, rgba(46,169,178,1) 67%, rgba(85,123,176,1) 100%);
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    padding:1rem;
    position:relative;
    overflow:hidden;
}
.container.chatbot a{
    color:#fff;
    text-decoration: none;
    display: block;
    width:100%;
    height:100%;
}
.container.chatbot:hover a{
    color:#557bb0;
    background-color:transparent;
}

.container.chatbot h1, .container.chatbot h2, .container.chatbot h3, .container.chatbot h4, .container.chatbot h5, .container.chatbot h6{
    color:#fff;
}

.container.chatbot:hover h1, .container.chatbot:hover h2, .container.chatbot:hover h3, .container.chatbot:hover h4, .container.chatbot:hover h5, .container.chatbot:hover h6{
    color:#557bb0;
}

a.chatbot:hover, .container.chatbot:hover {
    border:2px solid #557bb0;
    background:#fff;
    color:#557bb0;
}

a.chatbot span::before{
    display:block;
    height:100px;
    width:100px;
    content:"";
    background-image: url("../Images/chatbot/chatbot_robot_completo_bianco.svg");
    background-repeat:no-repeat;
    background-position:top center;
    background-size:100px;
    margin: 0 auto 1rem auto;
    transform: translateX(12%);
}

a.chatbot:hover span::before{
    background-image: url("../Images/chatbot/chatbot_robot_completo_rollover.svg");
}

.mynews-list-morelink h2, .mynews-list-morelink h2,.mynews-list-morelink h3, .mynews-list-morelink h4{
    text-align:center;
    font-weight:normal;
    /*text-transform:none;*/
}

/* Studenti Erasmus Sedi Partner [inizio]*/
a.sedeLink{
    display:block;
    margin-bottom: 1rem;
}
/* Studenti Erasmus Sedi Partner [fine]*/

.breadcrumb a{
    display: inline-block;
    padding: 0 .2rem;
}

.corsi .breadcrumb{
    margin-top:34px;
}

input[type='submit']{
    background-color:#547ab0;
    color:#fff;
    border-radius:0;
    border:2px solid #547ab0;
}

input[type='submit']:hover{
    background-color:#fff;
    color:#547ab0;
}

ul{
    margin-bottom: 2rem;
}


/*Carta di identita*/

.cartaIdentita{
    text-align: center;
}

.cartaIdentita h1, .cartaIdentita h2,.cartaIdentita h3{
    text-align: center;
}

.cartaIdentita ul{
    border-top:3px solid #333;
    margin:0;
    padding:0;
    font-size:1.1rem;
}

.cartaIdentita ul li{
    border-bottom:1px solid #333;
    padding: .5rem 0;
}




/* Documents */

ul.ce-uploads{
    list-style-type:none;
    margin:0;
    padding:0;
}

.ce-uploads-description{
    display:block;
}

.ce-uploads-filesize:before{
    content:'(';
    padding-left: 10px;
}

.ce-uploads-filesize:after{
    content:')';
}
/* fine ce-uploads */

.mail{
    display: inline-block;
    margin-left: .5rem;
}

a[href $='.doc']::before,
a[href $='.docx']::before,
a[href $='.txt']::before{
    font-family: 'FontAwesome', sans-serif;
    -webkit-font-smoothing: antialiased;
    content: "\f0f6";
    display: inline-block;
    margin-right: 5px;
    position: relative;
}

/* Spreadsheet */
a[href $='.xls']:before,
a[href $='.xlsx']:before {
    -webkit-font-smoothing: antialiased;
    font-family: 'FontAwesome', sans-serif;
    content: "\f1c3";
    display: inline-block;
    margin-right: 5px;
    position: relative;
}

/* E-book */
a[href $='.pdf']:before,
a[href $='.mobi']:before,
a[href $='.epub']:before {
    -webkit-font-smoothing: antialiased;
    font-family: 'FontAwesome', sans-serif;
    content: "\f1c1";
    display: inline-block;
    margin-right: 5px;
    position: relative;
}

/* Audio */
a[href $='.mp3']:before {
    -webkit-font-smoothing: antialiased;
    font-family: 'FontAwesome', sans-serif;
    content: "\f500";
    display: inline-block;
    margin-right: 5px;
    position: relative;
}

/* Video */
a[href $='.mp4']:before,
a[href $='.mov']:before {
    -webkit-font-smoothing: antialiased;
    font-family: 'FontAwesome', sans-serif;
    content: "\f1c8";
    display: inline-block;
    margin-right: 5px;
    position: relative;
}

/* E-mail */
a[href ^='mailto:']:before,
a[href *='linkTo_UnCryptMailto']:before {
    -webkit-font-smoothing: antialiased;
    font-family: 'FontAwesome', sans-serif;
    content: "\f003";
    display: inline-block;
    margin-right: 5px;
    position: relative;
}

/* Archive*/
a[href $='.zip']:before{
    -webkit-font-smoothing: antialiased;
    font-family: 'FontAwesome', sans-serif;
    content: "\f1c6";
    display: inline-block;
    margin-right: 5px;
    position: relative;
}

/* External link... o meglio, link che cominciano con http*/
/*a[href ^='http']:before{
    -webkit-font-smoothing: antialiased;
    font-family: 'FontAwesome', sans-serif;
    content: "\f0c1";
    display: inline-block;
    margin-right: 5px;
    position: relative;
}

#tipo1 a[href ^='http']:before, #tipo2 a[href ^='http']:before, #tipo3 a[href ^='http']:before, #tipo4 a[href ^='http']:before, #socialNetworks a[href ^='http']:before, #lichinese a[href ^='http']:before {
    content: none;
    margin-right:0;
}*/

/* nasconde immagine tipo file in tt_news */


.news-single-files img{
    display:none;
}

.news-single-files a{
    margin-right:1rem;
}
.news-single-rightbox{
    margin-bottom: 2.875rem;
}

.newsDate{
    font-weight:600;
}
.newsTime{
    margin-left:.5rem;
    font-weight:400;
}

b, strong{
    /* color:#333;*/
}

label{
    font-weight: bold;
    display: block;
    text-align: left;
    line-height: 1.5rem;
}

.bold{
    font-weight: bold;
}


/*#### blockquote [inizio] ####*/

blockquote{
    color:#00ACD7;
    font-style:italic;
    font-family: 'Alegreya', serif;
    font-size: 180%;
    border-left:none;
}

blockquote p{
    line-height:140%;
}

blockquote p:before{
    content:url('/fileadmin/include/storie-polimi/img/virgolette_su.png');
}

blockquote p:after{
    content:url('/fileadmin/include/storie-polimi/img/virgolette_giu.png');
}

/*#### blockquote [fine] ####*/

/* WFQBE generici [inizio]*/

/* borse di studio DSU*/
#borseStudioNonDSUSearch .wfqbe_even{

    background-color: transparent; /*ie fix*/
    background-color: unset;
}

select{
    -webkit-appearance: none;
    padding:.2rem .5rem;
    border-radius: 0;
    border-color: #758c9b;
    margin-bottom:1rem;
    background-image: url("../Images/freccia_accordion_DOWN.svg");
    background-repeat:no-repeat;
    background-position:97% center;
    background-size:10px;
}

/* WFQBE generici [fine]*/

/* FRONT END ADMIN [inizio]*/

.feAdmin label{
    color:#333;
}

.feAdmin .glyphicon-edit{
    display:block;
}

.glyphicon-edit:before{
    font-family:'Glyphicons Halflings', sans-serif;
}

.feAdmin .voce{
    border-bottom:1px dotted #333;
    padding-bottom:1rem;
    margin-bottom:1rem;
}

.feAdmin .voce1{
    background-color:greenyellow;
    border-radius:12px;
}

.feAdmin .wfqbe_browser{
    margin-bottom:1rem;
}

.feAdmin input[type="text"], .feAdmin textarea{
    display:block;
    width:100%;
}

.feAdmin input[type='submit'] {
    background-color: #547ab0;
    color: #fff;
    border-radius: 0;
    border: 2px solid #547ab0;
    padding:1rem;
    margin: 2rem;
    width:90%;
}

.feAdmin input[type='submit']:hover{
    color: #547ab0;
    background-color: #fff;
}

.feAdmin input, .feAdmin .field a, .feAdmin textarea, .feAdmin .field{
    font-size:1rem;
}

.feAdmin .field a[href *='wfqbe_editing_mode']{
    display:inline-block;
    width:auto;
    margin:.5rem;
}

.feAdmin table.wfqbe_table_results tr{
    overflow:hidden;
}

.feAdmin table.wfqbe_table_results td, .feAdmin table.wfqbe_table_results th {
    vertical-align:top;
    overflow:hidden;
    width:auto;
}

.feAdmin .wfqbe_required_field {
    color: red;
    background-color: yellow;
}

.feAdmin table{
    font-size:.8rem;
}

.feAdmin .tx-wfqbe-pi1{
    overflow-x: scroll;
}
/* FRONT END ADMIN [fine]*/


/* LISTE SEMPLICI gli elementi <li>*/
.container li{
    margin-bottom:1rem;
}

/* Liste CE-MENU [inizio]*/

.ce-menu, .bandi-list{
    list-style-type:none;
    margin:0 auto;
    padding:0;
    display: block;
    width:100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.wfqbe_browser{
    margin:2rem 0;
}

.ce-menu img{
    width:100%;
    height:auto;
}

.ce-menu li, .bandi-list li, .rowitems ul li{
    border-bottom:1px dotted #333;
}

[class*="frame-type-menu"] li{
    border:none;
    border-bottom:1px dotted #333;
    margin-bottom:0;
}

[class*="frame-type-menu"] li.list-group-item{
    padding:0;
}

.ce-menu ul{
    list-style-type:none;
}

.ce-menu a, .bandi-list a, .rowitems ul li a, .rowitems h2 a,.rowitems h3 a{
    text-decoration: none;
    width:100%;
    padding:.7rem .7rem .7rem 2rem;
    display:block;
    position:relative;
}

.ce-menu li:last-child{
    border-bottom:none;
}

.ce-menu a:hover, .bandi-list a:hover, .rowitems ul li a:hover{
    color:#fff;
}

.ce-menu a:before, .bandi-list a:before, .rowitems ul li a:before, .rowitems h2 a:before,.rowitems h3 a:before{
    font-family: 'FontAwesome', sans-serif;
    content: "\f054";
    margin-right:1rem;
    position:absolute;
    left:.5rem;
}

.ce-menu[menu-type="background"],.ce-menu[menu-type="graphics"]{
    list-style-type:none;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-around;
}

.ce-menu[menu-type="background"] a,.ce-menu[menu-type="graphics"] a{
    margin:0;
    padding:0;
}

.ce-menu[menu-type="graphics"] hr{
    border-top: 1px solid #333;
}

.ce-menu[menu-type="graphics"] .abstract a{
    color:#547ab0;
    width:auto;
    display: inline;
}

.ce-menu[menu-type="graphics"] .abstract a:hover{
    color:#547ab0;
    border-bottom:3px solid #547ab0;
}

.ce-menu[menu-type="background"] a:before,.ce-menu[menu-type="graphics"] a:before{
    content:"";
}

.ce-menu[menu-type="background"] li,.ce-menu[menu-type="graphics"] li{
    border:none;
}

/* menu grafico in visiting professor */
.ce-menu-10, a:before{
    content: none;
}

.ce-menu-1 a.cur, .ce-menu-1 a.active{
    background-color: #333;
    color:#fff;
}

.ce-menu .sottotitolo{
    display:inline-block;
    padding-left:2rem;
    margin-bottom:2rem;
}


.ce-menu.col2 li{
    /*
    questo segnaposto per ricordare che esiste il menu su due colonne.
    Su smartphone non agisce, andate alla versione tablet
    alla mediaquery @media (min-width:768px)
    */
}


.ce-menu-110.orizzontale, .ce-menu-50.orizzontale{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin-left:0;
    padding-left:0;
    text-align:center;
    padding-top: 9%;
    padding-left: 2rem;
    padding-bottom: 2.7rem;
    padding-right: 2rem;
    margin-top:2rem;
    min-height: 500px;
}
/* Default */
.ce-menu-50.orizzontale{
    background-image: url(../Images/menuOrizzontale.jpg);
}

/* da qui in poi immagini personalizzate del menu orizzontale grafico a seconda della pagina [inizio] */

.studenti .ce-menu-110.orizzontale, .studenti .ce-menu-50.orizzontale{
    background-image: url(../Images/01_sfondo_studenti.jpg);
}

.studenti.attivitaDidattiche .ce-menu-110.orizzontale, .studenti.attivitaDidattiche .ce-menu-50.orizzontale{
    background-image: url(../Images/02_sfondo_serv_opportunita.jpg);
}

.studenti.scadenze .ce-menu-110.orizzontale,.studenti.scadenze .ce-menu-50.orizzontale{
    background-image: url(../Images/03_sfondo_calendario_scadenze.jpg);
}

/* da qui in poi immagini personalizzate del menu a seconda della pagina [fine] */


.ce-menu-110.orizzontale li, .ce-menu-50.orizzontale li{
    display:inline-block;
    text-align:center;
    width:100%;
    min-width:33%;
    vertical-align:text-top;
    border:none;
    margin-bottom:2rem;
}

.ce-menu-110.orizzontale li a, .ce-menu-50.orizzontale li a{
    text-align: center;
    display:inline-block;
    width: 90%;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    padding:1rem;
    padding-left:.2rem;
    background-color:rgba(0,0,0,0.8);
    position:relative;
    border:1px solid rgba(0,0,0,0.8);
}

.ce-menu-110.orizzontale li a:before, .ce-menu-50.orizzontale li a:before{
    content:'';
}

.ce-menu-110.orizzontale li a:hover, .ce-menu-50.orizzontale li a:hover{
    background-color:#fff;
    color:#000;
}

/* menu orizzontale con immagine a sinistra e destra*/
.ce-menu-110.orizzontale.left, .ce-menu-110.orizzontale.right{
    display: block;
    background-size:contain;
    background-attachment: scroll;/*ie fix*/
    background-attachment: unset;
    background-position:6vw center;
    background-color:transparent;
    border-radius:0;/*ie fix*/
    border-radius:unset;
    width: 100%;
    /* height:100%; */
    position:relative;
    padding:2rem 0;
}

.ce-menu-110.orizzontale.right{
    background-position:right center;
}

/* sfumatura sopra e sotto la foto */
.ce-menu-110.orizzontale.right::after, .ce-menu-110.orizzontale.left::after{
    content:'';
    display:block;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    height:4rem;
    width:100%;
    position:absolute;
    bottom:0;
}

.ce-menu-110.orizzontale.right::before, .ce-menu-110.orizzontale.left::before{
    content:'';
    display:block;
    background-image: linear-gradient(to bottom, #fff,rgba(255, 255, 255, 0));
    height:2rem;
    width:100%;
    position:absolute;
    top:0;
}

.ce-menu-110.orizzontale.left li, .ce-menu-110.orizzontale.right li{
    display:block;
    border-bottom: 1px dotted #333;
    margin-bottom: 0;
    background-color:rgba(255,255,255,0.8);
}

.ce-menu-110.orizzontale.left li a, .ce-menu-110.orizzontale.right li a{
    text-align: left;
    display:block;
    width: 100%;
    color:#547ab0;
    text-decoration:none;
    text-transform:none;
    background-color:transparent;
    position:relative;
    border:none;
    padding: .7rem .7rem .7rem 2rem;
}

.ce-menu-110.orizzontale.left li:last-child, .ce-menu-110.orizzontale.right li:last-child{
    border-bottom:none;
}

.ce-menu-110.orizzontale.left a:hover, .ce-menu-110.orizzontale.right a:hover{
    color:#fff;
    background-color:#547ab0;
}

.ce-menu-110.orizzontale.left a:before, .ce-menu-110.orizzontale.right a:before {
    font-family: 'FontAwesome', sans-serif;
    content: "\f054";
    margin-right:1rem;
    position:absolute;
    left:.5rem;
}

/* MENU THUMBNAIL [inizio] */
.ce-menu-270 li{
    position:relative;
    display:block;
    text-align: center;
    vertical-align: middle;
    margin-bottom:1rem;
}

.ie .ce-menu-270 li{
    margin:.5rem;
}

aside .ce-menu-270 li{
    width:100%;
    margin-bottom: 2rem;
}

aside .ce-menu-270 li a{
    min-height: 150px;
}

aside .ce-menu-270 .text{
    top:10%;
}

.ce-menu-270 img{
    position:relative;
    z-index:0;
    transition: all .6s ease .0s;
    object-fit: cover;
    height: 100%;
}

.ce-menu-270 .text{
    display: block;
    position:absolute;
    z-index: 1000;
    bottom: 22%;
    background-color: rgba(0,0,0,0.8);
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    padding: 1rem;
    color: #fff;
    text-transform:  uppercase;
}

.ce-menu-270 a{
    overflow:hidden;
    height:270px;
}

.ce-menu-270 a:hover .text{
    background-color:rgba(255,255,255,0.8);
    color:#333;
}

.ce-menu-270 .abstract{
    color:#333;
    background-color:rgba(255,255,255,0.7);
    display: block;
    /*position:absolute;*/
    bottom:0;
    z-index: 1000;
    margin-top:1.3rem;
    text-align: left;
}

.ce-menu-270 .abstract a{
    display: inline;
    text-decoration: underline;
}

.ce-menu-270 a:hover .abstract{
    /*color:#fff;*/
}

.ce-menu-270 a:hover{
    padding:0;

}

.ce-menu-270 a:hover img{
    height: 115%;
    width:115%;
}

.ricercaSpinoff .ce-menu-270 li, .ricercaSpinoff .ce-menu-270 li img{
    width:170px;
    height:170px;
    padding:0;
    z-index: 100;
}

.ricercaSpinoff .ce-menu-270 li{
    background-color:#efefef;
}


.ricercaSpinoff .ce-menu-270 li img{
    z-index: 100;
    top:-2px;
}


.ricercaSpinoff .ce-menu-270 li .text{
    /* display:none; */
    bottom:unset;
    position: absolute;
    top: 30%;
    transform: translateY(-30%);
    font-size:.9rem;
    z-index:0;
}

.ricercaSpinoff .ce-menu-270 li a:hover .text{
    border:2px solid #333;
}

.ricercaSpinoff .ce-menu-270 li a:hover{
    background-color:transparent;
}

.ricercaSpinoff .ce-menu-270 li {
    border:1px solid #333;
}

.ricercaSpinoff .ce-menu-270 li a:hover img{
    border:4px solid #222;
}

.tx-ricerca h1{
    text-align: center;
}
.tx-ricerca .filtri_dipartimento h2, .tx-ricerca .filtri_stato h2, .tx-ricerca h2#numero_risultati{
    font-size: unset!important;
    margin-bottom: unset!important;
    text-align: center;
}



/* MENU THUMBNAIL [fine] */

/* MENU ICONE [inizio]*/

.ce-menu-250{
    background-color:#e9e9e9;
    padding: 5% 15% 4% 15%;
    margin-bottom:4rem;
}

.ce-menu-250 li{
    width: 22%;
    min-width:150px;
    position:relative;
    /*display:table-cell;*/
    text-align: center;
    vertical-align: middle;
    margin: 1rem 3% 0 0;
}

.ce-menu-250 li:last-child{
    margin: 1rem 3% 1rem 0;
}

.ce-menu-250 li img{
    width:100px;
    height:100px;
    background-color:#547ab0;
    border-radius:50%;
    padding:5px;
    border: 8px solid #547ab0;
    transition: border .6s ease .0s;
    margin-bottom: 1rem;
}

.ce-menu-250 a:hover img{
    border: 8px solid #44BCE1;
}

.ce-menu-250 span.text{
    display: block;
    text-transform:uppercase;
    font-weight:600;
    color:#547ab0;
}

.ce-menu-250 a:hover{
    background-color:transparent; /*fix ie*/
    background-color:unset;
}

/* MENU ICONE [fine]*/

/* MENU BANNER [inizio]*/

.ce-menu-230 li a{
    transition: all .6s ease .0s;
    background-color: transparent;
}

.ce-menu-230 li{
    text-align:center;
    overflow:hidden;
    margin-bottom: .5rem;
    height: 160px;
    width:100%;
    overflow:  hidden;
}

.ce-menu-230 img{
    height: 100%!important;
    min-height:150px;
    width: auto;
    text-align:center;
    overflow:  hidden;
    object-fit: cover;
    transition: all .6s ease .0s;
}


.ce-menu-230 li:hover img, .ce-menu-230 li:focus img, .ce-menu-230 li:active img{
    width:120%!important;
    height:auto;
    filter:brightness(120%);
}


.ie .ce-menu-230 img{
    width: 100%!important;
    height: auto!important;
}

.ie .ce-menu-230 li:hover img, .ie .ce-menu-230 li:focus img, .ie .ce-menu-230 li:active img{
    width:120%!important;
}


.ce-menu-230 span.text{
    display:block;
    text-transform:uppercase;
    font-weight:100;
    font-size: 2rem;
    color:#fff;
    position:absolute;
    z-index:1000;
    top:20%;
    width:100%;
    text-align:center;
    line-height:normal;
    transition: all .6s ease .0s;
}
.ce-menu-230 li:nth-child(1) a {
    background-color: #0080ae;
    height:100%;
}

.ce-menu-230 li:nth-child(2) a {
    background-color: #1d6b5e;
    height:100%;
}

.ce-menu-230 li:nth-child(3) a {
    background-color: #df9d01;
    height:100%;
}

.ce-menu-230 li:nth-child(3) span.text{
    top:10%;
}

.ce-menu-230 li:hover span.text, .ce-menu-230 li:focus span.text, .ce-menu-230 li:active span.text{
    top:30%;
    color:#333;
}
/* MENU BANNER [fine]*/

/* MENU STRIPE [inizio]*/
.ce-menu.stripe{
    list-style-type: none;
    padding:0 5%;
}

.ce-menu.stripe li{
    width:100%;
    border:none;
}

.ce-menu.stripe a{
    display:block;
    padding: 1rem 2.5rem;
    margin:0;
    text-transform: uppercase;
    text-align:center;
    color:#333;
    width:100%;
    height:auto;
    transition: background .6s ease .0s;
    flex-grow:1;
    border-bottom:1px solid #000;
}

.ce-menu.stripe a:hover{
    background-color: #e9e9e9;
    color:#333;
}

.ce-menu.stripe .current a{
    font-weight: bold;
    border-bottom:3px solid #000;
}

.ce-menu.stripe a:before{
    content:"";
}

.ce-menu.stripe li{
    display: inline-block;
}

/* MENU STRIPE [fine]*/

/* Liste CE-MENU [fine]*/

/* Numbers - Oggetto MASK [inizio]*/

.cce-numbers ul{
    list-style-type: none;
    margin:0;
    padding: 0 2rem;
    text-align:center;
}

.cce-numbers.hasBackgroundImage ul{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


.cce-numbers ul li{
    margin:2rem auto;
    padding:0;
    text-align:center;
    flex-grow:1;
}

.numberItemContainer{
    display: flex;
    justify-content: center;
    flex-direction: column;
    width:280px;
    height:280px;
    border-radius: 50%;
    background-color:#9CC130;
    margin:0 auto;
}

/* il primo pallozzo*/
.cce-numbers ul li:nth-child(5n-4) .numberItemContainer{
    background-color:#9CC130;
}

/* il secondo pallozzo*/
.cce-numbers ul li:nth-child(5n-3) .numberItemContainer{
    background-color:#30B4E0;
}

/* il terzo pallozzo*/
.cce-numbers ul li:nth-child(5n-2) .numberItemContainer{
    background-color:#0085B2;
}
/* il il quarto pallozzo*/
.cce-numbers ul li:nth-child(5n-1) .numberItemContainer{
    background-color:#1E58A8;
}
/*il quinto pallozzo*/
.cce-numbers ul li:nth-child(5n) .numberItemContainer{
    background-color:#FE6F01;
}


.cce-numbers li span{
    text-align: center;
    margin:0 auto;
    line-height: 102%;
    /*word-break: break-all;*/
    color:#fff;
}
.numbertop{
    width:70%;
    padding-top:2rem;
    font-size: 1.5rem;
    vertical-align:bottom;
}
.numbermiddle{
    font-size: 3.4rem;
    font-weight: bold;
    width:95%;
    margin:0 auto;
    vertical-align: middle;
}
.numberbottom{
    width:70%;
    padding-bottom:2rem;
    font-size: 1.5rem;
}
/* Numbers - Oggetto MASK [fine]*/

/* MOOCS - Oggetto MASK [inizio]*/
.cce-moocs .blue{
    color:#44BCE1;
}

.cce-moocs .pedice{
    font-size: 70%;
}

.cce-moocs h2{
    text-align: center;
    margin-bottom: 2rem;
}

.cce-moocs h3, .cce-moocs .data{
    text-align:left;
    padding: 0 40px;
    color:#333;
    display: inline-block;
}

.cce-moocs h3{
    min-height: 80px;
}

.cce-moocs .data{
    margin-bottom : 1rem;
    display:none;
}

.cce-moocs ul{
    margin:0;
    padding:0;
    list-style-type: none;
}

.cce-moocs a{
    display: block;
    background-color:#e9e9e9;
    text-decoration: none;
    color:#44BCE1;
    transition: all .6s ease .0s;
    position: relative;
}

.cce-moocs a:hover img{
    border-color:#333;
}

.cce-moocs a:before{
    content: "";
    margin:0;
}

.cce-moocs a img{
    width:100%!important;
    height:auto!important;
    border: 40px solid #44BCE1 ;
    transition: all .6s ease .0s;
}

/* MOOCS - Oggetto MASK [fine]*/

/* Accesso Riservato */

.container.accessoRiservato{
    border-radius: 4px;
    padding-left: 1rem;
}

.accessoRiservato h1:before, .accessoRiservato h2:before, .accessoRiservato h3:before, .accessoRiservato h4:before, .accessoRiservato h5:before{
    font-family: 'FontAwesome', sans-serif;
    content: "\f023";
    margin-right:1rem;
}

/* Replace [inizio]*/
.replace {
    position:relative;
    margin:0; padding:0;
    /* hide overflow:hidden from IE5/Mac*/
    /* \*/
    overflow: hidden;
    /**/
    z-index: 99;
}

.replace span{
    display:block;
    position:absolute;
    top:0;
    left:0;
    z-index:100; /*for opera 5 and 6 */
}


/* Replace [fine]*/

/*Bottone standard [inizio]*/
a.btn{
    text-decoration:none;
    width:auto;
    text-align:center;
    background: #333;
    border: 2px solid #fff;
    color:#fff;
    z-index:300;
    padding-right:30px;
}

a.btn:hover{
    text-decoration:none;
    color:#333;
    background-color:#fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border:2px solid #333;
}

/*
a.btn:after, a.btn:before {
    position: absolute;
    right: -10px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
}

a.btn:after {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #333;
    border-width: 15px;
    margin-top: -15px;
    right:-8px;
}
a.btn:before {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 15px;
    margin-top: -15px;

}*/

/*Bottone standard [fine]*/

/* fontawesome class
.fa {
    display: inline-block;
    font-family:'FontAwesome', sans-serif;
    font-size: 1.9rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/

/*Social Icons [inizio]*/

i.fa{
    margin:0 2px;
}

.socialIcons{
    display: block;
    text-align: center;
    height:70px;
    width:100%;
}

.socialIcons i.fa {
    border-radius: 6px;
    width: 45px;
    height: 45px;
    padding-top: 6px;
    text-align: center;
    background-color: #333;
    color:#fff;
}
.socialIcons i.fa:hover {
    background-color: #fff;
    color:#333;
}
/*facebook*/
.socialIcons .facebook{
    background-image: url(../Images/socialicons/50x50px_nero_facebook_2017.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
/*twitter*/
.socialIcons .twitter{
    background-image: url(../Images/socialicons/50x50px_nero_twitter_2017.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
/*Podcast*/
.socialIcons .podcast{
    background-image: url(../Images/socialicons/50x50px_nero_podcast_2022.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
/*instagram*/
.socialIcons .instagram{
    background-image: url(../Images/socialicons/50x50px_nero_istagram_2017.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
/*youTube*/
.socialIcons .youtube{
    background-image: url(../Images/socialicons/50x50px_nero_youtube_2017.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

/*LinkedIn*/
.socialIcons .linkedin{
    background-image: url(../Images/socialicons/50x50px_nero_linkedin_2017.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.socialIcons a{
    display:inline-block;
}

/*Social Icons [fine]*/

/*Titoli [inizio]*/

h1,h2,h3,h4,h5,h6, .csc-header{
    font-family:'Montserrat',Arial,sans-serif;
    color:#333;
    text-transform:uppercase;
    margin-top: 1.25rem;
    margin-bottom: .625rem;
    text-align:center;
    font-weight: bold;
}

h1{
    /*font-size:2.8125rem;*/
    font-size: 2.3rem;
    margin-bottom:3rem;
}

h2{
    font-size:1.8rem;
}

#contents{
    position:relative;
    z-index: 900;
}

#contents #content #content_main .container:first-of-type h2:first-of-type, #contents #content .container:first-of-type h2:first-of-type{
    font-size: 2.3rem;
    /*margin-top:3rem;*/
    margin-bottom:3rem;
}

.schedaCorso h2 , .schedaCorso h1{
    text-align:center;
}

#contents #content #content_main .container .schedaCorso h1{
    font-size: 2.3rem;
    margin-bottom:3rem;
}

.news-single-item h2{
    font-size:1.8rem!important;
}

h3, .accordion h1, .accordion h2,.accordion h3{
    font-size:1.3rem;
}
h4,h5,h6{
    font-size:1.2rem;
}

/*titoli della home page*/

.home h1{
    font-size:2.8125rem;
}

/* Sostieni [inizio]*/

a.sostieni, a.sostieni:active, a.sostieni:visited{
    font-family: "Saira Extra Condensed", "Arial Narrow", sans-serif;
    font-size: 1.5rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #d14944;
    color:#fff;
    /*line-height: 44px;*/
    padding: 0 .5rem;

    /*Set position*/
    position:fixed;
    right:0;
    top:38px;
}

a.sostieni:hover{
    text-decoration: none;
    background-color: #fff;
    color:#d14944;
}


#contents #content #content_column_1 .container:first-of-type h2:first-of-type{
    font-size: 1.8rem;
}

#contents #content #content_main .container.sostieni:first-of-type h2:first-of-type, #contents #content .container.sostieni:first-of-type h2:first-of-type{
font-size:1.5rem;
padding:0;
margin:0;

}

.container.sostieni {
    background-color: #d14944;
    margin: 0;
    width: 100%;
    position: fixed;
    top: 126px;
    z-index: 100;
    height: 44px;
}

.container.sostieni a {
    display: block;
    line-height:44px;
    border-top:1px solid #d14944;
    border-bottom:1px solid #d14944;
    border-left:1px solid #d14944;
    font-family: 'Saira Extra Condensed', Impact, sans-serif;
}

.container.sostieni a:hover {
    display: block;
    height: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: #d14944;
    background-color: #fff;
}
/* Sostieni [fine] */

/* COVID 19 Mobile*/
a.covid19, a.covid19:active, a.covid19:visited{
    font-family: "Saira Extra Condensed", "Arial Narrow", sans-serif;
    font-size: 1.5rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #5287bc;
    color:#fff;
    /*line-height: 44px;*/
    padding: 0 .5rem;

    /*Set position*/
    position:fixed;
    right:0;
    top:38px;
}

a.covid19:hover{
    text-decoration: none;
    background-color: #fff;
    color:#5287bc;
}


/*.ce-bodytext h3:first-of-type{
    margin-top:0;
}*/

/* vedi anche */
.vediAnche, .vediAnche h1, .vediAnche h2{
    font-family:'Montserrat',Arial,sans-serif;
    font-size:1.28rem;
    text-transform:initial;
    font-weight: 600;
}

.vediAnche h1 a, .vediAnche h2 a{
    font-size:1.28rem;
}

.vediAnche a{
    color:#547ab0;
    border:2px solid #547ab0;
    background-color:#fff;
    padding:.8rem;
    display:inline-block;
    text-decoration:none;
    transition: background-color .25s ease-in;
}

.vediAnche a:hover{
    background-color:#547ab0;
    color:#fff;
}

.vediAnche a:not([href]), .vediAnche a[href=""], .mynews-list-morelink a:not([href]), .mynews-list-morelink a[href=""]{
    display:none;
}
/* tabelle */

table{
    border-collapse:initial;
    border-spacing: 0.5rem;
    width: 100%;
}

caption{
    border-bottom:2px solid #547ab0;
    margin-bottom: 1rem;
    font-weight: bold;
    color: #333;
}
th{
    border-bottom:3px solid #547ab0;
    background-color:#fff;
}

tr:nth-child(even) {background: #f5f5f5;}
tr:nth-child(odd) {background: #FFF}

td{
    width:1%;
    min-width:100px;
    padding:.5rem;
}

/*Titoli [fine]*/

/*Divider [inizio]*/

.container.divider{
    margin-bottom: 0;
}

.home.openday .container.divider.dividerLine{
    width:100%;
}

hr.ce-div {
    position:relative;
    border-color: #333;
    width:300px;
    height:40px;
    overflow:visible;
}

hr.ce-div:before{
    position:absolute;
    left:50%;
    content: "";
    display: block;
    height:80px;
    width:80px;
    background-color:#fff;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg);
    margin-top:-60px;
    margin-left:-40px;
}
hr.ce-div:after{
    position:absolute;
    left:50%;
    content: "";
    display: block;
    height:80px;
    width:80px;
    background-color:#fff;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg);
    margin-top:-80px;
    margin-left:-40px;
    border:2px solid #333;
}

/* linea solida */
.dividerLine hr.ce-div{
    margin-top: 4rem;
    width:100%;
}

.dividerLine hr.ce-div:before,.dividerLine hr.ce-div:after{
    display:none;
}

/* puntini */
.dividerDotted hr.ce-div{
    margin-top: 4rem;
    width:100%;
    border-style:dotted;
    height:1px;
    margin-top:0;
}

.dividerDotted hr.ce-div:before,.dividerDotted hr.ce-div:after{
    display:none;
}

/* trattini */
.dividerDashed hr.ce-div{
    margin-top: 4rem;
    width:100%;
    border-style:dashed;
    height:1px;
    margin-top:0;
}

.dividerDashed hr.ce-div:before,.dividerDashed hr.ce-div:after{
    display:none;
}

/*Divider [fine]*/

/*Back top top*/
#back-to-top.glyphicon {
    position: fixed;
    top:auto;/* ie fix */
    top: initial;
    bottom: 40px;
    right: 40px;
    z-index: 999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #333;
    cursor: pointer;
    border: 3px solid #758c9b;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top.glyphicon:hover {
    background: #e9ebec;
}
#back-to-top.glyphicon.show {
    opacity: 1;
}

.list-group{
    list-style:none;
}

video { display: block;
    /*width:100%;*/
}

.backgroundFixed{
    background-attachment:fixed;
    background-position:left top;
}

#newsBlock .list-group-item{
    min-height:300px;
    margin-top:5rem;
    background-color:transparent;
}

header{
    /* background-color:#fff;*/
}

/* Font stile class [inizio]*/
.align-center{
    text-align:center;
}

/* Font stile class [fine]*/

/* polij_utente_corrente [inizio] */

#boxAunica{
    text-align:right;
    height:28px;
}

#polij_no_sign{
    background-color: #537a9d;
    min-width:50px;
    text-align:center;
}

#polij_utente_corrente{
    display:block;
    float:right;
    width: auto;
    min-height: 2rem;
    line-height: 25px;
    color: #fff;
    font-size: 0.875rem;
    padding-left:.5rem;
    background-color: #537a9d;
}

#polij_utente_corrente a{
    color:#fff;
    text-decoration:none;
}

#polij_utente_corrente a:before{
    content:'';
}

#polij_utente_corrente a:hover{
    background-color:#547ab0;
    color:#fff;
}

#polij_utente_corrente div#polij_cp{
    display:none;
}

#polij_utente_corrente div#polij_logout a{
    border-left:1px solid ;
    padding:.2rem.5rem;
    font-weight:bold;
}

/* polij_utente_corrente [fine] */

/*Logo politecnico [inizio]*/

.navbar-brand{
    float:none;
    display:block;
    width:70%;
    max-width: 280px;
    height:auto;
    position:relative;
    padding: .8rem .4rem;
}

.navbar-brand > img{
    height: auto;
    width: 100%;
}

.navbar-brand.desktop{
    display:none;
}

.navbar-brand.desktop:hover{
    background-color: transparent;
}
/*Logo politecnico [fine]*/

/* ========== Accordion =====================*/

/* lo trovare in rteCustomClasses.css*/

/* ========== Fine stili Accordion =====================*/

/*====== MASK ACCORDION [inizio] =========================================================================
    occhio nuovo accordion nato per la terza missione
    questo accordion puo contenere anche altri contenuti come menu e paragrafi, e' piu' potente insomma
  ========================================================================================================*/
/*.extbase-debugger, .extbase-debugger-top, .extbase-debugger-center{
    display: none !important;
}*/

.container.cce-accordion, .container.fullwidth.cce-accordion {
    margin-bottom: .8rem;
}

.cce-accordion .hasBackgroundImage{
    height:200px;
    position:relative;
    transition: all .6s ease .0s;
}

.cce-accordion .hasBackgroundImage:hover{
    cursor: pointer;
}

.cce-accordion .title h2{
    padding: 5px 0;
    border:1px solid #758c9b;
    padding-left:2.5rem;
    text-align:left;
    transition: all .6s ease .0s;
    font-size: 1.3rem; /*Same as old accordion*/
}

.cce-accordion .title h2:hover{
    cursor:pointer;
    background-color:#5287bc;
    color:#fff;
}


.cce-accordion .title h2:before, .cce-accordion .title h3:before, .cce-accordion .title h4:before{
    font-family:'FontAwesome', sans-serif;
    content: "\f054";
    font-weight: bold;
    position:absolute;
    left:.9rem;
}

.cce-accordion .title.open h2:before, .cce-accordion .title.open h3:before, .cce-accordion .title.open h4:before {
    content: "\f077";
    left:.5rem;
}

.cce-accordion .hasBackgroundImage h2:before{
    content:"";
    left:initial;
}

.cce-accordion .title.hasBackgroundImage.open h2:before, .cce-accordion .title.hasBackgroundImage.open h3:before, .cce-accordion .title.hasBackgroundImage.open h4:before {
    content:"";
    left:initial;
}

.cce-accordion .hasBackgroundImage h2{
    text-align:center;
    color:#fff;
    font-size:2rem;
    font-weight:300;
    position:absolute;
    top:45%;
    transform:translateY(-45%);
    width:100%;
    padding:0 2rem;
    transition: all .6s ease .0s;
    border:none;
}

.cce-accordion .hasBackgroundImage h2:hover{
    cursor:inherit;
    background-color:transparent;
    color:#fff;
}

.cce-accordion .hasBackgroundImage:hover h2{
    top:60%;
    font-weight:400;
}

.cce-accordion .intro {
    width:95%;
    margin:4rem auto;
}

.cce-accordion .accordionContents{
    height: 0;
    overflow: hidden;
    transition: all .6s ease .0s;
}

.cce-accordion .accordionContents.show{
    height: auto;
    overflow: initial;
}

.cce-accordion .flexitems{
    width:100%;
    margin:0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
}

.cce-accordion .item{
    margin: 0 1%;
    width:100%;
}


.cce-accordion .flexitems .container{
    position:relative;
}

.cce-accordion .item h2, .cce-accordion .item h3,.cce-accordion .item h4{
    text-align:left;
    text-transform:none;
    font-size:1.3rem !important;
}

/* ========== Frame Accordion ================ */


.accordion div,
.accordion ul,
.accordion p{
    display:none;
}

.accordion .show div,
.accordion .show ul,
.accordion .show p {
    display: block !important;
}

.accordion [att^=h]:first-of-type{
    background: #fff;
    transition: background-color .25s ease-in;
}

.accordion header h1:hover,
.accordion header h1.open:hover,
.accordion header h2:hover,
.accordion header h2.open:hover,
.accordion header h3:hover,
.accordion header h3.open:hover{
    cursor:pointer;
    background-color:#5287bc;
}

.accordion header h1:hover,
.accordion header h2:hover,
.accordion header h3:hover{
    color:#fff;
}

.accordion header h1.open,
.accordion header h2.open,
.accordion header h3.open{
    background: #e9e9e9;
}

.accordion header h1,
.accordion header h2,
.accordion header h3,
.accordion header h4{
    padding: 5px 0;
    border:1px solid #758c9b;
    padding-left:2.5rem;
}

.accordion header h1:before,
.accordion header h2:before,
.accordion header h3:before,
.accordion header h4:before{
    font-family:'FontAwesome', sans-serif;
    content: "\f054";
    font-weight: bold;
    position:absolute;
    left:.9rem;
}

.accordion header.open h1:before,
.accordion header.open h2:before,
.accordion header.open h3:before,
.accordion header.open h4:before {
    content: "\f077";
    left:.5rem;
}

/*########### Fine Frame Accordion ##############*/

.terzaMissione .cce-accordion .item h2, .terzaMissione .cce-accordion .item h3, .terzaMissione .cce-accordion .item h4, .terzaMissione .cce-accordion .item .ce-gallery{
    position:absolute;
    top:0;
}

.terzaMissione .cce-accordion .item h2, .terzaMissione .cce-accordion .item h3, .terzaMissione .cce-accordion .item h4{
    top:60vw;
}

.terzaMissione .cce-accordion .item .ce-bodytext{
    margin-top:73vw;
}

/*
nel caso venga inserito un contenuto di tipo menu ne sovrascrivo gli stili
*/

.cce-accordion .item .ce-menu-270 img{
    height:100%;
}

/*====== MASK ACCORDION [fine] =====*/


/* NAVIGAZIONE [inizio]*/

/* ##### Navigation button #####*/

.navbar-inverse{
    background-color:#000;
    padding-top: 35px;
}

.navbar-fixed-top{
    background-color: #0f2c53;
    border-bottom: 1px solid #F5F5F5;
}


header nav {
    background: #0f2c53;
    z-index: 9000;
    transition: right 0.3s ease-in-out 0s;
    -webkit-transition: right 0.3s ease-in-out 0s;
    -moz-transition: right 0.3s ease-in-out 0s;
    -o-transition: right 0.3s ease-in-out 0s;
}

/* Fix per dispositivi ibridi touch e mouse NON CANCELLATELO*/
.dropdown-backdrop {
    display: none;
}

/* ##### MENU PRINCIPALE [inizio] ##### */

.dropdown-menu{
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.3s;
    transition: all 0.6s;
    opacity: 0;
    max-height:0;
    display:block;
    margin:0;
    padding:0;
    border-radius:0px;
    border:none;
    background-color:#0f2c53;
    float:none;
    width:100vw;
    z-index: 0;
    overflow: hidden;
}

.open .dropdown-menu{
    position:absolute;
    opacity: 1;
    max-height:2000px;
    z-index:1000;
    width: 100vw;
    padding: 0 .5rem 2rem .5rem;
    overflow-y:scroll;
}

.dropdown-menu > li > a{
    display:inline-block;
    padding: .5rem 0 .5rem .8rem;
    width: 100%;
    white-space: inherit;
}

.dropdown-menu > .active > a{
    background-color:#547ab0;
}

/*#principale.dropdown-menu > li > a{
    width: 85%;
}*/


.dropdown-menu > li > a:before{
    content:"";
}

.dropdown-menu > li > a:hover, .dropdown-submenu.open > a, .dropdown-menu a.cur{
    background-color: #547ab0;
}

.dropdown-submenu.open > a{
    border-bottom:1px solid #537a9d;
}

.liv0{
    display:flex;
    flex-wrap:nowrap;
    align-items: stretch;
    border-top:1px solid #fff;
    /*border-bottom:1px solid #fff;*/
    padding-top:.5rem!important;
}

.liv0>li{
    display:inline-block;
    text-align:center;
    flex-grow:1;
    text-transform:uppercase;
    font-size:.8rem;
    margin-right:2.1%;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
}

.liv0>li:first-child{
    margin-left:2.1%;
}


.liv0>li.open{
    border-bottom:1px solid #0f2c53;
    background-color:#537ab7;
}

.liv0>li>a{
    width:100%;
}

/* ICONE MENU [inizio]*/
/*htdocs-SSL/typo3conf/ext/sitepackage/Resources/Public/Images/menuPrincipale/menu-button.svg*/
a[title="Menu Principale"]:before, a[title="Main Menu"]:before{
    content:"";
    background-image:url("../Images/menuPrincipale/menu-button.svg");
    background-size:100%;
    display:block;
    width:25px;
    height:25px;
    margin:.5rem auto .1rem auto;
}

a[title="Info per"]:before, a[title="Info"]:before{
    content:"";
    background-image:url("../Images/menuPrincipale/user.svg");
    background-size:100%;
    display:block;
    width:25px;
    height:25px;
    margin:.5rem auto .1rem auto;
}

a[title="Strumenti"]:before, a[title="Tools"]:before{
    content:"";
    background-image:url("../Images/menuPrincipale/cog-wheel-silhouette.svg");
    background-size:100%;
    display:block;
    width:25px;
    height:25px;
    margin:.5rem auto .1rem auto;
}

a[title="Cerca nel sito"]:before, a[title="Search in this site"]:before{
    content:"";
    background-image:url("../Images/menuPrincipale/magnifying-glass.svg");
    background-size:100%;
    display:block;
    width:25px;
    height:25px;
    margin:.5rem auto .1rem auto;
}

a[title="Cambia lingua"]:before, a[title="Change languages"]:before{
    content:"";
    background-image:url("../Images/menuPrincipale/worldwide.svg");
    background-size:100%;
    display:block;
    width:25px;
    height:25px;
    margin:.5rem auto .1rem auto;
}

/* ICONE MENU [fine]*/

.liv0 .open .liv1 .liv2{
    opacity:0;
    max-height:0;
    padding:0;
}

.liv0 .open .liv1 .open .liv2{
    opacity:1;
    max-height:2000px;
}

/*per evitare interferenze tra menu visibili e non visibili*/
/*quello visibile sempre davanti*/
/*[inizio]*/
.liv1.dropdown-menu{
    z-index:900;
    border-left:none;
    width:100vw;
}

.open .liv1.dropdown-menu{
    width:100vw;
    z-index:1000;
    max-height: 100vh;
    overflow-y:scroll;
    padding-top:1rem;
    top: 57px;
}

.addPadding, .open #strumenti{
    padding-bottom:150px;
}

.dropdown {
    position: relative;
    bottom:-1px;
}

.dropdown li{
    z-index:900;
}

.dropdown li.open{
    z-index:1000;
}

/*per evitare interferenze tra menu visibili e non visibili*/
/*quello visibile sempre davanti*/
/*[fine]*/

.liv1.dropdown-menu li{
    border: 1px solid #537a9d;
    margin-top:8px;
    text-align:left;
    display:inline-block;
    width:100%;
    position:relative;
}

#siteSearch.liv1.dropdown-menu li{
    border:none;
}

#strutture{
    display:flex;
    justify-content:center;
    border-top: 1px solid #537a9d;
    margin-top:1rem;
    padding-top:.8rem;
}

#strutture li.menuStrutture{
    margin-right: 2%;
    flex-grow:1;
    text-align:center;
}

.liv1 #strutture .menuStrutture a{
    font-size:.8rem;
    text-align:center;
    padding-left:0;
    padding: 1.8rem 0 1rem 0;
    min-height: 80px;
    color:#8ccaea;
    width:100%;
}

.liv1 #strutture .menuStrutture a:hover{
    color:#fff;
}

.liv1 .menuStrutture:last-child{
    margin-right:0;
}

.liv2.dropdown-menu{
    position:relative;
    overflow:hidden;
}

.open .liv2 li{
    width: 100%;
    border: none;
    border-bottom: 1px solid #537a9d;
    margin-top:0;
}

.open .liv2 li:first-child {
    margin-top:1px;
}

.open .liv2 li:last-child {
    border-bottom:none;
}

#mainMenu{
    margin: 0;
    padding:0;
    list-style-type:none;
}

#mainMenu a{
    color:#fff;
    text-decoration:none;
    display:inline-block;
}

#mainMenu a:focus{
    background-color: #0f2c53;
}


.caret {
    display: inline-block;
    color:#fff;
    border:none;
    border-left: 1px solid #537a9d;
    border-bottom: 1px solid #537a9d;
    height:35px;
    width: 15.5%;
    /*float:right;*/
    background-color: #0f2c53;
    background-image:url("../Images/menuPrincipale/down-arrow-white.svg");
    background-size: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    position:absolute;
    right:0;
}
.caret:hover{
    cursor: pointer;
    background-color: #547ab0;
    /*right: .5rem;
     border-right: 1px solid #547ab0; */
    width: 15.5%;
}

#mainMenu .cur .caret:hover{
    border-left: 1px solid #0f2c53;
}

.open > .caret{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
   /* border-right:1px solid #537a9d;
    border-top:1px solid #537a9d;
    top:22px;
    right:.5rem;*/
    top:-1px;
    right:0;
    width:16.5%;
}

/* form ricerca [inizio]*/

button#cerca{
    background-color: #537ab7;
    color: #fff;
    width: 44px;
    padding: .8rem;
    border: 1px solid #537a9d;
    position:absolute;
    right:2%;
    top:18px;
}

.navbar-form .textfield{
    border: none;
    color:#333;
    padding-left:1rem;
    width: 98%;
    height: 37px;
    position: relative;
}
/* form ricerca [fine]*/

/* Menu Lingua */
#menulang{
    display:flex;
    justify-content:center;
    padding-left:5%;
}

#menulang li{
    width:40%;
    margin-right:5%;
    vertical-align:middle;
    line-height:3rem;
}

#menulang li a{
    display:block;
    text-align:center;
}

#menulang .cur a{
    background-color:#547ab0;
}

#menulang span.userdef {
    display:block;
    text-align:center;
    color:#999999;
}

/* navigazione [fine]*/

#polij_utente_corrente div{
    display:inline-block;
}


/* Footer [inizio]*/

footer{
    /* margin-top:3rem; */
    background-color: #0f2c53;
    text-align:center;
    position:relative;
    bottom:0;
    padding-bottom:3rem;
    min-height:250px;
    display:table;
    width:100%;
}

footer ul{
    list-style-type:none;
    margin:0;
    padding:0;
}

footer li:hover{
    background-color:#fff;
}

footer a, footer a:visited{
    color:#fff;
    text-decoration:none!important;
    display:block;
    padding-left: .5rem;
}

footer a:hover, footer li:hover a{
    text-decoration:none;
    background-color:#457ab0;
}

.cercaContattiDoveSiamo {
    background-color: #547ab0;
    color:#fff;
}

.cercaContattiDoveSiamo li{
    text-transform:uppercase;
    vertical-align:text-top;

}

.cercaContattiDoveSiamo li a, .cercaContattiDoveSiamo li a:visited{
    padding-top:15px;
    padding-bottom:15px;
    color:#fff;
    height:60px;
}

.cercaContattiDoveSiamo li a:hover{
    background-color:#0f2c53;
    color:#fff;
}

.cercaContattiDoveSiamo li a:before{
    font-family:'FontAwesome', sans-serif;
    margin-right:2%;
    font-size:1.5rem;
}

.cercaContattiDoveSiamo li:nth-child(1) a:before{
    content: "\f0e0";
}

.cercaContattiDoveSiamo li:nth-child(2) a:before{
    content:"\f2bb";
}

.cercaContattiDoveSiamo li:nth-child(3) a:before{
    content:"\f041";
}

.cercaContattiDoveSiamo li:nth-child(4) a:before{
    content: "\f108";
}

.menu_footer{
    margin-top:1rem;
    line-height:2rem;
    text-align:left;
    float:left;
    margin-left: 5%;
    /* width:90%; */
}

.address{
    color:#fff;
    text-align:left;
    float:left;
    margin-left:10%;
    margin-top:1rem;
    width:90%;
}

.phone{
    color:#fff;
    text-align:left;
    float:left;
    margin-left:10%;
    margin-top:1rem;
    width:90%;
}
/* Footer [fine]*/

/* Slider-pro [inizio]*/

#bgvid { display: none; }

.slideshow-item .btn{
    float:left;
    clear:both;
    z-index:100;
}

/*AnyView Styles [inizio]*/

.fast {
    -vendor-animation-duration: 1s;
    -vendor-animation-delay: 0s;
}
.slow {
    -vendor-animation-duration: 3s;
    -vendor-animation-delay: 1s;
}
.reallyslow {
    -vendor-animation-duration: 6s;
    -vendor-animation-delay: 3s;
}

/*AnyView Styles [fine]*/

/* container layouts [inizio]*/
.container{
    width:95%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-y:hidden;
    perspective: 1px;
    padding-right:0;
    padding-left:0;
    margin-bottom: 1rem;
}

.container.mynews-list-morelink{
    margin:0 auto 2rem auto;
}

/*resetta la larghezza del container dei record riferiti
 quando si utilizza il tipo di contenuto riferimento il container dell'oggetto riferito viene messo dentro
 al container del record di tipo riferimento*/
.container .container{
    width:auto;
}

/* Contenuto Row [inizio]*/
.rowitems{
    /*margin:2rem 0;*/
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.rowitems .item{
    flex-grow:1;
    text-align:center;
    padding: 0 2rem;
}

.rowitems .item h1, .rowitems .item h2, .rowitems .item h3, .rowitems .item h4, .rowitems .item h5, .rowitems .item h6{
    text-align:center;
}

.rowitems .ce-bodytext h1, .rowitems .ce-bodytext h2,.rowitems .ce-bodytext h3,.rowitems .ce-bodytext h4,.rowitems .ce-bodytext h5,.rowitems .ce-bodytext h6{
    text-align: left;
}

/* Stili per il layout border*/
.rowitems .item.border{
    border-right:1px solid #000;
}

.rowitems .item.border:last-child{
    border-right:none;
}

/* solo per homepage sezione .rowitems Il primo titolo h2 all'interno di text & media*/
.home .rowitems .container h2,#contents #content .rowitems .container:first-of-type h2:first-of-type{
    font-size: 1.5rem !important;
    padding: 1rem 0;
    margin-bottom:0;
    margin-top: 0;
    /*border-bottom: 1px dotted #333;
    padding: 2rem 0;
    color:#547ab0;*/
}

.home .rowitems .container .ce-bodytext img{
    width:100%;
    height:auto;
}

.rowitems ul{
    list-style-type:none;
    margin:0;
    padding:0;
    text-align:left;
}

.rowitems ul li{
    text-align:left;
    /*font-size: 1rem;*/
}

.rowitems h2 a{
    display:block;
    text-decoration:none;

}


/* Contenuto Row [fine] */

/* Meet us in your country [inizio] */
ul.mu-list{
    list-style-type:none;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    padding: 0;
}

ul.mu-list.full{
    justify-content:left;
}

ul.mu-list li.mu-item{
    flex-grow:1;
    text-align:center;
    transition: all .4s ease .0s;
}


ul.mu-list.full li.mu-item{
   width:150px;
    /*height:150px;*/
    overflow:hidden;

    /*background-color:#ccc;*/
    flex-grow:0;
    margin:.4rem;
    border: 1px solid #333;
}

ul.mu-list li.mu-item a{
    text-decoration:none;
    color:#333;
    padding:1rem 1.5rem;
    display: block;
    height:100%;
}

ul.mu-list li.mu-item:hover{
    border: 3px solid #333;
}

ul.mu-list li.mu-item a:hover{
    background-color:transparent;
}

ul.mu-list li.mu-item img.sp-image{
    margin:0 auto;
    width:170px;
    height:170px;
    object-fit:cover;
    border-radius:50%;
}


ul.mu-list.full li.mu-item img.sp-image{
    width:90%;
    height:auto;
    border-radius:0;
}

#content .mu-item p{
    margin:0;
}

#content .mu-date{
    margin-top:2rem;
}

#content .mu-country, #content .mu-city{
    font-size:1.2rem;
    margin:0;
}

#content .full .mu-country, #content .full .mu-date, #content .full .mu-city{
    font-size:.9rem;
}


/* Meet us in your country [fine] */

.csc-linkToTop{
    width:90%;
    margin: 0 auto;
}

.nomargin{
    margin:0;
}

.container.fullwidth{
    width:100%;
    margin: 0;
    padding: 0;
}

.hiddenonSmartphone{
    display:none;
}
/*.ce-media su typo3 10 non c'è più*/
.ce-media{
    overflow:hidden;
}

.schedaCorso .ce-media{
    text-align: center;
}

.ce-media img, .image img {
    max-width:100%;
    height: 100%;
}
.imgfull .ce-media img{
    width:100%;
}

.ce-media a:before{
    content:'';
}

/* immagini [inizio]*/
/*.ce-media su typo3 10 non c'è più*/
.fullwidth img, .fullwidth .csc-textpic-imagewrap, .fullwidth .ce-media img, .imgfull img{
    width:100%;
    height:auto;
    margin-bottom: 1rem;
}

.ce-gallery a:before{
    content: "";
}

.ce-gallery .ce-row a:before{
    display:none;
}

.ce-gallery figure {
    overflow: hidden;
}

.fullwidth .ce-media{
    overflow:hidden;
    max-height:60vh;
}

.ce-gallery .ce-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.ce-gallery[data-ce-columns="1"] .ce-column {
    width: 100%;
}

/* Cookies */
#klaro .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p.cn-changes {
    text-decoration: none;
    font-weight: bold;
}

.ce-textpic.ce-intext.ce-nowrap{
    flex-wrap: wrap;
}

@media (min-width:768px){

    .ce-textpic.ce-intext.ce-nowrap{
        display: flex;
        flex-wrap: nowrap;
    }

    .ce-textpic.ce-right.ce-intext.ce-nowrap{
        flex-direction:row-reverse;
    }
    .ce-textpic.ce-intext.ce-nowrap .ce-gallery {
        min-width: 400px;
    }

    .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext {
        margin-right: 2%;
    }

    .ce-gallery .ce-row {
        flex-wrap: nowrap;
    }

    .ce-gallery[data-ce-columns="2"] .ce-column {
        width: 50%;
    }
    .ce-gallery[data-ce-columns="3"] .ce-column {
        width: 33%;
    }
    .ce-gallery[data-ce-columns="4"] .ce-column {
        width: 25%;
    }
    .ce-gallery[data-ce-columns="5"] .ce-column {
        width: 20%;
    }

}

figcaption{
    margin-top:1rem;
    margin-bottom:1rem;
}

.ce-textpic.ce-center.ce-above .ce-media, .ce-textpic.ce-center.ce-below .ce-media{
    text-align: center;
}

.ce-textpic.ce-center.ce-above .ce-media, .ce-textpic.ce-center.ce-below .ce-media{
    text-align: center;
}

.ce-textpic.ce-right.ce-above .ce-media, .ce-textpic.ce-right.ce-below .ce-media{
    text-align: right;
}

.ce-textpic.ce-left.ce-above .ce-media, .ce-textpic.ce-left.ce-below .ce-media{
    text-align: left;
}

.ce-textpic.ce-left .ce-column{
    float:left;
    margin-right:2rem;
}

.ce-textpic.ce-left .ce-column, .ce-textpic.ce-left{
    margin-bottom:2rem;
}

.ce-textpic.ce-left .ce-column .ce-media a, .ce-textpic.ce-left .ce-column .ce-media a:hover {
    display: inline-block;
    padding: 0;
}

/*.ce-textpic.ce-left .ce-column .ce-media a[href ^='http']:before, .ce-textpic.ce-left .ce-column .ce-media a[href ^='http']:hover::before {
    content:'';
    margin-right: 0;
}*/

.ce-textpic.ce-left .ce-column .ce-media a img {
    transition: all .6s ease .0s;
    width:auto;
}

.ce-textpic.ce-left .ce-column .ce-media a:hover img{
    max-width:120%;
    width:110%;
}

/* immagini [fine]*/

/* container layouts [fine]*/


/*Slider-pro [inizio]*/
.sp-slides-container {
    max-height: 760px;
    overflow: hidden;
}

#contents .slider-pro img.sp-image{
    margin-top:0 !important;
}

.slider-pro a{
    cursor:pointer;
    position: initial;/*ie fix*/
    position:unset;
}

.sp-arrow {
    width: 60px;
}

.sp-previous-arrow::before,.sp-previous-arrow::after, .sp-next-arrow::before,.sp-next-arrow::after {
    width: 5px;
}

.sp-previous-arrow:hover::before,.sp-previous-arrow:hover::after, .sp-next-arrow:hover::before,.sp-next-arrow:hover::after {
    background-color:#457ab0;
}

/*Featured Stories (slider tipo 1) [inizio]*/

.storiePolimi.lista .news-list-container{
    display:flex;
    flex-wrap:wrap;
}

.storiePolimi.lista .news-list-item{
    width:30%;
    margin-right:1rem;
}


.storiePolimi.lista .news-list-item img{
    width:100%;
    height:auto;
}


#copertina{
    position:relative;
    top:-14px;
    z-index: 0;
}

#tipo1 video {
    width:100%;
    /*height:100%;*/
    /*  background: url('/fileadmin/user_upload/HOME/Slider-apertura/Video/03-04-2018/bovisa-short_lastframe.jpg') no-repeat center center;
      background-size: cover;*/
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
}


/* Bottone PLAY/PAUSE */
#tipo1 #video-controls{
    position:absolute;
    bottom:50%;
    width:100%;
    text-align:center;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    transition: all .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

#tipo1 #video-controls:hover{
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

#tipo1 #video-controls button {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: #fff;
    font-size: 200%;
}

#tipo1 .sp-layer{
    bottom: 20%!important;
    left:1rem !important;
    top:unset !important;
    right:unset!important;
    opacity: 1!important;
    max-width:80%;
}

#tipo1.slider-pro h1{
    /*font-family:'Barlow Condensed',"Arial Narrow", Arial, sans-serif;*/
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight:600!important;
    text-transform:uppercase;
    color:#fff;
    text-shadow:
            -1px -1px 0 #000,
            1px -1px 0 #000,
            -1px 1px 0 #000,
    1px 1px 0 #000;
    text-align:left;
    font-size: 1.5rem;
    font-weight: normal;
    white-space:normal;
    margin-top:0;
}

#tipo1.slider-pro h1.video{

    margin-top:48vh;
    margin-left:10%;

}

#tipo1.slider-pro .sp-layer p.white{
    color:#fff;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-size: 1.8rem;
}

#tipo1.slider-pro .button a{
    display:block;
    padding:1rem;
    color:#fff;
    background-color:#547ab0;
    text-align:center;
    width:200px;
    border: 2px solid #547ab0;
    font-size:1.2rem;
    text-transform: uppercase;
    text-decoration: none;
}

#tipo1.slider-pro .button.big a {
    width:auto;
    max-width:300px;
}

#tipo1.slider-pro .button a:hover{
    background-color:#fff;
    color:#547ab0;
}

.sp-buttons {
    top: 0px;
}


#tipo1 .sp-buttons {
    top: -70px;
}


#tipo1 .sp-horizontal .sp-arrows {
    top: 39vh;
}

.bottom-arrow{
    position: absolute;
    width: 100%;
    top: unset;
    bottom:0;
    background-color: #fff;
    height: 30px;
}

.bottom-arrow:before, .bottom-arrow:after {
    content: "";
    position: absolute;
    width: 51%;
    top: -15px;
    border-bottom: 15px solid white;
    z-index: 1; }

.bottom-arrow:before {
    right:0;
    border-left: 35px solid transparent; }

.bottom-arrow:after {
    left: 0;
    border-right: 35px solid transparent;
    z-index: 1; }

#copertina a.btn {
    display:block;
    position: absolute;
    bottom:5px;
    right:8%;
}

/*Featured Stories (slider tipo 1)  [fine]*/

/* SEZIONI slider (tipo 2) [inizio]*/

#tipo2 .sp-layer{
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size:3.25rem;
    text-transform: uppercase;
    text-align:left;
    margin-top:5rem;
    margin-left:20%;
    padding:1rem;
}

#tipo2 .sp-black{
    background-color:rgba(56,101,146,0.80);
}

/* SEZIONI Network slider (tipo 5) [fine]*/

/* sezione News (slider tipo 3) [inizio]*/

#sticky{
    margin-bottom: 4rem;
}

#sticky .item img {
    width: 100%;
    height: 300px;
    object-fit: scale-down;
}

#sticky .item .newsSubHeader, #sticky .mynews-list-morelink{
    display: block;
    text-align: center;
    margin-bottom: 2rem;
}


#sticky .item .newsCategory{
    display:none;
}
#sticky .newsSubHeader .news-list-morelink{
    display:none;
}

#news{
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    overflow-y:hidden;
    perspective: 1px;
    zoom: 1;
    margin-bottom:3rem;
    padding-bottom:1rem;
}

#tipo3, #tipo7{
    margin: 0 auto !important;
}

#tipo3 .sp-slides-container, #tipo7 .sp-slides-container{
    top:40px;
    text-align:center;
}

#tipo3, #tipo3 a, #tipo7, #tipo7 a{
    color:#000;
    text-decoration:none;
}

#tipo3 a h1, #tipo3 h1, #tipo7 a h1, #tipo7 h1{
      font-size:1rem;
      font-weight:bold;
      color:#000;
      border-bottom:1px dashed #333;
      padding-bottom:.325rem;
      margin-top:.625rem;
      text-align: left;
      height: 60px;
  }

.polinternational #tipo7 h1{
    height: 120px;
}

.polinternational #tipo7 .sp-mask{
    height:260px!important;
}

.polinternational.schedaCorso #st-1{
    width:100%;
}

.polinternational.schedaCorso #st-1 .st-btn[data-network='sharethis'] {
    background-color: #333;
}


#tipo3 .sp-mask, #tipo7 .sp-mask{
    text-align:left;
    margin: 0 auto;
    height: 500px !important;
    /*width: 80%!important;*/
}

#tipo3 .sp-slide, #tipo7 .sp-slide{
    overflow:hidden !important;
    line-height:1.5rem;
    min-height: 460px;
}

#news a.btn {
    position:relative;

    float:right;
    margin-right:22.84615384615335%;
    margin-top:1rem;
    margin-bottom:1rem;
}

.sp-previous-arrow:before, .sp-previous-arrow:after, .sp-next-arrow:before, .sp-next-arrow:after {
    background-color: #fff;
    box-shadow:1px 1px 1px #000;
}

#tipo3 .sp-previous-arrow:before, #tipo3 .sp-previous-arrow:after, #tipo3 .sp-next-arrow:before, #tipo3 .sp-next-arrow:after, #tipo7 .sp-previous-arrow:before, #tipo7 .sp-previous-arrow:after, #tipo7 .sp-next-arrow:before, #tipo7 .sp-next-arrow:after {
    background-color: #000;
    box-shadow:none;
}

#tipo3 img, #tipo7 img{
    height:170px;
    width:auto;
}

#contents #tipo3.slider-pro img.sp-image, #contents #tipo7.slider-pro img.sp-image{
    border:1px solid #ccc!important;
}

#tipo3 .newsCategory, #tipo7 .newsCategory{
    font-size:1rem;
    text-transform:uppercase;
    color: #547ab0;
    border-bottom:1px dashed #333;
    display:block;
    margin-top:.625rem;
    min-height: 2rem;
}

#tipo3 .newsSubHeader, #tipo7 .newsSubHeader{
    font-family: 'Montserrat', Arial, sans-serif;
    font-size:1rem;
    display: block;
    margin-top:-1rem;
    margin-bottom: .8rem;
    font-weight: 400;
    height: 40px;
    overflow: hidden;
}

#tipo3 .news-list-morelink, #tipo7 .news-list-morelink{
    display: none;
}

#tipo3 .mynews-list-morelink, #tipo7 .mynews-list-morelink{
    display: block;
    width:100%;
    text-align:center;
}

#tipo3 .mynews-list-morelink a, #tipo7 .mynews-list-morelink a{
    display: inline-block;
    padding:.5rem 1rem;
    background-color:#547ab0;
    color:#fff;
    border: 2px solid #547ab0;
    font-size: 1.2rem;
    width:50%;
    margin:0 auto;
}

#tipo3 .sp-buttons, #tipo7 .sp-buttons{
    position:absolute;
    top:0;
}

.mynews-list-morelink .ce-menu.ce-menu-0{
    width:100%;
    text-align:center;
}

.mynews-list-morelink .ce-menu.ce-menu-0 li{
    border:none;
}

.mynews-list-morelink a, .mynews-list-morelink .ce-menu.ce-menu-0 a{
    text-align:center;
    text-decoration: none;
    display: inline-block;
    padding:.5rem 1rem;
    background-color:#547ab0;
    color:#fff;
    border: 2px solid #547ab0;
    font-size: 1.2rem;
    width:50%;
    margin:0 auto;
}

.mynews-list-morelink.printMe a{
    width:auto;
}

.mynews-list-morelink.printMe a:before{
    font-family: 'FontAwesome', sans-serif;
    -webkit-font-smoothing: antialiased;
    content: "\f02f";
    display: inline-block;
    margin-right: 5px;
    position: relative;
}

.mynews-list-morelink a:hover, .mynews-list-morelink .ce-menu.ce-menu-0 a:hover{
    background-color:#fff;
    color:#547ab0;
    border: 2px solid #547ab0;
}

.mynews-list-morelink .ce-menu.ce-menu-0 a:before{
    content:'';
}
/* sezione News (slider tipo 3) [fine]*/

/* Social Network slider (tipo 4) [inizio]*/

#tipo4 {
    margin-bottom:2rem;
}

#socialNetworksPosts{margin-bottom: 3rem;}

#tipo4 .sp-previous-arrow:before,
#tipo4 .sp-previous-arrow:after,
#tipo4 .sp-next-arrow:before,
#tipo4 .sp-next-arrow:after {
    background-color: #000;
}


#tipo4 .ie8.sp-horizontal .sp-previous-arrow,
#tipo4 .ie7.sp-horizontal .sp-previous-arrow {
    border-right: 20px solid #FFF;
}

#tipo4 .ie8.sp-horizontal .sp-next-arrow,
#tipo4 .ie7.sp-horizontal .sp-next-arrow {
    border-left: 20px solid #FFF;
}

#tipo4 .ie8.sp-vertical .sp-previous-arrow,
#tipo4 .ie7.sp-vertical .sp-previous-arrow {
    border-bottom: 20px solid #FFF;
}

#tipo4 .ie8.sp-vertical .sp-next-arrow,
#tipo4 .ie7.sp-vertical .sp-next-arrow {
    border-top: 20px solid #FFF;
}

#tipo4 i{
    position:absolute;
    top:0;
    left:0;
    z-index:600;
    display:block;
    width:100%;
}

#tipo4 .sp-slide{
    background-color:#e9e9e9;
    text-align:center;
    overflow:hidden;
    padding:.5rem;
}

tipo4 .sp-slide a{
    overflow: hidden;
}

.espertoSettimana{
    position:relative;
    background-color: #000;
    overflow:hidden;
    margin-bottom: 2rem;
    text-align:center;
    /* height:300px; */
}

.espertoSettimana h2{
    color:#fff;
    font-size: 1.1rem !important;
    margin-top:-20px;
    background-color:#000;
}

.espertoSettimana .sp-image-container{
    /* height: 55%; */
    width: 95%;
    margin:0 auto;
    /* overflow:hidden; */
}

.espertoSettimana .sp-image{
    /* top: -40px; */
}

#tipo4 .sp-slide .sp-image-container{
    height:140px!important;
    width:auto!important;
    overflow:hidden;
}

#tipo4 .sp-slide .sp-image{
    top:-41px;
    left:0;
    z-index:100;
    width:100%!important;
    height:auto!important;
}

#tipo4 .description{
    height:100px;
}


#tipo4 .description, .espertoSettimana .description{
    /* position: absolute; */
    /* bottom:4rem; */
    z-index:300;
    width:100%;
    display:block;
    /* margin: 50px auto 0 auto; */
    padding:.5rem;
    font-size: 1.2rem;
    color:#000;
    /*background-color:rgba(0, 0, 0, 0.6);*/
}

.espertoSettimana .description{
    color:#fff;
    background-color:#000;
}

#tipo4 .mynews-list-morelink, .espertoSettimana .mynews-list-morelink{
    /* position: absolute; */
    /* left: 0; */
    /* bottom:1rem; */
    z-index:300;
    display:block;
    width:100%;
    text-align:center;
    margin-bottom: 1rem;
}

#tipo4 .mynews-list-morelink a, .espertoSettimana .mynews-list-morelink a{
    display: inline-block;
    padding:.5rem 1rem;
    background-color:#547ab0;
    color:#fff;
    border: 2px solid #547ab0;
    font-size: 1.2rem;
    text-align:center;
    width: 50%;
    text-decoration:none;
}

.espertoSettimana .mynews-list-morelink a{
    width:30%;
}

.espertoSettimana .mynews-list-morelink a:before{
    content:none;
}

#tipo4 .sp-slide a {
    color:#fff;
    text-decoration:none;
}

#tipo4 .sp-slide p{
    margin-top:1rem;
}

#tipo4 i:before{
    position:absolute;
    content:"";
    display:block;
    width: 3rem;
    height: 3rem;
    padding:2px;
    color:#fff;
    top: .5rem;
    left: .5rem;
    background-color:rgba(0, 0, 0, 0.4);
}


#tipo4 .fa.instagram:before{
    content:url(../Images/socialicons/50x50px_nero_istagram_2017.svg);
    background-color:#fff;
}

#tipo4 .fa.facebook:before{
    content:url(../Images/socialicons/50x50px_nero_facebook_2017.svg);
    background-color:#fff;
}

#tipo4 .fa.iTunesU:before{
    content:url(../Images/socialicons/i_tunes_U_white.svg);
}

#tipo4 .fa.youtube:before{
    content:url(../Images/socialicons/50x50px_nero_youtube_2017.svg);
    background-color:#fff;
}

#tipo4 .fa.twitter:before{
    content:url(../Images/socialicons/50x50px_nero_twitter_2017.svg);
    background-color:#fff;
}

#tipo4 .sp-slide.twitter {
    /* background-color:#157895;*/
}

#socialNetworksPosts{
    padding-top:40px;
}

#tipo4 .sp-buttons{
    position:absolute;
    top:-40px;
}
/* Social Network slider (tipo 4) [fine]*/

/* tipo 6 gli eventi*/

.container.fullwidth.eventi{
    padding: 1rem 0 2rem 0;
    background-color:#e9e9e9;
    margin-bottom: 3rem;
    position: relative;
    min-height: 320px;
}

#eventiContainer{
    position: relative;
}

#tipo6 ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#tipo6 li{
    margin: 0;
    text-align:center;
}

#tipo6 li span{
    display:block;
    padding: 0 2rem .5rem 2rem;
}

#tipo6 li span.category{
    text-transform:uppercase;
    background-color:#758c9b;
    color:#fff;
    padding-top:.5rem;
}


#tipo6 li span.title{
    font-weight:bold;
    padding-top:15px;
    height:75px;
}

#tipo6 li span.separator hr{
    border-top:1px solid #546774;
    width:80%;
    margin:0 auto;
}

#tipo6 li span.stringdate{
    height: 80px;
}

#tipo6 li span.title, #tipo6 li span.separator, #tipo6 li span.stringdate{
    background-color:#fff;
}

#tipo6 li span.mynews-list-morelink{
    position:absolute;
    bottom:38px;
    width:100%;
}

#tipo6 li span.mynews-list-morelink a, .tuttiEventi{
    color:unset;
    background-color:#547ab0;
    cursor: pointer;
    color:#fff;
    width: 49%;
    display:block;
    margin:0 auto;
    padding:.5rem;
    text-decoration:none;
    border:2px solid #547ab0;
    font-size: 1.2rem;
}

#tipo6 li span.mynews-list-morelink a:visited, .tuttiEventi:visited{
    color:unset;
    background-color:#547ab0;
    cursor: pointer;
    color:#fff;
    width:45%;
    display:block;
    margin:0 auto;
    padding:.5rem;
    text-decoration:none;
    border:2px solid #547ab0;
}

#polimicalendarBackground {
    width:320px;
    height: 280px;
    right: 4%;
}

#polimicalendarBackground img{
    width:50px;
    position: absolute;
    margin-top: 40%;
    left: 40%;

}

#polimicalendar{
    position:absolute;
    top: 340px;
}

.tuttiEventi{
    display:block;
    /* margin-top:2rem; */
    text-align:center;
    min-width:200px;
    text-decoration:none;
}

a.tuttiEventi {
    font-size:1.2rem;
}

.tuttiEventi:hover{
    background-color:#fff;
    color:#547ab0;
    text-decoration:none;
}

/* tutti i Bottoni MORE ho accentrato il controllo in un unico punto */
#tipo4 .mynews-list-morelink a:hover, .espertoSettimana .mynews-list-morelink a:hover, #tipo3 .mynews-list-morelink a:hover, #tipo6 li span.mynews-list-morelink a:hover, #tipo7 .mynews-list-morelink a:hover{
    color:#547ab0;
    background-color:#fff;
    border:2px solid #547ab0;
    cursor: pointer;
}


/* NUMERI [inizio]*/
#numeri {
    color:#fff;
    padding-top: 2rem;
    height:594px;
    /*background-image: url("/fileadmin/user_upload/HOME/i_numeri_-_statistiche/numeri_Polimi_ciuccarelli_b.jpg");*/
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    overflow:hidden;
    margin-bottom:2rem;
    position:relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

#numeri .logoQs{
    width:auto;
    margin-left:1rem;
    position:absolute;
}

#numeri .logoQs img{
    width:auto;
    max-width: 100px;
}

#numeri .testi{
    list-style:none;
    font-size:2.3rem;
    position:absolute;
    top:11rem;
    right:20%;
    margin:0;
    padding:0;
    text-shadow: 2px 2px 2px rgba(000, 000, 000, 1);
}

#numeri .testi .count{
    font-size:4.5rem;
}

#numeri .label{margin:0;padding:0;display: block;text-align: left;}

/* video ciuccarelli */

#c42259{
    margin-bottom:3rem;
}

#c42259 .video-js-box{
    text-align: center;
    width:100%!important;
    height: 100%!important;
}

#c42259 video{width:100%!important;height: 100%!important;margin:0 auto;}


/* NUMERI [fine]*/


/*animation*/

* {
    box-sizing: border-box;
}

.wrapper {
    width: 200px;
    height: 200px;
    margin: 20px auto;
    position: relative;
}

/* FIX typo3 admin panel style*/
.typo3-adminPanel .wrapper{
    width:auto;
    height:auto;
}

.left {
    width: 100px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: coral;
    border-radius: 100px 0 0 100px;
    z-index: 10;
    opacity: 0;
    animation: fill 3s steps(1, end) 1;
    animation-fill-mode: forwards;
}
.right {
    width: 100px;
    height: 200px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: coral;
    border-radius: 0 100px 100px 0;
    z-index: 10;
    opacity: 1;
    animation: mask 3s steps(1, end) 1;
    animation-fill-mode: forwards;
}
.rotate {
    /*
    The mask is slightly larger than the two halfs
    to prevent a trailing outline
    */
    width: 101px;
    height: 202px;
    position: absolute;
    top: -1px;
    right: -1px;
    background: white;
    z-index: 20;
    transform-origin: 0 50%;
    animation: rota 3s linear 1;
    animation-fill-mode: forwards;
}
@keyframes rota {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes fill {
    0%        { opacity: 0; }
    50%, 100% { opacity: 1; }
}
@keyframes mask {
    0%        { z-index: 10; }
    50%, 100% { z-index: 30; }
}

.wrapper:hover .left,
.wrapper:hover .right,
.wrapper:hover .rotate {
    animation-play-state: paused;
}

/* Section menu [inizio]*/
.section-menu { display: none; }

.inEvidezaListNews h2:first-of-type{
    text-align:center;
}


.inEvidezaListNews .news-list-container{
    display:flex;
    flex-wrap:wrap;
    width:70%;
    margin:0 auto;
}

.inEvidezaListNews .news-list-container h2{
    text-transform:unset;
}


.inEvidezaListNews .news-list-morelink{
    display:block;
}

.inEvidezaListNews .news-list-container .news-list-item{
    border-bottom:none;
}

.inEvidezaListNews .news-search-form{
    margin-bottom:2rem;
}

/* MANUALE CONTENUTI */
#c43364 ul li,#c43365 ul li,#c43366 ul li{
    width:200px;
    height:200px;
}

#c43364 li:nth-child(1){
    background-color:#386592;
    color:#fff;
}

#c43364 li:nth-child(2){
    background-color:#547ab0;
    color:#fff;
}


#c43364 li:nth-child(3){
    background-color:#244260;
    color:#fff;
}

#c43365 li:nth-child(1){
    background-color:#41505a;
    color:#fff;
}

#c43365 li:nth-child(2){
    background-color:#546774;
    color:#fff;
}

#c43365 li:nth-child(3){
    background-color:#758c9b;
    color:#fff;
}

#c43366 li:nth-child(1){
    background-color:#e9e9e9;
    color:#000;
}
#c43366 li:nth-child(2){
    background-color:#f5f5f5;
    color:#000;
}

#calBorder{
    z-index:1000!important;
}


/* Light YouTube Embeds by @labnol */
/* Web: http://labnol.org/?p=27941 */
/*[INIZIO]*/

/* -------------------------------------------
    YOUTUBE RESPONSIVE VIDEO Oggetto MASK
   ------------------------------------------- */

.youtube-container {
    display: block;
    margin: 2rem auto;
    width: 100%;
    text-align: center;
    max-width: 600px;
}

.youtube-container .title{
    display:block;
    padding:2rem;
    background-color:#547ab0;
    margin:0 auto;
    color:#fff;
}

.youtube-player {
    width: 100%; /* assuming that the video has a 16:9 ratio */
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
    height: 10px;
    cursor: hand;
    cursor: pointer;
    display: block;
}

img.youtube-thumb {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    height: auto;
}

div.play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("../Images/play.png") no-repeat;
}

#youtube-iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.youtube-player iframe,
.youtube-playerr object,
.youtube-player embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.youtube-player img{
    width:100%;
    position:relative;
    top:-45px;
}


/* Light YouTube Embeds by @labnol */
/* Web: http://labnol.org/?p=27941 */
/*[FINE]*/


/*### video youtube responsive  in altre pagine [inizio] ###*/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}


.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*### video youtube responsive ina altre pagine [fine] ###*/

#c57994 .ce-textpic, #c58776 .ce-textpic {
    display: block;
    height: 250px;
}


@media (min-width:400px){
    #tipo3 .sp-mask, #tipo7 .sp-mask{
        height: 530px !important;
    }

    #tipo6 li span.mynews-list-morelink a, .tuttiEventi{
        width: auto;
    }
    #tipo6 li span.title{
        overflow:hidden;
        height:58px;
    }

    #tipo6 li span.separator{
        padding-top:15px;
    }
    #tipo6 li span.stringdate{
        height:70px;
        padding-top:10px
    }

    #contents #content #content_main .container:first-of-type h2:first-of-type, #contents #content .container:first-of-type h2:first-of-type{
        font-size: 2.5rem;
    }

    /* MENU BANNER */
    .ce-menu-230 li:nth-child(3) span.text{
        top:20%;
    }

    /* OPEN DAY */
    #c52818 .ce-menu .img span.text::before{
        margin-left: 35%;
        margin-right: 35%;
    }

    .home.openday #c52799 .ce-textpic .ce-gallery .ce-column:nth-child(2){
        top:30%;
        max-width: 57.5%;
    }

    /*.home.openday #c52799 .ce-textpic .ce-gallery .ce-column:nth-child(2) img{
        width:40vw;
        height:auto;
    }*/

    .terzaMissione #c57994.cce-accordion .item, .terzaMissione #c58776.cce-accordion .item{
        width: 48%;
        margin:0 1%;
    }

    .terzaMissione #c57994.cce-accordion .item .ce-bodytext, .terzaMissione #c58776.cce-accordion .item .ce-bodytext{
        margin-top:40vw;
    }

    .terzaMissione .cce-accordion .item{
        margin:0 5%;
    }

}

@media (min-width:480px){

    /* Slider tipo 6 */

    #tipo6{
        /* width:74%!important;*/
        float: left;
    }

    #tipo6 .sp-buttons {
        position: absolute;
        top:-40px;
        left:50%;
    }

    #eventiContainer{
        display:table;
        /* padding-right: 10.8%; */
        padding-left: 11.4%;
        width:100%;
        padding-top:40px;
    }

    #polimicalendar{
        width: 37%;
        float: right;
        margin-right: -5px;
        /* position: relative; */
        top: 40px;
        right: 11%;
    }

    .tuttiEventi{
        position:absolute;
        right: 10.2%;
        bottom: .35rem;
        width: 37%;
    }

    #polimicalendarBackground {
        position: absolute;
        right:10%;
        width:37%;
    }

    /* MENU THUMBNAIL [inizio] */
    .ce-menu-270 li{
        width:48%;
    }

    /* MENU BANNER */
    .ce-menu-230 span.text,.ce-menu-230 li:nth-child(3) span.text{
        top:30%;
    }

    /*====== MASK ACCORDION [inizio] =========================================================================
    occhio nuovo accordion nato per la terza missione
    questo accordion puo contenere anche altri contenuti come menu e paragrafi, e' piu' potente insomma
  ========================================================================================================*/

    .terzaMissione .cce-accordion .intro {
        width:95%;
    }

    .terzaMissione .cce-accordion .flexitems{
        width:100%;
    }

    .terzaMissione .cce-accordion .item h2, .terzaMissione .cce-accordion .item h3, .terzaMissione .cce-accordion .item h4{
        top:60vw;
    }

    .terzaMissione .cce-accordion .item .ce-bodytext{
        margin-top:70vw;
    }

    .terzaMissione #c57994.cce-accordion .item .ce-bodytext, .terzaMissione #c58776.cce-accordion .item .ce-bodytext {
        margin-top:45vw;
    }

    /* in caso venga inserito un menu ne sovrascrivo gli stili*/

    .cce-accordion .item .ce-menu-270 li{
        width:100%;
    }

    /*====== MASK ACCORDION [fine] =====*/

    /* Meet us in your country [inizio] */
    ul.mu-list{
       /*justify-content:space-between;*/
    }

    ul.mu-list li.mu-item{
        flex-grow:0;
       /* max-width:30%;*/
    }

    ul.mu-list.full li.mu-item{
        margin:.5rem;
    }

    /* Meet us in your country [fine] */

    /* OPEN DAY */
    .home.openday #c52799 .ce-textpic .ce-gallery .ce-column:nth-child(2){
        top:20%;
        max-width: 57.5%;
    }
}

@media screen and (min-width: 650px){
    #kesearch_results-20.listaCorsi .nomeCdl {
        width: 55%;
    }
}


@media (min-width:768px){

    .home .ce-header{
        margin-bottom: 45px;
    }


    .content-wrap{
        margin-top: 20px;
        min-height: 600px;
    }

    /*.home .content-wrap{
        margin-top:1px;
    }*/

    /* Navigazione [inizio] */

    a.nav-expander.fixed {
        right: 2rem;
    }

    header nav {
        right: 0;
        padding-left: 30vw;
    }

    .liv0 {
        border-top:none;
        bottom:0;
    }

    .liv0>li{
        border:1px solid #0f2c53;
    }

    .liv0>li:hover, .liv0>li.open{
        background-color:#547ab0;
        border:1px solid #fff;
    }

    #mainMenu{
        /*margin: 0 74px 0 0; nel caso il bottone sotieni venga spostato nella barra del menu principale*/
        margin: 0;
    }


    #mainMenu a:before{
        vertical-align:middle;
        display:inline-block;
        margin-right:.5rem;
        position:relative;
        top:-.3rem;
    }

    .open .dropdown-menu{
        width: auto;
    }

    .open .liv1.dropdown-menu {
        width: 50vw;
        top: 43px;
        left:1.5vw;
        overflow-y: auto;
    }

    .open #siteSearch.liv1.dropdown-menu {
        width:40vw;
        left: 30vw;
        overflow:auto;
    }


    .open #menulang.liv1.dropdown-menu {
        width:30vw;
        left:unset;
        left:auto;
        right:0;
        overflow:auto;
    }

    .open #infoPer.liv1.dropdown-menu {
        left:13.8vw;
    }

    .open #strumenti.liv1.dropdown-menu {
        left:27.8vw;
        width:40.6vw;
        display:flex;
        flex-wrap:wrap;
    }

    .open #strumenti.liv1.dropdown-menu > li{
        flex-grow:1;
        width:48%;
        margin-right:1%;
    }
    .open #strumenti.liv1.dropdown-menu > li:nth-child(even){
        margin-right:0;
    }

    #strutture {
        display: block;
        justify-content: normal;
        border-top: none;
        margin-top: 1rem;
        padding-top:0;
    }

    #strutture li.menuStrutture {
        width: 100%;
        margin-right: 1%;
        flex-grow: initial;
        text-align: left;
    }

    .liv1 #strutture .menuStrutture a {
        font-size: .8rem;
        text-align: left;
        padding: .5rem .8rem ;
        min-height:unset;
        min-height:100%;

    }

    .addPadding{
        padding-bottom:80px;
    }
    .open #strumenti{
        padding-bottom:30px;
    }
    /* Navigazione [fine] */

    /*Logo politecnico [inizio]*/

    .navbar-brand > img{
        width: 80%;
        height: auto;
        margin-top: -4px;
    }

    .navbar-brand.mobile{
        display:none;
    }

    .navbar-brand.desktop{
        position:absolute;
        display:block;
        top: 12px;
        left: .7rem;
        max-width: 230px;
        padding: 0;
    }

    /*Logo politecnico [fine]*/

    /* form cerca [inizio]*/

    .navbar-form {
        width: 100%;
        padding-top: 0;
        border: 0;
    }

    button#cerca{
        top:7px;
    }
    #siteSearch.liv1.dropdown-menu li{
        width: 100%;
    }

    .navbar-form input{
        width:100%;
    }

    .navbar-form .textfield{
        /* width: 75%; */
    }

    /* form cerca [fine]*/

    h1{
        /*font-size:2.8125rem;*/
        font-size:2.5rem;
        margin-bottom:2rem;
    }

    .container{
        width: 90%;
    }


    /* Container layouts [inizio]*/
    .showonSmartphone{
        display:none;
    }

    .hiddenonSmartphone{
        display:block;
    }
    /* Container layouts [fine]*/

    #content{
        font-size: 1.28rem;
    }
    .corsi #content{
        font-size: 1rem;
    }

    #content_main{
        width:75%;
        float:left;
    }

    #content_column_1{
        width:25%;
        float:right;
    }

    #bgvid, .section-menu { display: block; }

    /* Sostieni mobile [inizio] */

    a.sostieni{
        display:none;
    }

    .container.sostieni{
        display:none;
    }
    /* Sostieni mobile [fine] */

    /*Covid 19 mobile [inizio] */
    a.covid19{
        display:none;
    }

    .container.covid19{
        display:none;
    }
    /*Covid 19 mobile [fine] */

    .movieStories p{
        font-weight:bold;
        text-shadow: 1px 1px 5px #fff;
    }

    /* Slider stili generici */

    .bottom-arrow:before, .bottom-arrow:after {
        top: -40px;
        border-bottom: 40px solid white;
    }

    .bottom-arrow:before {
        border-left: 65px solid transparent; }

    .bottom-arrow:after {
        border-right: 65px solid transparent;
    }

    .sp-horizontal .sp-next-arrow {
        right: 6%;
    }

    .sp-horizontal .sp-arrows{
        top:30%;
    }

    /*Featured Stories (slider tipo 1) [inizio]*/
    #tipo1{
        top: 0;
    }

    #tipo1.slider-pro .sp-layer{
        font-size:4rem;
        margin-left:1.8rem;
        width:auto !important;
    }

    #tipo1.slider-pro .sp-layer p.white{
        margin-top:2rem;
        font-size: 1.2rem;
    }

    #copertina .btn {
        bottom:15px;
    }

    /*stili data- position utilizzo attribute selection per definire posizione e colore del titolo dello slider [inizio]*/
    /* operatore *= cerca il valore indicato nell'attributo data-position */
    #tipo1 .sp-layer[data-position *='top 10'] {
        top:10%!important;
        bottom: auto!important; /* per internet exploder*/
        bottom: unset!important;
    }

    #tipo1 .sp-layer[data-position *='top 30'] {
        top: 30% !important;
        bottom: auto!important;
        bottom: unset!important;
    }

    #tipo1 .sp-layer[data-position *='top 50'] {
        top: 43% !important;
        bottom: auto!important;
        bottom: unset!important;
    }

    #tipo1 .sp-layer[data-position *='top 70'] , #tipo1 .sp-layer{
        bottom: 20% !important;
        top:auto !important;
        top:unset !important;
    }

    #tipo1.slider-pro .sp-layer[data-position *='white'] h1 {
        color:#fff;
    }

    #tipo1.slider-pro .sp-layer[data-position *='black'] h1 {
        color:#000;
    }

    /*stili data- position  [fine]*/

    #tipo1.slider-pro h1{
        font-size: 2.5rem;
    }


    /*Featured Stories (slider tipo 1) [fine]*/

    /* sezione In Evidenza (slider tipo 3) [inizio]*/

    #tipo3 .sp-mask, #tipo7 .sp-mask{
        height: 560px !important;
    }

    .mynews-list-morelink .ce-menu.ce-menu-def a{
        width:30%;
    }

    /* sezione News (slider tipo 3) [fine]*/

    /* esperto settimana */

    .espertoSettimana{
        height:300px;
    }

    .espertoSettimana .sp-image-container{
        position:absolute;
        top: 2%;
    }

    .espertoSettimana .sp-image{
        height:auto!important;
        width:48%;
        /* top:-45px; */
        left:5%;
        margin:auto;
        margin:unset;
    }

    .espertoSettimana h2, .espertoSettimana .description, .espertoSettimana .mynews-list-morelink{
        padding-left:50%;
    }

    .espertoSettimana .description{
        background-color:unset;
    }

    .espertoSettimana h2{
        /* position:relative; */
        /* top:51px; */
        margin-top: 5rem;
    }

    .espertoSettimana .description{
        top:20%;
    }

    .espertoSettimana .mynews-list-morelink{
        bottom:3rem;
    }

    .espertoSettimana .mynews-list-morelink a{
        width:50%;
    }

    /* slider Tipo 6 Eventi [inizio]*/

    #tipo6 li{
        font-size:.9rem;
    }

    #tipo6 li span.title{
        height: 122px;
        font-size:.96rem;
        overflow: visible;
    }

    #eventiContainer{
        padding-top:20px;
    }

    #polimicalendarBackground {
        position: absolute;
        width: 20%;
        right: 10.5%;
    }

    #polimicalendar{
        width: 35%;
        float: right;
        top:20px;
        /* margin-right: 1rem; */
    }

    .tuttiEventi{
        position:absolute;
        right: 10.3%;
        width: 35.2%;
        font-size: 1rem;
        margin-top: auto;
    }

    #tipo6 li span.mynews-list-morelink{
        bottom: -2px;
    }

    #tipo6 li span.mynews-list-morelink a{
        width:50%;
    }

    #tipo6 .sp-buttons{
        left:52%;
    }

    /* NUMERI */

    #numeri .logoQs{
        margin-left:5.4rem;
        top:170px;
    }

    #numeri .logoQs img{
        width:auto;
        max-width: 168px;
    }

    #numeri .testi {
        top: 15rem;
    }

    /* Footer [inizio]*/

    footer{
        height:250px;
    }

    .cercaContattiDoveSiamo li{
        display:inline-block;
        width:20%;
    }

    .menu_footer{
        width:25%;
    }

    .address{
        width: 27%;
        margin-left: 8%;
    }

    .phone{
        width:auto;
        float:right;
        margin-right:10%;
        margin-left:0;
    }
    /* Footer [fine]*/

    .inEvidezaListNews .news-list-container{
        width:auto;
        width:unset;
    }

    .inEvidezaListNews .news-list-container .news-list-item{
        width:45%;
        margin-right:5%;
    }
    /*.inEvidezaListNews .news-list-container .news-list-item:first-of-type{
        width:100%;
    }*/

    /*.inEvidezaListNews .news-list-container .news-list-item:first-of-type .imgwrapper {
        overflow: hidden;
        height:auto;
        max-height: 60vh;
    }*/

    .inEvidezaListNews .news-list-container .news-list-item .imgwrapper{
        overflow:hidden;
        height:250px;
        max-height:250px;
        background-color:#F5F4EE;
        vertical-align:middle;
        position:relative;
    }
    .inEvidezaListNews .news-list-container .news-list-item .imgwrapper img{
        max-height:250px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
   /* .inEvidezaListNews .news-list-container .news-list-item:first-of-type .imgwrapper img{
        max-height:100%;
        position:relative;
        top:0;
        transform: translateY(0);
    }*/

        /*  #####   CSC MENU - CE MENU  ####    */

    #content_column_1 .container{
        margin-left: 0;
    }

    /*### menu sottopagine di tipo text###*/
    .frame-type-menu_subpages .ce-menu[menu-type="text"] li.active.current a{
        background-color: #0f2c53;
        color: #fff;
    }

    .ce-menu[menu-type="background"],.ce-menu[menu-type="graphics"]{
        flex-wrap:wrap;
    }

    .ce-menu.col2 li{
        display:inline-block;
        width:47.5%;
    }

    .ce-menu.col2 li:nth-child(even){
        margin-left:5%;
    }

    .ce-menu.col2 li:last-child{
        border-bottom:1px dotted #333;
    }

    /*### menu orizzontale #### */
    .ce-menu-110.orizzontale li, .ce-menu-50.orizzontale li{
        width:auto;
    }

    /* MENU ORIZZONTALE LEFT e RIGHT*/

    /* menu orizzontale con immagine a sinistra e destra*/
    .ce-menu-110.orizzontale.left, .ce-menu-110.orizzontale.right{
        background-size:48%;
    }

    /* sfumatura sopra e sotto la foto */
    .ce-menu-110.orizzontale.right::before, .ce-menu-110.orizzontale.right::after{
        width:48%;
        right:0;
    }

    .ce-menu-110.orizzontale.left::before,.ce-menu-110.orizzontale.left::after{
        width:48%;
        left:0;
    }


    .ce-menu-110.orizzontale.left{
        background-position: 0 0;
    }

    .ce-menu-110.orizzontale.right{
        background-position: 100% 0;
    }

    .ce-menu-110.orizzontale.left li{
        margin-left:50%;
        width: auto;
    }

    .fullwidth .ce-menu-110.orizzontale.left li{
        margin-right:15%;
    }

    .ce-menu-110.orizzontale.right li{
        margin-right:50%;
        width: auto;
    }

    /* MENU THUMBNAIL*/
    .ce-menu-270 li{
        width:32%;
    }

    .ricercaSpinoff .ce-menu-270{
        justify-content:left;
    }

    .ricercaSpinoff .ce-menu-270 li{
        margin-left:2%;
    }

    /* MENU ICONE*/
    .ce-menu-250{
        padding: 1% 5% 1% 5%;
    }

    .ce-menu-250 li{
        width: 30%;
    }

    /* MENU BANNER [inizio]*/

    .ce-menu-230 span.text,.ce-menu-230 li:nth-child(3) span.text{
        top:30%;
    }

    .ce-menu-230 li:hover span.text, .ce-menu-230 li:focus span.text, .ce-menu-230 li:active span.text{
        top:40%;
    }

    /* MENU STRIPE [inizio]*/

    .ce-menu.stripe a{
        border-bottom:1px solid #000;
    }

    .ce-menu.stripe {
        padding-right:5%;
        padding-left:5%;
        text-align:center;
        display:flex;
        justify-content: center;
    }

    .ce-menu.stripe a{
        display:block;
        width:auto;
        padding-top:1rem;
        padding-bottom:1rem;
    }

    .ce-menu.stripe li{
        display:flex;
        flex-direction: column;
        justify-content: center;
        width:auto;
        border-bottom:none;
        text-align:center;
        flex-grow:1;
        margin-right: 4%;
    }

    .ce-menu.stripe li:last-child{
        margin-right: 0;
    }

    /* Mwnu accordi internazionali*/
    ul.mu-list li.mu-item{
        flex-grow:0;
        width:30%
    }

    /*====== MASK ACCORDION [inizio] =========================================================================
    occhio nuovo accordion nato per la terza missione
    questo accordion puo contenere anche altri contenuti come menu e paragrafi, e' piu' potente insomma
  ========================================================================================================*/

    .cce-accordion .hasBackgroundImage h2{
        font-size:4rem;
    }

    .terzaMissione #c57994.cce-accordion .item, .terzaMissione #c58776.cce-accordion .item{
        width:30%;
        margin:0;
    }


    .terzaMissione #c57994.cce-accordion .item h2, .terzaMissione #c57994.cce-accordion .item h3, .terzaMissione #c57994.cce-accordion .item h4, .terzaMissione #c58776.cce-accordion .item h2, .terzaMissione #c58776.cce-accordion .item h3, .terzaMissione #c58776.cce-accordion .item h4{
        top:23vw;
    }

    .terzaMissione #c57994.cce-accordion .item .ce-bodytext, .terzaMissione #c58776.cce-accordion .item .ce-bodytext{
        margin-top:29vw;
    }

    .terzaMissione .cce-accordion .item{
        width:46%;
        margin:0 2%;
    }

    .terzaMissione .cce-accordion .item h2, .terzaMissione .cce-accordion .item h3, .terzaMissione .cce-accordion .item h4{
        top:30vw;
    }

    .terzaMissione .cce-accordion .item .ce-bodytext{
        margin-top:40vw;
    }

    /* in caso venga inserito un menu ne sovrascrivo gli stili*/

    .cce-accordion .item .ce-menu-270 li{
        width:48%;
    }

    /*====== MASK ACCORDION [fine] =====*/

    .schedaCorso .ce-media img, .schedaCorso .imgfull .ce-media img{
        max-height: 50vh;
        width: auto;
    }

    /* OPEN DAY */
    .home.openday #c52799 .ce-textpic .ce-gallery .ce-column:nth-child(2){
        top:30%;
        max-width: 57.5%;
    }

    .home.openday #c52799 .ce-textpic .ce-gallery .ce-column:nth-child(2) img{
    width:40vw;
    height:auto;
    }

    /*chatbot*/

    a.chatbot{
        height:80px;
        margin-bottom:3rem;
    }

    a.chatbot span{
        display:block;
        transform:translateY(15px);
    }

    a.chatbot span::before{
        position: absolute;
        top:-36px;
        left:28%;
        height:180px;
        width:180px;
        content:"";
        background-image: url("../Images/chatbot/chatbot_robot_completo_bianco.svg");
        background-repeat:no-repeat;
        background-position:top center;
        background-size:180px;
        margin: 0 auto 1rem auto;
        transform: translateX(0);
    }

}

@media (min-width: 992px){

    .inEvidezaListNews .news-list-container .news-list-item{
        width:30%;
        margin-right:3%;
    }

    .inEvidezaListNews .news-list-container .news-list-item .imgwrapper{
        height:200px;
        vertical-align:middle;
    }

    .navbar-header{
        position:relative;
    }

    .navbar-header .navbar-form{

    }

    .navbar-header .navbar-form .textfield{
        margin-left:auto;
        width: 70%;
        display:  inline-block;
    }

    /*Featured Stories [inizio]*/

    #tipo1 .sp-mask{
        height:88vh!important;
        /*max-height:760px;*/
    }

    #tipo1.slider-pro .sp-layer{
        left: 12%!important;
        max-width: 78%;
    }

    #tipo1.slider-pro h1{
        font-size: 3.26rem;
        color: #fff;
    }
    #tipo1 .sp-layer[data-position *='top 70'] , #tipo1 .sp-layer{
        bottom: 35% !important;
        top:auto !important;
        top:unset !important;
    }

    #tipo1.slider-pro.sp-horizontal .sp-arrows {
        top: 40%;
    }

    /*Featured Stories [fine]*/

    /* IN evidenza */
    #tipo3 a h1, #tipo7 a h1{
        height:90px;
    }

    #tipo3 .newsSubHeader, #tipo7 .newsSubHeader{
        height:120px;
    }

    /* slider Tipo 4 [inizio] */

    /* esperto settimana [inizio]*/
    .espertoSettimana{
        width: 35%;
        float: right;
        margin-right: 6rem;
        position: relative;
    }

    .espertoSettimana .sp-image-container{
        width: 100%;
        height: 50%;
        margin:0 auto;
    }

    .espertoSettimana .sp-image{
        /* height:50%!important; */
        width: 98%;
        top: -60px;
        left: 0;
        margin:0 auto;
    }

    .espertoSettimana h2, .espertoSettimana .description, .espertoSettimana .mynews-list-morelink{
        padding-left:0; /* ie fixing */
        padding-left:unset;
        position: absolute;
    }

    .espertoSettimana h2{
        top: 100px;
        width:100%
    }

    .espertoSettimana .description{
        top: 183px;
        height: 3.6rem;
        overflow: hidden;
    }

    .espertoSettimana .mynews-list-morelink{
        bottom: 0;
    }

    .espertoSettimana .mynews-list-morelink a{
        width:35%;
    }

    /* esperto settimana [fine]*/

    #tipo4{
        /* width:74%!important;*/
        float: left!important;
    }

    #tipo4 .sp-buttons{
        left:46%;
    }

    /* slider Tipo 4 [fine] */

    /* slider Tipo 6 [inizio]*/

    #polimicalendar{
        width: 27.2%;
        /* margin-right: 6rem; */
    }

    #tipo6 li span.title{
        font-size: 1rem;
    }

    .tuttiEventi{
        right: 10.5%;
        width: 27.3%;
    }

    #tipo6 .sp-buttons{
        left:32.7%;
    }

    /*#### Rowitems ####*/
    .rowitems .item{
        flex-basis:10%;
        max-width: 33%;
    }

    .home .rowitems .container h2 {
        text-align: left;
        min-height: 100px;
    }

}

@media (min-width: 1024px){

    #tipo3 .sp-mask, #tipo7 .sp-mask{
        height: 550px !important;
    }

    #tipo3 a h1, #tipo7 a h1{
        height: 75px;
    }

    #tipo3 .newsSubHeader, #tipo7 .newsSubHeader{
        height: 82px;
    }

   /* .container{
        width: 80%;
    }*/

    /* MENU STRIPES*/
    .ce-menu.stripe {
        padding-right:10%;
        padding-left:10%;
    }
    /* MENU BANNER*/
    .ce-menu-230 li{
        height:200px;
        margin-bottom:1rem;
    }

    .ce-menu-230 img {
        min-height: 200px;
    }

    .ce-menu-230 li:hover img, .ce-menu-230 li:focus img, .ce-menu-230 li:active img{
        width:110%;
        height:auto;
    }

    .ce-menu-230 span.text, .ce-menu-230 li:nth-child(3) span.text{
        top: 38%;
    }

    .ce-menu-230 li:hover span.text, .ce-menu-230 li:focus span.text, .ce-menu-230 li:active span.text{
        top:48%;
    }

    /* MENU BANNER IE*/
    .ie .ce-menu-230 img{
        width: 100%!important;
        height: auto!important;
    }

    /* MENU ICONE*/
    .ce-menu-250{
        padding: 1% 15% 1% 15%;
    }

    /* Numbers - Oggetto MASK [inizio]*/
    .cce-numbers ul{
        display:flex;
        align-content:space-around;
        justify-content: center;
        flex-wrap: wrap;
    }

    .cce-numbers ul li{
        margin:1rem;
        text-align:center;
    }

    .cce-numbers.hasBackgroundImage ul{
        padding-bottom: 50px;
        height: 50vh;
        align-items:  flex-end;
    }


    /* MOOCS - Oggetto MASK [inizio]*/
    .cce-moocs ul{
        display:flex;
        flex-wrap: nowrap;
        align-items: stretch;
        justify-content: space-around;
    }

    .cce-moocs li{
        width:45%;
    }
    /* -------------------------------------------
        YOUTUBE RESPONSIVE VIDEO Oggetto MASK
       ------------------------------------------- */
    .videoBlock{
        display:flex;
        flex-wrap: wrap;
        justify-content:space-around;
    }
    .videoBlock h2{
        width:100%;
        text-align: center;
    }
    .youtube-container{
        width:45%;
    }

    #tipo1 .youtube-container{
        width:100%;
        min-width: 100%;
    }

    /*====== MASK ACCORDION [inizio] =========================================================================
        occhio nuovo accordion nato per la terza missione
        questo accordion puo contenere anche altri contenuti come menu e paragrafi, e' piu' potente insomma
      ========================================================================================================*/
    .terzaMissione #c57994.cce-accordion .item .ce-bodytext, .terzaMissione #c58776.cce-accordion .item .ce-bodytext{
        margin-top:23vw;
    }
    .terzaMissione #c57994.cce-accordion .item, .terzaMissione #c58776.cce-accordion .item{
        width:23%;
    }
    .terzaMissione .cce-accordion .item .ce-bodytext{
        margin-top:27vw;
    }
    .terzaMissione .cce-accordion .item{
        width:29%;
    }
    .terzaMissione .cce-accordion .item h2{
        top:20vw;
    }
    /*====== MASK ACCORDION [fine] =====*/

    /* OPEN DAYS */

    #c52808 li a {
        height:200px;
    }
}

@media (min-width: 1200px){

    header nav {
        padding-left: 40vw;
    }

    .open .liv1.dropdown-menu {
        width: 30vw;
    }

    .open #siteSearch.liv1.dropdown-menu {
        left: 18.6vw;
    }
    /*.open #menulang.liv1.dropdown-menu {
        left:18.6vw;
    }*/

    .open #strumenti.liv1.dropdown-menu {
        left: 18vw;
    }

    .open #infoPer.liv1.dropdown-menu {
        left: 12vw;
    }

    .open .liv1.dropdown-menu {
        left: 1vw;
    }

    /*Featured Stories [inizio]*/

    #tipo1 .sp-mask{
        height:95vh!important;
        /*max-height:760px;*/
    }

    #tipo1.slider-pro .sp-layer{
        position:absolute;
        max-width: 80%;
        left:10% !important;
        margin-left: 0 !important;
    }

    #tipo1 .sp-layer[data-position *='top 70'] , #tipo1 .sp-layer{
        bottom: 210px !important;
        top:auto !important;
        top:unset !important;
    }

    /*Featured Stories [fine]*/

    /* In evidenza */

    #tipo3 .sp-slides, #tipo7 .sp-slides{
        left:-13%;
    }

    #tipo7 .sp-slides{
        left:0;
    }

    #tipo3 a h1, #tipo7 a h1{
        height: 70px;
    }

    #tipo3 .newsSubHeader, #tipo7 .newsSubHeader{
        height: 110px;
    }

    #tipo3 .sp-mask, #tipo7 .sp-mask {
        height: 620px !important;
    }

    /* social */

    #tipo4{
        margin-left:1.7rem!important;
    }

    #tipo4 .sp-slide .sp-image{
        height: auto!important;
        width: 100%!important;
        top:-31px;
        left:0;
    }

    #tipo4 .sp-buttons{
        left:23%;
    }

    /* esperto settimana [inizio]*/
    .espertoSettimana{
        width: 25%;
    }

    .espertoSettimana .sp-image{
        top: -30px;
    }

    /* Slider tipo 6 */

    #eventiContainer{
        display:table;
        padding-left: 8.5%;
    }

    #tipo6 li span.mynews-list-morelink a{
        width:60%;
    }

    #polimicalendar{
        width: 22%;
        margin-right: -1.5%;
    }

    .tuttiEventi{
        right: 9.5%;
        width: 22%;
    }

    #tipo6 li span.title{
        font-size:.95rem;
        padding-top: 15px;
    }

    #tipo6 .sp-buttons{
        left:22%;
    }

    .container{
        width: 85%;
    }

    /* MENU ICONE*/
    .ce-menu-250 li{
        width: 20%;
    }
    /* MENU STRIPES*/
    .ce-menu.stripe {
        padding-right:15%;
        padding-left:15%;
    }

    /*====== MASK ACCORDION [inizio] =========================================================================
occhio nuovo accordion nato per la terza missione
questo accordion puo contenere anche altri contenuti come menu e paragrafi, e' piu' potente insomma
========================================================================================================*/
    .terzaMissione #c57994.cce-accordion .item, .terzaMissione #c58776.cce-accordion .item{
        width:15%;
    }

    .terzaMissione #c57994.cce-accordion .item h2, .terzaMissione #c57994.cce-accordion .item h3, .terzaMissione #c57994.cce-accordion .item h4, .terzaMissione #c58776.cce-accordion .item h2, .terzaMissione #c58776.cce-accordion .item h3, .terzaMissione #c58776.cce-accordion .item h4{
        top:15vw;
    }

    .terzaMissione #c57994.cce-accordion .item .ce-bodytext, .terzaMissione #c58776.cce-accordion .item .ce-bodytext{
        margin-top:15vw;
    }

    .terzaMissione .cce-accordion .item .ce-menu-270 li{
        width:32%;
    }

    /*====== MASK ACCORDION [fine] =====*/

    /* OPEN DAY */
    .home.openday #c52799 .ce-textpic .ce-gallery .ce-column:nth-child(2){
        top:15%;
    }

}

@media (min-width: 1300px){

    #tipo3 a h1,#tipo7 a h1{
        height: 70px;
    }

    #tipo3 .newsSubHeader, #tipo7 .newsSubHeader{
        height: 60px;
        overflow:hidden;
    }

    #tipo4 .sp-buttons{
        left:23%;
    }

    #tipo6 li span.title{
        font-size:.95rem;
    }

    .container{
        width: 80%;
    }

    /* OPEN DAY */
    .home.openday #c52799 .ce-textpic .ce-gallery .ce-column:nth-child(2) img{
        width:50vw;
        height:auto;
    }

    .inEvidezaListNews .news-list-container .news-list-item .imgwrapper{
        height:200px;
        max-height:200px;
        vertical-align:middle;
    }

    .inEvidezaListNews .news-list-container .news-list-item .imgwrapper img{
        position:relative;
        max-height:100%;
        height:auto;
        width:100%;
    }

    .inEvidezaListNews .news-list-container .news-list-item{
        width:23%;
        margin-right:2%;
    }
}

@media (min-width: 1500px){

    header nav {
        padding-left: 50vw;
    }

    .open #siteSearch.liv1.dropdown-menu {
        left: 9.2vw;
    }
    /*.open #menulang.liv1.dropdown-menu {
        left: 9.2vw;
    }*/

    .open #strumenti.liv1.dropdown-menu {
        left: 8.5vw;
    }

    .open #infoPer.liv1.dropdown-menu {
        left: 10.2vw;
    }

    .open .liv1.dropdown-menu {
        left: 1vw;
    }

    /* titolo bannerone home page */
    #tipo1 .sp-layer[data-position *='top 70'] , #tipo1 .sp-layer{
        bottom: 130px !important;
        top:auto !important;
        top:unset !important;
    }

    /* in evidenza */

    #tipo3 a h1, #tipo7 a h1{
        height: 55px;
    }

    #tipo3 .newsSubHeader, #tipo7 .newsSubHeader{
        height: 60px;
        overflow:hidden;
    }

    /* social */

    #tipo4{
        margin-left:3rem!important;
    }

    #tipo4 .description{
        height:80px;
    }

    #tipo4 .sp-buttons{
        left:21.5%;
    }

    /* esperto settimana */
    #tipo4 .sp-slide .sp-image-container{
        height:160px!important;
    }

    .espertoSettimana .sp-image {
        top: -70px;
    }

    /* Slider tipo 6 */
    #eventiContainer{
        padding-right: 11.2%;
        padding-left: 11.9%;
    }

    #tipo6 .sp-buttons{
        left:23.9%;
    }

}

@media (min-width: 1600px){

    #tipo1.slider-pro h1{
        font-size: 4rem;
    }

    #tipo1.slider-pro .sp-layer{
        max-width:60%;
    }

    #tipo6 li span.title{
        font-size:1.1rem;
    }

    /* in evidenza */
    #tipo3 .sp-buttons, #tipo7 .sp-buttons{
        top:0;
    }

    #tipo3 .sp-slides-container, #tipo7 .sp-slides-container{
        top:40px;
    }

    #tipo3 a h1, #tipo7 a h1{
        height: 48px;
    }

    #tipo3 .newsSubHeader, #tipo7 .newsSubHeader{
        height: 60px;
    }

    #tipo4 .sp-buttons{
        left:22%;
    }
    /* OPEN DAY */
    .home.openday #c52799 .ce-textpic .ce-gallery .ce-column:nth-child(2) img{
        width:60vw;
        height:auto;
    }
}

@media (min-width: 1700px){
    .home .rowitems .container h2{
        min-height: 80px;
    }
}

@media (min-width: 1900px){

    #tipo4 .sp-buttons{
        left:22.7%;
    }

    /*====== MASK ACCORDION [inizio] =========================================================================
occhio nuovo accordion nato per la terza missione
questo accordion puo contenere anche altri contenuti come menu e paragrafi, e' piu' potente insomma
========================================================================================================*/

    .terzaMissione .cce-accordion .item{
        width:24%;
        margin:0 .5%;
    }
    .terzaMissione .cce-accordion .item h2, .terzaMissione .cce-accordion .item h3, .terzaMissione .cce-accordion .item h4{
        top:17vw;
    }

    .terzaMissione .cce-accordion .item .ce-bodytext{
        margin-top:20vw;
    }

    /*====== MASK ACCORDION [fine] =====*/

    /* Esperto della settimana */
    .espertoSettimana .sp-image {
        top: -90px;
    }
}

/* fix del menu strumenti per schermi inferiori a 600 px*/

/* Fix bottone slider tipo 1 su schermi farlocchi */
@media (max-height:600px) and (min-width:992px){
    #tipo1 .sp-layer[data-position *='top 70'], #tipo1 .sp-layer {
        bottom: 45% !important;
    }

    .addPadding, .open #strumenti{
        padding-bottom:100px;
    }
}


@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
    /* IPHONE 5 */
    .open .liv1.dropdown-menu{
        padding-bottom:150px;
    }

    .open #infoPer{
        padding-bottom:150px;
    }

    .open #strumenti{
        padding-bottom:160px;
    }

    /*====== MASK ACCORDION [inizio] =========================================================================
occhio nuovo accordion nato per la terza missione
questo accordion puo contenere anche altri contenuti come menu e paragrafi, e' piu' potente insomma
========================================================================================================*/

    .terzaMissione .cce-accordion .item h2, .terzaMissione .cce-accordion .item h3, .terzaMissione.cce-accordion .item h4{
        top:35vw;
    }

    .terzaMissione .cce-accordion .item .ce-bodytext{
        margin-top:42vw;
    }


    /*====== MASK ACCORDION [fine] =====*/
}


@media screen {
    .screenReader {
        display: none;
    }
}

@media print {

    TSFE_ADMIN_PANEL, #TSFE_ADMIN_PANEL_FORM{
    display:none;
    }

    .screenReader {
        display: none;
    }
    nav, header, footer, .mynews-list-morelink, #socialNetworks, #back-to-top, .tuttiEventi, #polimicalendarBackground, #tipo1.slider-pro .button, .breadcrumb, .printMe{
        display:none!important;
        margin:0;
    }
    hr.ce-div{
        height: 0px;
        overflow: hidden;
    }

    #tipo1.slider-pro h1, #tipo1 #video-controls button{
        color:#fff!important;
        text-shadow:
                -1px -1px 0 #000,
                1px -1px 0 #000,
                -1px 1px 0 #000,
                1px 1px 0 #000!important;
    }

}

@keyframes kenburns {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    95% {
        transform: scale3d(1.5, 1.5, 1.5) translate3d(-190px, -120px, 0px);
        animation-timing-function: ease-in;
        opacity: 1;
    }
    100% {
        transform: scale3d(2, 2, 2) translate3d(-170px, -100px, 0px);
        opacity: 0;
    }
}

/*img.imgFullWidth, #contents .slider-pro img.sp-image{
    animation: kenburns 20s infinite;
}*/

/*Open day cablato ad un id, correggerlo o eliminarlo se non serve più*/
#c50937 a:hover{
    background-color:rgba(84, 122, 176, 0.4);
}


/**** stili per competizioni dinamiche **********/

h5 {
    font-size: 1.28571429em;
    font-weight: 700;
    line-height: 1.2857em;
    margin: 0;
}

.competitions{
    display: flex;
    flex-wrap: wrap;
}

.card {
    position:relative;
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    margin: 1rem;
    border: none;
    /*box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;*/
    /*flex-basis: 30%;*/
}

.card-body {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
}

.card-img-top {
    display: block;
    width: 100%;
    height: auto;
}

.card-title {
    font-size: 1.28571429em;
    font-weight: 700;
    line-height: 1.2857em;
}

.card-text {
    clear: both;
    margin-top: .5em;
    color: rgba(0, 0, 0, .68);
}

.card-footer {
    font-size: 1em;
    position: static;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: .75em 1em;
    color: rgba(0, 0, 0, .4);
    border-top: 1px solid rgba(0, 0, 0, .05) !important;
    background: #fff;
}

.card-footer a {
    font-weight: 600;
    position: absolute;
    bottom:0;
    left: 0;
    /*transform: translateY(-50%);*/
    display: block;
    width: 100%;
    line-height: 2rem;
    color: #fff;
    text-decoration: none;
    background-color: #547ab0;
    text-transform: uppercase;
    font-size: 100%;
    text-align: center;
}

.card-footer .btn{
    border-radius: 0;
}

.card-footer a.btn:after,.card-footer a.btn:before{
    border: none;
}

.card-footer a.btn:hover {
    text-decoration: none;
    color: #547ab0;;
    background-color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #547ab0;
}

@media (min-width: 768px){
    .card {
        flex-basis: 45%;
    }
}

@media (min-width: 1024px){
    .card {
        flex-basis: 30%;
    }
}