/*LAYOUT.CSS - AVIS COMUNALE CASAZZA*/
/*FONTATIC*/


/* SLIDER */
.slider-home {width:100%; height:600px; position:relative; z-index:0;}
#owl-carousel-slider {width:100%;}
#owl-carousel-slider .owl-slide {background-size:cover; background-position:center top;}
#owl-carousel-slider .owl-nav {display:block;}
#owl-carousel-slider .owl-prev {width: 40px; height: 40px; background: url("../images/arr-left.png") no-repeat center center; position: absolute; right:5%; top:50%; color:transparent;}
#owl-carousel-slider .owl-next {width: 40px; height: 40px; background: url("../images/arr-right.png") no-repeat center center; position: absolute; right:2%; top:50%; color:transparent;}
.bkg-title {position:absolute; top:0px; right:0px; background: url("../images/bkg-tit-slider.png") no-repeat bottom left; background-size:cover; width:55%; z-index:2; color:#fff; padding:15% 10% 15% 15%; text-align:right;}
.bkg-title h3 {padding-bottom:10px;}
.bkg-title h4 {font-size:26px; line-height:30px; margin-bottom:30px; text-transform:uppercase; font-weight:400;}
.btn-slider-home span {padding:10px; color:#fff; background-color:#e7242c; font-size:22px; text-transform:uppercase;}
.title-slider {padding:15% 10% 15% 15%; text-align:right; color:#fff; z-index:3; position:absolute; top:0px; right:0px;}
.bkg-slider {width:100%; top:0px; left:0px; z-index:1; background-repeat:no-repeat; background-size:cover; background-position:center top; }

/* CERCHI */
.cerchio-left {width:47%; float:left; margin:66px 0px 50px 0px; text-align:right; background: url("../images/linea-storia.jpg") repeat-x center 50%;}
.cerchio-left img {width:60%; max-width:400px;}
.cerchio-right {width:47%; float:right; margin:190px 0px 100px 0px; text-align:left; background: url("../images/linea-storia.jpg") repeat-x center 50%;}
.cerchio-right img {width:60%; max-width:400px;}

/* PERCHE DONARE */
.why-donare {width:100%; padding:0px 10%; color:#fff; position:relative; z-index:1;}
.why-donare .text {float:left; background-color:#0f72b8; padding:120px 5%;}
.why-donare .img {float:left; background: url("../images/img-volontari.jpg") no-repeat center center / cover;}

/* CONTATTACI */
.contattaci {width:100%; background-color:#eeeeee; margin-top:-60px; padding:215px 10% 130px 10%; color:#656363;  position:relative; z-index:0;}
.recapiti {font-size:30px; line-height:32px; color:#e7242c; font-weight:700; margin-top:50px;}
.recapiti i {font-size:40px; margin-bottom:30px;}
.legal {margin:20px 0px;}
.textarea {width:100%;}
.note {font-size:12px; line-height:14px; margin-bottom:10px;}
.contattaci input {border:none!important; color:#929293; background-color:#fff;}
.contattaci input:focus {border:none!important; color:#929293; background-color:#fff;}
.contattaci textarea {border:none!important; color:#929293; background-color:#fff; height:100px; font-family: 'Ubuntu', sans-serif; margin-bottom:10px;}
.contattaci textarea:focus {border:none!important; color:#929293; background-color:#fff;}
.contattaci input[type="text"], input[type="email"], textarea, input[type="tel"] {border-radius:0px!important; margin-bottom:10px;}
::placeholder {font-family: 'Ubuntu', sans-serif; color:#929293;}

.btn-form input {font-family: 'Ubuntu', sans-serif; color:#fff; border-radius:0px; font-size:16px; text-transform:uppercase; text-align:center; background-color:#e7242c;}
.btn-form input:hover {background-color:#e7242c; color:#fff; font-family: 'Ubuntu', sans-serif;}
.btn-form input[disabled]:hover {background-color:#e7242c; border-radius:0px; color:#fff; font-family: 'Ubuntu', sans-serif;}
.btn-form ::placeholder {color:#fff; width:100%; font-family: 'Ubuntu', sans-serif;}


/* PROSSIMI EVENTI */
.proxeventi {width:100%; padding:120px 10%; text-align:center;}
.proxeventi h3 {color:#0f72b8;}
.carosello-eventi {margin:66px 0px; text-align:left;}
#owl-carousel-eventi .owl-nav {display:block;}
#owl-carousel-eventi .owl-prev {width: 40px; height: 40px; background: url("../images/arr-left.png") no-repeat center center; position: absolute; left:-5%; top:30%; color:transparent;}
#owl-carousel-eventi .owl-next {width: 40px; height: 40px; background: url("../images/arr-right.png") no-repeat center center; position: absolute; right:-5%; top:30%; color:transparent;}

.young-footer {text-align:center; padding:0px 10%;}
.young-footer img {width:100%; max-width:2400px!important;}



@media (max-width: 1200px) {
    /* SLIDE */
    .bkg-title {height:auto!important; background-color: rgba(15, 114, 184, 0.9); background-image:none; width:90%; padding:30px 5%; text-align:center; margin:15% 5% 0px 5%; top:30%;}
    #owl-carousel-slider .owl-prev {right:7%;}
    
    /* CERCHI */
    .cerchio-left img {width:80%;}
    .cerchio-right img {width:80%;}
    
    /* PROSSIMI EVENTI */
    #owl-carousel-eventi .owl-prev {left:-9%;}
    #owl-carousel-eventi .owl-next {right:-9%;}
}


@media (max-width: 909px) {
    /* SLIDE */
    .slider-home {height:450px;}
    #owl-carousel-slider .owl-nav {display:none;}
    .bkg-title h4 {font-size:16px; line-height:20px; margin-bottom:20px;}
    .btn-slider-home span {font-size:18px;}
    
    /* PERCHE DONARE */
    .why-donare {padding:0px 5%;}
    .why-donare .text {padding:50px 5%; text-align:center;}
    .why-donare .img {height:350px;}
    
    /* CONTATTACI */
    .contattaci {padding:120px 5% 50px 5%; text-align:center;}
    .recapiti {font-size:20px; margin-top:20px; margin-bottom:30px;}
    .recapiti i {font-size:30px; margin-bottom:20px;}
    
    /* PROSSIMI EVENTI */
    .proxeventi {padding:50px 5%;}
    .carosello-eventi {margin:50px 0px; text-align:center;}
    #owl-carousel-eventi .owl-nav {display:none;}
    
}



@media (max-width: 767px) {
    /* CERCHI */
    .cerchio-left {width:100%; float:none; margin:30px 0px; text-align:center; background:none;}
    .cerchio-left img {width:90%;}
    .cerchio-right {width:100%; float:none; margin:30px 0px; text-align:center; background:none;}
    .cerchio-right img {width:90%;}
    
}

	
@media (max-width: 480px) {
    .why-donare .img {height:250px;}

}