@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;0,6..96,600;1,6..96,400;1,6..96,500;1,6..96,600&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');
@import url('https://fonts.cdnfonts.com/css/futura-pt?styles=117668,117664,117666,117662');

/*@import url('https://fonts.cdnfonts.com/css/futura-std-4?styles=52567,52568,52570,52576,52579,52580');*/


@font-face {
    src: url('https://font-cdn.suerte.studio/Stanley-Bold.ttf');
    font-family: stanley;
    font-weight: 700;
}


@font-face {
    src: url('https://font-cdn.suerte.studio/FuturaMediumBT.ttf');
    font-family: futura-medium;
    font-style: normal;
    font-weight: 500;
}

@font-face {
    src: url('https://font-cdn.suerte.studio/FuturaMediumItalicBT.ttf');
    font-family: futura-medium;
    font-style: italic;
    font-weight: 500;
}

@font-face {
    src: url('https://font-cdn.suerte.studio/Futura_Book-Normal.ttf');
    font-family: futura-medium;
    font-weight: 400;
}

@font-face {
    src: url('https://font-cdn.suerte.studio/freight-disp-pro/medium.otf');
    font-family: freight-display-pro;
    font-style: normal;
    font-weight: 500;
}

@font-face {
    src: url('https://font-cdn.suerte.studio/freight-disp-pro/book.otf');
    font-family: freight-display-pro;
    font-style: normal;
    font-weight: 600;
}

@font-face {
    src: url('https://font-cdn.suerte.studio/freight-disp-pro/light.otf');
    font-family: freight-display-pro;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    src: url('https://font-cdn.suerte.studio/freight-disp-pro/light-italic.otf');
    font-family: freight-display-pro;
    font-style: italic;
    font-weight: 400;
}




@font-face {
    src: url('https://font-cdn.suerte.studio/authentic-sans/authentic-sans-60.otf');
    font-family: "AUTHENTIC Sans";
    font-style: normal;
    font-weight: 500;
}

@font-face {
    src: url('https://font-cdn.suerte.studio/authentic-sans/authentic-sans-90.otf');
    font-family: "AUTHENTIC Sans";
    font-style: normal;
    font-weight: 600;
}

:root {
    --futura-font: 'Futura PT', sans-serif;
    --neue-font: 'Neue Haas Grotesk Display Pro', sans-serif;
}


.neue {
    font-family: var(--neue-font);
    font-weight: 500;
    transition: .5s color;
    letter-spacing: 0.1px;
    line-height: 1.4;
}

.cc-window {
    font-family: freight-display-pro, serif!important;
}

.cc-revoke.cc-bottom {
    display: none;
}

.titolo_big_page {
    /*font-family: freight-display-pro, serif;*/
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.5px;
}

h2.titolo_big_page {
    margin-top: 0;
    font-size: 40px;
}
.titolo_big_page.desc {
    font-family: var(--neue-font);
    font-weight: 500;
    letter-spacing: 0.1px;
    line-height: 1.3;
}

.titolo_big {
    /*font-family: freight-display-pro, serif;*/
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-style: normal;
    width: 145%;
    font-size: 80px;
    text-align: left;
    line-height: 0.98;
    margin-left: 150px!important;
}


.no_iscr {
    margin-top: 20vh !important;
    text-align: center;
}

.no_iscr_p {
    text-align: center;
    font-family: var(--neue-font);
}

.categoria_home {
    margin-top: 240px!important;
}

.sottotitolo_home {
    line-height: 1.3;
    margin-left: 150px!important;
}

.sottotitolo_big {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-style: normal;
}

.sottotitolo_big a:hover {
    color: white;
}

.sottotitolo_big.futura {
    font-family: var(--futura-font) !important;
    font-weight: 400;
}

.li-bottone {
    background-color: #173763!important;
    padding: 15px 20px;
}

.li-bottone a {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-style: normal;
    color: white!important;
    font-size: 20px;
}

body{
    font-family: freight-display-pro, serif;
    font-weight: 400;
    font-style: normal;
    color: #2E2E2E;
    letter-spacing: 0.2px;
}
a:hover{
    color: #383838;
}

a {
    color: #3e3e3e;
}


em {
    color: #0273b7!important;
}
.uk-navbar-nav > li > a:not(.skewa):hover {
    color: white!important;
    background-color: black;
    transition: 0.3s;
}

.uk-navbar-nav > li > a:hover div.bottone_generico{
    color: initial!important;
    background-color: white;
    text-decoration: none!important;
    transition: 0.3s;
    box-shadow: white;
}


.uk-navbar-nav > li > a:hover span {
    transform: skewX(-18deg);
    transition: 0.2s;
    color: white!important;
}

.skewa {
    transition: 0.3s;
    color: black!important;
    transform: skewX(0deg);
    text-align: center!important;
    height: 95px;
}

.skewa:hover, .skewatt {
    transition: 0.3s;
    transform: skewX(-18deg);
    text-decoration: underline!important;
    background-color: white!important;
    color: black!important;
}

.catmenu {
    display: flex;
    padding-right: 155px;
    padding-left: 155px;
    padding-top: 40px;
    padding-bottom: 110px;
}

.catmenu img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.catmenu h2 {
    font-size: 23px;
    margin-top: 20px;
}

.catmenu p {
    font-size: 15px;
    color: rgb(101, 101, 101);
    font-family: var(--futura-font)!important;
    font-weight: 400;
    font-style: italic;
}



.catel {
    flex: 1;
}

.catel a:hover {
    text-decoration: none;
}

.catel a:hover h2 {
    text-decoration: underline;
}

.catel:first-of-type {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid rgb(203, 203, 203);
}

.catel:nth-of-type(2) {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid rgb(203, 203, 203);
}

.catel:nth-of-type(3) {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid rgb(203, 203, 203);
}

.c1 {
    background-color: #009688;
}
.c2 {
    background-color: #cc3d10;
}
.c3 {
    background-color: #673ab7;
}
.c4 {
    background-color: #3f51b5;
}
.c5 {
    background-color: #4caf50;
}

.ft {
    font-family: var(--neue-font);
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 0.1px;
    line-height: 1.4;
}


.uk-navbar-container a {
    font-family: var(--futura-font)!important;
    color: black!important;
}


.uk-navbar-container {
    border-bottom: 3px solid black;
    z-index: 20;
    filter: invert(1) grayscale(1) !important; /*contrast(9)*/
    /*mix-blend-mode: difference; */
    margin-right: 70px!important;
    margin-left: 70px!important;
    padding-right: 0px!important;
    padding-left: 0px!important;
    transition: 0.3s;
}

.uk-navbar-container {

}

.uk-navbar-container:hover, .uk-navbar-container.nhover {
    background-color: white;
    filter: invert(0) grayscale(0) !important;
    transition: 0.3s;
    padding-right: 70px!important;
    padding-left: 70px!important;
    margin-right: 0px!important;
    margin-left: 0px!important;
}
.uk-navbar-container:hover * {

}

.uk-navbar-container.ninvert {
    filter: none !important;
    border-bottom-color: #0f013f;
}

.uk-navbar-container.ninvert * {
    color: #0f013f !important;
}

.uk-navbar-container.ninvert .bottone_area_riservata {
    background: #0f013f !important;
    color: #ffffff !important;
}

.nav_mobile.ninvert {
    filter: invert(1) grayscale(0) !important;
}

.uk-navbar-item.uk-logo {
    width: 260px;
}

.img-big {
    width: 60%;
    float: right;
}

.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
}

.swiper-pagination-bullet-active {
    color: #fff;
    background: #007aff;
}

.btn-esplora-home {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-style: normal;
    color: white!important;
    font-size: 20px;
    background-color: #1b4176;
    padding: 13px 30px;
    /* margin-bottom: 10px; */
    display: inline-block;
    margin-top: 15px;
}

.titolo_pagina_new{
    position: absolute;
    bottom: 100px;
    width: 60%;
    left: 13vh;
    z-index: 10;
}

.titolo_pagina_new * {
    color: white;
}

.titolo_pagina_new h1 {
    font-size: 70px;
    width: 80%;
    margin-top: 0;
}

.titolo_pagina_new h2 {
    margin-bottom: 0;
}

.titolo_pagina_new h3 {
    letter-spacing: initial;
    font-size: 17px;
    text-transform: uppercase;
    width: 100%;
    margin-top: 10px;
}

.share_button {
    position: fixed;
    right: 80px;
    bottom: 80px;
    background: white;
    height: 70px;
    width: 70px;
    border-radius: 40px;
    cursor: pointer;
    box-shadow: #00000030 2px 3px 8px;
    background-image: url("/images/img-share.png");
    background-position: 20px;
    background-repeat: no-repeat;
    transition: all .5s;
    z-index: 10;
}

.share_button:hover {
    width: 300px;
    border-radius: 40px;
    transition: all .5s;
    background-position: 250px;
}

.share_button i {
    opacity: 0;
    margin-top: 22px;
    margin-left: 25px;
    color: gray;
    transition: opacity .2s;
}

.share_button:hover i{
    font-size: 25px;
    opacity: 100%;
    transition: opacity 1.8s;
}

.share_button i:hover {
    color: black;
    transition: color .2s;
}


.admin_button {
    position: fixed;
    right: 80px;
    bottom: 160px;
    background: yellow;
    height: 70px;
    width: 70px;
    border-radius: 40px;
    cursor: pointer;
    box-shadow: #00000030 2px 3px 8px;
    background-image: url("/images/edit-regular.svg");
    background-position: 20px;
    background-repeat: no-repeat;
    transition: all .5s;
    background-size: 30px;
    z-index: 10;
}

.admin_button:hover {
    width: 120px;
    border-radius: 40px;
    transition: all .5s;
    background-position: 210px;
}

.admin_button i {
    opacity: 0;
    margin-top: 22px;
    margin-left: 25px;
    color: black;
    transition: opacity .2s;
}

.admin_button:hover i{
    font-size: 25px;
    opacity: 100%;
    transition: opacity 1.8s;
}

.first_row_home {
    display: flex;
    margin: 1% 6% 1% 6%;
    border-bottom: 1px #d4d4d4 solid;
    padding-bottom: 10px;
}


.first_row_home a:first-of-type {
    border-left: none;
}

.first_row_home h2:first-of-type {
    margin-left: 0;
}

.first_row_home a {
    margin: 0 7px;
    flex: 1;
    display: flex;
    border-left: 1px #d4d4d4 solid;
    justify-content: space-between;
}

.first_row_home a:hover {
    text-decoration: none;
}

.first_row_home a:hover h2{
    text-decoration: underline;
}

.first_row_home h2 {
    font-size: 15px;
    letter-spacing: initial;
    padding-left: 15px;
    flex: 1;
    padding-right: 20px;
    margin-bottom: 5px;
}

.first_row_home p {
    font-size: 14px;
    padding-left: 15px;
    margin-top: 0;
    font-family: var(--futura-font) !important;
    font-weight: 400;
    text-transform: uppercase;
}

.first_row_home img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.second_row_home {
    display: flex;
    margin: 0px 6% 2% 6%;
}

.page_categorie_special {
    width: 90%;
    display: flex;
    flex-wrap: wrap;
}

.page_categorie {
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
}

.page_categorie div {
    flex: 1 0 25%!important;
    margin: 20px 20px 55px 20px;
}


.page_categorie_special div {
    flex: 1 0 25%!important;
    margin: 20px 20px 55px 20px;
}

.page_categorie_special img {
    height: 50vh!important;
    object-position: center!important;
}


.page_categorie img {
    height: 50vh!important;
    object-position: center!important;
}

.page_media {
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
}

.page_media div {
    flex: 1 0 25%!important;
    margin: 20px 20px 55px 20px;
}

.page_media img {
    height: 40vh!important;
    object-position: center!important;
}

.page_media h2 {
    font-size: 25px!important;
}

.second_row_home h2 {
    margin-top: 15px;
    color: #173763!important;
}

.titolo_categoria {
    margin: 115px 7% 20px 7%;
}

.titolo_evento_dettaglio {
    padding: 222px 7% 20px 230px;
    color: white;
}

.second_row_home p {
    font-size: 15px;
    color: rgb(62 62 62);
    max-width: 90%;
    /* font-style: italic; */
    font-family: var(--neue-font);
    font-weight: 500;
    letter-spacing: 0.1px;
    line-height: 1.3;
    margin-top: -10px;
}
.second_row_home > div > a:hover {
    text-decoration: none;
}

.second_row_home > div > a:hover > h2 {
    text-decoration: underline;
}

.second_row_home>div>a:hover>p{
    text-decoration: none!important;
}

.second_row_home img {
    width: 100%;
    height: 40vh;
    object-fit: cover;
    /*object-position: right;*/
    object-position: center;
}

.second_row_home div {
    flex: 1;
}

.second_row_home div:first-of-type {
    margin-right: 20px;
}

.second_row_home div:last-of-type {
    margin-left: 20px;
}

.spotify_banner {
    display: flex;
    padding: 0 12% 0% 12%;
    top: 70px;
    position: relative;
}

.spotify_banner img {
    width: 300px;
}

.spotify_banner div {
    padding-left: 200px;
}

.spotify_banner h3 {
    font-family: 'Playfair Display';
    font-size: 60px;
    margin-top: 50px;
    margin-bottom: 0;
}

.spotify_banner p {
    margin-top: 0;
    margin-bottom: 50px;
}

.spotify_banner a {
    background: #1CD055;
    padding: 10px 30px;
    border-radius: 30px;
    color: white;
    font-family: 'futura pt';
}

.media_row_home {
    border-top: 4px solid black;
    border-bottom: 4px solid black;
    margin: 5% 6% 5% 6%;
    padding: 4% 0%;
}

.media_row_home img{
    width: 300px;
    height: 220px;
    object-fit: cover;
}

.media_row_home a {
    display: flex;
    justify-content: space-between;
}

.media_row_home a:hover {
    text-decoration: none;
}

.media_row_home a:hover > div > h3 {
    display: flex;
    justify-content: space-between;
    color: #173763;
    text-decoration: underline;
}

.media_row_home a:hover > div > .titolo_dbanima {
    display: flex;
    justify-content: space-between;
    text-decoration: none;
}

.media_row_home a h3{
    flex: 1;
    font-size: 70px;
}

.media_row_home .ft {
    font-size: 17px;
}


.dbanima_row_home {
    border-top: 4px solid black;
    border-bottom: 4px solid black;
    padding: 5% 6% 5% 6%;
    /* padding: 4% 0%; */
    background: #fdc5aa;
    transition: .25s background-color,.25s border-bottom-color ,25s border-top-color;
}

.titolo_row_dbanima {
    font-size: 30px;
    color: black;
    margin-bottom: 0;
}

.subtitolo_row_dbanima {
    margin-top: 0;
    margin-bottom: 30px;
    color: black;
    font-size: 19px;
}

.text_white {
    color: white;
    transition: .25s color;
}

.dbanima_row_home div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.5rem 2.8rem;
}

.dbanima_row_home img{
    object-fit: cover;
    box-shadow: 13px 13px 0px -8px #f3f4f6, 13px 12px 0px -3px rgb(0 0 0);
    transition:  box-shadow .25s;
}

.dba-Canzoniere img{
    box-shadow: 13px 13px 0px -8px #f3f4f6, 13px 12px 0px -3px #b40000;
}

.dba-Quiz img{
    box-shadow: 13px 13px 0px -8px #f3f4f6, 13px 12px 0px -3px rgb(90 9 102);
}

.dba-Karaoke img{
    box-shadow: 13px 13px 0px -8px #f3f4f6, 13px 12px 0px -3px rgb(7 168 189);
}

.dba-Bans img{
    box-shadow: 13px 13px 0px -8px #f3f4f6, 13px 12px 0px -3px rgb(175 92 18);
}

.dba-Danze img{
    box-shadow: 13px 13px 0px -8px #f3f4f6, 13px 12px 0px -3px rgb(21 105 24);
}

.dba-Giochi img{
    box-shadow: 13px 13px 0px -8px #f3f4f6, 13px 12px 0px -3px #052f70;
}

.dbanima_row_home a {
    color: white;
    flex: 1;
}

.dbanima_row_home a > img {
    transition:  box-shadow .25s;
}

.dbanima_row_home a:hover > img {
    box-shadow: 0 0 0 0 #f3f4f6, 0 0 0 0 rgb(0 0 0);
    transition:  box-shadow .25s;
}


.dbanima_row_home a:hover {
    text-decoration: none;
}

.dbanima_row_home a:hover > div > h3 {
    display: flex;
    justify-content: space-between;
    color: #173763;
    text-decoration: underline;
}

.dbanima_row_home a:hover > div > .titolo_dbanima {
    display: flex;
    justify-content: space-between;
    text-decoration: none;
}

.dbanima_row_home a h3{
    flex: 1;
    font-size: 50px;
    color: white;
}

.categoria_row_home {
    margin: 5% 6% 5% 6%;
    display: flex;
}

.categoria_row_home img:first-of-type, .categoria_row_home_alt img:first-of-type{
    width: 350px;
    /*height: 300px;*/
    object-fit: cover;
}

.categoria_row_home_alt {
    padding: 5% 6% 5% 6%;
    display: flex;
    background-color: #1b4176;
}

.categoria_row_home_alt a:hover{
    color: #6d89b3;
}


.categoria_row_home_alt .sottotitolo_big {
    color: #6e8ab2!important;
}

.categoria_row_home_alt .titoletto_colore {
    color: #ffffff !important;
}

.categoria_row_home_alt > .categoria_block > .sottotitolo_big {
    color: #ffffff !important;
}

.categoria_row_home_alt .li-bottone {
    background-color: white!important;
}

.categoria_row_home_alt .li-bottone a {
    color: #1b4176!important;
}



.container_ul {
    display: flex;
}

.categoria_block {
    margin-left: 30px;
    width: 100%;
}

.container_ul ul:last-of-type {
    margin-left: 50px;
}

.container_ul li {
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e4e4e4;
}

.container_ul li h5{
    font-size: 14px;
    margin-bottom: 0px;
}

.container_ul li h4{
    margin-top: 3px;
}

.container_ul ul {
    flex: 1;
}

.container_ul h4 {
    margin-bottom: 0;
}

.categoria2_row_home {
    margin: 5% 6% 5% 6%;
}

.container-mappa {
    margin-top: 80px;
    margin-bottom: -40px;
}

.container-mappa #map {
    height: calc(100vh - 80px) !important;
}

.container-mappa-first {
    position: absolute;
    right: 20px;
    z-index: 1000;
    bottom: 160px;
    font-family: var(--neue-font);
    font-weight: 500;
}

.container-mappa-first a {
    backdrop-filter: blur(5px);
    background: #28282880;
    border: 1px solid #b2b2b261;
    padding: 8px 15px;
    color: white;
    font-size: 13px;
    border-radius: 5px;
    text-decoration: none;
    display: block;
    transition: .25s all;
}

.container-mappa-first a:hover {
    background: #ffffff45;
    backdrop-filter: blur(15px);
}

.container-mappa-cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    position: absolute;
    z-index: 1000;
    width: 100%;
    bottom: 20px;
}

.container-mappa-cards > div {
    border-radius: 8px;
    backdrop-filter: blur(15px);
    background: #b8b8b869;
    margin: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 25px;
    border: 1px solid #b2b2b2a1;
}

.container-mappa-cards > div > h3 {
    margin-top: 0;
    font-family: var(--neue-font);
    font-weight: 500;
    letter-spacing: 0.1px;
    line-height: 1.4;
    margin-bottom: 0;
    color: white;
}

.container-mappa-cards > div > p {
    font-family: var(--futura-font) !important;
    font-size: 14px;
    text-transform: uppercase;
    color: white;
}



.third_row_home {
    display: flex;
    margin: 5% 6% 5% 6%;
}

.third_top {
    margin-top: 9%;
}

.third_bottom {
    margin-bottom: 9%;
}

.third_row_home h2 {
    margin-top: 15px;
    font-size: 20px;
    color: #173763!important;
}

.third_row_home p {
    /* color: rgb(101, 101, 101); */
    font-family: var(--futura-font) !important;
    font-weight: 400;
    font-style: revert;
    text-transform: uppercase;
    font-size: 12px;
}

.third_row_home a:hover p{
    text-decoration: none!important;
}

.third_row_home img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}

.third_row_home div {
    flex: 1;
}

.third_row_home div:first-of-type {
    margin-right: 14px;
    padding-right: 14px;
    border-right: 1px solid rgb(230, 228, 228);
}

.third_row_home div:nth-of-type(2) {
    margin-right: 14px;
    padding-right: 14px;
    border-right: 1px solid rgb(230, 228, 228);
}

.third_row_home div:nth-of-type(3) {
    margin-right: 14px;
    padding-right: 14px;
    border-right: 1px solid rgb(230, 228, 228);
}

.third_row_home div:last-of-type {
    margin-left: 14px;
    padding-left: 14px;
    border-left: 1px solid rgb(230, 228, 228);
}

.titoletto_colore {
    color: #173763!important;
}

.banner_manual {
    display: flex;
    justify-content: space-between;
}

.alt_meeting {
    font-size: 50px;
}

.titolo_dbanima {
    font-size: 17px;
    color: rgb(101, 101, 101);
    font-family: var(--futura-font)!important;
    font-weight: 400;
    font-style: italic;
    letter-spacing: initial;
}

.app_structure{
    overflow-x: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
}

.banner_header{
    position: fixed;
    float: left;
    width: 35%;
    height: 100%;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.24), 0 4px 4px 0 rgba(0,0,0,.12);
    padding: 30px;
    transition: 0.3s;
    z-index: 100;
    overflow: scroll;
    background-color: #D8EBEF;
}
.banner_header.banner_header_animazione{
    background-color: #ffffff;
}
.bring_up{
    z-index: 50;
}
.bring_up_plus{
    z-index: 55;
    -webkit-transform: translateZ(50px);
}
.view_menu{
    height: 100%!important;
    overflow: scroll!important;
}
.container_logo_header{
    position: relative;
    left: 0;
    z-index: 3;
}
.logo_header{
    position: relative;
    float: left;
    width: 200px;
}
.logo_header_animazione{
    position: relative;
    float: left;
    width: 160px;
}
.logo_header_ej{
    position: relative;
    float: left;
    width: 140px;
}
.body_app{
    position: relative;
    margin-left: 0;
    float: none;
    width: 100%;
    min-height: 100%;
    top: -83px;
    z-index: 0;
}
.container_eventi_rilievo{
    position: relative;
    float: left;
    width: 100%;
    padding: 0;
}
.container_animazione_ricerca{
    position: relative;
    margin: 0 40px 0 60px;
}
.container_header_animazione_ricerca {
    position: relative;
    margin: 80px 40px 80px 60px;
}
.evento_in_rilievo{
    position: relative;
    float: left;
    width: 100%;
    text-align: left;
}
.immagine_evento_rilievo{
    position: relative;
    float: left;
    width: 100%;
    padding-top: 45%;
    border-radius: 0;
    margin-bottom: 10px;
}

.categoria2_row_home .swiper-slide {
    border-right: 1px solid rgb(230, 228, 228);
    padding-right: 2px;
}

.categoria2_row_home h2 {
    margin-top: 15px;
    font-size: 20px;
    font-size: 22px;
}

.categoria2_row_home a:hover > div > h2 {
    text-decoration: underline;
}

.categoria2_row_home p {
    margin-top: -15px;
    font-size: 15px;
    color: #3e3e3e;
    width: 90%;
    font-family: var(--neue-font);
    font-weight: 500;
    letter-spacing: 0.1px;
    line-height: 1.4;
}

.intro_evento_rilievo{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 15px;
    margin-top: 7px;
}
.sezione_pagina{
    position: relative;
    float: left;
    width: 100%;
}

.blocco_info_evento {
    width: 55%;
}

.blocco_riassunto_evento {
    width: 35%!important;
    margin-left: 5%;
    margin-top: 9%;
}

.sezione_pagina_folder {
    margin-top: 100px!important;
    margin-left: 5% !important;
    margin-right: 5% !important;
    width: initial!important;
}

.sezione_sticky{
    top: 0;
    position: sticky;
}
.sezione_full{
    max-width: 100%!important;
    padding: 0!important;
}
.immagine_big_home{
    position: relative;
    float: left;
    margin: 1%;
    width: 98%;
    height: 300px;
    border-radius: 5px;
}

.immagine_big_pagina{
    position: relative;
    float: none;
    width: 100%;
    height: 400px;
    border-radius: 0;
    max-width: 1100px;
    margin: auto;
    margin-top: 100px!important;
}
.cover-meeting{
    width: 100%;
    height: 55vh;
}
.cover-video-meeting {
    height: 100vh;
    object-fit: cover;
}
.row-bottoni-head {
    display: grid;
    justify-content: space-between;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.row-bottoni-body {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.row-bottoni-head a {
    color: white;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 23px;
    border-radius: 10px;
    height: 145px;
}
.immagine_small_home{
    position: relative;
    float: left;
    margin: 1%;
    width: 48%;
    height: 250px;
    border-radius: 5px;
}

.content-footer * {
    font-family: var(--futura-font)!important;
    color: white;
}
.content-footer{
    background-color: #0c1e37;
    padding: 8% 6%;
    display: flex;
    position: relative;
    /*top: 90px;*/
}

.intestazione {
    font-size: 12px;
}

.intestazione img {
    filter: invert(1) grayscale(0) !important;
}

.intestazione p:first-child {
    margin-bottom: 0;
}

.almost-footer form {
    display:flex;
    flex-direction:row;
    border-bottom:1px solid grey;
    padding:2px;
}

.almost-footer input {
    flex-grow:2;
    border:none!important;
    line-height: 1.5;
    height: inherit!important;
    font-size: 24px;
    padding-left: 0;

}

.almost-footer input::placeholder {
    color: black!important;
}

.helpf{
    color: #989898;
    line-height: initial!important;
    width: 240px;
    display: block;
    margin-top: 20px;
}

.almost-footer input:focus {
    outline: none;
}

.almost-footer #zcWebOptin {
    background: transparent;
    color: black;
    padding-left: 30px;
    border: none;
    font-size: 25px;
    /*border-left: 1px solid;*/
}

.frwapper {
    background-color: #F7F7F7;
}

.almost-footer{
    padding: 8% 6%;
    display: flex;
}

.almost-footer > div{
    flex: 50%;
}

.almost-footer div:last-child{
    display: flex;
    margin-top: 5%;
}

.almost-footer div:last-child ul{
    flex: 50%;
    list-style: none;
    font-family: "SF Compact Display";
    padding-left: 20%;
    line-height: 2.3;
    font-size: 13px;
}

.almost-footer small{
    color: #989898;
}

.almost-footer div p:first-child{
    color: #989898;
    margin: 0;
    font-size: 14px;
}

.fbox {
    background-color: #2E2E2E;
    color: #CECECE;
}

.footer-box{
    padding-top: 4em;
    padding-bottom: 3em;
    padding-left: 8em;
    padding-right: 8em;
}
.footer-center{
    flex:1;
    display: flex;
    font-family: var(--futura-font)!important;
    font-weight: 400;
    font-style: italic;
    justify-content: center;
    transform: translateX(100px);/*D element Width[if needed]*/
}

.links_footer{
    display: flex;
    margin-left: 5%;
    width: 100%;
    justify-content: space-around;
}

.links_footer div ul{
    list-style-type: none;
}

.links_footer div p{
    color: #c3c3c3;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: 'Bodoni Moda', serif!important;
    font-size: 13px;
}

.links_footer div li{
    font-weight: 500;
    padding-top: 0;
}

.links_footer div li a{
    color: white;
    font-size: 15px;
}

.links_footer div {
    margin-left: 4%;
    margin-right: 4%;
}

.footer_1_5{
    position: relative;
    float: left;
    width: 20%;
}
.small_text_footer{
    position: relative;
    float: left;
    width: 100%;
    font-size: 10px;
}
.background-grey{
    background-color: #f5f3f3;
}
.background-white{
    background-color: #ffffff;
}
.background-red{
    background-color: #FFCBCB;
}
.background-almost-blue{
    background-color: #EDFFFB;
}
.background-blue{
    background-color: #D8EBEF;
}


.background-Bans{
    background-color: #FFBC52;
}
.background-Giochi{
    background-color: #50A7FF;
}
.background-Canzoniere{
    background-color: #FF7777;
}
.background-Danze{
    background-color: #75D169;
}
.background-Quiz{
    background-color: #A372FF;
}
.background-Karaoke{
    background-color: #79D7E3;
}
.background-suggerimenti{
    background-color: #EDFFFB;
}


.background-header-Bans{
    background-color: #FFF5E5;
}
.background-header-Giochi{
    background-color: #EDFAFF;
}
.background-header-Canzoniere{
    background-color: #FFCBCB;
}
.background-header-Danze{
    background-color: #F1FFEF;
}
.background-header-Quiz{
    background-color: #F0E8FF;
}
.background-header-Karaoke{
    background-color: #79d7e36b;
}

.Bans{
    color: #FFBC52!important;
}
.Giochi{
    color: #50A7FF!important;
}
.Canzoniere{
    color: #FF7777!important;
}
.Danze{
    color: #75D169!important;
}
.Quiz{
    color: #A372FF!important;
}
.Karaoke{
    color: #79D7E3!important;
}

.hover_Bans:hover{
    color: #FFBC52!important;
}
.hover_Giochi:hover{
    color: #50A7FF!important;
}
.hover_Canzoniere:hover{
    color: #FF7777!important;
}
.hover_Danze:hover{
    color: #75D169!important;
}
.hover_Quiz:hover{
    color: #A372FF!important;
}
.hover_Karaoke:hover{
    color: #79D7E3!important;
}
.form_login{
    font-size: 15px;
    width: 100%;
    max-width: 800px;
    margin: auto;
    border: 1px solid black!important;
    border-radius: 50px!important;
    text-align: center;
    margin-bottom: 20px;
}

.form_login_alt {
    margin-bottom: 10px;
}

.forgot {
    font-size: 18px;
    color: black;
}


.bottone_small_registrati{
    padding: 5px 35px!important;
    float: none!important;
    font-size: small!important;
}
.container_canzone{
    margin-top: 50px;
    margin-left: 200px;
}
.titolo_canzone{
    font-weight: 500;
}
.autore_canzone{
    font-weight: 400;
}

.container_controlli{
    position: fixed;
    right:120px;
    top:60px;
    width: 180px;
    background-color: #FF7777;
    box-shadow:2px 2px 10px #00000030;
    padding-bottom: 20px;
}
.bottone_comandi{
    height: 28px;
    margin-left: 22px;
    margin-top: 2px;
    transition: .25s;
}
.accordo{
    color: #007FFF;
    font-weight: 500;
}
.bottone_comandi_due{
    height: 28px;
    margin-left: 3px;
    margin-top: 2px;
    transition: .25s;
}
.bottone_comandi_icona{
    color: white;
    background-color: #d0d0d0;
    padding: 7px;
    border-radius: 20px;
    cursor: pointer;
}
.bottone_comandi_stop {
    background-color: #d25f5f;
}
.bottone_comandi_icona:focus{
    background-color: black;
}
.autoscroll{
    padding-top: 15px;
    padding-left: 20px;
    font-weight: 500;
}
.testo_canzone{
    width: 100%;
    padding: 100px 0 0 0;
    margin: 0;
    overflow: auto;
    overflow-y: hidden;
    font-size: 13px;
    line-height: 20px;
    background: #FFCBCB;
    border: none;
    font-family: inherit;
    font-weight: 500;
    transition: .25s linear;
}
.scarica_pdf{
    position: relative;
    float: right;
    margin-right: 150px;
    margin-top: -30px;
    z-index: 40;
    padding: 15px 33px;
    box-shadow:2px 2px 10px #00000030;
    cursor: pointer;
}
.pdf_giochi{
    background-color: #50A7FF;
}
.pdf_bans{
    background-color: #FFBC52;
}
.bottone_controlla_quiz{
    padding: 25px 60px;
    background-color: #A372FF;
    mix-blend-mode: multiply;
    color: white;
    font-size: 21px;
    font-weight: 500;
    margin-top: 30px;
    transition: .25s;
    border: none;
    width: 100%;
}
.bottone_controlla_quiz:hover{
    mix-blend-mode: normal;
    background-color: white;
    color: #A372FF;
    border: 1px solid #A372FF;
    text-decoration: none;
}

.menu_mobile,.logo_mobile,.nav_mobile {
    display: none;
}

.home_separator {
    text-align: center;
    font-size: 42px;
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px;
    font-style: italic;
    color: #A372FF;
}
.separator::before, .separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #A372FF66;
}
.separator::before {
    margin-right: .55em;
}
.separator::after {
    margin-left: .55em;
}

.image_slider_home {
    display: none;
}


.container_contenuto{
    margin-top: 60px;
    margin-left: 200px;
    margin-right: 200px;
    margin-bottom: 200px;
}
.titolo_contenuto{
    font-size: 30pt;
    font-weight: 500;
}
.container_partecipanti, .container_testo{
    font-weight: 400;
    margin-top: 50px;
}
.opzioni{
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom: 60px;
}
.container_domande{
    margin-top: 100px;
}
.numero_domanda{
    padding-left: 25px;
    padding-bottom: 20px;
    font-weight: 400;
}
.domanda_header{
    background-color: #F0E8FF;
    mix-blend-mode: multiply;
    padding: 20px 25px;
    font-weight: 500;
    font-size: 22px;
}
.container_checkmark {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 9px;
    cursor: pointer;
    font-size: 21px;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-bottom: 6px;
}
.container_checkmark:not(:last-child){
    border-bottom: 2px solid white;
}
.container_checkmark input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkmark {
    margin-top: 7px;
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #FFFFFF;
    border-radius: 50%;
    transition: .4s;
}
.container_checkmark:hover input ~ .checkmark {
    background-color: #F0E8FF;
    mix-blend-mode: multiply;
}
.container_checkmark input:checked ~ .checkmark {
    background-color: #A372FF;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.container_checkmark input:checked ~ .checkmark:after {
    display: block;
}
.container_checkmark .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.container_video{
    margin-top: 100px;
    position: relative;
    float: left;
    width: 100%;
    height: 400px;
    margin-bottom: 200px;
}
.container_procedimento{
    font-weight: 400;
    margin-top: 50px;
}
.container_sezioni_pagina{
    position: relative;
    float: left;
    width: 100%;
    min-height: 700px;
    /*padding-bottom: 40px;*/
}
.container_sezioni_pagina.container_sezioni_pagina_animazione{
    padding-bottom: 0;
}
.container_sfondo::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgb(0, 0, 0);
}

.container_sfondo-visible::before {
    transition: 0.5s background-color ease-out;
    background-color: rgb(0 0 0 / 0%) !important;
}
.titolo_sezione_pagina{
    padding: 5px;
    font-size: medium;
}
.link_swiper{
    position: relative;
    float: left;
    width: 100%;
}

.hero_ext {
    display: flex;
    flex-direction: column;
    max-width: 70vw;
    margin: 140px auto 0;
}

.hero_ext h1 {
    font-family: var(--neue-font);
    font-weight: 600;
    letter-spacing: 0.1px;
    line-height: 1;
    font-style: normal;
    font-size: 50px;
    width: 90%;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 8px;
}

.hero_ext h2 {
    margin-top: 0;
    font-size: 26px;
    margin-bottom: 0;
    font-style: normal;
    font-family: var(--neue-font);
    font-weight: 500;
    letter-spacing: 0.1px;
    line-height: 1.3;
}

.hero_ext p {
    margin-top: 11px;
    padding-bottom: 26px;
    color: #545454;
    max-width: 95%;
    line-height: 1;
    font-family: freight-display-pro, serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.2px;
}

.hero_ext aside {
    display: flex;
    margin-top: 45px;
    margin-bottom: 0px;
    padding-top: 15px;
    font-family: var(--neue-font);
    font-weight: 500;
    border-top: 1px solid #e0e0e0;
    padding-bottom: 15px;
    text-transform: uppercase;
    border-bottom: 1px solid #e0e0e0;
    font-size: 15px;
    color: #6b6b6b;
    justify-content: space-between;
}

.hero_ext .attribute {
    padding-top: 10px;
    font-family: var(--neue-font);
    font-weight: 500;
    font-size: 15px;
    color: #878787;
    margin-bottom: -30px;
    text-align: center;
    font-size: 13px;
}

.hero_ext aside .social {

}

.hero_ext aside .social a {
    margin-right: 4px;
    color: #a5a0a0  ;
}

.left {
    flex: 35%;
    padding: 15px 0;
    margin-bottom: -10%;
}

.left.elenco_old {
    margin-bottom: -2%;

}

.inner_elenco {
    padding-bottom: 0!important;
}

.barra_ricerca_sezione {
    width: 100%;
    font-size: 18px;
    padding: 10px!important;
    border: 1px solid #ddd;
    border-radius: 50px!important;
}

.elenco_link_sezione li a {
    padding: 12px 3px;
    text-decoration: none;
    color: #525151;
    display: block;
    font-family: var(--futura-font) !important;
    text-transform: uppercase;
    font-size: 17px;
}
.elenco_link_sezione li a:hover {
    background-color: #eee;
}

.container_menu_bar {
    cursor: pointer;
    display: none;
    position: absolute;
    right: 22px;
    top: 22px;
    z-index: 4;
}

.bar1, .bar2, .bar3 {
    width: 50px;
    height: 2px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-25deg) translate(-6px, 6px);
    transform: rotate(-25deg) translate(-6px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(25deg) translate(-6px, -6px);
    transform: rotate(25deg) translate(-6px, -6px);
}

.video_sezione_pagina{
    height: 35vw;
    max-width: 70%;
    margin: auto;
    float: none;
    display: block;
}

.titolo_quiz{
    padding: 2%;
    text-align: center;
    font-size: 30px;
    position: relative;
    float: left;
    width: 92% !important;
    font-weight: bold;
}

.titolo_cerca {
    font-size: 50px!important;
    width: 100% !important;
}
.betasearch {
    font-size: 15px;
    vertical-align: super;
    color: rgb(4 120 168);
    font-family: var(--futura-font)!important;
    margin-left: -7px;
}

.domanda_quiz{
    padding: 2%;
    text-align: center;
    font-size: 20px;
    position: relative;
    float: left;
    width: 100%;
    font-weight: bold;
}

.form_codice_quiz{
    font-size: 15px;
    width: 80%;
    max-width: 500px;
    margin: auto;
    border: 1px solid black!important;
    border-radius: 50px!important;
    text-align: center;
}

.bottone_inizia_quiz{
    padding: 5px 35px!important;
    float: none!important;
}
.container_quiz{
    position: relative;
    float: left;
    width: 100%;
    margin: 20% 0;
}

.form_risposte{
    position: relative;
    width: 100%;
    margin-top: 30px;
}
.form_risposte input{
    position: relative;
    float: left;
    width: 5%;
    margin-top: 15px;
}
.form_risposte label{
    position: relative;
    float: left;
    width: 95%;
    font-size: 19px;
}
.like_button_quiz{
    position: relative;
    float: left;
    padding: 13px;
    text-align: center;
    border: 1px solid black;
    border-radius: 50px;
    transition: 0.3s;
    cursor: pointer;
}
.like_button_quiz:hover{
    background-color: black;
    color: white;
}
.numero_voti{
    position: relative;
    float: left;
    margin: 10px 0 0 15px;
}
.colonna_like{
    width: 100px;
}

.login_error {
    width: 60%;
    padding: 12px;
    background: #ff4500;
    border-radius: 40px;
    position: relative;
    margin: auto;
    /* margin-top: 20px; */
    margin-bottom: 30px;
    color: white;
    font-size: 14px;
}

.alert {
    z-index: 10000;
    color: #fff;
    text-align: center;
    background: #000;
    width: calc(100% - 30px);
    margin-bottom: 20px;
    border-radius: 50px;
    font-size: 17px;
    line-height: 1.4;
    padding: 15px 15px;
    box-shadow: none;
    font-family: var(--futura-font) !important;
}

.container_bottone_centrato{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 100px;
}

.container_bottone_login {
    float: none;
    margin-bottom: 40px;
}

.bottone_login {
    width: 100%;
    background-color: black!important;
    color: white;
    transition: .25s all;
}

.bottone_login:hover {
    background-color: #0c1e37!important;
    transition: .25s all;

}

.login_version {
    text-align: center;
    display: inherit;
    font-family: 'futura-pt';
    font-size: 12px;
    color: #9a9a9a;
}

.titolo_login {
    float: none;
    width: unset!important;
    padding-bottom: 10%;
    font-weight: bold;
    font-size: 34px;
}

.alert-success{
    background-color: #5cb85c;
}

.alert-danger{
    background-color: #dd4b39
}

.titolo_accedi {
    width: 95% !important;
}

.form_accesso_pagina {
    width: 100% !important;
    max-width: none!important;
}
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.new_sezione_pagina ul{
    list-style: initial;
    margin: initial;
    padding-left: 30px;
}
.elenco_link_sezione {
    list-style: none!important;
    padding-left: 0!important;
    margin: 0!important;
}
.altri-art {
    display: none;
}
.nav_menu{
    width: 100%;
    position: relative;
    float: left;
    margin-top: 150px;
    line-height: 40px;
}
.nav_menu.nav_menu_animazione{
    margin-top: 100px;
}
.dbar {
    left: 0!important;
    padding: 10% 6%;
    position: absolute;
    top: -110vh;
    height: 50vh;
    z-index: 10;
    transition: 0.5s all;
}
.dbar-open {
    top: 0;
    height: 90vh;
    transition: 0.5s all;

}
.grid_menu {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas:
    ". . . .";
}
@media (max-height: 650px) {
    .grid_menu img {
        display: none;
    }
}
.grid_menu div:nth-child(1){
    max-width: 70%;
}

.grid_menu div:nth-child(2),
.grid_menu div:nth-child(3),
.grid_menu div:nth-child(4){
    padding-right: 50px;
}
.grid_menu div:nth-child(2) a,
.grid_menu div:nth-child(3) a,
.grid_menu div:nth-child(4) a {
    font-size: 19px;
    margin: 0;
    display: block;
    color: white;
    line-height: 1.1;
    padding-bottom: 15px;
}
.menu_img{
    margin-bottom: 60px;
    margin-top: 10px;
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
    color: white;
}
.menu_title, .menu_title a {
    font-weight: bold;
    font-size: 38px!important;
    color: white;

}
.elenco_header{
    text-decoration: none!important;
    font-size: 21px;
    line-height: 36px;
    width: 100%;
    position: relative;
    float: left;
    font-weight: 500;
    transition: 0.3s;
    color: #2E2E2E;
}
.elenco_header:hover, .elenco_header:focus{
    color: #006479;
}
.elenco_sub_header{
    text-decoration: none!important;
    font-size: 13px;
    line-height: 26px;
    width: 100%;
    position: relative;
    float: left;
    font-weight: 500;
    transition: 0.3s;
    color: #2E2E2E;
}
.icona_header{
    border-radius: 50%;
    width: 45px;
    height: 45px;
    float: left;
    margin: 3.5px 5px 0 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 15px;
}
.testo_header{
    padding-top: 7px;
}
.container_utente{
    position: relative;
    text-align: left;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 120px;
    max-width: 380px;
}
.container_elenco_header{
    position: relative;
    text-align: left;
    width: 80%;
    margin: auto;
    max-width: 380px;
}
.list_menu{
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px solid black;
    padding: 10px 0;
}
.container_sub_elenco_header{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 20px;
    border-bottom: 1px solid black;
    padding-bottom: 9px;
}
.div_social{
    position: relative;
    float: left;
    margin: 0;
    width: 100%;
}
.logo_social_footer{
    position: relative;
    float: left;
    width: 18px;
    margin-left: 8px;
}
.bottone_generico{
    position: relative;
    float: left;
    border: 1px solid black;
    border-radius: 64px;
    padding: 1px 22px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.3s;
    line-height: 32px;
    text-align: center;
    background-color: white;
}
.bottone_generico:hover{
    background-color: #006479;
    border-color: #006479;
    color: white;
}
.bottone_generico.bottone_guarda_tutto{
    background-color: #FF7777;
    float: right;
    color: white;
    border: none;
    /*margin: 28px;*/
    margin-top: 8px;
    font-size: 13px;
    line-height: 21px;
}
.bottone_ricerca{
    position: relative;
    float: right;
    margin: 28px;
    line-height: 21px;
    font-weight: 600;
    border-bottom: solid black 2px;
    transition: 0.25s;
 }
.bottone_ricerca:hover{
    text-decoration: none;
    border-bottom: solid #006479 2px;
}
.bottone_tag{
    margin-top: 10px;
    border: solid white 1px;
    color: white;
    border-radius: 64px;
    padding: 1px 15px;
}
.saluto_giornata{
    position: relative;
    float: left;
    font-weight: bold;
}
.testo_saluto_giornata{
    margin-bottom: 0;
    float: left;
    font-size: 17px;
}
.emoji_giornata{
    margin: 0;
    position: relative;
    float: left;
    margin-left: 8px;
    margin-top: 3px;
    font-size: 25px;
}
.container_social_header{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 30px;
}

.bottone_area_riservata{
    text-transform: capitalize;
    position: relative;
    border-radius: 64px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.3s;
    text-align: center;
    background-color: rgb(0, 0, 0);
    margin-right: 2%;
    margin-bottom: 1px;
    color: white;
    box-shadow: 3px 3px 6px rgba(255, 255, 255, 0.23);
    padding: 1px 25px;
    line-height: 41px;
}


.container_menu {
    width: 100%;
    height: 95px;
    background-color: white;
    position: absolute;
    top: -800px;
    left: 0;
    opacity: 100%;
    z-index: 10;
}

.p0open {
    top: 80px;
    transition: .45s top;
}

.primo-lvl {
    margin-right: 140px!important;
    margin-left: 140px!important;
}

.ct_bg_blur {
    height: 0;
    background: #000000ad;
}

.p0open .ct_bg_blur {
    height: 100vh;
}

.bottone_area_riservata_attivo{
    font-size: 12px;
    padding: 1px 10px;
    line-height: 22px;
    background-color: #FFE200;
    border-color: #FFE200;
    color: black;
}
.bottone_giallo_hover:hover{
    background-color: #FFE200;
    border-color: #FFE200;
    color: black;
}
.bottone_rosso_hover:hover{
    background-color: #FF003B;
    border-color: #FF003B;
    color: white;
}
.frase_don_bosco{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 20px;
    line-height: 13px;
    font-size: 11px;
}

.bottone_5_1000{
    font-size: 10px;
    padding: 1px 16px;
}
.inner_footer_sx{
    position: relative;
    float: left;
    width: 70%;
}
.inner_footer_dx{
    position: relative;
    float: left;
    width: 30%;
}
.list_link_footer{
    position: relative;
    float: left;
    width: 150px;
    margin-left: 5%;
}
.link_footer{
    position: relative;
    float: left;
    width: 100%;
}
.legal_footer{
    position: relative;
    float: left;
    width: 100%;
    text-align: right;
}

.titolo_pagina{
    position: relative;
    float: none;
    width: auto;
    margin: 30px;
    font-size: 15px;
    font-weight: 500;
}
.news_singola{
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: auto;
}
.immagine_big_news{
    position: relative;
    float: left;
    width: 100%;
    height: 240px;
}
.titolo_news{
    font-weight: 500;
    font-size: 26px;
    margin-bottom: 0;
    padding-top: 250px;
    position: initial;
    float: none;
    width: initial;
}
.anteprima_news{
    font-size: 15px;
    color: rgb(62 62 62);
    max-width: 90%;
    /* font-style: italic; */
    font-family: var(--neue-font);
    font-weight: 500;
    letter-spacing: 0.1px;
    line-height: 1.3;
    margin-top: 3px;
}
.news_seconda:hover *, .news_seconda:hover{
    text-decoration: none!important;
}

.logo_mobile_menu img {
    padding-bottom: 40px;
    filter: invert(1);
}

.news_seconda:hover .titolo_news{
    text-decoration: underline!important;
}


.intro_news{
    padding: 20px;
    background: white;
    margin-bottom: 30px;
    position: initial;
    float: none;
    width: initial;
}

.news_seconda {
    flex: 1 0 25%;
    margin: 20px;
}

.container_news {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
    margin: 2% 6%;
    width: initial!important;
}

.intro_news:hover{
    color: black;
}

.contenitore_html_pagina{
    position: relative;
    float: left;
    width: 100%;
    padding: 0;


}

.quote__body, .quote p, blockquote__body, blockquote p {
    font-style: italic;
    font-size: 18px;
    color: #0273b7 !important;
}

.quote, blockquote {
    border-left-color: #0273b7 !important;
}

.contenitore_html_pagina table {
    width: 600px;
    border-collapse: collapse;
}

.contenitore_html_pagina table td,
.contenitore_html_pagina table th {
    width: 600px;
    padding: 10px;
    border: 1px solid grey;
}


.fr-view img {
    width: 100% !important;
    height: 80%!important;
    object-fit: cover!important;
    /*margin-left: 10% !important;
    margin-right: 10% !important;
     */
    margin-bottom: 50px !important;
}

.fr-view h2, .fr-view h1, .fr-view h3, .contenitore_html_pagina h2, .contenitore_html_pagina h1, .contenitore_html_pagina h3  {
    letter-spacing: initial;
    font-family: 'freight-display-pro', serif;
    font-weight: 700;
}

.new_sezione_pagina .inner_sezione_pagina{
    max-width: 70%;
    font-size: 0.8em;
}

.inner_sezione_pagina{
    position: relative;
    width: 100%;
    margin: auto;
    max-width: 600px;
    padding: 4%;
}

.inner_sezione_pagina.page_contatti {
    max-width: 90% !important;
}


.inner_new p,
.inner_new p span {
    font-family: 'Neue Haas Grotesk Display Pro', sans-serif !important;
    font-weight: 500!important;
    letter-spacing: 0.3px !important;
    line-height: 1.3 !important;
    font-size: 18px !important;
}

.inner_new p strong,
.inner_new p b,
.inner_new p span strong,
.inner_new p span b {
    font-weight: 600!important;
}

.serif_child * {
    font-family: freight-display-pro, serif;
}

.serif_self {
    font-family: freight-display-pro, serif !important;
}

.sezione_pagina h1{
    font-size: 2.5rem;
    margin-bottom: 0;
}
.animazione_header{
 margin: 10px 40px 0 60px;
}
.animazione_ricerca{
    height: 60px!important;
    font-size: 50px;
    font-weight: 600;
    display: inline-block;
    border: none!important;
    caret-shape: block;
    padding: 0!important;
    line-height: 55px;
}
.animazione_ricerca::placeholder{
    margin-top: 10px;
    color: #BFBFBF;
}
.animazione_ricerca_barra{
    font-size: 60px;
    font-weight: 600;
    margin-top: 15px;
    margin-left: 18px!important;
    transition: .25s ease;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-button-next, .swiper-button-prev {
    top: 4.5%;
    font-size: 24px;
    background-color: #173763;
    text-align: center;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    box-shadow: 0 4px 5px #aaaaaa;
    background-size: 44px 44px;
}

.swiper-button-next{
    background-image: url("../icone/Freccia-dx.png");
    right: 12% !important;
}
.swiper-button-prev {
    background-image: url("../icone/Freccia-sx.png");
    right: 16% !important;
    left: auto!important;
}

.swiper-button-next-home, .swiper-button-prev-home {
    top: 37%;
}



.card_animazione{
    position: relative;
}
.card_immagine{
    position: relative;
    float: left;
    width: 100%;
    height: 160px;
}
.icona_card{
    position: absolute;
    color: white;
    font-size: 65px;
    top: 40%;
    left: 36%;
}
.card_content{
    position: relative;
    float: left;
    width: 100%;
    height: 60px;
    padding: 0 20px 0 20px;
}
.card_titolo{
    padding-top: 20px;
    float: left;
    height: 44px;
    overflow: hidden;
}
.card_titolo.card_titolo_ricerca{
    max-width: 100%;
}
.card_bottone{
    margin-top: 20px;
    padding-left: 18px;
    padding-right: 18px;
    float: right;
    border: solid white 1px;
    color: white;
    border-radius: 64px;
    font-size: 13px;
}
.card_pill_immagine{
    bottom: 10px;
    position: absolute;
    left: 20px;
    font-size: 11px;
    font-weight: 500;
    background-color: white;
    padding: 2px 12px 2px 12px;
    border-radius: 64px;
    color: black!important;
}
.card_pill_immagine_img{
    top: 130px;
    position: absolute;
    left: 20px;
    font-size: 11px;
    font-weight: 500;
    background-color: white;
    padding: 2px 12px 2px 12px;
    border-radius: 64px;
    color: black!important;
}
.card_pill_titolo{
    margin-top: 10px;
    position: absolute;
    font-size: 11px;
    font-weight: 500;
    background-color: white;
    padding: 2px 12px 2px 12px;
    border-radius: 64px;
}

.card_pill_random{
    color: white;
    background-color: #a372ff;
    mix-blend-mode: multiply;
    margin-top: 10px;
    margin-left: 80px;
    position: absolute;
    font-size: 11px;
    font-weight: 500;
    padding: 2px 12px 2px 12px;
    border-radius: 64px;
}

.livello{
    border-radius: 64px;
    padding: 0 4px 0 6px;
    margin-right: 6px;
    font-size: 8px;
    margin-bottom: 2px;
}
.livello.Facile{
    background-color: #00B523;
}
.livello.Media{
    background-color: #FFBC52;
}
.livello.Difficile{
    background-color: #FF0000;
}
.container_risposte{
    margin-top: 110px;
    background: #E8E8E8;
    mix-blend-mode: multiply;
    width: 100%;
    height: 164px;
}
.container_totale{
    padding: 40px 79px;
    text-align: center;
    width: 56%;
    position: relative;
    float: left;
}
.container_percentuale{
    text-align: center;
    width: 44%;
    padding: 40px 75px;
    position: relative;
    float: right;
}
.elenco_risposte_corrette{
    margin-top: 40px;
}
.numero_domanda_no_box{
    padding:0;
}
.domanda_header_no_box{
    font-weight: 500;
    font-size: 22px;
}
.risposta_no_box{
    font-size: 15px;
}
.risposta_singola{
    padding-top: 40px;
    padding-bottom: 40px;
}
.risposta_singola:not(:last-child){
    border-bottom: 2px solid white;
}
.pill_risposta{
    margin-bottom: 5px;
    display: inline-block;
    position: relative;
    font-size: 11px;
    font-weight: 500;
    padding: 2px 12px 2px 12px;
    border-radius: 64px;
    color: white;
}
.pill_risposta.errata{
    background-color: #FF0000;
}
.pill_risposta.corretta{
    background-color: #00B523;
}
.testo_risposte{
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
}
.testo_risposte_statistiche{
    padding-top: 15px;
    font-weight: 500;
    font-size: 20px;
}
.bottone_small_text{
    margin-top: 20px;
    font-size: small;
    line-height: 30px;
}
.container_news_rilievo{
    position: relative;
    float: left;
    width: 100%;
    padding: 0 30px;
    margin-bottom: 70px;
}
.container_news_rilievo.container_cards{
    margin: 70px;
    padding: 0;
    width: 87%;
    display: grid;
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    grid-template-columns: 30% 30% 30%;
}
.div_container_swiper{
    position: relative;
    float: left;
    width: 100%;
}
.news_in_rilievo{
    position: relative;
    float: left;
    width: 100%;
    text-align: left;
    background-color: white;
}
.immagine_news_rilievo{
    position: relative;
    float: left;
    width: 100%;
    height: 170px;
}
.immagine_attivita_rilievo{
    position: relative;
    float: left;
    width: 100%;
    height: 200px;
}
.titolo_animazione_rilievo {
    font-size: 18px;
    line-height: 25px;
}
.intro_animazione_rilievo {
    font-size: 14px;
}
.no_min_hight{
    min-height: auto!important;
    height: auto!important;
}
.video_news_rilievo{
    position: absolute;
    float: left;
    width: 100%;
    height: 420px;
}
.vimeo-wrapper-home {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}
.vimeo-wrapper-home iframe {
    width: 100vw;
    height: 100%; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100%;
    min-width: 100%; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.titolo_news_rilievo{
    position: relative;
    float: left;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 4px;
}
.intro_news_rilievo{
    position: relative;
    float: left;
    width: 100%;
    font-size: 12px;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.div_text_news{
    position: relative;
    float: left;
    width: 100%;
    padding: 20px;
    height: 120px;
    overflow: hidden;
}
.div_text_attivita{
    position: relative;
    float: left;
    width: 100%;
    padding: 20px;
    height: 100px;
    overflow: hidden;
}
.titolo_sezione{
    position: relative;
    float: none;
    width: auto;
    margin: 30px 0 20px;
    font-size: 13px;
    font-weight: 500;
}
.titolo_sezione.titolo_sezione_animazione{
    font-weight: 400;
    display: inline-block;
}
.titolo_esperienze{
    margin-bottom: 10px;
}
.testo_secondario{
    color: #BFBFBF;
}
.cursore_ricerca {
    font-weight: 100;
    padding-right: 5px;
}
.margin_bottom_sezione{
    margin-bottom: 30px;
}
.padding_bottom_sezione{
    padding-bottom: 30px;
}

.created_by{
    position: relative;
    float: left;
    width: 100%;
    text-align: right;
    font-size: 10px;
}

.container_header_gadget {
    height: 90vh;
}

.container_header_gadget > img {
    height: 103%;
    object-fit: cover;
}

.container_header_gadget > div {
    position: absolute;
    top: 70vh;
    left: 5%;
}
.container_header_gadget > div > h2 {
    margin-bottom: 0;
    color: white;
    font-family: freight-display-pro, serif;
    font-style: italic;
    letter-spacing: initial;
    font-size: 50px;
}
.container_header_gadget > div > h1 {
    color: white;
    font-style: italic;
    font-family: freight-display-pro, serif;
    font-weight: bold;
    letter-spacing: initial;
    margin-top: -20px;
    font-size: 60px;
}


.container_header_cammini {
    height: 60vh;
}

.container_header_cammini > img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.container_header_cammini > div {
    position: absolute;
    top: 43vh;
    left: 5%;
}
.container_header_cammini > div > h2 {
    margin-bottom: 0;
    color: white;
    font-family: freight-display-pro, serif;
    font-style: italic;
    letter-spacing: initial;
    font-size: 50px;
}
.container_header_cammini > div > h1 {
    color: white;
    font-style: italic;
    font-family: freight-display-pro, serif;
    font-weight: bold;
    letter-spacing: initial;
    margin-top: -20px;
    font-size: 60px;
}

.bottone-landing {
    background: #2198ff;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-weight: 600;
    font-size: 20px !important;
    position: relative;
}

.bottone-landing:hover {
    text-decoration: none;
}

.bottone-landing i {
    margin-bottom: 0;
}

.bottone-landing p {
    margin-top: 6px;
    padding: 0 15px;
    line-height: 1;
}

.btn-cursor {
    position: absolute;
    left: 5px;
    bottom: 2px;
}

.sottotitolo_gadgets {
    margin: 4% 6% 0 6%;
    padding-left: 20px;
}

.sottotitolo_gadgets_alt {
    margin: 8% 6% 0 6%;
}

.pill-gadget {
    position: absolute;
    background: white;
    border-radius: 20px;
    padding: 3px 20px;
    font-size: 14px;
    font-family: var(--futura-font);
    margin: 15px 12px;
}

.mb-0 {
    margin-bottom: 0;
}

.mt-0 {
    margin-top: 0;
}

.img_gadget {
    border-radius: 10px;
    height: 45vh!important;
}

.div_evento{
    width: 100%;
    position: relative;
    color: black;
    background-color: #ececec;
    height: 100%;
    border-radius: 15px;

}

.div_evento:first-of-type {

}

.titolo_serie_eventi {
    text-transform: uppercase;
    letter-spacing: 0px;
    margin-top: 100px;
    margin-left: 80px;
    font-family: var(--futura-font) !important;
    font-weight: 500;
    margin-bottom: 0;
    font-size: 20px;
}

.immagine_evento{
    position: relative;
    float: left;
    width: 100%;
    height: 240px;
    border-radius: 15px 15px 5px 5px;
}
.pallino_data{
    position: absolute;
    top: 203px;
    left: 15px;
    background-color: white;
    border-radius: 50%;
    text-align: center;
    width: 70px;
    height: 70px;
    padding: 13px;
    z-index: 1;
}
.giorno_pallino{
    margin-bottom: 0;
    font-family: var(--futura-font)!important;
    font-weight: 500;
    font-size: 20px;
    margin-top: 7px;
}

.data_pallino{
    font-family: var(--futura-font)!important;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 0;
    margin-top: -5px;
}
.div_descrizione_evento{
    position: relative;
    float: left;
    margin-left: 110px;
    padding: 20px;
    width: 400px;
}
.titolo_evento{
    font-family: var(--futura-font)!important;
    font-weight: 500;
    font-size: 23px;
    line-height: initial;
    margin-bottom: 8px;
    width: 85%;
}
p{
    margin-bottom: 0;
}
.serie_eventi {
    font-family: var(--futura-font)!important;
    font-weight: 500;
    margin-top: 13px;
    margin-bottom: 20px;
    line-height: initial;
    font-size: 18px;
    color: #343434;
    width: 85%;
}
.luogo_evento, .data_evento {
    font-size: 15px;
    font-family: var(--neue-font);
    font-weight: 500;
    margin-top: 0;
    color: #565656;
    max-width: 90%;
}
.luogo_evento {
    margin-top: 20px;
}

.luogo_evento i,
.data_evento i{
    padding-right: 6px;
}

.evento_bloccato {
    width: 100%;
    height: 100%;
    background-color: #0000008c;
    position: absolute;
    z-index: 2;
}
.inner_evento{
    float: left;
    width: 100%;
    margin-bottom: 30px;
    background-color: #ececec;
    border-radius: 15px;
}

.container_serie_eventi {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: 60px;
    margin-right: 60px;
    margin-bottom: 60px;
    width: initial;
    float: none;
}

.container_serie_eventi_alt {
    width: 85%;
    margin: auto;
    padding-top: 20px;
}

.div_back{
    position: fixed;
    top: 12px;
    font-size: 24px;
    left: 15px;
    display: none;
}

.div_margin_shadow{
    height: 145px;
    position: fixed;
    top: 0;
    left: 0;
    width: 35%;
    z-index: 2;
    background-image: linear-gradient(#D8EBEF 80%, #d8ebef00);
    padding: 30px;
}
.div_margin_shadow.div_margin_shadow_animazione{
    background: #ffffff;
    z-index: 0;
}

.titolo_contattaci{
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 2px;
}
.sottotitolo_contattaci{
    font-weight: bold;
    font-size: 26px;
    line-height: 23px;
    margin-top: 0;
    margin-bottom: 20px;
}
.form_help{
    width: 100%;
    overflow: hidden;
}

.hr_contattaci{
    margin: 10px 0;
    border-color: black;
}
.contatto{
    flex: 1 50%;
    margin-bottom: 30px;
}
.titolo_persona_contattaci{
    font-size: 18px;
    font-style: italic;
    margin-top: 0;
    margin-bottom: 5px;
}
.contatti_contatto {
    margin-top: 0;
    font-size: 18px;
}
.container_contatti{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.container_search_header{
    position: relative;
    float: right;
    z-index: 3;
    background-color: white;
    width: 100px;
    border-radius: 30px;
    padding: 5px;
    margin-top: 16px;
}
.search_ej{
    width: 150px;
}
.text_cerca_header{
    position: relative;
    float: left;
    margin-left: 5px;
    margin-top: 2px;
    transition: .25s;
}
.search_header{
    position: relative;
    float: left;
    font-size: 16px;
    margin-top: 6px;
    margin-left: 13px;
}
.download-btn {
    position: absolute;
    z-index: 100;
    bottom: 10px;
    right: 20px;
    background: white;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 15px;
}
.immagini_galleria {
    position: relative;
    float: left;
    width: 24%;
    margin: 0.5%;
    object-fit: cover;
    height: 200px;
}
.div_galleria_immagini{
    position: relative;
    float: left;
    width: 99%;
    margin: 0.5%;
}
.div_iframe_video_galleria{
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.sezione_medium{
    max-width: 900px;
}
.titolo_album{
    padding: 2%;
    text-align: center;
    font-size: 30px;
    position: relative;
    float: left;
    width: 100%;
    font-weight: bold;
}

.sezione_container_album{
    position: relative;
    max-width: 1100px;
    width: 100%;
    margin: auto;
}
.bottone_swiper_galleria{
    top: 50%;
}

.backgroud-trasparent{
    background-color: transparent;
}

.sezione_pagina h2 {
    font-size: 2rem;
    margin-bottom: 5px;
}

.etichetta>li {
    display: none;
}
.tag_pagina {
    margin-top: 50px!important;
    padding-left: 0!important;
}

.tag_pagina>a>li {
    display: inline-block;
    font-size: 0.8rem;
    background-color: #1583cc;
    color: #fefefe;
    padding: 0.5rem 0.7rem;
    margin: 0.2em;
    line-height: 1;
    border-radius: 50px;
    font-family: var(--futura-font)!important;
    font-weight: 400;
}
.tag_pagina>a:hover>li {
    background-color: #2caafe;
}

.form_barra_ricerca{
    font-size: 17px;
    width: 100%;
    margin: auto;
    border: 0!important;
    border-radius: 50px!important;
    color: black;
    background-color: #F0F0F0!important;
    padding: 10px 17px!important;
    font-family: var(--futura-font)!important;
    font-weight: 500;
    height: 55px!important;
}
.container_ricerca{
    position: relative;
    float: none;
    width: initial;
    margin: 10% 0 2% 0;
}
.risultato_ricerca{
    float: none;
    margin: 0.5%;
    text-align: left;
}
.immagine_risultato_ricerca{
    position: relative;
    float: left;
    padding: 25%;
    width: 50%;
    height: 100px;
}
.div_text_risultato_ricerca{
    position: initial;
    float: none;
    width: initial;
    padding: 5px;
    height: initial;
    overflow: visible;
}
.titolo_risultato_ricerca{
    position: relative;
    float: left;
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 15px;
}
.intro_risultato_ricerca{
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    font-size: 15px;
    color: rgb(101, 101, 101);
    font-family: var(--futura-font)!important;
    font-weight: 400;
    font-style: italic;
}
.div_container_filtri{
    width: 790px;
    margin: 0;
    display: flex;
    padding: 2% 0;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.container_filters {
    display: flex;
    width: 900px;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
}
.help_filtra {
    vertical-align: middle;
    font-size: 18px;
    color: #5b5b5b;
    margin-left: 6px;
    margin-top: 9px;
    font-family: var(--futura-font)!important;
}

.count_risultati {
    font-family: var(--futura-font)!important;
    font-size: 15px;
    margin-left: 6px;
    color: #5b5b5b;
}

.bottone_filtro_ricerca{
    flex: 1 0 30%;
    position: initial;
    float: none;
    margin: 0;
    text-align: center;
    font-weight: 500;
    background-color: #F0F0F0;
    border-radius: 20px;
    padding: 6px 144px;
    transition: 0.3s;
    cursor: pointer;
    font-size: 16px!important;
    margin-top: 8px;
    font-family: var(--futura-font)!important;
}
.bottone_filtro_ricerca:hover, .filtro_selezionato {
    background-color: #0578a8;
    color: white;

}
.div_container_filtri a {
    text-decoration: none;
}
.sezione_risultati_ricerca{
    display: flex;
    flex-wrap: wrap;
    width: initial;
    padding-top: 0;
}

.remove_pd_bottom {
    padding-bottom: 0;
}

.sezione_risultati_ricerca .container_risultato_ricerca {
    flex: 1 0 40%;
    margin: 20px;
}

.ricerca1 {
    color: #FF7777;
}

.ricerca2 {
    color: #50A7FF;
}

.ricerca3 {
    color: #75D169;
}

.ricerca4 {
    color: #FF9D00;
}

.ricerca5 {
    color: #DE076A;
}

.div_text_risultato_ricerca a:hover > p {
    text-decoration: underline;
}

.container_barra_ricerca{
    position: relative;
    float: left;
    width: 100% !important;
    cursor: pointer;
}
.cerca_su_barra_di_ricerca{
    position: absolute;
    right: 3%;
    bottom: 17px;
    font-size: 19px;
}

.nav-mobiled a, a.mnav {
    color: #ffffff !important;
    font-size: 20px;
    font-family: var(--neue-font);
    font-weight: 500;
}

.nav-mobiled > .uk-nav-divider {
    border-top-color: #ffffff!important;
}


.spazio_app_mobile::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
}


.uk-open>.spazio_app_mobile::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
}


.titolo_gadget{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    margin-top: 5px;
}
.descrizione_gadget{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 16px;
    margin-top: 4px;
}
.intro_mini_evento_rilievo{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 16px;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text_light_blu{
    color:  #157dfb;
}
.titolo_folder{
    position: relative;
    float: none;
    width: auto;
    margin: -30px 30px 0 30px;
    font-size: 23px;
    font-weight: 500;
}
.descrizione_folder{
    position: relative;
    float: none;
    width: 80%;
    max-width: 500px;
    margin: 0 30px;
    font-size: 13px;
    line-height: 17px;
}
.container_folder_file{
    position: relative;
    float: left;
    width: calc(103% - 60px);
    margin: calc(30px - 1.5%);
}
.singolo_file_folder{
    position: relative;
    float: left;
    width: 30.3333%;
    margin: 1.5%;
    box-shadow: 1px 4px 8px 0 #d8d8d8;
    transition: 0.3s;
}
.singolo_file_folder:hover{
    box-shadow: 4px 7px 8px 0 #d8d8d8;
}
.container_info_file{
    position: relative;
    float: left;
    width: 100%;
    padding: 15px;
}
.container_text_file{
    position: relative;
    float: left;
    width: 80%;
    height: 90px;
    overflow: hidden;
    font-family: var(--futura-font)!important;
    font-weight: 400;
}
.container_button_file{
    padding: 3%;
    position: relative;
    float: left;
    width: 20%;
}
.titolo_singolo_file{
    font-weight: bold;
    position: relative;
    float: left;
    width: 100%;
    font-size: 19px;
    padding-left: 3%;
}
.descrizione_singolo_file{
    font-size: 12px;
    position: relative;
    float: left;
    width: 90%;
    margin-top: 6px;
    line-height: 15px;
}
.freccia_download_file{
    position: relative;
    float: left;
    width: 25px;
}
.disable_hover:hover{
    color: initial;
}
.padding_bottom_gadget{
    padding-bottom: 30px;
}
.background-yellow{
    background-color: #FFF8EA;
}

.icona_lista{
    width: 33px;
    margin-right: 10px;
    margin-top: -1px;
}
.banner_ej{
    background-color: #FFEDED;
}
.color_shadow_ej{
    background-image: linear-gradient(#FFEDED 80%, #ffeded00)!important;
    background-color: #FFEDED!important;
}
.background-red-dark{
    background-color: #FF7777;
}
.torna_ej_large{
    display: none;
}
.mappa_evento{
    width: 100%;
    position: relative;
    float: left;
    margin-top: 20px;
}
.mappa_evento p{
    margin-bottom: 0;
}
.div_riquadro_zona{
    position: relative;
    float: left;
    text-align: center;
    width: 32.3333%;
    margin: 0.5%;
    border: 1px solid white;
    border-radius: 5px;
    font-size: x-large;
    padding: 0.2%;
}
.zona_vuota{
    border-color: transparent
}
.zona_selezionabile{
    background-color: white;
    color: black;
}
.palco{
    width: 99%;
    position: relative;
    float: left;
    background-color: #eeeeee;
    color: black;
    text-align: center;
    padding: 1% 0;
    border-radius: 5px;
    margin: 0.5%;
}
.div_posto{
    position: relative;
    float: left;
    padding: 11% 0;
    text-align: center;
    width: 32.3333%;
    margin: 0.5%;
    border: 1px solid white;
    border-radius: 5px;
    background-color: #eeeeee;
    font-size: initial;
    cursor: pointer;
}
.posto_totale{
    position: relative;
    float: left;
    padding: 45.1% 0;
    text-align: center;
    width: 99%;
    margin: 0.5%;
    border: 1px solid white;
    border-radius: 5px;
    background-color: #eeeeee;
    font-size: initial;
    cursor: pointer;
}
.posto_trasparente{
    border-color: transparent;
    background-color: transparent;
    cursor: inherit;
}
.testo_small{
    font-size: 17px;
    margin-bottom: 0;
    margin-top: 5px;
}
.sezione_pagina_evento_mappa{
    max-width: 100%;
}
.zona_background_verde_acqua{
    background-color: #56bcc2;
}
.zona_background_verde{
    background-color: #76e852;
}
.zona_background_arancio{
    background-color: #e08b35;
}
.zona_background_fuxia{
    background-color: #e062eb;
}
.bottone_special_navbar {
    width: 48%;
    font-size: 15px;
    line-height: 27px;
}
a.hover_white:hover{
    color: white;
    text-decoration: none;
    transition: .25s;
}
a.hover_transition:hover{
    transition: .25s;
}
/*style lazlod*/

img.card_immagine {
    /*background-color: #a0a6ad;*/
    opacity: 0.2;
    transition: opacity 0.3s;
    object-fit: cover;
}

img.lazy {
    /*opacity: 0;*/
    background-color: gainsboro;
    /*transition: 0.5s opacity;*/
}

img.visibile {
    opacity: 1;
    background-color: transparent;
    transition: 1s background-color;
}


.fr-view > ul {
    list-style: initial;
    padding-left: 30px;
}

.fadeout {
    opacity: 0;
    transition: opacity .5s;
}
hr{
    margin: 5px 0;
}
.background-light-red{
    background-color: #FFEAEA;
}
.background-light-green{
    background-color: #EDFAFF;
}
.inner_big_page{
    position: relative;
    margin: 80px 40px 80px 60px;
}
.header_quiz{
    position: relative;
    float: left;
    width: 100%;
}
.header_quiz h5{
    font-weight: bold;
    margin-bottom: 0;
}
.header_quiz p{
    margin-bottom: 0;
}
.container_code_quiz{
    position: relative;
    float: left;
    width: 100%;
    margin: 100px 0;
}
.container_barra_ricerca_quiz{
    position: relative;
}
.bottone_inizia_contest{
    position: relative;
    float: right;
    border: 0;
    background-color: #FF7777;
    color: white;
    border-radius: 50px;
    padding: 5px 40px;
    font-size: 18px;
    margin-top: 75px;
}
.contest_ricerca{
    height: 115px!important;
    font-size: 90px;
    width: 600px;
    margin-left: 5px
}
.contest_ricerca_barra{
    font-size: 109px;
    font-weight: 300;
}
.mini_title_big_page{
    color: #2E2E2E;
    font-weight: bold;
    font-size: 16px;
}
.container_contest{
    margin: 10px 0;
    padding: 0;
    width: 100%;
    display: grid;
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    grid-template-columns: 30% 30% 30%;
}
.singolo_contest{
    background: #00A7FF;
    text-align: center;
    color: white;
    padding: 50px 5px;
}
.header_contest{
    position: relative;
    float: left;
    width: 100%;
}
.text_header_contest{
    position: relative;
    float: left;
    width: 50%;
    font-size: 18px;
}
.codice_contest{
    position: relative;
    float: right;
    background-color: #00A7FF;
    color: white;
    padding: 10px 30px;
    font-size: 23px;
    font-weight: bold;
}
.container_multimedia{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 30px;
}
.img_contest{
    position: relative;
    float: left;
    width: 100%;
}
.container_multimedia iframe{
    width: 100%;
}
.container_domanda{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 30px;
}
.domanda_contest{
    position: relative;
    float: left;
    width: initial;
    background-color: #FFD1D1;
    padding: 4%;
    font-weight: bold;
    font-size: 18px;
}
.container_domanda #form_quiz{
    position: relative;
    float: left;
    width: 100%;
}
.bottone_invia_contest{
    padding: 25px 60px;
    background-color: #ff7272;
    mix-blend-mode: multiply;
    color: white;
    font-size: 21px;
    font-weight: 500;
    margin-top: 30px;
    transition: .25s;
    border: none;
    width: 100%;
}
.fine_voto_contest{
    position: relative;
    float: left;
    width: 100%;
    background-color: #5cb85c;
    padding: 4%;
    font-weight: bold;
    font-size: 18px;
    margin-top: 30px;
    text-align: center;
    color: white;
}
.risposte_gruppo{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 50px;
}
.form_risposte_text{
    border-radius: 0!important;
    border: 1px solid #FF7777!important;
    padding: 0 10px!important;
}

.img-slide-home {
    filter: brightness(0.8) contrast(1.1) !important;
    opacity: 0;
    position: relative;
    transform: initial;
    top: 0;
    left: 0;
}

.slide-text {
    transition: 1s transform cubic-bezier(0.65, 0.05, 0.36, 1), 0.5s opacity ease-in;
}




a[href*="https://www.froala.com/wysiwyg-editor"] {
    display: none!important;
    opacity: 0;
}

.fonti_salesiane_head {
    color: white;
    margin-left: 11%;
    padding-top: 5%;
    font-size: 35px;
}

.fonti_salesiane_sub {
    width: 30%;
    font-size: 19px;
    padding-left: 11%;
    color: white;
    line-height: 1.2;
    padding-bottom: 50px;
}

.help_mail {
    width: 30%;
    font-size: 16px;
    padding-left: 11%;
    color: rgb(213, 213, 213);
    line-height: 1.2;
    padding-bottom: 50px;
}

.fonti_bottone {
    color: black;
    background-color: #ffffff;
    padding: 17px 60px;
    margin-left: 11%;
    font-size: 17px;
}

.fonti_bottone:hover {

    text-decoration: none;

    border: 4px solid black;
    padding: 13px 56px;
    transition: 100ms all;
    color: black;
}

.selectors_home {
    z-index: 50;
    position: absolute;
    top: 270px;
    left: 100px;
    display: initial;

    font-family: var(--futura-font)!important;
    font-weight: 400;
}

.arrows_home {
    display: none;
}

.numberCircle {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 8px;
    /*border: none;*/
    color: #666;
    text-align: center;
    transition: .3s;
    padding-left: 8px;
}

.numberCircle:hover {
    text-decoration: none;
    background-color: white;
    color: black!important;
    transition: .3s;
}

.numberCircle:hover a{
    text-decoration: none;
    color: black!important;
    transition: .3s;
}

.numberSelected::before,
.numberSelected::after
{
    /*border: 2px solid #ffffff;
    transition: .3s;
    padding-left: 3px;*/

    border-radius: 0!important;

    top: 4px!important;
    left: 13px!important;

    width: 0% !important;
}

.numberSelected::after
{
    border-left-width: 0!important;
    border-right-width: 0!important;

    transform: rotate(
            360deg
    )!important;
}

.base-s {
border: 0;
position: relative;
}

.base-s::before,
.base-s::after {
box-sizing: inherit;
content: '';
position: absolute;
width: 100%;
height: 100%;
}

.spin::before,
.spin::after {
top: 0;
left: 0;
}

.spin::before {
border: 2px solid transparent;
}

.spin.uk-active::before {
/*
border-top-color: #ffffff;
border-right-color: #ffffff;
border-bottom-color: #ffffff;
transition: border-top-color 2s linear, border-right-color 2s linear 0.90s, border-bottom-color 2s linear 0.9s;

 */
}

.spin::after {
    border: 0 solid transparent;
}

.spin.uk-active::after {
    border-top: 2px solid #ffffff;
    border-left-width: 2px;
    border-right-width: 2px;
    transform: rotate(300deg);
    /*transition: transform 6s linear 0s, border-left-width 1s linear 6s, -webkit-transform 6s linear 0s;*/
    transition: width 6s;
    width: 43%!important;
}

.circle {
    border-radius: 100%;
    box-shadow: none;
}

.circle::before,
.circle::after {
    border-radius: 100%;
}



#mc_embed_signup {
    margin-left: 11%;
    background-color: white;
    width: 30%;
    padding: 20px;
}

#mc-embedded-subscribe-form {
    display: flex;
    flex-direction: column;
}

.hform {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
}


#mce-EMAIL {
    border: none;
    width: 100%;
}

#mc-embedded-subscribe {
    border: none;
    background-color: #333;
    color: white;
    padding: 0px 20px;
    font-size: 18px;
    border-radius: 0;
    vertical-align: middle;
}

.commit {
    font-family: var(--futura-font)!important;
    color: white;
    z-index: 20000;
    position: absolute;
    right: 50px;
    bottom: -50px;
    font-size: 11px;
    margin-top: 0;
}

.commit a {
    color: white;
}


.commit span {
    color: #3c70b1!important;
    padding-left: 10px;
}

.evidenza_home_tre {
    margin: 5% 6% 5% 6%;
}

.leggi_tutto {
    float: right;
    font-size: 18px;
    top: 80px;
    position: relative;
}

.ev_3_alt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ev_3_alt:hover {
    text-decoration: none;
}

.ev_3_alt:hover > div > h4 {
    text-decoration: underline;
}

.ev_3_alt div {
    max-width: 80%;
}

.ev_3_alt img {
    width: 50px!important;
    height: 50px!important;
    object-fit: cover;
}

.tre_1 {
    width: 33%;
    margin-right: 3%;
    display: inline-block;
}


.tre_split {
    display: flex;
}

.tre_1_elemento {
    margin-top: 15px;
    border-top: 1px solid #e4e4e4;
    padding-top: 10px;
}

.tre_1_elemento a {
    display: flex;
    justify-content: space-between;
}

.tre_1_testo {
    width: 70%;
}


.tre_col1 {
    width: 90%;
}

.tre_1_testo h4 {
    letter-spacing: initial;
    font-size: 15px;
    margin-bottom: 5px;
    padding-right: 15px;

}

.tre_1_testo h5 {
    font-size: 15px;
    margin-top: 0;
    font-family: var(--futura-font)!important;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 5px;
}

.tre_1_elemento a img {
    object-fit: cover;
    width: 50px;
    height: 50px;
}

.tre_1_head {
    background-color: white;
    margin-top: -50px;
    padding-top: 25px;
    padding-right: 40px;
}

.tre_1_sub {
    font-size: 15px;
    margin-top: 0;
    font-family: var(--futura-font)!important;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 5px;

}

.tre_2 {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}

.tre_2_col {
    width: 85%;
    /*width: 45%;
    */
    display: inline-block;
}

.tre_2_col:last-of-type {
    margin-left: 8%;
}

.tre_1_elemento.tre_1_filler a {
    flex-wrap: wrap-reverse;
}

.tre_1_elemento.tre_1_filler .tre_1_testo{
    width: 100%;
}

.tre_1_elemento.tre_1_filler {
    margin-top: 0;
    border: none;
    padding-top: 0;
}

.tre_1_elemento.tre_1_filler img{
    width: 100%;
    margin-bottom: 10px;
    height: 160px;
    object-fit: cover;
}

.tre_1_elemento.tre_1_filler.tre_1_big img{
    height: 360px;
}

.tre_3 {
    width: 25%;
    display: inline-block;
    margin-left: 3%;
    vertical-align: top;
}

.tre_titolo {
    font-size: 20px!important;
    letter-spacing: -.08rem!important;
}

.nav_mostra_larghezza {
    display: none;
}

.nav_mostra_larghezza_important {
    display: none!important;
}

.menu-tablet {
    display: none!important;
}

.cover-complete {
    opacity: 1!important;
    transition: opacity 300ms ease-out ;
}

.page_evento_pubblica {
    margin: 80px;
}

.page_evento_pubblica h1, .page_evento_pubblica h2, .page_evento_pubblica h3 {
    margin-top: 0;
    margin-bottom: 35px;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.5px;
}

.page_evento_pubblica p {
    font-family: var(--futura-font)!important;
    /* font-weight: 400; */
    font-style: italic;
    color: #505050;
    font-size: 20px;
}

.bottone_dettagli_evento {
    display: block;
    width: 100%;
    background: #0b1f37;
    color: white;
    padding: 20px;
    text-align: center;
    margin-bottom: 5px;
}

.bottone_dettagli_evento:hover {
    color: white;
    background: #0b1f37;
}

.qrcode-public {
    float: right;
}

.titolo_cal {
    margin-top: 80px;
}

.titolo_cal span{
    background: #d9edfd;
    color: #173763;
}

.greet_cal {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 40px;
}

.greet_cal span:not(.greet_help) {
    font-size: 40px;
    background: #95caf5;
    line-height: 45px;
    padding: 14px 19px 21px 36px;
    border-radius: 60px;
    color: #173763;
    font-weight: bold;
    transform: rotate(90deg);
}

.greet_cal p {
    margin-top: 5px;
    font-size: 22px;
    font-family: 'Playfair Display', serif;
    color: #173763;
    text-align: center;
}

.greet_cal a {
    text-decoration: underline;
    color: #173763 !important;
}

.greet_cal p .greet_help {
    font-family: var(--neue-font);
    line-height: 1;
    font-size: 18px;
    display: block;
    margin-top: 2px;
}




.elenco_calendario {
    list-style-type: none!important;
    padding-left: 0!important;
}

.elenco_calendario li {
    margin-bottom: 20px;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.elenco_calendario h2 {
    color: #173763 !important;
}

.elenco_calendario h3 {
    margin-top: 0;
    font-family: var(--neue-font);
    font-weight: 500;
    margin-bottom: 7px;
    font-size: 17px;
}

.elenco_calendario .cal_date {
    color: #173763;
    width: 60px;
    background: #d9ecfc;
    border-radius: 50px;
    text-align: center;
    line-height: 1;
    padding: 20px 10px;
    font-family: var(--neue-font);
    font-weight: 500;
}

.elenco_calendario .cal_text {
    margin-left: 20px;
}

.cal_range {

}

.multi {
    background: #99d0ff!important;
    color: #0f284b!important;
}




@media (max-width: 1440px) {
    .titolo_pagina_new h1 {
        font-size: 40px;
    }

    .titolo_pagina_new h2 {
        font-size: 20px;
    }
}



@media (min-height: 1160px) {
    .titolo_big {
        margin-top: 400px!important;
    }

    .selectors_home {
        top: 430px!important;
    }
}


@media (min-height: 1440px) {
    .titolo_big {
        margin-top: 30px!important;
    }

    .selectors_home {
        top: 430px!important;
    }
}

@media (max-width: 1300px) {
    .posto_totale {
        padding: 43% 0;
    }
    .div_posto {
        font-size: 11px;
    }

    .titolo_pagina_new h1 {
        font-size: 50px;
    }

    .titolo_pagina_new h2 {
        font-size: 25px;
    }

}

@media (max-width: 1260px) {

    .nascondi-tablet {
        display: none!important;
    }

    .menu-tablet {
        display: block!important;
    }



}

@media (max-width: 1100px) {

    .container_elenco_header{
        width: 80%;
    }
    .bottone_generico{
        margin-bottom: 2%;
    }

    .titolo_pagina_new h1 {
        font-size: 50px;
    }

    .titolo_pagina_new h2 {
        font-size: 25px;
    }

}


@media (max-width: 1520px) {
    .nav_mostra_larghezza {
        display: initial;
    }

    .nav_mostra_larghezza_important {
        display: initial!important;
    }

    .nav_nascondi_larghezza {
        display: none;
    }

    .nav_nascondi_larghezza_important {
        display: none;
    }
}

@media (max-width: 1070px) {
    .div_evento {
        width: 48%;
        height: auto;
    }
    .immagine_evento{
        height: 150px;
    }
    .pallino_data{
        top: 115px;
    }

    .titolo_pagina_new h1 {
        font-size: 50px;
    }

    .titolo_pagina_new h2 {
        font-size: 25px;
    }
}
@media (max-width: 900px) {
    .div_riquadro_zona{
        width: 99%;
    }
    .titolo_pagina_new h1 {
        font-size: 50px;
    }

    .titolo_pagina_new h2 {
        font-size: 25px;
    }
}
@media (max-width: 768px) {
    .swiper-button-next {
        right: 3% !important;
    }

    #slide_home {
        min-height: calc(120vh) !important;
    }


    .titolo_pagina_new h1 {
        font-size: 50px;
    }

    .titolo_pagina_new h2 {
        font-size: 25px;
    }

    .cc_overlay_lock{
        -webkit-transform: translateZ(60px);
    }
    .animazione_header{
        margin: auto;
    }
    .animazione_ricerca_barra{
        font-size: 40px;
        font-weight: 500;
        margin-top: 15px;
        margin-left: 27px!important;
    }
    .container_animazione_ricerca{
        margin: 0;
    }
    .animazione_ricerca{
        width: 62%;
        font-size: 30px;
    }
    #search{
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .animazione_ricerca_small::-webkit-input-placeholder {
        font-size: 22px!important;
    }
    .animazione_ricerca_small::-moz-placeholder {
        font-size: 22px!important;
    }
    .animazione_ricerca_small:-ms-input-placeholder {
        font-size: 22px!important;
    }
    .animazione_ricerca_small:-moz-placeholder {
        font-size: 22px!important;
    }

    .btn-esplora-home {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .bottone_guarda_tutto{
        display: none;
    }
    .bottone_ricerca{
        margin-top: 26px;
        margin-left: 0;
        margin-right: 36px;
    }
    .logo_header{
        width: 215px;
    }
    .logo_header_animazione{
        width: 110px;
        margin-top: 6px;
        margin-left: 13px;
    }
    .container_header_animazione_ricerca{
        margin: 75px 0 75px 0;
    }
    .container_news_rilievo.container_cards{
        display: initial;
        margin: 6%;
    }
    .card_content{
        margin-bottom: 25px;
    }
    .icona_card{
        top: 43%;
        left: 40%;
    }
    .container_contenuto, .container_canzone{
        margin-left: 30px;
        margin-right: 30px;
    }
    .container_controlli{
        position: relative;
        right: initial;
        top: initial;
        margin-top: 30px;
        background: #FF7777;
        box-shadow: 2px 2px 10px #00000030;
        padding-bottom: 20px;
    }
    .testo_canzone{
        padding: 40px 0 0 0;
    }
    .scarica_pdf{
        float: left;
        margin-left: 30px;
    }
    .container_video{
        margin-top: 30px;
    }

    .container_totale{
        padding: 36px 48px;
    }
    .container_percentuale{
        padding: 36px 47px 36px 0;
    }
    .testo_risposte_statistiche.allinea{
        padding-top: 30px;
    }

    .video_news_rilievo{
        height: 250px;
    }
    .div_margin_shadow{
        width: 100%;
        background-image: none;
        background-color: #D8EBEF;
        padding: 0;
        height: auto;
    }
    .banner_header{
        width: 100%;
        top: 0;
        z-index: 100;
        height: 70px;
        overflow: hidden;
        padding: 13px;
        -webkit-transform: translateZ(60px);
    }
    .body_app{
        width: 100%;
        margin: 0;
        margin-top: 70px;
    }
    .evento_in_rilievo{
        width: 100%;
    }
    .immagine_small_home{
        width: 98%;
        height: 300px;
    }
    .container_menu_bar{
        display: inline-block;
        position: fixed;
    }
    .video_sezione_pagina{
        height: 50vw;
        max-width: 100%;
        margin-top: 20px;
    }
    .nav_menu{
        margin-top: 50px;
    }
    .container_social_header{
        margin-top: 60px;
    }
    .news_singola {
        width: 92%;
    }
    .titolo_news_rilievo {
        font-size: 14px;
        line-height: 18px;
    }
    .intro_news_rilievo {
        font-size: 9px;
    }
    .intro_animazione_rilievo {
        font-size: 11px;
    }
    .immagine_news_rilievo {
        height: 140px;
    }
    .news_in_rilievo {
        height: 250px;
    }
    .container_search_header {
        left: initial;
        right: 98px;
        margin-top: 18px;
    }
    .risultato_ricerca {
        width: initial;
    }
    .container_text_file {
        height: 120px;
    }
    .zona_vuota {
        display: none;
    }
}

@media (max-width: 750px) {
    .div_evento {
        width: 98%;
    }
    .immagine_evento{
        height: 120px;
    }
    .pallino_data{
        top: 90px;
        width: 60px;
        height: 60px;
        padding: 11px;
    }
    .div_descrizione_evento{
        width: 66%;
    }
    .giorno_pallino{
        font-size: 12px;
    }
    .data_pallino {
        font-size: 20px;
        margin-top: -7px;
    }
}

@media (max-width: 480px) {

    .page_evento_pubblica {
        margin: 40px;
    }

    .qrcode-public {
        position: relative;
        float: right;
        width: 100%;
    }

    .bottone_dettagli_evento {
        width: initial;
    }

    .uk-offcanvas-bar {
        width: 100%;
    }

    .tre_1 {
        width: 100%;
        margin-right: 0;
    }

    .tre_2 {
        width: 100%;
        margin-top: 40px;
    }

    .tre_3 {
        width: 100%;
        margin-left: 0;
        margin-top: 40px;
    }

    .mobile_fix {
        width: initial;
    }

    .form_mobile_width {
        width: 100%;
    }

    .first_row_home {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .first_row_home a {
        margin: 9px 7px;
    }

    .second_row_home {
         flex-wrap: wrap;
        flex-direction: column;
        padding: 10% 0 10% 0;
    }

    .spotify_banner {
        display: flex;
        padding: 12% 12% 12% 12%;
        top: 178px;
        position: relative;
        background: black;
        color: white;
    }

    .spotify_banner h3 {
        margin-top: 0;
        color: white;
    }

    .spotify_banner div {
        padding-left: 0;
    }

    .spotify_banner img {
        display: none;
    }


    .categoria_row_home, .categoria_row_home_alt {
        flex-wrap: wrap;
    }

    .media_row_home a {
        flex-wrap: wrap-reverse;
    }

    .banner_manual {
        display: flex;
        flex-direction: column-reverse;
    }

    .alt_meeting {
        font-size: 40px;
    }

    .dbanima_row_home div {
        grid-template-columns: 1fr;
    }

    .dbanima_row_home a img {
        margin: 20px 0px!important;
    }

    .third_row_home {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .second_row_home div:first-of-type {
        margin-right: 0;
    }

    .second_row_home div:last-of-type {
        margin-left: 0;
        margin-bottom: 0;
    }

    .second_row_home div {
        margin: 0;
        margin-bottom: 60px;
    }


    .first_row_home a:first-of-type {
        border-left: 1px #d4d4d4 solid;
    }

    .media_row_home {
        margin: 15% 6% 15% 6%;
    }


    .categoria_row_home img:first-of-type, .categoria_row_home_alt img:first-of-type  {
        width: 100%;
    }

    .ev_3_alt img {
        display: none;
    }

    .ev_3_alt div {
        max-width: 100%;
    }

    .categoria_block {
        margin-left: 0;
        margin-top: 20px;
    }

    .container_ul {
        flex-direction: column;
    }

    .container_ul ul:last-of-type {
        margin-left: 0;
    }

    .third_row_home div:first-of-type, .third_row_home div {
        margin-right: 0;
        padding-right: 0;
        border-bottom: 1px solid rgb(230, 228, 228);
        margin-bottom: 50px;
        padding-bottom: 10px;
        border-right: none;
        border-left: none;
    }

    .third_row_home div:nth-of-type(2), .third_row_home div:nth-of-type(3), .third_row_home div:last-of-type {
        margin-right: 0;
        padding-right: 0;
        border-right: none;
        border-left: none;
        margin-left: 0;
        padding-left: 0;
    }

    .subtitolo_row_dbanima {
        margin-bottom: 0px;
    }

    .categoria2_row_home {
        width: initial;
        margin-top: 10%;
    }

    .categoria2_row_home p {
        width: 70%;
    }

    .immagine_evento_rilievo {
        width: 100%!important;
    }


    .media_row_home img {
        width: 100%;
    }

    .media_row_home a h3 {
        font-size: 35px;
        margin-top: 15px;
    }

    .titolo_big.uk-margin-large-left {
        margin-left: 20px!important;
    }

    .sottotitolo_big.uk-margin-large-left {
        margin-left: 20px!important;
        font-size: 17px!important;
        bottom: 40px;
        margin-right: 50px;
        margin-top: 50px!important;
    }


    .uk-background-secondary {
        background-color: rgba(34, 34, 34, 0.91);
    }

    .titolo_pagina_new {
        position: absolute;
        width: 80%;
        left: 20px;
        z-index: 10;
        bottom: 60px;
    }

    .new_sezione_pagina .inner_sezione_pagina {
        max-width: 90% !important;
        font-size: 0.8em;
    }

    .row-bottoni-head {
        grid-template-columns: 1fr 1fr;
    }

    .elenco_link_sezione li a {
        font-size: 16px!important;
    }

    .elenco_link_sezione li a:hover {
        background-color: #FFFFFF;
    }

    .altri-art {
        font-size: 22px;
        margin-bottom: 20px;
        display: initial;
    }

    .sezione_pagina h1 {
        font-size: 25px !important;
        margin-bottom: 0;
        width: 90%;
        margin: 115px auto 0;
    }

    small.titolo_categoria {
        width: 90%;
        margin: 0 auto;
        display: block;
    }

    .titolo_pagina_new h3 {
        font-size: 15px;
    }

    .container_sfondo {
        position: relative;
    }

    .titolo_pagina_new h1 {
        margin-top: 15px;
        font-size: 35px;
        margin-bottom: 3px;
    }

    .share_button {
        right: 20px;
        bottom: 10px;
    }

    .hero_ext {
        max-width: 90vw;
        margin: 120px auto 0;
    }

    .hero_ext .attribute {
        margin-bottom: 0px;
    }

    .hero_ext p {
        font-size: 20px;
        line-height: 1.3;
    }

    .hero_ext aside {
        font-size: 15px;
        margin-bottom: 20px;
        margin-top: 20px;
    }


    .almost-footer{
        padding: 8% 11%;
        display: flex;
        flex-wrap: wrap;
        margin: 0;
    }

    .almost-footer input{
        font-size: 17px;
    }

    .almost-footer div:last-child ul {
        padding-left: 0;
    }

    .footer-box{
        display: flex;
        flex-wrap: wrap;
    }

    .footer-center{
        text-align: center;
        transform: none;
        padding-bottom: 20px;
        font-size: 13px;
    }

    .footer-suerte{
        font-size: 12px;
        text-align: center;
        width: 100%;
        margin-top: 18px;
        margin-bottom: 20px;
    }

    .image-footer {
        width: 50%;
        height: 50%;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        margin-bottom: 20px;
    }

    .footer-box {
        padding-top: 3em;
        padding-left: 3em;
        padding-right: 3em;
    }

    .footer-lkit {
        text-align: center;
        font-size: 14px;
        margin-top: 5px;
        width: 100%;
    }

    .content-footer {
        flex-wrap: wrap;
        padding-bottom: 130px;
    }

    .container-mappa {
        margin-top: 102px;
    }

    .container-mappa #map {
        /*height: 85dvh !important;*/
    }

    .container-mappa-first {
        bottom: 190px;
        right: 10px;
    }

    .container-mappa-cards {
        gap: 8px;
        grid-template-columns: 1fr 1fr;
        padding: 10px;
        width: calc(100% - 20px);
    }

    .container-mappa-cards > div {
        margin: 0;
        padding: 12px 20px;
    }

    .container-mappa-cards > div > p {
        font-size: 12px;
    }

    .container-mappa-cards > div > h3 {
        font-size: 20px;
    }

    .fonti_salesiane_head {
        margin-top: 10%;
    }

    .links_footer {
        flex-wrap: wrap;
        margin-left: 10px;
        justify-content: space-between;
    }

    .links_footer div {
        margin-left: 0;
        margin-right: 20%;
    }

    .links_footer div ul {
        list-style-type: none;
        padding-left: 0;
        padding-right: 50px;
        padding-top: 30px;
    }


    .links_footer div p {
        margin-bottom: 5%;
    }

    .titolo_big {
        width: 90%!important;
        font-size: 35px!important;
        margin-top: 20px!important;
    }

    .video_news_rilievo{
        height: 200px;
    }
    .footer_1_5{
        width: 50%;
    }
    .logo_header{
        width: 100%;
    }
    .logo_header_ej{
        width: 95px;
        margin: 8px 0 0 11px;
    }
    .body_app{
        margin-top: 61px;
    }

    .menu_mobile {
        display: initial;
        position: absolute;
        z-index: 10;
        top: 30px;
        right: 30px;
        color: black;
    }

    .div_back{
        display: block;
    }
    .container_logo_header{
        position: relative;
        width: 130px;
        float: left;
        margin-top: 10px;
    }

    .banner_header{
        height: 60px;
        padding: 9px;
    }
    .banner_header.banner_header_animazione{
        -webkit-transform: translateZ(60px);
    }
    .container_menu_bar{
        top: 16px;
    }
    .container_social_header{
        margin-top: 30px;
    }
    .saluto_giornata{
        text-align: left;
        width: 100%;
        margin-top: 10px;
        padding-left: 3px;
    }
    .inner_footer_sx{
        width: 100%;
    }
    .list_link_footer{
        float: right;
        width: 100%;
        margin: 5px 0;
    }
    .inner_footer_dx{
        width: 100%;
    }
    .legal_footer{
        width: 100%;
        margin-top: 5px;
        text-align: left;
    }
    .created_by{
        width: 100%;
        margin-top: 5px;
        text-align: left;
    }
    .immagine_big_news{
        /*height: 140px;*/
    }
    .titolo_news{
        font-size: 16px;
    }
    .anteprima_news{
        font-size: small;
    }
    .news_seconda {
        flex: initial;
        margin: 0;
        width: 100%;
    }

    .container_news {
        margin: 15% 6%;

    }

    .intro_news{
        padding: 0;
    }
    .titolo_pagina{
        margin: 4%;
    }
    .immagine_big_pagina{
        height: 200px;
        max-width: 100%;
        margin: 0;
    }
    .inner_sezione_pagina{
        padding: 4% 4%;
    }
    .inner_sezione_pagina_privacy{
        width: 80%;
    }
    .inner_new {
        width: initial;
    }

    .blocco_info_evento {
        width: 100%;
    }

    .blocco_riassunto_evento {
        margin-left: 5%;
        margin-top: 30%;
    }

    .immagine_news_rilievo {
        height: 90px;
    }
    .immagine_animazione_rilievo {
        height: 140px;
    }
    .immagine_attivita_rilievo{
        height: 110px;
    }
    .div_text_news {
        padding: 12px;
        height: 100px;
    }
    .div_text_animazione{
        height: 80px;
    }
    .news_in_rilievo {
        height: 200px;
    }
    .animazione_in_rilievo{
        height: 240px;
    }

    .bottone_area_riservata {
        width: 80% !important;
        background-color: white;
        color: black;
        border: none;
        box-shadow: none;
    }

    .logo_mobile {
        position: absolute;
        left: 20px;
        top: 20px;
        width: 170px;
        z-index: 20;
        display: block;
    }

    .logo_mobile_menu {
        margin-bottom: 20px;
        left: 20px;
        top: 20px;
        width: 170px;
        z-index: 20;
        display: block;
    }


    .admin_button {
        display: none;
    }

    .nav_mobile {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: white;
        height: 80px;
        z-index: 20;
        display: initial;
    }

    .image_slider_home {
        margin-top: 100px;
        width: 100%;
        height: 250px;
        object-fit: cover;
        display: initial;
    }

    .bottone_generico_large_m{
        width: 100%;
    }
    .bottone_special_navbar{
        width: 100%;
    }
    .immagini_galleria {
        width: 45%;
        margin: 2%;
        padding-top: 0;
    }
    .container_search_header {
        left: initial;
        right: 90px;
        margin-top: 13px;
        transition: .25s;
    }
    .risultato_ricerca {
        width: initial;
    }
    .sezione_risultati_ricerca a {
        flex: 1 0 55%;
        margin: 40px 0;
    }

    .div_text_risultato_ricerca {
        padding: 16px 0;
    }


    .bottone_filtro_ricerca {
        width: 100%;
        font-size: 11px;
        padding: initial;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .div_container_filtri {
        width: 100%;
        margin: 0;
        display: flex;
        padding: 2% 0;
        flex-direction: column;
        justify-content: space-between;
    }

    .help_filtra {
        margin-left: 0;
    }

    .container_filters {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        align-content: center;
    }

    .container_ricerca {
        margin: 20% 0;
    }


    .cerca_su_barra_di_ricerca{
        right: 9%;
        bottom: 18px;
        font-size: 17px;
    }
    .container_barra_ricerca {
        margin-bottom: 10px;
    }
    .container_info_file {
        padding: 10px;
    }
    .titolo_singolo_file {
        font-size: 11px;
        line-height: 13px;
    }
    .descrizione_singolo_file {
        font-size: 9px;
        line-height: 11px;
    }
    .titolo_folder {
        font-size: 20px;
    }
    .descrizione_folder {
        font-size: 11px;
    }
    .singolo_file_folder {
        width: 97%;
    }
    .container_text_file {
        height: 70px;
    }
    .titolo_news_rilievo {
        font-size: 12px;
        line-height: 14px;
    }
    .titolo_animazione_rilievo {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 2px;
    }
    .bottone_tag{
        font-size: 12px;
    }
    .search_ej{
        display: none;
    }
    .torna_ej_large{
        display: block;
        margin-top: 10px;
        font-size: 13px;
    }
    .inner_big_page {
        margin: 30px 30px 40px 30px;
    }
    .header_quiz p{
        font-size: 13px;
    }
    .container_code_quiz {
        margin: 70px 0;
    }
    .contest_ricerca {
        width: 80%;
        font-size: 45px;
    }
    .contest_ricerca_barra {
        font-size: 53px;
    }
    .bottone_inizia_contest {
        margin-top: 20px;
        float: left;
    }
    .container_contest {
        grid-template-columns: 100%;
    }
    .text_header_contest {
        width: 100%;
        font-size: 15px;
        line-height: 20px;
    }
    .codice_contest {
        float: left;
        padding: 8px 25px;
        font-size: 14px;
        margin-top: 10px;
    }
    .domanda_contest {
        padding: 6%;
        font-size: 15px;
        line-height: 19px;
    }
    .form_risposte label {
        width: calc(95% - 10px);
        font-size: 17px;
        margin-left: 10px;
    }

    .arrows_home {
        display: initial;
    }

    .selectors_home {
        display: none;
    }

    .titolo_quiz{
        width: 95% !important;
    }
    .titolo_cerca {
        width: 84% !important;
    }

    .container_quiz{
        width: 82% !important;
    }

    .fonti_salesiane_sub {
        width: 70%;
    }

    .contenitore_html_pagina {
        width: 90%!important;
    }

    .contenitore_html_pagina_wide {
        width: 100%!important;
        float: none;
    }

    .contenitore_html_pagina table {
        width: 100%;
        border-collapse: collapse;
    }

    .contenitore_html_pagina table td,
    .contenitore_html_pagina table th {
        line-height: 1.1;
        padding: 10px;
        font-size: 16px;
        border: 1px solid gray;
    }

    #mc-embedded-subscribe-form {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    #mc_embed_signup {
        width: 70%;
    }

    #mc-embedded-subscribe {
        width: 100%;
        margin-top: 15px;
    }


    .container_header_gadget > img {
        height: 100%;
    }

    .sottotitolo_gadgets {
        padding: 0;
        margin: 10% 6% 6% 6%;
    }

    .gadget-singolo {
        margin-bottom: 27px!important;
    }

    .page_categorie_special {
        width: initial;
        padding: 0% 0 10% 0;
    }

    .page_categorie_special img {
        height: 50vh!important;
        object-position: center!important;
    }

    .elenco_calendario h2 {
        font-size: 20px;
    }

    .elenco_calendario li {
        align-items: center;
    }

    .elenco_calendario .cal_date {
        width: 50px;
        font-size: 15px;
        flex: none;
    }

    .elenco_calendario h3 {
        font-size: 15px;
    }

    .titolo_cal {
        margin-top: 100px;
    }
}