@import url('balloon.css');
html, body {  height:inherit;  }
input, select, textarea { width:100%; }
a { color:#444; }
body { line-height: 18px; }

h3 { font-size:22px; margin-bottom:20px; }
h4 { font-weight:bold; margin-bottom:20px; }
.text { text-align: left;}
.text li { margin:5px 0 5px 20px; list-style:disc; }
.flex { display: flex; align-items: center; }


.acc_title { position:relative; border-bottom:1px solid #DDD; padding:10px 10px 10px 25px; display:block; font-size:16px; cursor:pointer; }
.acc_title i { position:absolute; left:0px; top:12px; }

#header { border-bottom:0px; height:180px; border-bottom:1px solid #DDD; }
#footer { margin-top:0px; }
#main {  margin-top: 180px; min-height: -moz-calc(100vh - 410px); min-height: -webkit-calc(100vh - 410px); min-height: calc(100vh - 410px); padding: 0 0 40px 0; }

.header-page { text-align:center; padding: 40px 20px; line-height:25px; max-width:600px; margin:0 auto; font-size:15px; }
.header-page h2 { text-transform:uppercase; font-size:30px; margin: 0 0 10px 0; text-transform:inherit; text-transform:uppercase; }

.cover { height: -moz-calc(100vh - 100px); height: -webkit-calc(100vh - 100px); height: calc(100vh - 100px); }
.cover .text { padding-top:170px; }
.impact { background:#EEE; padding:20px 40px 0 40px; }

.impact h2 { margin:0px; font-size:50px; font-weight:bold; }
.impact li { margin:20px 0; font-weight:bold; }

.item-row h3.section { text-align:center; margin-bottom:60px; font-size:26px; }
.item-row { padding: 60px 20px 20px 20px; font-size:14px; line-height:22px; }
.item-row img { margin-bottom:20px; }
.more { font-size:14px; margin-top:10px; padding-bottom:5px; border-bottom:1px solid #000; display:inline-block; }
.more2:after { content: "\f105"; font-family: FontAwesome; padding-left:20px; }

.video { max-width:800px; margin:0 auto; }

.grid-1-4 { display:grid; grid-template-columns:1fr 4fr; gap:30px; margin-top:20px; }
.grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:80px; }
.grid-3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; }
.grid-4 { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:20px; }
.grid-5 { display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; gap:20px; }
.grid-6 { display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; gap:20px; }
.grid-page { display:grid; grid-template-columns:200px 1fr; gap:40px; }
.grid-template-1 { display:grid; grid-template-columns: 1fr 400px; gap:100px; }


.list-details { text-align:center; }
.list-details li { padding: 0 20px; }
.list-details i { font-size:40px; margin-bottom:20px; }
.list-details h4 { margin-bottom:10px; font-size:16px; }


h2 { font-size: 26px; }
h4 { font-size: 14px; margin:20px 0 0 0; }
.acc_content { overflow: auto; padding:15px 20px; }
.acc_content h4 { font-size:14px; color:#FFF; margin:0px; background:#000; padding:3px 10px;  }
.nextime { background:#db8960; color:#FFF; text-transform:uppercase; font-size:11px; font-weight:bold; }

.intro { max-width:1400px; margin:0 auto; }
.list-corsi { margin-bottom:20px; }
.list-corsi li { padding:5px 5px 5px 25px; border-bottom:1px solid #DDD; position:relative; font-weight:bold; }
.list-corsi li.selected { background:#EEE; } 
.list-corsi li i { position:absolute; left:10px; top:8px; }
.sidebar { padding:0px }
.schedaCorso .sidebar .nextime { padding:2px 5px; float:right; }
.schedaCorso { padding-left:40px; }
.schedaCorso h3 { font-weight:bold; font-size:22px; margin:0 0 10px 0; }
.schedaCorso iframe { border:2px solid #000; }
.schedaCorso .nextime { padding:3px 10px; display:inline-block;  }
.buttons-slide { display:grid; gap:20px; grid-template-columns: 1fr 1fr 1fr; margin-top:20px; }
.buttons-slide li { margin-bottom:10px; width:300px; margin-right:10px;  }
.buttons-slide li a { display:block; }
.buttons-slide li i { margin-right:5px; }
.msg-alert { font-size:12px; color:#999; margin-top:20px; }
.scroller { padding:0 100px 0 100px; width:100%; margin-bottom:60px; }
.scroller li { width:200px; display:inline-block; padding:10px; min-height:330px; }
.scroller figure { width:220px; height:150px; background:#CCC; position:relative; }
.scroller h4 { margin:0; font-size:13px; background:#000; color:#FFF; padding:3px 10px; white-space:initial;  }
.scroller h3 { margin:0; font-size:13px; white-space:initial; padding:3px 10px; text-transform:uppercase; font-weight:600; margin-top:10px; line-height:16px; }
.scroller img { width: 220px; height: 150px; object-fit: cover; margin:0px; }
.slick-next::before, .slick-prev::before { border: 1px solid #000; color: #000; padding: 10px; }
.scroller li .nextime { position:absolute; bottom:44px; right:20px; margin:0; padding:3px 10px; white-space:initial;  }


.slick-dots { bottom:-50px; left:0; right:0; }
.slick-dots li button::before { color:black; position:relative; }
.slick-dots li button { width:inherit; height:inherit; }
.slick-dots li.slick-active button::before { color:black; }
.slick-dots li { padding:10px; width:10px; }