/*LAYOUT.CSS*/
/*FONTATIC*/


/* slide */
.slide-immobili-evidenza {width:100%; height:900px; position:relative; z-index:0;}
#owl-carousel-evidenza .owl-slide {background-size:cover; background-position:center center;}
#owl-carousel-evidenza .owl-nav {display:block;}
#owl-carousel-evidenza .owl-prev {width: 93px; height:47px; background: url("../images/arr-left-owl.png") no-repeat center center / 100% auto; position: absolute; left:5%; bottom:100px; color: transparent;}
#owl-carousel-evidenza .owl-next {width: 93px; height:47px; background: url("../images/arr-right-owl.png") no-repeat center center / 100% auto; position: absolute; right:5%; bottom:100px; color: transparent;}
.gradiation {width:100%; height:450px; position:absolute; z-index:1; bottom:0px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+39,000000+100&0+39,0.94+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 39%, rgba(0,0,0,0.94) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 39%,rgba(0,0,0,0.94) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 39%,rgba(0,0,0,0.94) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f0000000',GradientType=0 ); /* IE6-9 */
}
.title-slide {position:absolute; z-index:2; bottom:0px; width:50%; left:50%; margin-left:-25%; padding:95px 50px 50px 50px; background:url("../images/circle-title.png") no-repeat top center / 100% auto; text-align:center; color:#fff;}
.title-slide .categoria {font-size:24px; margin-bottom:25px; font-family: 'Asap Condensed', sans-serif; font-weight:500; }
.title-slide .categoria:first-letter {text-transform:uppercase;}
.title-slide .paese {font-size:60px; line-height:60px; margin-bottom:0px; font-family: 'Rosario', sans-serif; font-weight:700; text-transform:uppercase;}
.title-slide .tipologia {font-size:24px; font-family: 'Asap Condensed', sans-serif; margin-bottom:40px;}
.title-slide .link {font-size:24px; font-family: 'Asap Condensed', sans-serif; text-transform:uppercase;}


.intro-title {width:100%; padding:130px 10%; text-align:center; color:#115594;}
.intro-title h1 {font-size:48px; line-height:45px; font-family: 'Rosario', sans-serif; font-weight:700;}
.intro-title h2 {font-size:24px; line-height:30px; font-family: 'Asap Condensed', sans-serif; font-weight:500;}

.intro-title blockquote p{
  margin-top: 80px;
  color: #5f5f5f;
  font-style: italic;
}
.banner {width:100%; padding:50px 10%; position:relative; z-index:0; margin-bottom:100px; margin-top:-50px;}
.banner .col-2 {padding:70px 2%;}
.banner .col-2 h3 {font-size:60px; text-transform:uppercase; font-family: 'Rosario', sans-serif; font-weight:700;}
.banner .col-2 p {font-size:24px;}
#vendita {background-color:#1e82d9; text-align:center; color:#fff!important;}
#affitti {background-color:#eaeaea; text-align:center; color:#0d6cbe!important;}
#vendita h3 {color:#fff!important;}
#affitti h3 {color:#0d6cbe!important;}
.punta-top {position:absolute; width:20%; top:0px; left:50%; margin-left:-10%;  z-index:1; text-align:center;}
.punta-top img {width:100%; max-width:172px;}
.punta-bottom {position:absolute; width:20%; top:-104px; left:50%; margin-left:-10%;  z-index:1; text-align:center;}
.punta-bottom img {width:100%; max-width:172px;}

.immobili-scelti {width:100%; padding:100px 10%; text-align:center;}
.immobili-scelti h3 {font-size:60px; margin-bottom:30px; text-transform:uppercase; font-family: 'Rosario', sans-serif; color:#5f5f5f;}
.immobili-scelti h4 {font-size:24px; line-height:30px; font-family: 'Asap Condensed', sans-serif; font-weight:500; color:#5f5f5f;}
.carosello-immobili {margin-top:70px;}

.intro-chisiamo {color:#fff; font-size:24px; line-height:30px; padding:120px 10%;}
.intro-chisiamo span {font-size:36px; line-height:40px; margin-bottom:30px;}
#panorama-home {height:auto!important;}
.carosello-servizi {padding:120px 10%;}
#owl-carousel-servizi .owl-slide {text-align:center;}
#owl-carousel-servizi .icona {margin-bottom:30px;}
#owl-carousel-servizi .icona img {max-width:135px; margin: 0px auto;}
#owl-carousel-servizi h5 {text-transform:uppercase; color:#fff; font-size:24px; line-height:30px;}
#owl-carousel-servizi .owl-dots {text-align:center; width:100%; margin-top:20px;}
#owl-carousel-servizi .owl-dots .owl-dot {display:inline-block;}
#owl-carousel-servizi .owl-dots .owl-dot span {width:15px; height:15px; border:solid 1px #fff; border-radius: 50%; margin:5px; display:block;}
#owl-carousel-servizi .owl-dots .owl-dot.active span, #owl-carousel-servizi .owl-dots .owl-dot:hover span {background-color:#fff!important;}


@media (max-width: 909px) {
    /* slide */
    .slide-immobili-evidenza {height:500px;}
    .gradiation {height:400px;}
    #owl-carousel-evidenza .owl-nav {display:none;}
    .title-slide {width:100%; left:0%; margin-left:0%; padding:0px 5% 30px 5%; background:none;}
    .title-slide .categoria {font-size:18px; margin-bottom:15px;}
    .title-slide .paese {font-size:40px; line-height:40px;}
    .title-slide .tipologia {font-size:18px; margin-bottom:20px;}
    .title-slide .link {font-size:18px;}

    .intro-title {padding:50px 5%;}
    .intro-title h1 {font-size:38px; line-height:35px;}
    .intro-title h2 {font-size:18px; line-height:20px;}

    .punta-top {display:none;}
    .banner {width:100%; padding:0px; margin-bottom:30px; margin-top:0px;}
    .banner .col-2 {padding:40px 2%;}
    .banner .col-2 h3 {font-size:40px;}
    .banner .col-2 p {font-size:18px;}
    .punta-bottom {display:none;}

    .immobili-scelti {padding:50px 5%;}
    .immobili-scelti h3 {font-size:40px; margin-bottom:20px;}
    .immobili-scelti h4 {font-size:18px; line-height:20px;}

    .intro-chisiamo {font-size:18px; line-height:20px; padding:50px 5%;}
    .intro-chisiamo span {font-size:26px; line-height:20px; margin-bottom:30px;}
    .carosello-servizi {padding:0px 5% 50px 5%;}
    #owl-carousel-servizi h5 {font-size:18px; line-height:20px;}
}



@media (max-width: 767px) {

}


@media (max-width: 480px) {
    /* slide */
    .slide-immobili-evidenza {height:300px;}
    .gradiation {height:200px;}
    .title-slide .categoria {font-size:16px;}
    .title-slide .paese {font-size:30px; line-height:30px;}
    .title-slide .tipologia {font-size:16px;}
    .title-slide .link {font-size:16px;}

    .intro-title h1 {font-size:30px; line-height:32px;}
    .intro-title h2 {font-size:16px; line-height:18px;}

	.banner .col-2 h3 {font-size:30px;}
    .banner .col-2 p {font-size:16px;}
    .immobili-scelti h3 {font-size:30px;}
    .immobili-scelti h4 {font-size:16px; line-height:18px;}

    .intro-chisiamo {font-size:16px; line-height:18px;}
    .intro-chisiamo span {font-size:20px; line-height:18px;}
    #owl-carousel-servizi h5 {font-size:16px; line-height:18px;}
}