.carousel-homepage .carousel-inner { height: 600px; }
.carousel-homepage .carousel-item { height: 100%; opacity: 0; transition-duration: 0.9s; transition-property: opacity; }
.carousel-homepage .carousel-item.active, .carousel-homepage .carousel-item-next.carousel-item-left, .carousel-homepage .carousel-item-prev.carousel-item-right { opacity: 1; }
.carousel-homepage .carousel-item img { width: 100%; height: 100%; object-fit: cover;  }
 	 
.carousel-homepage .active.carousel-item-left, .carousel-homepage .active.carousel-item-right { opacity: 0; }
.carousel-homepage .carousel-item-next, .carousel-homepage .carousel-item-prev, .carousel-homepage .carousel-item.active, .carousel-homepage .active.carousel-item-left, .carousel-homepage .active.carousel-item-prev { transform: translateX(0); transform: translate3d(0, 0, 0); }
.carousel-homepage .carousel-control {  }
.carousel-homepage .carousel-control span { display: none }
.carousel-homepage .carousel-control i { font-size: 30px; }
.carousel-homepage .carousel-indicators li { width: 10px; height: 1px}
.carousel-control-next, .carousel-control-prev { background-color: transparent;  border: none; cursor: pointer} 

.box-homepage { margin-top: 100px; padding: 150px 0 50px 0; background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(255,255,255,0) 50%);}	
.box-homepage .box-big h3{ position: absolute; top: 40px; left: 50%; transform: translateX(-50%);display: inline-block; width: auto; padding: 15px 41px; font-size: 16px; color: #fff; font-weight: 700; letter-spacing: 3px; line-height: 90%;  background-color: rgba(224,193,40,.5); z-index: 1}
.box-homepage .box-big h4{ clear: both; float: right; /*width: 70%;*/margin-top: 150px; margin-bottom: 50px; margin-right: 30px; font-size: 24px; font-weight: 400;letter-spacing: 3px; text-align: right; }
.box-homepage .box-big h5{ clear: both; float: right; margin-bottom: 50px;  margin-right: 30px;font-size: 15px; font-weight: 400;letter-spacing: 2px; text-align: right; line-height: 200%;}
.box-homepage .box-big h6{ margin: 30px 0; font-size: 11px; text-align: center; letter-spacing: 2px; color: #C1C1C1; line-height: 150%;}
.box-homepage .box-big .btn { float: right; margin-right: 30px;  padding: 10px; color: #8F8F8F;}	
.box-homepage .box-big .btn:hover { color: #E0C128}
.box-homepage .box-big.right {}	
.box-homepage .box-big.right h4 { float: left; margin-left: 30px; text-align: left;}
.box-homepage .box-big.right h5 { float: left; margin-left: 30px; text-align: left;}
.box-homepage .box-big.right .btn { float: left; margin-left: 30px; }
.box-homepage .box-big.right .carousel-homepage .carousel-inner { height: 500px; }


.box-homepage.courtyard .box-big h4 { text-align: left; margin-right: inherit; margin-left: 30px; float: left;}
.box-homepage.courtyard .box-big h5 { text-align: left; margin-right: inherit; margin-left: 30px; float: left;}
.box-homepage.courtyard .btn { float: left;}
    
.box-homepage.dependance .box-big h4 { text-align: right; margin-left: inherit; margin-right: 30px; float: right;}
.box-homepage.dependance .box-big h5 { text-align: right; margin-left: inherit; margin-right: 30px; float: right;}
.box-homepage.dependance .btn { float: right;}
   
    
	
@media screen and (max-width: 810px) { 
.carousel-homepage .carousel-inner { height: 400px; }
.box-homepage { padding: 50px 0 50px 0; text-align: center !important; background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(255,255,255,0) 5%);}
.box-homepage .box-big h3{ position: relative !important; display: inline-block !important; width: auto !important; padding: 15px 41px !important; font-size: 16px !important; color: #fff !important; font-weight: 700 !important; letter-spacing: 3px !important; line-height: 90% !important;  background-color: rgba(224,193,40,.5) !important; text-align: center !important; }
.box-homepage .box-big h4{ margin: 80px 0 50px 0 !important; width: 100% !important; float: none !important; font-size: 22px !important; font-weight: 400 !important; text-align: center !important;}
.box-homepage .box-big h5{ margin: 0 0 20px 0 !important; width: 100% !important;float: none !important;font-size: 16px !important; font-weight: 200 !important; text-align: center !important;}
.box-homepage .box-big .btn { float: none !important; margin: 20px  !important;}
}

.box-small-h3 h3{ display: inline-block; width: auto; padding: 15px 41px; font-size: 16px; color: #fff; font-weight: 700; letter-spacing: 3px; line-height: 90%;  background-color: rgba(224,193,40,.5); z-index: 1}
.box-small { position: relative; margin: 30px auto 30px auto; text-align: center;}
.box-small a { display: inline-block; width: 100%; height: 100%; padding: 0px;}
.box-small .image{position:relative; width:100%;height:200px; margin-bottom: 30px; overflow: hidden}
.box-small .image img{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;object-fit:cover;  -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }	



.box-small .titolo {text-align: center}
.box-small .titolo h4 {font-size: 14px; font-weight: 700; letter-spacing: 2px; margin-bottom: 20px;}
.box-small .titolo h5 {font-size: 16px; font-weight: 400; line-height: 120%; letter-spacing: 1px; padding: 0 0px; }	

.box-small  .btn-more{ margin:10px; padding: 0; letter-spacing: 2px;font-size: 12px; font-weight: 600; color: #ccc; background-color: transparent}

.box-small:hover .caption  { opacity: 0; bottom: -50px;}
.box-small:hover .btn-more  {  color: #8F8F8F}
.box-small:hover .image img {transform: scale(1.1,1.1)}


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

    .box-small { width: 100%;
}