@charset "utf-8";
/* CSS Document */


a{
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	-o-transition: all ease 0.2s;
	-ms-transition: all ease 0.2s;
	transition: all ease 0.2s;
}
a:hover{

	text-decoration: none;
}

.vf2 {
    position: absolute;
    overflow: hidden;
    top: -30000px;
}

a:focus {
	
}


/* colori font */
.c-1{color:#3788b5 !important;} a.c-1:hover{ color:#76cfe7 !important;}
.c-2{color:#ed7f26 !important;} a.c-2:hover{ color:#a11039 !important;}
.c-3{color:#a11039 !important;} a.c-3:hover{ color:#9adbd0 !important;}

.rosso{color:#E54517 !important;} a.rosso:hover{ color:#76cfe7 !important;}
.grigio{ color:#DDE6F2 !important;} a.grigio:hover{ color:#76cfe7 !important;}
.nero{ color:#293638 !important;} a.nero:hover{ color:#76cfe7 !important;}
.bianco{ color:#fff !important;}

/* colori background */
.c-1Bg{background-color:#3788b5 !important;}
.c-2Bg{background-color:#ed7f26 !important;}
.c-3Bg{background-color:#a11039 !important;}
.c-4Bg{background-color: #d0edfd!important;}
.c-5Bg{background-color: #ffecc1!important;}

.grigioBg{ background-color:#edeae5 !important;}
.rossoBg{ background-color:#E54517 !important;}
.neroBg{ background-color:#293638 !important; color:#fff;}
.biancoBg{  background-color:#fff !important;}


/* colori bordo */
.c-1Bd{ border-color:#3788b5 !important;}
.c-2Bd{ border-color:#ed7f26 !important;}
.c-3Bd{ border-color:#a11039 !important;}

.grigioBd{ border-color:#edeae5 !important;}
.biancoBd{ border-color:#fff !important;}
.rossoBd{ border-color:#293638 !important;}




/*========= social icon ===========*/
.fb-like span {
  vertical-align: baseline !important;
}
.ico-round {
    font-size: 1.8rem;
    border: solid 1px;
    border-radius: 50%;
    display: inline-block;
    line-height: 2.5rem;
    padding: 0.7rem;
}

/*========= form ===========*/
.form-page{border-radius:8px; }
.input-group-addon {
    padding: 6px 12px;
    font-size: 1rem;
    color: #3788b5;
    background-color: #fff;
    border: 1px solid #fff;
}
.form-control{border-color: #fff;}
.help-block {
    margin-top: 5px;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
}

/*========= bottoni ===========*/



/*========= spessore bordi ===========*/
.line{border-top-style: solid;}
.line-md{ border-width:0.4rem;}
.line-lg{ border-width:0.8rem;}

 


/*========= titoli ==========*/
.ti-1{ font-size: 2rem; font-weight:300;   margin-top:0}
.font-1{font-family: 'Cormorant', serif;} 

.lnh{line-height: 1.8}

/** ======= header ======= **/

.affix {
    position: fixed;
    width: 100%;
    z-index: 1000;
    top: 0;
}

/** ======== Menu ======== **/



/* =======  breadcrumb ======= */
.breadcrumb>.active {
    color: #ed7f26;
} 
.breadcrumb a{ color:#3788b5;} .breadcrumb a:hover{	color: #14567B;}
.breadcrumb {
    padding: 1rem 0px;
    margin-bottom: 0;
    list-style: none;
    border-radius: 0;
	background: #fff;
	font-weight:300;
	text-align:center
}



/* =======  slide-page ======= */


/* =======  Elementi Corpo ======= */
.item-box{
	position:relative;
	overflow:hidden;
	display:block;
}
.item-box:hover, .item-box:focus{text-decoration: none;}
.box-center{width: 60%;margin-left: 20%}
.box-center2{position: relative}

.parallax-container {
    position: relative;
    overflow: hidden;
    height: 40rem;
}

.parallax-container .parallax {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.parallax-container .parallax img {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.parallax-container a>i{
    font-size: 2.5rem;
    border: solid 1px;
    border-radius: 50%;
    display: inline-block;
	line-height: 3.5rem;
}


.home-link .item-link{
	margin-bottom: 2rem;
	border-radius: 4px;
        -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.06), 0 1px 10px 0 rgba(0,0,0,0.08), 0 2px 4px -1px rgba(0,0,0,0.15);
    box-shadow:0 4px 5px 0 rgba(0,0,0,0.06), 0 1px 10px 0 rgba(0,0,0,0.08), 0 2px 4px -1px rgba(0,0,0,0.15);
}
.item-link{ padding:1rem 1.5rem; min-height: 25rem;}
.item-link h2{
	margin-top: 0;
	font-family: 'Cormorant', serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 2.1rem;
	letter-spacing: 0.1rem;
}
.item-link h3 {
    margin-top: 0;
    padding: 0.2rem 0.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.item-link .img-box{display: block;position: relative}
.item-link .img-box .ab-box{
	opacity: 0;
	-moz-transform: translateY(-100px);
	-webkit-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	transform: translateY(-100px);
	color: #fff;
	font-size: 1.2rem;
}
.item-link .img-box:hover .ab-box{
	opacity: 1;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.item-link .img-box:before{content:'';opacity: 0;position: absolute;width: 100%;height: 100%; background-color: rgba(55, 136, 181, 0.55);}
.item-link .img-box:hover:before{opacity: 1}


.slick-1 .slick-dots{position: relative;bottom: 0}
.slick-1 .slick-dots li.slick-active button{
	background-color: #3788b5;
	position: relative;bottom: 0
}
.item-link  .slick-dots{
	text-align: left;width: 80%;
}

.col-sm-4:nth-of-type(2) .item-link .img-box:before{opacity: 1;height:2.3rem; background-color: rgba(237, 127, 38, 0.48);bottom:0}
.col-sm-4:nth-of-type(2) .item-link .img-box:hover:before{height:100%;}

.sez-servizi:before{
	content: '';
	background-color: rgba(0,0,0,0.65);
	position: absolute;left: 0;right: 0;top: 0;bottom: 0;
}



.sez-review>div{
	padding: 3rem 2rem;
	text-align: center;
	min-height: 20rem;
}
.sez-review h2{font-size:2.6rem;text-transform: uppercase;letter-spacing: 0.1rem;margin-top: 0;position: relative;font-family: 'Cormorant', serif;}
.sez-review h3{font-size:1.8rem;font-weight: 300; color: #ff943e;}
.sez-review .testo{font-size:0.9rem;}
.sez-review .c-2{color: #ff943e!important;}

.sez-review{position: relative; overflow: hidden}
.sez-review:before {
    content: '\E82F';
    font-family: 'fontello';
    position: absolute;
    font-size: 35vh;
    top: -22%;
    color: rgba(255, 255, 255, 0.1);
    left: 28%;
}
.item-review{padding-left: 3rem;padding-right: 3rem;}
.sez-review .slick-1 .slick-dots li.slick-active button{background-color: #ff9037;}

.col-sm-3 .item-serv:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.7rem;
    background-color: rgba(255,255,255,0.70);
    left: 0;
    bottom: 1.65rem;
}
.item-serv img{margin-bottom: 1rem;width:10rem;}
.item-serv>div{font-size:1.4rem;color: #9e003b;position: relative}

.par-box .tab-box{z-index: 5;position: relative}
.par-box .text-box{padding-left: 10%;padding-right: 10%; max-width: 40rem; position: relative}
.par-box .sl-t{
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0.4
}.par-box .sl-b{
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: 0.4
}


.room-gal .slick-dots {position:absolute;}
.tx-room h2 {
    color: #fff;
    font-family: 'Cormorant', serif;
    text-transform: uppercase;
    background-color: #3788b5;
    margin-top: -1.5rem;
    padding: 0.5rem 1.5rem;
    font-size: 2.2rem;
    font-weight: 700;
    position: relative;
	letter-spacing: 0.1rem;
}
.sev-room{border: solid 2px #ed7f26;padding-left: 0.5rem;padding-right: 0.5rem;margin-left:1rem;margin-right: 1rem; margin-top: 2rem;}
.sev-room h4{background-color: #ffebda;letter-spacing: 0.1rem;padding: 0.2rem 1rem;}
.sev-room ul>li{margin-bottom: 0.4rem;position: relative;padding-left: 2.3rem;}
.sev-room ul>li i{position: absolute;left: 1rem}

.serv-page .tx-room{
    background-color: #d0edfd;
}



.slick-1 .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 2rem;
  z-index: 300;
  outline: none;
}

.sl-prev {
  left: 0px;
  text-align: left;
}

.sl-next {
  right: 0px;
  text-align: right;
}
.item-link .slick-1 .slick-arrow{ top: auto; bottom: -1rem;font-size:1.4rem;background-color: #e87b22; }
.item-link .slick-1 .slick-arrow:hover{background-color: #E37115; }
.item-link .sl-next {
  right: -1rem;
  text-align: right;
}
.item-link .sl-prev {
  left: auto;right: 1rem;
  text-align: left;
}

.item.slick-slide {
  width: 400px;
  height: 400px !important;
  transition: transform .4s;
  position: relative; 
}

.item-offer .tx-room h2 {
    text-transform:capitalize;
    font-size: 2rem;
	letter-spacing: 0; 
}

.pg-ls-eventi .item-link {
    padding: 1.5rem;
    min-height: 23rem;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 1px #00000047;
}


.sl-gal .slick-prev, .sl-gal .slick-next {

    width: 46px;
    height: 46px;
}
.sl-gal .slick-prev {
    left: 0.5rem;z-index: 1;
}
.sl-gal .slick-next {
    right:0.5rem;
}
.sl-gal .slick-prev:before, .sl-gal .slick-next:before {
    font-size: 28px;
    /*color: #3788b5;*/
}

/* =======  gallery dinamica ======= */
.gallery { margin-left:-0.5rem; margin-right:-0.5rem;}
.gallery .box-img{padding-left:0.5rem; padding-right:0.5rem; margin-bottom:1rem;}
.gallery .box-img a{ position:relative; display:block; text-align:center;}
.gallery .box-img img{width: 100%;}
.gallery .box-img .ab-box{ background-color:rgba(55, 136, 181, 0.43); opacity:0;}
.gallery .box-img:hover .ab-box{ opacity:1;}

.gallery2 { margin-left:-0.5rem; margin-right:-0.5rem;}
.gallery2 li{padding-left:0.5rem; padding-right:0.5rem; margin-bottom:1rem;}
.gallery2 li a{ position:relative; display:block; text-align:center;}
.gallery2 li img{ border:solid 2px #9f8f68;}
.gallery2 li:hover img{ border:solid 2px #0075b0}
.gallery2 li .ab-box{ background-color:rgba(159, 143, 104, 0.50); opacity:0;}
.gallery2 li:hover .ab-box{ background-color:rgba(159, 143, 104, 0.60); opacity:1;}





/* =======  Footer ======= */
.footer{border-top: solid 0.4rem #fff; }



/*========= position tab ===========*/
.inline-block{ display:inline-block; vertical-align:middle}
.clearboth{ clear:both;}
.trs_200{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.trs_400, .trs_400:before, .trs_400:after{
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.trs_800{
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.relative{ position:relative}
.ab-box{ position:absolute; width:100%; height:100%; top:0; left:0}
.tab-box{ display:table; width:100%; height:100%;}
.tab-cell{ display:table-cell; vertical-align:middle;}


.row05{ margin-left: -0.5rem; margin-right: -0.5rem}
.row05>*{padding-left:0.5rem; padding-right:0.5rem;}



@media (min-width: 768px){
	.ab-sm-col{ position:absolute; height:100%; overflow:hidden; top:0; left:0}
	.home-link .item-link{margin-top: -8rem; margin-bottom: 5rem;}
	.sez-review>div{width: 70%;margin-left: 15%}
	.sez-servizi{min-height: 28rem;height: auto}
	.serv-page .row:nth-of-type(odd) div:nth-of-type(even)>.tx-room{
		background-color: #ffebc0;
	}
	.serv-page .row:nth-of-type(odd) div:nth-of-type(even)>.tx-room h2 {
		background-color: #ed7f26;
	}
	.serv-page .row:nth-of-type(even) div:nth-of-type(odd)>.tx-room h2 {
		background-color: #ed7f26;
	}
	.serv-page .row:nth-of-type(even) div:nth-of-type(odd)>.tx-room {
		background-color: #ffebc0;
	}
	.serv-page .tx-room{
		min-height: 14rem;
	}
}
@media (min-width: 992px){
	.ab-md-col{ position:absolute; height:100%; overflow:hidden; top:0; left:0}
	.sez-review>div{width: 50%;margin-left: 25%}
	.box-center2{width: 50%;margin-left: 25%;}
	.tx-room{width: 90%;margin-left: 10%;text-align: right}
	div:nth-of-type(even)>.tx-room{margin-left:0;margin-right: 10%;text-align: left}
}
@media (min-width: 1200px){
	.parallax-container .parallax img {width: 100%;}
	.tx-room{width: 76%;margin-left: 24.1%;text-align: right}
	div:nth-of-type(even)>.tx-room{margin-left:0;margin-right: 24.1%;text-align: left}
}
@media (max-width: 991px){
	.box-center {
		width: 80%;
		margin-left: 10%;
	}
	.dintorni .ab-md-col{overflow: hidden}
}
@media (max-width: 767px){
	.serv-page .tx-room{
		margin-bottom: 0!important;
	}
	.serv-page  div:nth-of-type(even)>.tx-room{
		background-color: #ffebc0;
	}
	.serv-page  div:nth-of-type(even)>.tx-room h2 {
		background-color: #ed7f26;
	}
    
    .footer{
        padding-bottom: 4rem;
    }
    
}
@media (max-width: 490px){
	.tx-room h2{font-size: 1.6rem;}
}

/*!
 	 Polyfill CSS object-fit
 */
 x-object-fit{position:relative!important;display:inline-block!important}x-object-fit>.x-object-fit-taller,x-object-fit>.x-object-fit-wider{position:absolute!important;left:-100%!important;right:-100%!important;top:-100%!important;bottom:-100%!important;margin:auto!important}.x-object-fit-none>.x-object-fit-taller,.x-object-fit-none>.x-object-fit-wider{width:auto!important;height:auto!important}.x-object-fit-fill>.x-object-fit-taller,.x-object-fit-fill>.x-object-fit-wider{width:100%!important;height:100%!important}.x-object-fit-contain>.x-object-fit-taller{width:auto!important;height:100%!important}.x-object-fit-contain>.x-object-fit-wider{width:100%!important;height:auto!important}.x-object-fit-cover>.x-object-fit-taller,.x-object-fit-cover>.x-object-fit-wider{max-width:none!important;max-height:none!important}.x-object-fit-cover>.x-object-fit-taller{width:100%!important;height:auto!important;max-width:none!important}.x-object-fit-cover>.x-object-fit-wider{width:auto!important;height:100%!important;max-width:none!important}.x-object-position-top>.x-object-fit-taller,.x-object-position-top>.x-object-fit-wider{top:0!important;bottom:auto!important}.x-object-position-right>.x-object-fit-taller,.x-object-position-right>.x-object-fit-wider{left:auto!important;right:0!important}.x-object-position-bottom>.x-object-fit-taller,.x-object-position-bottom>.x-object-fit-wider{top:auto!important;bottom:0!important}.x-object-position-left>.x-object-fit-taller,.x-object-position-left>.x-object-fit-wider{left:0!important;right:auto!important}