@import url('https://fonts.googleapis.com/css2?family=Baloo+Tamma+2:wght@400;500;600;700;800&display=swap');


* {margin: 0; padding: 0; box-sizing: border-box;}
html {font-size: 62.5%; scroll-behavior: smooth;}
body {font-family: 'Baloo Tamma 2', cursive; font-weight: 400; font-size: 1.5rem; line-height: 1.7; color: #4d4d4d; background: #eee; }
hr {margin: 3rem auto;}
ul {list-style: none;}
.body {max-width: 200rem; margin: 0 auto; background: #fff; overflow: hidden;}

a { text-decoration: none; color: #4d4d4d; transition: all .3s; }
button {border: none; cursor: pointer; font-family: 'Baloo Tamma 2', cursive; background: transparent; transition: all .4s;}
input {font-family: 'Baloo Tamma 2', cursive;}
.clear { clear: both;}
.clearfix::after { content: ""; display: table; clear: both; }
.center { text-align: center;}
.container {max-width: 132rem; padding: 0 2%; margin: 0 auto; position: relative; z-index: 2;} 
.white {color: #fff!important;}
.bg-white { background-color: #fff;}
.menu_responsive {display: none;}
.errore { font-weight: 600; font-size: 9rem;}

.mrg-btm-small {margin-bottom: 1.5rem!important;}
.mrg-btm-medium {margin-bottom: 2.5rem!important;}
.mrg-btm-large {margin-bottom: 6rem!important;}
.mrg-btm-xlarge {margin-bottom: 9rem!important;}

.menu-responsive-btn {display: none;}

.blu {color: #0860a8;}
.bg-blu {background-color: #0860a8;}
.red {color: #ff0000;}
.bg-red {background-color: #ff0000;}

/*SLIDE*/
.slide-home {width: 100%; height: 95vh; margin: 0 auto; position: relative;}
.slide { width: 100%; position: absolute; top: 0; left: 0; height: 100%;}
.slide img { width: 100%; object-fit: cover; height: 100%;}
.slide-frecce {position: absolute; top: 47%; width: 98%; left: 0; right: 0; margin: 0 auto; display: none;}
.slide-home:hover .slide-frecce {display: block;}
.prev, .next { display: inline-block; cursor: pointer; width: 3rem; height: 3rem;}
.prev {left: 0;}
.next {position: absolute;right: 0;}

.box-txt-slide { position: absolute; bottom: 20%; left: 10%; width: 98%; max-width: 60rem; margin: 0 auto;}
.tit1 {font-size: 3.7rem; font-weight: 500; line-height: 1.2;}
.tit2 {font-size: 2.5rem; font-weight: 500; line-height: 1.2;}
.tit2 strong {font-weight: 500;}
.btn { display: inline-block; padding: 1.3rem 2rem 1rem 2rem; border-radius: .3rem; font-weight: 600;}
.btn:hover {transform: translateY(-.6rem); box-shadow: 0 .7rem 1rem #5d5d5d7a;}
.slide .btn {margin: 0 1.5rem 0 0;}
.brd-blu {border: 1.2px solid #0860a8;}
.txt-big {font-size: 1.8rem;}

#header-home .menu-box {margin: 0 auto; padding: 1.5rem 2% 0; max-width: 132rem; position: absolute; z-index: 10; width: 98%; left: 0; right: 0; transition: all .4s;}
.flex { display: inline-flex; width: 100%;}
.menu-box .flex {justify-content: space-between; align-items: center;}
.logo {width: 25rem; transition: all .4s;}
.mail-header {padding: 1rem 1.5rem; font-weight: 500; background: #ffffffad; border-radius: .5rem;}
.mail-header img { width: 2.2rem; vertical-align: middle;}
.menu.bg-blu {opacity: .9;}
ul.menu {    display: inline-flex;
    padding: 2rem 5rem;
    width: 100%;
    justify-content: space-around;
    margin: 1.5rem auto 0; border-radius: 10rem 0; transition: all .4s;}
ul.menu li a {color: #fff; display: inline-block; padding: 0 1rem;}

#header-home .menu-box.sticky, #header-pag .menu-box.sticky {background: #ffffffd6; max-width: none; position: fixed; width: 100%; top: 0; z-index: 10; text-align: center; padding: 1.5rem 2%;}
#header-home .menu-box.sticky .flex, #header-pag .menu-box.sticky .flex {max-width: 132rem; width: 98%; padding-left: 2%; padding-right: 2%;}
#header-home .menu-box.sticky ul.menu, #header-pag .menu-box.sticky ul.menu {max-width: 126.5rem; padding: 1rem 5rem; margin: 0 auto;}
#header-home .menu-box.sticky .logo, #header-pag .menu-box.sticky .logo { width: 13rem;}
#header-pag .menu-box.sticky { box-shadow: 0 0 1rem #0000001f;}

/*.webp.bg-top-pag-4 {background-image: url("https://www.stiamolavorando.it/berioli/assets/images/bg-4.webp");}
.no-webp.bg-top-pag-4 {background-image: url("https://www.stiamolavorando.it/berioli/assets/images/old/bg-4.jpg");}*/

section.come-diventare-home { padding: 6rem 0 0;}
section.come-diventare-home .flex {}
picture.img-home { width: calc(50% - 5rem); margin: 0 5rem 0 0;}
picture.img-home img { width: 100%; border-radius: 0 0 10rem 0;}
[class^="abs"] {position: absolute; width: 10rem; bottom: 20%;}
.line-vert-red {height: 5rem; width: .5rem; background: red; display: inline-block; border-radius: 5rem; vertical-align: middle; margin-right: 1.5rem;}
.box-txt-home .mrg-btm-small .tit2 {display: inline-block; width: calc(100% - 3rem); vertical-align: middle;}
.abs-pin { left: -10rem;}
.abs-drop {right: -10rem;}
.box-txt-home { width: 40%; position: relative; margin: 0 auto 0 0; padding: 2rem 0;}
section.importanza-home { padding: 3rem 0;}
section.importanza-home .flex {flex-direction: row-reverse;}
section.importanza-home .box-txt-home { margin: 0 auto 0 10%;}
section.importanza-home picture.img-home { margin: 0 0 0 5rem;}
section.importanza-home picture.img-home img { border-radius: 0 0 0 10rem;}
.tit3 {font-size: 2.6rem; line-height: 1.2;}

section.video-interviste {padding: 8rem 0;}
section.video-interviste .flex {justify-content: space-between; align-items: flex-start;}
.col-small {width: 20%; margin: 0 1rem; padding: 2rem 0; transition: all .4s;}
.col-small .row {transition: all .4s;}
.col-small .row:hover {transform: scale(1.03);}
.col-small .row {margin: 0 auto 1.5rem;}
.col-large {width: 50%; margin: 0 1rem; padding: 2rem; box-shadow: 0 0 1rem #e2e2e2; transition: all .4s;}
.col-large:hover {box-shadow: 0 0 2rem #cacaca; transform: scale(1.03);}
.video-cont {width: 100%; padding-top: 60%; position: relative; margin: 0 auto 1rem;}
.video { position: absolute; top: 0; width: 100%; left: 0; height: 100%;}
.col-large .tit-video {font-size: 2.5rem;}
.col-small .tit-video {font-size: 1.6rem;}
.col-small .line-vert-red {height: 3rem;}
.overlay-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.3); z-index: 9; transition: all .4s;}
.overlay-video img { width: 8rem; margin: auto; top: 0; bottom: 0; left: 0; right: 0; position: absolute; opacity: .5;}
.col-small:hover .overlay-video {visibility: hidden; opacity: 0;}
.col-mid:hover .overlay-video {visibility: hidden; opacity: 0;}
section.video-interviste a.btn {margin: 6rem auto 0;}
section.video-interviste#testimonianze .flex {flex-wrap: wrap; justify-content: center;}
.col-mid {width: 31.3%; margin: 0 1rem; padding: 2rem 0; transition: all .4s;}
.col-mid .row {margin: 0 auto 3rem;}
.col-mid .tit-video {font-size: 1.9rem;}

section.questionario {position: relative; overflow: hidden; padding: 6rem 0; margin: 3rem auto;}
section.questionario .container { z-index: 1;}
[class^="sfere"] {position: absolute; height: 100%; top: 0; z-index: 0;}
[class^="sfere"] img {object-fit: contain; height: 100%; width: 100%;}
.sfere-dx {right: -3rem;}
.sfere-sx {left: -3rem;}
section.questionario .txt {max-width: 90rem; margin: 0 auto;}


.slider-container { max-width: 100rem; position: relative; margin: 0 auto; width: 100%;}
#frame { overflow: hidden;}
.slider { position: relative; transition: 500ms; display: inline-flex;}
.logo-slider__slide{display: inline-block;}
.slider-arrow { width: 100%;
    position: absolute;
    top: 50%;
    display: inline-flex;
    left: 0;
    z-index: 10;
    justify-content: space-between;}
[class^="slider-arrows"] { width: 2rem; height: 2rem;}


section.partner {padding: 8rem 0;}
/*KEEN SLIDER CAROUSEL*/
/*.keen-slider{display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.keen-slider,.keen-slider__slide{overflow:hidden;position:relative}.keen-slider__slide{width:100%;min-height:100%}.keen-slider[data-keen-slider-v]{flex-wrap:wrap}.keen-slider[data-keen-slider-v] .keen-slider__slide{width:100%}*/
/*# sourceMappingURL=keen-slider.min.css.map */
/*.arrow { width: 2rem; height: 2rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);  fill: #fff; cursor: pointer;}
.arrow--left { left: 5px; }
.arrow--right { left: auto; right: .5rem;}
.arrow--disabled { fill: rgba(255, 255, 255, 0.5); }
.slide_content { display: flex; align-items: center; justify-content: center; height: 12rem; max-height: 100vh; }
.navigation-wrapper {position: relative;}
.slide_content picture img { width: 80%;}*/
.logo-partner { width: 20rem; display: inline-block; margin: 0 2rem 2rem;}
.logo-partner img {width: 100%;}

section.decalogo-poster {padding: 3rem 0;}
section.decalogo-poster .flex {justify-content: space-around; flex-wrap: wrap;}
.decalogo, .poster {width: 40%;}
.img-decalogo { width: 50%; margin: 0 25% 3rem;}

footer {padding: 4rem 0;}
.logo-footer {width: 20rem; margin: 0 auto 2rem;}
.col-footer {width: 33.3%;}
.tit-footer {font-size: 1.4rem; font-weight: 600;}
.txt-footer {font-size: 1.25rem;}
footer a {color: #fff;}
footer a:hover {color: #ff0000;}
footer .ico-social {width: 2.5rem; margin: 0 .5rem;}
footer .txt-footer span {padding: 0 1rem;}
.credits {font-size: 1.15rem; padding: 2rem 0 0;}
.poster-footer {width: 40%; margin: 2rem auto;}
.img-footer {width: 10rem;}

#header-pag .menu-box {margin: 0 auto 4rem; padding: 1.5rem 2% 0; max-width: 132rem; position: relative; z-index: 10; width: 98%; left: 0; right: 0; transition: all .4s;}
.gradient {background: rgb(231,236,240);
background: -moz-linear-gradient(175deg, rgba(231,236,240,1) 0%, rgba(255,255,255,1) 33%);
background: -webkit-linear-gradient(175deg, rgba(231,236,240,1) 0%, rgba(255,255,255,1) 33%);
background: linear-gradient(175deg, rgba(231,236,240,1) 0%, rgba(255,255,255,1) 33%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e7ecf0",endColorstr="#ffffff",GradientType=1);}

section.perche-donare-pag {padding: 2rem 0 5rem;}

section.chi-puo-donare-pag { padding: 2rem 0;}
section.chi-puo-donare-pag .col-70 {width: 68%; margin: 0 2% 0 0;}
.col-30 {width: 30%;}
.col-30 img {width: 100%; border-radius: 7rem 0 7rem 0;}
.goccia { width: 1.5rem; vertical-align: middle; margin: 0 .6rem 0 0;}

section.si-no-pag { padding: 0 0 5rem;}
section.si-no-pag .flex { justify-content: center;}
.col-40 {width: 40%;}
.ico-si-no {width: 20rem;}
section.si-no-pag .col-40 { padding: 0 5rem;}
section.si-no-pag .col-40.brd-right {border-right: 2px solid #f3f3f3;}
section.si-no-pag .txt {font-size: 1.7rem;}

section.dove-donare-pag {padding: 8rem 0; position: relative;}
section.dove-donare-pag .container {max-width: 90rem;}
.fase {margin: 1rem auto 2rem;}
.ico-fase {width: 4.5rem; margin: 0 1rem .5rem 0; display: inline-block; vertical-align: middle;}
.fase .txt {padding: 1rem 2rem; background: #e3e4fa; width: calc(100% - 6rem); display: inline-block; vertical-align: middle; border-radius: .3rem;}

section.consiglio {padding: 0 0 4rem;}
.box-txt-consiglio { width: 35%; margin: 0 2rem; text-align: left;}
.img-consiglio { width: 30%; margin: 0 auto 3rem;}
.img-consiglio img { width: 100%; border-radius: 7rem 0 7rem 0;}
.line-oriz-red {height: .5rem; width: 5rem; background: red; display: inline-block; border-radius: 5rem; vertical-align: middle; margin-right: 1.5rem;}
.tit4 { font-size: 1.8rem;}
.tit4 .line-oriz-red {display: block; margin: 0 auto 2rem;}

section.composizione {    padding: 4rem 0;
    background: #f2f9ff;
    margin: 0 auto 6rem;}
section.docu {position: relative; padding: 3rem 0 8rem;}
section.docu .container {max-width: 80rem; margin: 0 auto; z-index: 1;}
section.docu .btn-download { padding: 1.5rem 1rem;}
section.docu .btn-download:hover {transform: translateY(-.6rem); box-shadow: 0 .7rem 1rem #5d5d5d7a;}

section.direttivo {padding: 8rem 0;}
section.direttivo .flex {justify-content: center;}
.right {text-align: right;}
.left {text-align: left;}
.col-direttivo {width: 40%; padding: 0 4rem; margin: 0;}
.brd-right {border-right: 2px solid #f3f3f3;}

section.contatti .flex {flex-wrap: wrap;}
.ico-mail { width: 1.8rem; vertical-align: middle; margin: 0 .3rem 0 0;}
.box-comunali {max-width: 100rem; margin: 0 auto 3rem; padding: 2rem 3rem; background: #fff;/* box-shadow: 0 0 1rem #e2e2e2; */transition: all .3s; width: 45%; text-align: left; border-bottom: 2px solid #efefef;}
.box-comunali:hover {transform: scale(1.03);}

/*TOGGLE*/
.box-trasparenza {position: relative; display: inline-flex; width: 100%; padding: 3rem 5rem; cursor: pointer; align-items: flex-start; box-shadow: 0 0 0.7rem #e4e4e4; margin: 0 auto 3rem;}
.toggleContent {transition: height .5s ease; overflow: hidden; width: 95%;}
.toggleContent:not(.active) { display: none;}

.img-cop {width: 20rem; height: 13rem; object-fit: cover; object-position: center; margin: 0 2rem 1rem 0; padding: 0 2rem 0 0; border-right: 2px solid #eee;}
.box-trasp-txt {text-align: left; position: relative; width: 80%;}
#sospensione {position: absolute; width: 2rem; bottom: -3rem; left: 0; content: url("../images/down.svg"); margin: 0 0 .7rem;}
.toggleContent.active ~ #sospensione {content: url("../images/up.svg");}
.data-trasp {font-weight: 600; color: #ccc;}
.tit-trasp { font-size: 2.2rem; font-weight: 600; color: #2570b1;}
.desc-trasp { width: 95%;}
.btn-download { display: block;
    padding: 4rem 0;
    font-weight: 600;
    background-color: #ff0100;
    color: #fff;
    margin: .5rem;
    border-radius: .3rem;}
.btn-download img {width: 1.5rem; vertical-align: middle; margin: 0 .3rem 0 0;}

section.diventa-donatore {background: #2570b1; color: #fff; margin: 8rem auto 0; padding: 5rem 0 0;}
/*FORM*/
.form {max-width: 100rem; margin: 0 auto; padding: 5rem; border-radius: 3px; text-align: left;}
.form .flex { justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.form_row_100 {display: inline-flex; flex-direction: column-reverse; margin: 0 0 1.5rem; width: 100%; }
.form_row_100 textarea {resize: vertical;}
.form_row { width: 48%; display: inline-flex; flex-direction: column-reverse; margin: 0 0 1.5rem;}
.form_row_33 { width: 32%; display: inline-flex; flex-direction: column-reverse; margin: 0 0 1.5rem;}
input[type="submit"] {border: none;}
.form_input { padding: 1rem; border: none; margin: .5rem 0 0; width: 100%; font-size: 1.5rem; line-height: 1.5; font-family: 'Baloo Tamma 2';}
select { padding: 1rem 1rem .4rem; border: none; margin: .5rem 0 0; width: 100%; font-size: 1.5rem; line-height: 1.5; font-family: 'Baloo Tamma 2';}


ul.sitemap {padding: 0; list-style: none; margin: 0 auto 5rem; font-size: 1.8rem;}
ul.sitemap li {padding: .5rem 0;}
ul.sitemap li a {transition: all .4s;}
ul.sitemap li a:hover {color: #a90d37; }


/*PRIVACY*/
.privacy ul {list-style: none;}
.accetta{text-align: center; margin-bottom:50px; display: inline-block;}
.accetta button:first-child {background-color: #1F1C1C!important; color:white;  }
.accetta button { background-color:white; font-weight: bold; padding:5px 10px; }
.accetta button { border:2px solid white; }
.input-privacy {margin: 5px 0;}

/* MENU RESPONSIVE */
.overlay { height: 0%; width: 100%; position: fixed; z-index: 10; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); overflow-y: hidden; transition: 0.5s;}
.overlay-content { position: relative; top: 50%; width: 100%; text-align: center; left: 50%; transform: translate(-50%, -50%);}
.overlay a { padding: .5rem;  text-decoration: none; font-size: 3rem; color: #fff; display: block;transition: 0.3s;}
.overlay .closebtn {position: absolute;top: 2rem;right: 4rem;font-size: 60px;line-height: 1;}


@media screen and (min-width: 1920px) {
	html {font-size: 75%;}
	
}


@media screen and (max-width: 1420px) {

}


@media screen and (max-width: 1280px) {
	[class^="abs"] {display: none;}
	section.questionario .txt { max-width: 60rem;}
}


@media screen and (max-width: 1024px) {
	#header-home .menu-box.sticky .logo, #header-pag .menu-box.sticky .logo { width: 25rem; text-align: left;}
	#header-home .menu-box.sticky .logo img, #header-pag .menu-box.sticky .logo img { width: 13rem;}
	ul.menu {display: none;}
	.menu-responsive-btn {display: inline-block; width: 3.4rem; height: 3.4rem; vertical-align: middle; box-sizing: content-box; padding: 1rem 3rem;}
	.box-txt-slide { bottom: 10%; width: 60%;}
	.sfere-sx { left: -13rem; transform: rotate(30deg);}
	.sfere-dx { right: -11rem;}
	
	section.docu .container { max-width: 60rem;}
	.col-direttivo { width: 50%;}
 
	.col-40 { width: 50%;}
	section.dove-donare-pag .container { max-width: 60rem;}
	section.video-interviste { padding: 0;}


}


@media screen and (max-width: 768px) {
	.logo { width: 20rem;}
	#header-home .menu-box.sticky .logo, #header-pag .menu-box.sticky .logo { width: 20rem;}
	.box-txt-slide {width: 68%;}
	.box-txt-slide .txt {display: none;}
	section.come-diventare-home .flex {flex-wrap: wrap;}
	picture.img-home { width: 96%; margin: 0 auto 1.5rem;}
	.box-txt-home { width: 96%; margin: 0 auto; text-align: center;}
	section.importanza-home .flex {flex-wrap: wrap;}
	section.importanza-home picture.img-home { margin: 0 auto 1.5rem;}
	section.importanza-home .box-txt-home { margin: 0 auto;}
	.video-interviste .col-small#col-sx {display: none;}
	.video-interviste .col-small { width: 33.3%;}
	.video-interviste .col-large { width: 66.6%;}
	.sfere-sx { left: 0; opacity: .2;}
	.sfere-dx { right: 0; opacity: .2;}
	
	section.consiglio .flex {flex-wrap: wrap; }
	.box-txt-consiglio { width: 100%; margin: 0 2rem 1.5rem; text-align: center;}
	.img-consiglio { width: 60%; margin: 0 auto;}
	
	.chi-puo-donare-pag .flex {flex-wrap: wrap; flex-direction: column-reverse;}
	section.chi-puo-donare-pag .col-70 { width: 100%; text-align: center;}
	.col-30 { width: 80%; margin: 0 auto 1rem;}
	
	.box-trasparenza {flex-wrap: wrap;}
	.img-cop { width: 15rem; height: 10rem;}
	.box-trasp-txt { width: calc(100% - 17rem);}
	.box-trasparenza .btn-download {padding: .8rem 1.5rem; margin: 4rem auto 0 17rem;}
	
	.perche-donare-pag .flex {flex-wrap: wrap;}
	.col-40 { width: 100%;}
	.col-mid { width: 46.3%;}
	
	.form {padding: 3rem 1rem;}
	
	.decalogo, .poster { width: 100%; margin: 0 auto 7rem;}
	
}


@media screen and (max-width: 580px) {
	html {font-size: 56.25%;}
	.mail-header { padding: .5rem; margin: -1rem 0 0;}
	.mail-header img { width: 3rem;}
	.slide img { object-position: 67% 0;}
	span.txt-mail {display: none;}
	.slide .btn { margin: 0 1.5rem 1rem 0;}
	.box-txt-slide { width: 75%; left: 0; right: 0; text-align: center; background: #ffffffd1; padding: 2rem; border-radius: 1rem;}
	section.video-interviste .flex {flex-wrap: wrap;}
	.video-interviste .col-large { width: 100%;}
	.video-interviste .col-small { width: 100%;}
	.col-small .row { margin: 0 1% 1.5rem; width: 47%; display: inline-block; vertical-align: top;}
	section.video-interviste a.btn { margin: 1rem auto 0;}
	section.partner { padding: 3rem 0;}
	footer .flex {flex-wrap: wrap; justify-content: center;}
	footer .col-footer {width: 50%;}
	
	section.direttivo { padding: 3rem 0;}
	section.direttivo .flex {flex-wrap: wrap; }
	.col-direttivo { width: 100%; text-align: center;}
	.col-direttivo.right.brd-right { text-align: center; border-right: none;}
	.box-trasparenza {padding: 3rem;}
	.img-cop { width: 100%; height: 18rem; margin: 0 auto 2rem; padding: 0; border-right: none;}
	.box-trasp-txt { width: 100%;}
	.box-trasparenza .btn-download { margin: 4rem 0;}
	
	section.si-no-pag .flex {flex-wrap: wrap;}
	section.si-no-pag .col-40 { padding: 0 3rem;}
	.col-mid { width: 85%;}
	
	.form_row_33 { width: 100%;}
	
	.box-comunali { width: 100%; text-align: center;}
	

}

@media screen and (max-width: 400px) {
	html {font-size: 50%;}
	
	.col-small .row { margin: 0 auto 1.5rem; width: 100%; display: block;}
	footer .col-footer {width: 100%;}
	
	.col-mid { width: 95%;}
	.form_row { width: 100%;}

}