@import url('https://fonts.googleapis.com/css?family=Muli:400,700');



body { margin:0; padding: 0; color: #999; font-family: 'Muli', sans-serif;}
.container { max-width: 1200px; margin: 0 auto; padding: 0 2%; }
ul, li, h1, h2, h3, h4, h5, p { padding: 0; margin: 0; list-style: none; }
a { text-decoration: none; color: #999 }
p { line-height: 1.8; font-size: 17px; font-weight: 500 }
.center { text-align: center; }
.clear { clear: both; }
.upper { text-transform: uppercase; }
.fff {color: #fff}
.lblu { color: #bed6ff }
.blu { color: #1a1d3b }
.triennale {color: #bed6ff!important}
.magistrale {color: #fef200!important}
.master {color: #ff802c!important}
.bg-triennale {background-color: #bed6ff!important}
.bg-magistrale {background-color: #fef200!important}
.bg-master {background-color: #ff802c!important}
.active { color: #e7af4d!important }
.shadow { text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.21); }

.sticky { position: fixed !important; top: 0; width: 100%; z-index: 1000; }
.sticky2 { position: fixed !important; top: 50px; height: 36px; background-color: #fff; width: 100%; z-index: 900; }
.hidden-sticky { height: 120px !important; }
.sticky .trapezio span { display: none; }
.logo-menu { display: none; width: 50px; position: absolute; top: 0 }
.sticky .logo-menu { display: inline-block; width: 50px; position: absolute; top: 5px; left: 5px }

/*TOP BUTTON*/
.back-to-top {position: fixed;z-index: 200;bottom: 10px;right: 0;display: inline-block;padding: 5px 10px;margin: 1em;border-radius: 5px;background: #1a1d3b;border: 2px solid #fff;font-size: 13px;text-align: center;color: #fff}
.back-to-top i { margin: 5px 0 ; color: #fff}
.back-to-top:hover {cursor: pointer;}

.dettaglio { margin-bottom: 30px }
.dettaglio .c60 { width: 68%; float: right; margin-top: -9px }
.dettaglio .c40  { width: 29%; margin-left: 1%; float: left; }
.dettaglio .data { border-bottom: 1px solid; display: inline-block; padding-bottom: 10px; margin: 10px 0 }
.dettaglio .c40 img { width: 100%; margin-top: 10px }
.dettaglio-info .c60 { width: 99%; margin: 0 0 0 1% }

.b50 { width: 50%; float: left; }
.b50.txt { text-align: right; margin-top: 65px; color: #fff }
.b50.txt h2 { font-size: 25px; margin-top: 20px }
header { }
header a { color: #fff }
header .menu { background-color:#1a1d3b }
header .main-navigation { z-index: 1000; position: relative; width: 100%; text-align: center; }
header .main-navigation li {color: #fff; position: relative; display: inline-block; padding: 20px 1.5%; font-size: 16px; text-transform: uppercase; }
header .main-navigation a { transition: all 0.25s ease 0s; color: #fff;}
header .sub-nav li { display: block; text-align: left;}
header .main-navigation a:hover { color: #ccc }
.parallax { min-height: 230px; padding: 100px 0 120px }
.trapezio {max-width: 1300px; margin: 0 auto; padding: 0 2%;}
.trapezio span { display: block; border-bottom: 50px solid #fff; margin: 0 auto; border-left: 50px solid transparent; border-right: 50px solid transparent; height: 0; width: 92%;}

.title { margin-bottom:20px; }
.title.space { margin: 0 0 20px 10px; }

.evidenza .b-p { border-top: 7px solid #1a1d3b; margin-bottom: 10px}
.b-p .data { margin: 5px 0 }
.b-p h2 { font-size: 20px; text-transform: uppercase; font-weight: 400; }
.scopri { transition: all 0.7s ease 0s; margin: -60px 0 30px -5px }
.scopri:hover { opacity: 0.8 }
.scopri span { font-size: 15px; color: #fff; background-color: #1a1d3b; display: inline-block; padding: 6px 10px 6px 20px   }
.scopri .triangle { background: transparent; width: 0; padding: 0; vertical-align: top; height: 0; border-top: 20px solid transparent; border-left: 30px solid #1a1d3b; border-bottom: 19px solid transparent;}

.corsi { margin-bottom: 50px }
.b-c { transition: all 0.4s ease 0s; background-color: #555; width: 28.5%; display: inline-block; vertical-align: top; padding: 10px 1.5%; color: #fff; margin: 0 0.75% 20px }
.b-c:hover { background-color: #1a1d3b }
.b-c .corso i { font-size: 30px }
.b-c h3 { font-size: 25px; line-height: 1.2 }
.b-c .dettagli { color: #ccc; text-align: right; }
.corsi .download { border: 2px solid; padding: 10px; margin-left: 1%; background-color: #e7af4d; color: #1a1d3b }
.corsi .download a { color: #1a1d3b }

.dati { background-color: #ccc; border-top: 7px solid #888; padding: 30px 0; }
.dati .c33 { width: 31.33%; margin: 0 1%; float: left; }
.dati .icon { height: 150px; border-right: 2px solid #aaa; float: left; width: 20%; text-align: center;}
.dati .icon i { margin-top: 60px; color: #555; font-size: 25px;  }
.dati .txt { color: #fff; width: 70%; float: right; margin-top: 20px }
.dati .txt span { font-size: 20px; color: #555 }

.prefooter { text-align: center; padding: 100px 0 }
.prefooter p { width: 40%; margin: 0 auto 40px }
.prefooter .scopri { margin: 0 auto }

.colonna { background-color: #ddd; width: 24%; margin-left: 1%; float: left; position: relative; padding: 90px 2% 25px; margin-bottom: 50px }
.colonna .bg { background-color: #555; padding: 20px 1% 1px; width: 98%; text-align: center; position: absolute; top: 0; left: 0; }
.colonna .bg i { position: absolute; top: 15px; left: 10px; font-size:30px; color: #fff }
.colonna .bg h3 { color: #e7af4d; font-size: 22px }
.colonna .download { margin-top: 20px; background-color: #1a1d3b; border: 2px solid #fff; padding: 15px 0.5%; color:#e7af4d; text-align: center; width: calc(99% - 4px); display: inline-block; }
.colonna .download:hover { opacity: 0.8 }
.colonna .download i { font-size: 16px; margin-right: 5px; }
.logo-down {width: 40px;
display: block;
text-align: center;
margin: 10px auto 0;}
.colonna .title2 { margin: 50px 0 10px }
.colonna p { color: #555 }
.colonna .big {font-size: 20px; margin: 0 0 5px; display: inline-block; }

.main { float: right; width: 67%; margin-bottom: 30px }
.c-info { color: #555; background-color: #ddd; margin: 30px 1% 0 0; width: 25.33%; display: inline-block; vertical-align: top; padding: 10px 3%; position: relative;} 
.c-info h3 { margin: 10px 0; height: 50px; overflow: hidden; }
.c-info .p { height: 95px; overflow: hidden; margin-bottom: 20px; font-size: 13px}
.c-info i { position: absolute; right: 10px; bottom: 10px; font-size: 35px }
.c-info .scopri { margin: -10px 0 0 -30px }

.news .b-p { transition: all 0.2s ease 0s; width: 30.9%; display: inline-block; margin: 0 1% 30px; vertical-align: top; }
.news .b-p:hover { opacity: 0.8 }
.news .b-p img { width: 100%; }

.evidenza.new { position: relative; }
.pages { position: absolute; top: -10px; right: 10px }
.pages span { display: inline-block; border: 1px solid #ccc; padding: 5px 10px; color: #555; margin-right: 2px }
.pages span:hover { background-color: #e7af4d }
.pages .current { background-color: #e7af4d }

/*.bl-c { width: 31.33%; float: left; margin: 0 1% }
.bl-c .b-c { width: 90%; margin: 0 0 10px; padding: 10px 5%; }
.bl-c .bg-corso { color: #555; font-weight: 800; padding: 10px 5%; width: 90%; background-color: #ccc; margin-bottom: 10px }*/
.bl-c { width: 98%; float: left; margin: 0 1% 30px  }
.bl-c .b-c { width: 96%; margin: 0 0 10px; padding: 10px 2% 15px; }
.bl-c .b-c h3 { width: 90% }
.bl-c .b-c .dettagli { margin-top: -30px }
.bl-c .bg-corso { color: #555; font-weight: 800; padding: 10px 2%; width: 96%; background-color: #ccc; margin-bottom: 10px }

.main { position: relative; padding-bottom: 70px }
.main .pages { position: absolute; bottom: 0; top: inherit; left: 0 }

.percorso { margin: -15px 0 20px 1%; font-size: 15px }

.iscrizione { color: #ccc; background-color: #555; padding: 30px 0; }
.iscrizione i { font-size: 40px; margin-bottom: 10px }
.iscrizione h2 { font-size: 40px; color: #fff }
.button {margin-top: 20px;
background-color: #1a1d3b;
border: 2px solid #fff;
padding: 15px 20px;text-transform: uppercase;
color: #e7af4d;
text-align: center;
display: inline-block;}

.corso .title {background-color: #555; padding: 10px} 
.bl_corso { color: #555; padding-left: 1%; margin-bottom: 40px; margin-top: -18px }
.bl_corso .open-close-box {border-bottom: 1px solid #555;position: relative; padding: 20px 0; text-align: left; }
.bl_corso .open-close-box h3 { font-weight: 400; text-align: left; cursor: pointer; display: inline-block;}
.bl_corso .open-close-box .btnmore {position: absolute; top: 8px; right: 0; width: 100%!important; cursor:pointer; cursor: pointer;}
.bl_corso .open-close-box p { font-size: 15px }
.bl_corso .open-close-box .btnmore .open {  height: 30px; width: 30px; }
.bl_corso .open-close-box .btnmore img { height: 30px; width: 30px; float: right; margin: 7px 0 } 
.bl_corso .open-close-box .text_openred { text-align: left; line-height:20px; width: 100%; margin-top: 10px }
.bl_corso .open-close-box .text_openred li { padding: 7px 0;}
.tabella { width: 45%; padding: 1% 2%; margin: 10px 1% 0 0; background: #ddd; float: left; }
.w60 { width: 70%; float: left; }
.w40 { width: 30%; float: left; text-align: right; }
.anno { clear: both; margin-bottom: 20px }
.pdf { background: #1a1d3b; color: #fff; display: inline-block; margin: 10px 1% 0 0; padding: 10px; }
.pdf:hover { color: #e7af4d; opacity: 0.8 }

.bl_immatricolazioni .open-close-box { position: relative; text-align: left; }
.bl_immatricolazioni .open-close-box h3 { font-weight: 400; text-align: left; cursor: pointer; display: inline-block;}
.bl_immatricolazioni .open-close-box .btnmore {position: absolute; top: 8px; right: 0; width: 100%!important; cursor:pointer; cursor: pointer;}
.bl_immatricolazioni .open-close-box .btnmore .open {  height: 30px; width: 30px; }
.bl_immatricolazioni .open-close-box .btnmore img { height: 30px; width: 30px; float: right; margin: 13px 0 } 
.bl_immatricolazioni .open-close-box .text_open { background-color: rgba(255,255,255,0.2); padding: 2%; text-align: left; line-height:20px; width: 96%; margin-top: 20px }
.bl_immatricolazioni .open-close-box .text_open p { margin: 10px 0 }
.bl_immatricolazioni .open-close-box .text_open ul { margin-left: 20px }
.bl_immatricolazioni .open-close-box .text_open li { list-style: square; line-height: 1.8 }
.bl_immatricolazioni .open-close-box .text_open .pdf { display: block; }
.bl_immatricolazioni a { color: #fef200 }

.docenti { margin-bottom: 10px }
.docente .open-close-box { position: relative; text-align: center; color: #555}
.docente .open-close-box h4 { font-weight: 400; text-align: left; cursor: pointer; color: #fff; width: 96%; font-size: 14px; text-align: center; padding: 10px 2%; background-color: #1a1d3b;}
.docente .open-close-box .btnmore {position: absolute; top: 8px; right: 0; width: 100%!important; cursor:pointer; cursor: pointer;}
.docente .open-close-box .btnmore .open {  height: 20px; width: 20px; }
.docente .open-close-box .btnmore img { height: 20px; width: 20px; float: right; margin: 2px 4px 0 } 
.docente .open-close-box .text_open { background-color: rgba(255,255,255,0.2); padding: 2%; line-height:20px; width: 96%; }
.docente a { color: #555 }
.docente .open-close-box .text_open li { margin: 10px 1%}
.docente .open-close-box .text_open .pdf { display: block; }

.docente { width: 31.33%; display: inline-block; vertical-align: top; text-align: center; border: 2px solid #ddd; padding: 20px 0 0; margin: 0 0 20px 1%; color: #555}
.docente p { line-height: 1.5; margin: 10px 0 15px }
.docente .foto { height: 80px; border-radius: 50%; margin-top: 10px }

.title-corso { transition: all 0.4s ease 0s;
background-color: #555;
width: 95%;
display: inline-block;
vertical-align: top;
padding: 10px 1.5%;
color: #fff;
margin: 0 0.75% 20px 1%; }
.title-corso i { font-size: 30px }
.title-corso p { font-size: 17px }
.title-corso h3 { font-size: 25px }

.video { margin-left: 1%; margin-bottom: 30px }
.video iframe { width: 640px; height:360px; }

.gallery { margin: 30px 0 }
.gallery img { width: 32%; float: left; margin: 0.5% }
.gallery img:hover { opacity: 0.8}

.desc-page { margin: -20px 0 30px 1% }

.contatti .cl { width: 22%; float: left; margin: 8px 0 0 1%; border-left: 2px solid #ddd; padding: 0 2%; }
.contatti .cl h2 { margin-bottom: 5px }
.contatti .social { width: 10%; float: left; margin: 8px 0 0 1%; border-left: 2px solid #ddd; padding: 0 2%;  }
.contatti .social i { margin-right: 5px }
.map { background-color: #eee; width: 100%; height: 400px; margin-top: 50px }

.info-segreteria {background-color: #555; padding: 20px 0;}
.info-segreteria .slick-dotted.slick-slider { margin-bottom: 0!important }
.info-segreteria .slick-dots { display: none!important }
.info-segreteria .c-info { background-color: #555; width: 100%; color: #fff; margin: 0 }
.info-segreteria .c-info:hover { background-color: rgba(255,255,255,0.1); }
.info-segreteria .c-info .scopri { margin: 0 }

.dona { position: fixed; z-index: 9999; border:2px solid #e7af4d; background-color: #1a1d3b; top: 8px; right: 8px; padding: 10px 20px }
.iban {border: 4px dotted #aaa; padding: 2%; margin: 0 0 40px 1%; color: #555;}

.dettaglio h1 { margin: 0 0 0 1% }
.dettaglio .c60 h1 { margin: 0 }
.dettaglio a { background-color: #1a1d3b; margin: 20px 0 0; padding: 5px 10px; display: inline-block; color: #e7af4d;  }

.grazie { text-align: center; }
.grazie img { width: 44%; margin: 0 auto }
.grazie div { color: #e7af4d; font-size: 50px; background-color: #1a1d3b; padding: 30px 0; margin-top: -4px; z-index: 3 }
.grazie div img { width: 100px; margin-top: 20px }

footer { background-color: #1a1d3b; padding: 40px 0 0; text-align: center; margin-top: -20px}
footer .logo { width: 110px; margin: -90px auto 15px }
footer p, footer a { color: #fff; font-size: 14px }
footer .info { margin-top: 40px; text-align: center; background-color: rgba(255,255,255,0.3); padding: 5px 0 }
footer .c33.left { text-align: left; }
footer .c33.right { text-align: right; }
footer .c33.right img { margin-left: 5px }
.g { color: #bbb }
footer .c33 { width: 31.33%; float: left; margin: 0 1% }
footer .button { transition: all 0.7s ease 0s; background-color: #7ca7f1; padding: 10px 20px; margin: 20px 0; border-radius: 40px; display: inline-block; }
footer .button:hover { background-color: rgba(255,255,255,0.3) }
footer .button.b2 { background-color: #1a1d3b; color: #fff; margin-top: -20px; padding: 10px 20px; border: 2px solid #e7af4d;}

.sitemap { text-align: left;
background: #444;
padding: 2%;
margin: 0 0 26px; }

.error { margin: 30px 0; color: #555 }
.error h2 { font-size: 18px; }
.error h1 { font-size: 20vw; }
.error a { background-color: #1a1d3b; color: #e7af4d; padding: 5px 10px; display: inline-block; }

.sponsor { padding: 50px 0 }

@media screen and (max-width: 1200px) {
header .main-navigation li { font-size: 13px; padding: 20px 1% }
.trapezio span { display: none; }
/*header .menu { margin-bottom: 20px }*/
.sub-nav { min-width: 260px!important; width: 260px!important }
.hidden-sticky { height: 70px !important; }
.percorso { margin-top: 25px }
}

@media screen and (max-width: 1024px) {
.sticky .logo-menu { display: none; }
.dona { /*top: 57px;*/ right: 10px; }
.b-c { width: 46%; padding: 10px 1% }
.b-c h3 { font-size: 20px }
.prefooter p { width: 80% }
.colonna { width: 30%; }
.main { width: 63% }
.c-info { width: 41%; margin: 20px 2% 0 0 }
.c-info .scopri {margin: -10px 0 0 -25px}
}

@media screen and (max-width: 768px) {
.sitemap { text-align: center; }
.news .b-p { width: 47% }
.docente { width: 47.4% }
.video iframe { width: 100%; height:360px; }
.dettaglio { text-align: center; }
.dettaglio .c40 { width: 100%; }
.dettaglio .c40 img { width: 50%; }
.dettaglio .c60 { width: 100%; }
footer .c33 { text-align: center!important; width: 98% }
.dona { top: 0; padding: 5px 10px; background-color: #e7af4d; right: 0; position: absolute;}
.dona a { color: #1a1d3b; font-weight: bold; }
header { text-align: center; }
.b50 { width: 100%; float: none; }
.b50 img { width: 200px }
.b50.txt { text-align: center; margin-top: 30px }
.b50.txt h2 { margin-top: 10px; font-size: 17px }
.b50.txt h1 { font-size: 20px }
header .main-navigation { position: fixed; top: 34px; left: 0; background-color: rgba(36,71,132,0.9); }
.main { width: 100%; text-align: center; padding-bottom: 0; margin-bottom: 0 }
.percorso { text-align: center; }
.gallery img { display: inline-block; float: none; width: 31% }
.colonna { text-align: center; width: 96%; margin: 0 0 30px;}
.colonna .title2 { margin: 20px 0 0 }
.sticky { position: inherit!important }
.hidden-sticky { height: 0!important }
.dati .c33 { width: 100%; text-align: center; margin: 20px 0 }
.dati .icon { width: 100%; text-align: center; height: auto; border: none; }
.dati .icon i { margin-top: 0 }
.dati .txt { width: 100%; text-align: center; }
.parallax { height: 200px; padding: 120px 0 80px }
.parallax.prefooter { padding: 100px 0 120px}
.contatti { text-align: center; }
.contatti .cl, .contatti .social { width: 100%; border: none; float: none; margin: 20px 0; padding: 0}
.title.space { margin: 0 }
.docenti { text-align: center; }
.grazie img { width: 60% }
.pages { text-align: center; left: 0; right: 0; margin: 30px auto 20px; position: relative; }
.evidenza.new { text-align: center; }
.scopri { margin: -20px 0 0; }
.b-p h2 { font-size: 16px; margin-top: 10px }
.corsi { text-align: center; margin-bottom: 0}
.corsi .title.space { margin-bottom: 10px }
.title.space { text-align: center; }
.bl-c .b-c h3 { width: 100%; margin-top: 5px }
.bl-c .b-c .dettagli { margin-top: 10px; text-align: center; font-size: 13px }
.corso { text-align: center; }
.main .pages { position: relative; margin: 20px 0 }
.c-info { margin: 20px 1% 0 }
.desc-page { margin-top: 0 }
.bl_immatricolazioni .corso { text-align: left; }
.parallax.prefooter { padding: 100px 0 120px }
.sub-nav { min-width: 100%!important; width: 100%!important; padding: 0!important }
.main-navigation .sub-nav a { text-align: center!important; }
.iban { margin-left: 0 }
}

@media screen and (max-width: 500px) {
p { font-size: 15px }
.scopri span { font-size: 11px; padding: 6px 10px }
.scopri .triangle { display: none; }
.c-info i { font-size: 25px }
.gallery img { width: 48% }
.video iframe { height: 240px }
.slick-dotted.slick-slider { margin-top: 20px!important }
.b-c { width: 96% }
.b-c .dettagli { text-align: center; }
.corsi .download { display: inline-block; margin-bottom: 20px }
.prefooter p { margin-bottom: 20px }
.corsi .title.space { margin-bottom: 20px }
.iscrizione h2 { font-size: 25px }
.parallax { padding: 70px 0 30px }
.parallax.prefooter { padding: 90px 0 130px }
.tabella { width: 95% }
.docente { width: 96%; margin: 10px 0 }
}