.hero-swiper{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--base);
}
.hero-bg{
    height: 100%;
    width: 100%;
}
.hp_loginsection{
	float:right;
}
.menu-hero .logo{
	max-width:200px;
}
.menu-hero{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    justify-content: flex-end;
    align-items: center;
}
.header-section{
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    position:relative;
}
.header-section::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40vh;
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 100%);
}
.hp_toptext{
	padding:60px;
}
.hp_whyuse .hp_listed{padding:5vh 10vw;}

.hp_whyuse .hp_listed .hp_icon{ 
	background-size:21px 21px!important;
	background-position-x:0!important;
	padding-left:40px;
	background-repeat:no-repeat;
}
.hp_whyuse{
    background-repeat:no-repeat;
    background-position: 100% 100%;
    background-size: 100% auto;
}
.hp_whyuse .hp_listed p{
	color:#4895e2;
	font-size:14px;
}
.hp_whyuse{
	font-family: 'Montserrat', sans-serif;
	padding:80px 15px 40px 15px;
}
.hp_whyuse p,
.hp_whyuse h2{
	font-family: 'Montserrat', sans-serif;

}
.hp_toptext h1{
	font-weight:bold;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
}.hp_toptext p{
	color:#fff;
	font-family: 'Montserrat', sans-serif;
}
.header-section::after{
    width: 100%;
    height: 10%;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);    
}
.search-bar-container{
    max-width: 640px;
    width: 100%;
    padding: 36px;
    display: flex;
    align-items: center;
    align-content: center;
	display:inline-flex;
}
.search-bar-input{
    border-radius: 30px 0 0 30px;
    border: none;
    height: 48px;
}
#search-bar-button{
    width: 64px;
    height: 48px;
    border: none;
    background-color: var(--white);
    border-radius: 0 30px 30px 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}
#search-bar-button:hover{
    background-color: #ced4da;
}
.news-section{
    padding: 80px 0 0 0;
}
#news-swiper{
    background-color: var(--white);
    position: relative;
    height: 550px;
    padding: 20px 0 0 0;
}
#news-swiper::before, #news-swiper::after {
    content: '';
    top: 0;
    height: 100%;
    position: absolute;
    z-index: 2;
}
#news-swiper::before{
    left: 0;
    width: 40px;
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); 
}
#news-swiper::after{
    right: 0;
    width: 40px;
    background: -webkit-linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); 
}
#RisultatoRicercaTrova{
	text-align:left;
}
@media(min-width: 769px){
	.hp_whyuse{
			height:120vh;
	}
}
@media(max-width: 768px){
	
	.menu-hero .logo{
		max-width:150px;
	}
	.social-pic-container .single_image{
		width:20%;

	}
	.social-pic{
		margin:  0 	!important;
	}
}
@media(min-width: 600px){
    #news-swiper::before{
        width: 160px;
    }
    #news-swiper::after{
        width: 160px;
    }
    #news-swiper .swiper-slide:hover{
        max-width: 360px;
        height: 540px;
        z-index: 2;
        transform: translateY(-10px);
        box-shadow: 0 4px 8px 3px rgba(0,0,0,0.40);
    }
    #news-swiper .swiper-slide:hover .swiper-slide-bg{
        min-height: 120%;
    }
    #news-swiper .swiper-slide:hover::after{
        background: -webkit-linear-gradient(0deg, rgba(73, 68, 68, 1) 0%, rgba(73, 68, 68, 0) 100%);
        background: linear-gradient(0deg, rgba(73, 68, 68, 1) 0%, rgba(73, 68, 68, 0) 100%); 
    }
}
#news-swiper .swiper-slide{
    height: 520px;
    padding: 40px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    overflow: hidden;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#news-swiper .swiper-slide .h5{
    letter-spacing: -0.5px;
}
#news-swiper .swiper-slide-bg{
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -2;
    -webkit-transition: all .4s;
    transition: all .4s;
    min-height: 100%;
}
#news-swiper .swiper-slide::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); 
    z-index: -1;
}
.news-swiper-action{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    cursor: grab;
    cursor: url(../assets/img/common/grab.svg), auto;
}
.functions-section{
    padding: 80px 16px 40px 16px;
    background-color: var(--base);
    background-image: url(../assets/img/homepage/functions-bg.jpg);
    background-color: var(--base);  
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    position: relative;
}
.functions-section::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    background: -webkit-linear-gradient(0deg, rgba(72, 179, 226, 1) 0%, rgba(72, 179, 226, 0) 100%);
    background: linear-gradient(0deg, rgba(72, 179, 226, 1) 0%, rgba(72, 179, 226, 0) 100%); 
}
#functions-swiper{
    padding: 50px 0;
}
#functions-swiper .swiper-wrapper{
    cursor: grab;
    cursor: url(../assets/img/common/grab.svg), auto;
}
.social-section{
    padding: 80px 0 80px 0;
}
.social-pic-container{
    display: flex;
    align-items: center;
    align-items: center;
    flex-wrap: wrap;
}
.social-pic{
    margin:  0 10px 10px 0;
    position: relative;
}
.social-pic .social-view {
    position: absolute;
    right: 5px;
    bottom: 5px;
    color: var(--white);
    font-size: 12px;
}
.social-maps{
    max-width: 100%;
    padding: 48px;
}
.flexslider .slides{max-height:400px !important;overflow:hidden}

.flexslider_ovelay .h5{font-size:1rem;}
.flexslider_ovelay{
	position:absolute;
	top:250px;
	left:0;
	background:rgba(51, 51, 51, 0.8) !important;
	padding:10px 10px;
	width:95%;
	text-align:left;
}
.flexslider .flex_slide{
	margin-right:18px;
	overflow:hidden;
}
.flexslider .flex-control-nav{
	bottom:-52px !Important
}
.flexslider .flex-viewport{border:3px solid #fff;}

.flex-direction-nav a{
	height:55px !important;
}
.flexslider{
	border: 15px solid #fff !important;
}
@media screen and (max-width: 860px) {
	.flexslider .slides > li{position:relative; height:400px !important;overflow:hidden;}
	.flexslider{
		margin-left: 0vw !important;
		margin-right: 0vw !important;
		max-height:400px !important;
		margin-top:3rem
	}
}

@media(min-width:861px) and (max-width:1199px) {
	.flexslider .slides > li img{max-height: 100%;
    width: auto;margin:0 auto;}
	.flexslider .slides > li{position:relative; height:500px !important;overflow:hidden;}
	.flexslider{
		margin-left: 0vw !important;
		margin-right: 0vw !important;
		max-height:500px !important;
		margin-top:3rem !important;
	}
}

@media screen and (min-width: 1200px) {
	.flexslider .slides > li img{max-height: 100%;
    width: auto;margin:0 auto;}
	.flexslider .slides > li{position:relative; height:500px !important;overflow:hidden;}
	.flexslider{
		margin-left: 10vw !important;
		margin-right: 10vw !important;
		max-height:500px !important;
		margin-top:3rem !important;
	}
}

.flex-control-paging li a{
	background:rgba(255, 255, 255, 0.5) !important;
}.flex-control-paging li a.flex-active{
	background:rgba(255, 255, 255, 1) !important;
}