@import 'generale.css';
@import 'effects.css';

.slideshow-hp{
	height: 85vh;
	text-align: center;	
	margin-bottom:40px
}

#webcam .webcam-cont img{height:230px;width: 90%}


.title {
	text-transform: uppercase;
	float:left;
	width: 100%;
	text-align: center;
	color: #000;
	font-size: 2.75em;font-weight: 400;
	
	padding-bottom:15px;
	margin:25px auto 25px auto;
}
.title span{border-bottom:4px solid #e9a841;width:100px!important;display:block;margin:0 auto
	
}

.blocco_scopri {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	text-align: center;
	background-color: #333333;
	text-transform: uppercase;
	color: #E0E0E0;
	font-size: 1.5em;
	cursor: pointer;
}

.slideshow-image{
	background-size: cover;
	background-position: center center;
	text-align: center;
	position: absolute;
	top:0;
	left: 0;
	height: 100%;
	width: 100%;
	-webkit-transition: all 1s;
	transition: all 1s;
	opacity: 0;
	z-index: -1;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.slideshow-image:first-of-type{
	opacity: 1;
	z-index: 100;
}

.slideshow-image[data-link=""]{
	cursor: default;
}

.slideshow-hp .title,.slideshow-hp .subtitle{
	margin-top: 0px;
	margin-bottom: 0px;
	color: white;
	text-shadow: 2px 2px #000;
}

.slideshow-hp .title{
	text-transform: uppercase;
	font-size: 5.5em;
}

.slideshow-hp .subtitle{
	font-size: 3.5em;
	letter-spacing: 2px;
}

.box-container{
	padding: 0px;
	padding-top: 15px;
}

.box-container .boxes .image-box, .box-container .boxes .result-img{
	margin-bottom: 15px;
	overflow: hidden;
	background-size: cover;
    background-position: center;
}

.result-img .info-cover span{
    display: flex;
    align-items: center;
    width: 100%;
}

.result-img .info-cover span.title-cover {
    text-transform: uppercase;
    color: white;
    border-bottom: solid 1px white;
    padding-top: 5px;
	padding-bottom: 5px;
    margin-bottom: 5px;
}

.result-img .info-cover .desc-cover {
    padding-top: 5px;
    color: #FFF;   
}

.boxes{
	padding-right:0px!important;
}

.boxes.dir-hor div{
	min-height: 275px;
	background-size: cover;
	background-position: center center;
}

.boxes.dir-vert div{
	min-height: 565px;
	background-size: cover;
	background-position: center center;
}

.boxes .photo-video{
	display: flex;
	align-items: center;
}

.boxes .photo-video i{
	text-align: center;
	display: block;
	font-size: 5em;
	color: white;
	width: 100%;
}

.parallax {
    /* The image used */
    background-image: url('/st/img/parallax.jpg');

    /* Set a specific height */
    height: 50vh;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin:10vh auto;
}



.slideshow-hp .autore{
	text-transform: none;
	font-size: 15px;
	position:absolute;
	bottom:-32vh;
	right:5px;
	color:#fff;
	font-weight:bold;

}
.cerca-alloggio{
	
	
}

.cerca-alloggio .form-cont-cerca-alloggio{
	height: auto;
	margin:-95px auto 50px auto !important;
	
}

.cerca-alloggio .form-cont-cerca-alloggio .form-cont{

	background-color: rgba(253,183,66,0.9);
	border: solid 0px white;
	text-align: center;
	color: white;
	display: flex;
	align-items:center;
	padding:25px 0!important
}

.cerca-alloggio .form-cont-cerca-alloggio .form-cont .title-form {
	text-transform: uppercase;
	display: block;
	width: 100%;
	text-align: center;
	color: #ffffff;
	font-size: 1.0em;
	
}

.cerca-alloggio .form-cont-cerca-alloggio .form-cont .line-form {
	
}

.cerca-alloggio .form-cont-cerca-alloggio .form-cont .elements-search{
	margin-top: 0px;
}

.cerca-alloggio .form-cont-cerca-alloggio .form-cont .elements-search>.element{
	margin-bottom: 0px;
	margin-left: -15px;
}

.cerca-alloggio .form-cont-cerca-alloggio .form-cont .elements-search > .element i {
	display: inline-block;
	margin-right: 10px;
	width: 50px;
	font-size: 2.5em;
	position: absolute;
	left: 0;
	color: #ffffff;
}

.cerca-alloggio .form-cont-cerca-alloggio .form-cont .elements-search>.element select{
	background-color: transparent;
	text-transform: uppercase;
	border: solid 1px white;
	width: calc(100% - 65px);
	outline: none;
	padding: 10px 5px;
	float: right;
}

.cerca-alloggio .form-cont-cerca-alloggio .form-cont .elements-search>.element select option{
	background-color: rgb(255,255,255);
	color: black;
}

.cerca-alloggio .form-cont-cerca-alloggio .form-cont .elements-search > .element .search-btn span {
	display: inline-block;
	text-transform: uppercase;
	border: solid 1px #ffffff;
	padding: 10px;
	cursor: pointer;
	float: right;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	color: #ffffff;
}

.cerca-alloggio .form-cont-cerca-alloggio .form-cont .elements-search > .element .search-btn span:hover {
	border: solid 1px #FFF;
	background-color: #ffffff;
	color: #fdba42;
}

.cerca-alloggio .form-cont-cerca-alloggio .mappa-interattiva{
	color: white;
	text-transform: uppercase;
	margin-top: 5%;
	padding: 20px;
	text-align: center;
	background-color: #E26439;
	border: solid 1px white;
	cursor: pointer;
	font-size: 1.5em;
}

.cerca-alloggio .form-cont-cerca-alloggio .mappa-interattiva i{
	display: inline-block;
	font-size: 2em;
	position: absolute;
	left: calc(50% - 165px);
	top: 12px;
}

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

.boxes.dir-hor div{
	min-height: 210px;
	
}
	
	.boxes.dir-vert div{
	min-height: 435px;
	
}

}

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

.boxes.dir-hor div{
	min-height: 210px;
	
}
	.boxes.dir-vert div{
	min-height: 435px;
	
}
	

}
@media only screen and (max-width: 1024px) {
.slideshow-hp{
	height: 65vh;
	text-align: center;
	margin-top:120px
}
.title {
	    font-size: 1.75em!important;
    	padding-bottom:15px;
        margin-top: 25px!important;
        margin-bottom:5px;
	}

	.slideshow-hp .title{
	margin-top:120px!important
	}
	
	.slideshow-hp .subtitle {
    font-size: 2.5em!important;
}
.slideshow-hp .autore{
	bottom:-250px;
}
	
}


@media only screen and (max-width: 768px) {
.slideshow-hp{
	height: 45vh;
	text-align: center;
	margin-top:120px
}
.title {
    
    font-size: 1.75em!important;
     padding-bottom: 15px;
        margin-top: 25px!important;
        margin-bottom: 5px;
	
	}

	
	.slideshow-hp .subtitle {
    font-size: 2.5em!important;
    
}
	.slideshow-hp .autore{
	bottom:-220px;
}
	
}

@media only screen and (max-width: 767px) {
.slideshow-hp{
	height: 50vh;
	text-align: center;
	margin-top:80px
}
	
.title {
    
    font-size: 1.5em!important;
     padding-bottom: 15px;
        margin-top: 25px!important;
        margin-bottom: 5px;
	
	}
	.slideshow-hp .title{
		margin-top:0px!important
	}
	
.slideshow-hp .subtitle {
    font-size: 1.8em!important;
    
}
		.slideshow-hp .autore{
	bottom:-100px;
}
	
}

@media only screen and (max-width: 320px) {
		.slideshow-hp .autore{
	bottom:-60px;
}
	

	
}