/* LOADING */
@keyframes anim_slides { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }
#loading {position:fixed; top:0px; left:0px; width:100vw; height:100vh; background:#fff; z-index:99999999;}
#loading .lt {width:100%; height:100%; display:table;}
#loading .ltc {text-align:center; vertical-align:middle; display:table-cell;}
#loading .lt .ltc img.pulse {width:350px; animation-name: anim_slides; animation-duration: 1.5s; animation-timing-function: linear; animation-iteration-count: infinite; animation-delay: 0; animation-play-state: running; animation-fill-mode: forwards;}
#loading .lt .ltc .ltcl {width:60px; height:60px; margin:auto; display:block;}
/* COOKIE */
#cookie {position:fixed; left:0px; bottom:0px; width:100%; height:auto; font-size:18px; color:#fff; line-height:22px; text-align:center; padding:10px; background:#000; border-top:1px solid #000; z-index:1000; display:none;}
#cookieok {height:35px; font-size:14px; color:#fff; line-height:20px; padding:0px 6px; background:#000 !important; border:2px solid #fff; transition:all 0.3s ease;}
#cookieok:hover {color:#000; background:#fff !important;}
#cookie a {position:relative; color:#fff; text-decoration:underline;}
#cookie a::after {display:none;}
#cookie a:hover {color:#fff; text-decoration:none;}
/* 404 */
main.pnf {margin:30px 0px;}
main.pnf > .container {text-align:center; padding:50px 0px;}
main.pnf h3 {color:#59b3d1;}
/* TO TOP */
#toTop {position:absolute; top:0px; right:0px; width:40px; height:48px; background:#fff url("../images/freccia.svg") no-repeat top right; border:none; z-index:1000; transition:all 0.3s ease; opacity:1; cursor:pointer;}
#toTop:hover {opacity:0.8;}

/* GENERALI */
html {-webkit-tap-highlight-color:rgba(0, 0, 0, 0); overflow: hidden;}
html, body {-webkit-font-feature-settings:"kern" 1; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;}
body {font-family:'Roboto'; font-size:22px; color:#000; line-height:26px; margin:0px !important; background:#fff; -webkit-font-feature-settings:"kern" 1; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;}
hr {height:1px; color:#000; background:#000; border-width:0px;}
h1, h2, h3, h4, h5, h6 {padding: 0px; margin:0px;}
b, strong {font-family:'Roboto';}
input, button, select, textarea {border-color:none; border-radius:0%; outline:0; box-shadow:none !important; -webkit-focus-ring-color:none;}
checkbox {-webkit-appearance:checkbox; appearance:checkbox;}
radio {-webkit-appearance:radio; appearance:radio;}
select {-webkit-appearance:none; appearance:none;}
p {padding:0; margin:0px 0px 40px;}
p:last-child {margin-bottom:0px;}
a, a[name] {position:relative; color:#000; text-decoration:none; transition:all 0.3s ease;}
a > span, a[name] > span {text-decoration:none !important;}
a:focus, a:hover, a[name]:hover, a[name]:focus {color:#59b3d1; text-decoration:none;}
a.bottone, a.bottone:hover, button.bottone, button.bottone:hover {text-decoration:none;}
*::selection {background:#59b3d1;}
*::-moz-selection {background:#59b3d1;}
:focus {outline:0;}
::-webkit-input-placeholder {color:#59b3d1; opacity:1;}
::placeholder {color:#59b3d1; opacity:1;}
button {transition:all 0.3s ease;}
sup {font-size:23px; line-height:27px; margin-left:5px;}
/* tabelle */
.table {display:table;}
.tablerow {display:table-row;}
.tablecell {display:table-cell;}
/* elenchi */
ul {list-style:none; padding:0px; margin:0px;}
/* popup */
.fancybox-overlay {background:rgba(130,161,204,0.3);}
.fancybox-opened {z-index:100000 !important;}
.fancybox-close {top:15px; right:15px; width:25px; height:25px; background:url("../images/ico-close.svg") no-repeat top center !important;}
.fancybox-skin {padding:15px !important; background:#FFFFFF !important; border:none !important; box-shadow:none !important;}
.fancybox-image {height:auto !important; margin-top:0px !important; display:block;}
/* forms */
form .input-block {position:relative; height:60px; font-size:18px; line-height:22px; padding:10px 15px 0px; margin:0px 0px 15px; background:#fff; border:1px solid #59b3d1;}
form .input-block1 {position:relative; padding:0px; margin:0px auto 30px; display:table;}
form .input-block2 {position:relative; width:100%; line-height: 1.3em; padding:0px; margin:0px auto 30px 0px; display:table;}
form .input-block3 {position:relative; width:100%; padding:0px; margin:0px auto 0px 0px; display:table;}
form .input-block.textarea {height:300px; padding:0px 0px 0px 17px; resize:none !important;}
form label {position:absolute; left:15px; top:14px; font-size:22px; line-height:26px; font-weight:normal; margin:0px; display:block; z-index:1; transition:all 0.2s ease;}
form label.clicked {top:8px; font-size:16px; line-height:16px; font-weight:normal; margin:0px; display:block; z-index:1;}
form .form-control {position:relative; height:auto; font-size:18px; line-height:26px; padding:16px 0px 0px; margin-bottom:0px; background:transparent; border:none; z-index:2;}
form .form-control:focus {box-shadow:none !important;}
form .input-block.select {padding:0px;}
form .input-block.select .form-control {width:100%; height:100% !important; font-size:22px; line-height:26px; padding:5px 10px; background:#fff;}
form .input-block.select .form-control option {font-size:16px; line-height:16px; padding:5px 10px 5px 10px !important;}
form label, form .form-control {color:#9d9d9d;}
form textarea.form-control {height:100%; padding:21px 0px 5px;}
.checkPrivacy {float:none; font-size:16px; color:#000; line-height:22px; margin:0px auto 0px;}
.checkPrivacy input[type="checkbox"] {position:relative; top:2px; width:auto; margin-top:0px;}
form .bott {margin-top:30px;}
.submit {float:none; height:60px; font-size:16px; color:#000; line-height:22px; margin:0px auto;}
.submit button {width:100%; height:58px; font-size:26px; color:#000; line-height:32px; text-align:center; padding:15px; background:#fff; display:block;}
.submit button:hover {color:#fff; background:#000; border:1px solid #fff;}
/* paginazione */
.paginazione {margin-top:15px;}
.paginazione.center {float:none; margin:15px auto 0px;}
.paginazione a {width:30px; height:30px; font-size:16px; color:#000; line-height:20px; text-align:center; padding:6px; margin-left:10px; background:#fff; border:1px solid #000; display:inline-block; overflow:hidden; transition:all 0.3s ease;}
.paginazione a:first-child {margin-left:0px;}
.paginazione a.active, .paginazione a:hover {color:#fff; background:#000;}
.paginazione a.current:hover {color:#000; background:#fff;}
/* TESTO */
h1 {font-size:34px; color:#000; line-height:40px; font-weight:700;}
h1.medio {font-size:30px; color:#000; line-height:34px;}
h1.piccolo {font-size:22px; color:#000; line-height:26px; font-weight:400;}
h2 {font-size:34px; color:#000; line-height:40px;}
p { color:#000; } /* line-height:26px; font-size:22px; */
p.piccolo {font-size:22px; color:#000; line-height:26px;}
p.medio {font-size:28px; color:#000; line-height:28px;}
/* PAGINA */
.container {position:relative; width:1200px; padding:0px 10px;}
.nopad {padding:0px;}
.nofloat {float:none;}
.mgauto {margin-left:auto; margin-right:auto;}
.resp-img {max-width:100%; height:auto; display:block;}
.txtleft {text-align:left !important;}
.txtrosa {color:#59b3d1;}
a.active {color:#59b3d1;}
a::after {content:''; position:absolute; bottom:0px; left:50%; width:0%; height:2px; background:#59b3d1; display:block; transition:all 0.3s ease;}
a.active::after, a:hover::after {left:10px; width:calc(100% - 20px);}
a.bottone::after {display:none;}
header, main, footer {overflow:hidden;}
main {margin:10px auto 80px;}
main a {color:#59b3d1; text-decoration:none;}
main a:hover {color:#59b3d1; text-decoration:none;}
main a:after {color:#59b3d1; text-decoration:none;}
main .sezione {position:relative; padding:80px 0px 36px;}
main .sezione::after {content:''; position:absolute; bottom:0px; left:0px; width:100%; height:36px; background:url('../images/spaziatore.svg') no-repeat top left; display:block;}
main .sezione:first-child {padding-top:0px;}
main .sezione > .titolo {text-align:center; margin-top: 40px; margin-bottom:40px; background:url('../images/spaziatore.svg') no-repeat center left;}
main .sezione > .titolo h1, main .sezione > .titolo h2 {/*width:288px;*/width: 310px; font-family:'Roboto'; font-weight:400; margin:0px auto; background:#fff; display:table;}
main.iscrizioneconferma .sezione > .titolo h1, main.iscrizioneconferma .sezione > .titolo h2 {width:410px;}
main .sezione a:hover::after {left:0%; width:100%;}
main .sezione a.bottone, main .sezione button.bottone {font-size:34px; color:#000; line-height:34px; padding:10px 15px; margin:0px auto 80px; background:#fff; border:2px solid #59b3d1; display:table;}
main .sezione a.bottone:hover, main .sezione button.bottone:hover {color:#fff; background:#78cad8;}
main .sezione .immagine {width:100%; height:auto; line-height:0px; text-align:center; margin-bottom:80px; display:inline-block;}
main .sezione .immagine img {margin:0px auto;}
main .sezione .testi {float:none; margin:0px auto; display:table;}
main .sezione .testi .testo {text-align:center; margin-bottom:80px;}
main .sezione .testi .testo p:nth-last-of-type(1) {margin-bottom:0px;}

/* HEADER */
header {position:relative; width:100%; padding-top:10px; background:rgba(255,255,255,1); z-index:21;}
header .logo {height:150px;}
header .logo a {height:100%; line-height:0px; display:inline-block;}
header .logo a img {width:auto; max-height:100%;}
header .logotiziano {height:150px; display:table;}
header .logotiziano a {display:table-cell; vertical-align:middle;}
header .logotiziano a img {margin:0px 0px 0px auto; display:inline; vertical-align: middle;}
header .logo a:hover, header .logotiziano a:hover {text-decoration:none;}
header .logo a:hover::after, header .logotiziano a:hover::after {display:none;}
header .menudiv {margin-top:10px;}
header .menudiv #menublock ul.menu {margin:0px auto; display:table;}
header .menudiv #menublock ul.menu li {float:left; margin-left:20px;}
header .menudiv #menublock ul.menu li:first-child {margin-left:0px;}
header .menudiv #menublock ul.menu li a {font-size:22px; line-height:30px; padding:0px 10px; display:block;}

/* SLIDESHOW */
.slide {position:relative; margin-bottom:80px; background:#b7dde5;}
#tp-banner-container {width:100% !important;}
.tp-banner>ul { diplay:none;}
.tp-bullets.simplebullets.round .bullet {background:url('../images/bullet.svg') no-repeat !important; background-position:left bottom !important;}
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected {background-position:left top !important;}

main.home .sezione .testi .testo p { font-size:34px; color:#000; line-height:40px; }
/* REGOLAMENTO */
main.regolamento .sezione .testi .testo p, main.faq .sezione .testi .testo p, main.iscrizione .sottotitolo p {position:relative; font-size:22px; color:#000; line-height:26px; padding-top:20px; margin-bottom:26px;}
main.regolamento .sezione .testi .testo p:not(.nomatita)::before, main.faq .sezione .testi .testo p:not(.nomatita)::before {content:''; position:absolute; top:0px; left:0px; width:60px; height:15px; display:block;}
/*
main.regolamento .sezione .testi .testo p:not(.nomatita)::before {background:url('../images/matita-blu.svg') no-repeat top left;}
main.faq .sezione .testi .testo p:not(.nomatita)::before {background:url('../images/matita-rossa.svg') no-repeat top left;}
*/
main.regolamento .sezione .testi .testo p.nomatita, main.faq .sezione .testi .testo p.nomatita {padding-top:0px;}

/* ISCRIZIONE */
.iscrizione form {float:none; margin:0px auto 80px; display:table;}
.iscrizione form .col {width:calc(50% - 10px); margin-left:20px;}
.iscrizione form .col:first-child {margin-left:0px;}
.iscrizione form label, .iscrizione form .form-control {color:#333;}

/* PROGETTI */
main .sezione .titolo.topten h1, main .sezione .titolo.topten h2 {width:305px;}
main .sezione .titolo.altriprog h1, main .sezione .titolo.altriprog h2 {width:390px;}
.progetti {margin-bottom:80px;}
.progetti .tablecell {vertical-align:middle;}
.progetti .progetto {float:left; height:auto; margin:20px 0px 0px 20px; border:1px solid #78cad8; display:block;}
.progetti .progetto a {display:block;}
.progetti .progetto a::after, .progetti .progetto a:hover::after {display: none;}
.progetti .progetto .immagine {width:100%; margin-bottom:10px; background:#f7f4f3; display:table;}
.progetti .progetto .immagine a::after, .progetti.podio .progetto .immagine a:hover::after {display:none;}
.progetti .progetto .testi {width:100%; text-align:center; padding:0px 60px; margin-bottom:10px; display:block;}
.progetti .progetto .testi a::after, .progetti .progetto .testi a:hover::after {display:none;}
.progetti .progetto .testi span {width:100%; font-size:18px; color:#000; line-height:24px; display:block;}
.progetti .progetto .testi span.classificato {font-size:24px; color:#78cad8; line-height:30px;}
.progetti .progetto .testi span.classe {height:30px; font-family:'Roboto'; font-size:24px; line-height:30px; overflow: hidden;}
.progetti.altriprog .progetto .testi span.classe {height:22px; font-size:18px; line-height:22px;}
.progetti .progetto .testi span.istituto {height:72px; overflow: hidden;}
.progetti.podio .progetto {width:380px; min-height:510px;}
.progetti.podio .progetto:nth-child(3n+1) {margin-left:0px;}
.progetti.podio .progetto:nth-child(1), .progetti.podio .progetto:nth-child(2), .progetti.podio .progetto:nth-child(3) {margin-top:0px;}
.progetti.podio .progetto .immagine {height:378px;}
.progetti.podio .progetto .immagine img {width:auto; max-height:378px; margin-left:auto; margin-right:auto;}
.progetti.podio .progetto .testi {padding:0px 60px;}
.progetti.topten .progetto {width:280px;}
.progetti.topten .progetto:nth-child(4n+1) {margin-left:0px;}
.progetti.topten .progetto:nth-child(4n+5) {clear:both;}
.progetti.topten .progetto:nth-child(1), .progetti.topten .progetto:nth-child(2), .progetti.topten .progetto:nth-child(3), .progetti.topten .progetto:nth-child(4) {margin-top:0px;}
.progetti.topten .progetto .immagine {height:280px;}
.progetti.topten .progetto .testi {padding:0px 20px;}
.progetti.altriprog .progetto {width:180px;}
.progetti.altriprog .progetto:nth-child(6n+1) {margin-left:0px;}
.progetti.altriprog .progetto:nth-child(6n+7) {clear:both;}
.progetti.altriprog .progetto:nth-child(1), .progetti.altriprog .progetto:nth-child(2), .progetti.altriprog .progetto:nth-child(3), .progetti.altriprog .progetto:nth-child(4), .progetti.altriprog .progetto:nth-child(5), .progetti.altriprog .progetto:nth-child(6) {margin-top:0px;}
.progetti.altriprog .progetto .immagine {height:180px;}
.progetti.altriprog .progetto .testi {padding:0px 20px;}
/* scheda */
.sezione .scheda {margin-bottom:40px;}
.sezione .scheda .tablecell {vertical-align:middle;}
.sezione .scheda .immagini {width:460px;}
.sezione .scheda .copertina {height:460px; margin-bottom:20px;/* background:#f7f4f3;*/ border:1px solid #78cad8;}
.sezione .scheda .copertina .table {width:100%; height:100%; margin:0px;}
.sezione .scheda .copertina a {display:block;}
.sezione .scheda .copertina a::after, .sezione .scheda .copertina a:hover::after {display:none;}
.sezione .scheda .copertina img {margin:auto;}
.sezione .scheda .antep {width:100%; overflow:hidden;}
.sezione .scheda .antep .immagine {float:left; width:100px; height:100px; margin:20px 0px 0px 20px; border:1px solid #78cad8; display:table;}
.sezione .scheda .antep .immagine:nth-child(4n+1) {margin-left:0px;}
.sezione .scheda .antep .immagine:nth-child(1), .sezione .scheda .antep .immagine:nth-child(2), .sezione .scheda .antep .immagine:nth-child(3), .sezione .scheda .antep .immagine:nth-child(4) {margin-top:0px;}
.sezione .scheda .antep .immagine img {width:auto; max-height:98px;}
.sezione .scheda .dettagli {width:calc(100% - 460px); padding-left:40px;}
.sezione .scheda .dettagli {margin-bottom:40px;}
.sezione .scheda .dettagli p {margin-bottom:0px;}
.sezione .scheda .dettagli .classificato {margin-bottom:20px;}
.sezione .scheda .dettagli .classe {margin-bottom:5px;}
.sezione .scheda .dettagli .istituto, .sezione .scheda .dettagli .insegnante, .sezione .scheda .dettagli .titolo {margin-bottom:20px;}
.sezione .scheda .dettagli .social ul {width:100%; display:table;}
.sezione .scheda .dettagli .social li {float:left; margin-left:20px;}
.sezione .scheda .dettagli .social li:first-child {margin-left:0px;}
.sezione .scheda .dettagli .social a::after, .sezione .scheda .dettagli .social a:hover::after {display:none;}
.sezione .tornaindietro {text-align:right; margin-bottom:40px;}

/* PRESS */
main.press .sezione .allegato {padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #78cad8;}
main.press .sezione .allegato:last-child {border-bottom:0px;}
main.press .sezione a.bottone {margin-bottom:0px;}

/* FOOTER */
footer {margin-bottom:80px;}
footer .links {padding-bottom:5px;}
footer .links a {display:table;}
footer .links a::after {bottom:-2px;}
footer .links a:hover::after {left:0%; width:100%;}

.note {font-size:0.6em; line-height: 1em; display:block; margin-bottom:15px;}