/* ==========================================================
   yost.technology - MODULO EVENTI
   ========================================================== */
.YOSTevento {
max-width:1200px;padding:60px 0 30px;box-sizing:border-box;margin:auto;
}

.thisYOSTevento {
display:flex;justify-content:center;flex-wrap:wrap;
}

.titleev2 {
position:relative;
}

.col-sm-4 {
width:33.33%;box-sizing:border-box;margin-bottom:40px;display:flex;
}

.titleev:before {
font-family:FontAwesome;content:"\f10d";margin-right:12px;font-size:32px;
}

.titleev:hover:before {
text-decoration:none;
}

.titleev {
display:block;color:#fff;font-size:20px;margin-bottom:15px;text-transform:uppercase;
}

.text-top,
.text-top-2,
.text-top-5 {
color:#595959;font-family:"Muli", Sans-serif;font-size:16px;font-weight:400;font-style:normal;line-height:27.2px;margin:0px 0px 12px 0px;order:3;
}

.text-top-3 {
color:#595959;font-family:"Muli", Sans-serif;font-size:14px;font-weight:400;font-style:normal;line-height:24.5px;
}

.leggiit a,
.titleev2 {
font-size:16px;width:80px;text-align:center;
}

.titleev:hover {
color:#3a3a3a;
}

.text-page {
color:#fff;margin:15px 0;
}

.titleev2 {
color:#fff;transition:all 0.3s ease;display:inline-block;margin-top:15px;padding:10px;background:#444;box-shadow: 0 0px 10px #343444;
}

.leggiit a {
display:block;
}

.titleev2:hover {
background:#444;border:1px solid #000;color:#fff;text-decoration:none;
}

.col-sm-4 small {
display:none;
}

.leggiit a {
color:#fff;background:#000;border:1px solid #000;transition:all 0.3s ease;height:42px;line-height:42px;margin:0 auto;
}

.leggiit a:hover {
background:#fff;color:#000;
}

@media screen and (max-width:991px) {
.text-top-category {
font-size:24px;line-height:120%;letter-spacing:4px;margin:40px auto;
}
.YOSTevento {
padding:40px 0 20px;
}
.col-sm-4 {
width:50%;
}
.titleev,
.titleev2 {
font-size:18px;
}
}

@media screen and (max-width:767px) {
.col-sm-4 {
width:100%;
}
}