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

/*
font-family: 'Barlow Condensed', sans-serif;
*/





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;
}

a:focus {
	
}


/* colori font */
.c-1{color:#d53e3c !important;} a.c-1:hover{ color:#9e1830 !important;}
.c-2{color:#9e1830 !important;} a.c-2:hover{ color:#d53e3c !important;}
.c-3{color:#a9a9a9 !important;} a.c-3:hover{ color:#9adbd0 !important;}
.c-4{color:#66214e !important;} a.c-4:hover{ color:#fff !important;}
.c-5{color:#0171b0 !important;} a.c-5:hover{ color:#d53e3c !important;}

.rosso{color:#E54517 !important;} a.rosso:hover{ color:#76cfe7 !important;}
.grigio{ color:#eaeaea !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:#d53e3c !important;}
.c-2Bg{background-color:#9e1830 !important;}
.c-3Bg{background-color:#a9a9a9 !important;}
.c-4Bg{background-color:#66214e !important;}

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


/* colori bordo */
.c-1Bd{ border-color:#d53e3c !important;}
.c-2Bd{ border-color:#9e1830 !important;}
.c-3Bd{ border-color:#a9a9a9 !important;}
.c-4Bd{ border-color:#66214e !important;}

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

.bor-1 {border: 1px solid;}

.bor-4 {
    border: 4px solid;
}

.bor-b-4 {
    border-bottom: 4px solid;
}

.h1 {font-size: 3rem}
.h2 {font-size: 2.6rem}
.h3 {font-size: 2.2rem}
.h4 {font-size: 1.8rem}
.h5 {font-size: 1.6rem}
.h6 {font-size: 1.4rem}

.ovf-hidden {overflow: hidden;}

/*========= social icon ===========*/
.fb-like span {
  vertical-align: baseline !important;
}



/*========= form ===========*/

.form-control {
    padding: 2px 8px;
    border-radius: 0;
    height: 2rem;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #ffffff;
}

.has-error .input-group-addon {
    background-color: #f1adad;
}

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



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




/*========= titoli ===========*/
.tit-1{ font-size: 2rem; font-weight:300;   margin-top:0}


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

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

.slider-nav.slick-initialized.slick-slider {
    outline: 0 !important;
}

.slider .layer {
    padding: 0 1rem;
}

.slider .layer .media-middle{
    opacity: 0;
    -webkit-transition: opacity ease 0.5s;
    -moz-transition: opacity ease 0.5s;
    -o-transition: opacity ease 0.5s;
    -ms-transition: opacity ease 0.5s;
    transition: opacity ease 0.5s;
    background-color: rgba(255, 255, 255, 0.58);
    max-width: 45rem;
    margin: auto;
    line-height: 2.2rem;
/*    margin-top: 12rem;*/
}

.slider .layer .media-middle h2{
    text-transform: uppercase;
    font-size:2.2em;
}

.slider .layer .media-middle p{
    font-size: 1.6em;
    color: #757581;
}

.slider .slick-active .layer .media-middle{
    -moz-transform: scale(1) rotate(0deg) translateX(0px) skewX(0deg);
    -webkit-transform: scale(1) rotate(0deg) translateX(0px) skewX(0deg);
    -o-transform: scale(1) rotate(0deg) translateX(0px) skewX(0deg);
    -ms-transform: scale(1) rotate(0deg) translateX(0px) skewX(0deg);
    transform: scale(1) rotate(0deg) translateX(0px) skewX(0deg);
    opacity: 1;
}

.slider .slick-active .layer .media-middle{
  animation: animationFrames ease-in-out 4s; 
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames ease-in-out 4s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames ease-in-out 4s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames ease-in-out 4s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames ease-in-out 4s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
  0% {
    opacity:0;
    transform:  translate(-50px,-50px)  rotate(30deg) ;
  }
  40% {
    opacity:0;
    transform:  translate(-50px,-50px)  rotate(30deg) ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
    -moz-transform:  translate(-50px,-50px)  rotate(30deg) ;
  }
  40% {
    opacity:0;
    -moz-transform:  translate(-50px,-50px)  rotate(30deg) ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
    -webkit-transform:  translate(-50px,-50px)  rotate(30deg) ;
  }
  40% {
    opacity:0;
    -webkit-transform:  translate(-50px,-50px)  rotate(30deg) ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
    -o-transform:  translate(-50px,-50px)  rotate(30deg) ;
  }
  40% {
    opacity:0;
    -o-transform:  translate(-50px,-50px)  rotate(30deg) ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
    -ms-transform:  translate(-50px,-50px)  rotate(30deg) ;
  }
  40% {
    opacity:0;
    -ms-transform:  translate(-50px,-50px)  rotate(30deg) ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}


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




/* =======  breadcrumb ======= */
.breadcrumb>.active {
    color: #d53e3c;
} 
.breadcrumb a{ color:#a9a9a9;} .breadcrumb a:hover{ color: #d53e3c;}
.breadcrumb {
    padding: 1rem 0px;
    margin-bottom: 0;
    list-style: none;
    border-radius: 0;
    background: transparent;
    font-weight:300;
    text-align:right;
}



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


/* =======  Elementi Corpo ======= */
.item-box{
	position:relative;
	overflow:hidden;
	display:block;
}
.item-box:hover, .item-box:focus{text-decoration: none;}

.slick-prev, .slick-next{
    width: 5rem;
    height: 5rem;
}

.slick-prev:before, .slick-next:before {
    font-size: 3rem;
    color: #d53e3c;
}

.slick-prev {
    z-index: 1;
    left: 1.5rem;
}

.slick-next {
    z-index: 1;
    right: 1.5rem;
}


.tipologie .item-box .item-text {
    position: absolute;
    bottom: 2rem;
    text-align: center;
    width: 100%;
    z-index: 2;
}

.tipologie .item-box .item-text .relative {
    background-color: rgba(255, 255, 255, 0.58);
    border: 2px solid #fff;
    padding: 2rem 1rem;
    height: 6.5rem;
    max-width: 14rem;
    margin: auto;
}

.tipologie .item-box .item-text h3 {
    color: #d53e3c;
}

.tipologie .item-box .maschera{
    background-color: rgba(213, 62, 60, 0.62);
    opacity: 0;
}

.tipologie .item-box:hover .maschera, .tipologie .item-box.active .maschera{
    opacity: 1;
}

.tipologie .item-box:hover .item-text .relative, .tipologie .item-box.active .item-text .relative {
    background-color: transparent;
}

.tipologie .item-box:hover h3, .tipologie .item-box.active h3{
    color: #fff;
}

/* TOP LAYER */

.layer-box {
    position: absolute;
    right: 3rem;
    top: 30%;
    width: 18rem;
    height: 10rem;
}

.layer-box.layer-servizi {
    width: 32rem;
    height: 11rem;
    top: auto;
    bottom: 25%;
}

.layer-box .relative {
    height: 100%;
    background-color: rgba(213, 62, 60, 0.62);
}

.layer-box.layer-servizi .relative {
    background-color: rgba(255, 255, 255, 0.58);
}

.layer-box .relative .media-middle {
    border: 2px solid #fff;
    padding: 2rem 1rem;
    max-width: 90%;
    margin: auto;
}

/* parallax */

.parallax {
    background-repeat: no-repeat;
/*    background-attachment: fixed;*/
    background-size: cover;
    background-position: 100%;
    position: relative;
    min-height: 28rem;
}


.parallax.img {
    background-position: center center;
}

.dintorni-home .box-text {
    background-color: rgba(255, 255, 255, 0.60);
    padding: 2.5rem;
}

/* ====== SERVIZI ======== */

.linea1 {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
}

.linea1 .linea-box {
    position: relative;
    z-index: 10;
    display: inline-block;
    background-color: inherit;
}

.linea {
    width: 100%;
    height: 0.4rem;
    position: absolute;
    left: 0;
    bottom: 20%;
}



.servizi-struttura .box-servizi {
    box-shadow: 1px 4px 13px 3px rgba(68, 68, 68, 0.63);
}

.servizi-struttura .box-servizi li {
    font-size: 1.2rem;
    
}

.servizi-struttura .box-servizi li>span{
    width: 3rem;
    display: inline-block;
    text-align: center;
}

.separatore { 
    border-bottom: 0.15rem solid rgb(213,213,213) !important ;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

/* su richiesta */

.servizi-struttura .su-richiesta .item-text {
    position: absolute;
    bottom: 1rem;
    text-align: center;
    width: 100%;
}

.servizi-struttura .su-richiesta .item-text .relative {
    background-color: rgba(255, 255, 255, 0.58);
    border: 2px solid #fff;
    padding: 1rem;
    min-height: 3.5rem;
    max-width: 14rem;
    margin: auto;
}

/* ================ */

/* Promo ed eventi */

.promo-eventi {
    padding-bottom: 4rem;
}

.promo-eventi .item-text {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -3.5rem;
}

.promo-eventi .item-text .box-text {
    border-bottom: 4px solid #d53e3c;
}



.promo-eventi .item-text .box-text .item-par{
    background-color: rgba(234, 234, 234, 1);/*0.78*/
    padding: .5rem 1rem;
    outline: 0;
}

.promo-eventi .item-text .box-text h3, .promo-eventi .item-text .box-text h2 {
    line-height: 2.5rem;
}

.promo-eventi .item-text .box-text h2 {
    position: absolute;
    bottom: 1rem;
}

.promo .item-text .box-text h2{
    left: 1rem;
}

.eventi .item-text .box-text h2{
    right: 1rem;
}

.promo-eventi .item-text .box-text .item-par p{
   min-height: 3.3rem
}


.flag-offerta {
    position: absolute;
    height: 5rem;
    /*width: 10rem;*/
    left: 0;
    top: 10%;
    background-color: rgba(213, 62, 60, 0.6196078431372549);
    color:#fff;
    padding:0.5rem;
    font-size: 1.3rem;
}

.flag-offerta:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 5rem;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: rgba(213, 62, 60, 0.6196078431372549);
    border-width: 2.5rem;
    margin-top: -2.5rem;

}


.flag-offerta2 {
    position: absolute;
    height: 5rem;
    /*width: 10rem;*/
    left: 0;
    bottom: 20%;
    background-color: #d23e3c;
    color:#fff;
    padding:0.5rem;
    font-size: 1.3rem;
}

.flag-offerta2:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 5rem;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #d23e3c;
    border-width: 2.5rem;
    margin-top: -2.5rem;

}


/* Altri contenuti */

.altri-contenuti .item-box .item-text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.74);
}


/* Dicono di noi */

.recensioni .item-box {
    min-height: 16rem;
}

.recensioni h4 {
    font-size: 1.2rem
}

.recensioni p{
    font-size: 1rem;
    line-height: 1.2rem;
}

.certificato {
    position: absolute; 
    right: 1rem; 
    bottom: .5rem;
    width: 80px;
}


/* Da vedere */

.da-vedere .box-hover {
    background-color: rgba(255, 255, 255, 0.81);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
    padding-top: 10rem;
    z-index: 1;
}

.da-vedere a:hover .box-hover,.da-vedere a:focus .box-hover {
    top: 0;
}

.da-vedere .box-title p {
    opacity: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 3rem;
    padding-right: 3rem;
    color: #9b0000;
    font-size: 1.1rem;
}

.da-vedere a:hover .box-title p,.da-vedere a:focus .box-title p {
    opacity: 1;
    padding-top: 2rem;
}

.da-vedere .box-title {
    position: absolute;
    top: 3rem;
    left: 0;
    width: 100%;
    z-index: 2;
}

.da-vedere .box-title .back-color {
    background-color: rgba(255, 255, 255, 0.58);
    border: 2px solid #fff;
}

.linea1 {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
}


.linea {
    width: 100%;
    height: 0.4rem;
    position: absolute;
    left: 0;
    bottom: 20%;
}


.linea1 .linea-box {
    position: relative;
    z-index: 10;
    display: inline-block;
    background-color: inherit;
}


/* GALLERY */

.slick-gallery .slick-prev:before {
    content: url(../images/icone/arrow-left.png);
}

.slick-gallery .slick-next:before  {
    content: url(../images/icone/arrow-right.png);
}

.btn-submit {
    background-color: #a9a9a9;
    border-color: #a9a9a9;
    color: white;
    border-radius: 0;
    padding: .08rem 1.2rem;
    font-size: 1.3rem;
}

.btn-submit:hover {
    background-color: #9b0000;
    border-color: #9b0000;
    color: white;
}

/* ========= pre footer ========== */

.box-partner {
    border: 1px solid #a9a9a9;
}

.partner h3 {
    font-size: 1.4rem;
    font-weight: bold;
}

.partner h4 {
    font-size: 0.8rem;
}


/* =============================== */


/* =======  gallery dinamica ======= */
.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 .ico {
    font-size: 2rem;
}


.copyright {
    line-height: 1rem;
}




/*========= 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;}

.row2{ margin-left: -1.5rem; margin-right: -1.5rem}
.row2>*{padding-left:1.5rem; padding-right:1.5rem;}

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

@media (min-width: 768px){
    .ab-sm-col{ position:absolute; height:100%; overflow:hidden; top:0; left:0}
    
    .text-sm-right {text-align: right;}
    
    .slick-gallery .slick-prev{
        left: -2.5rem;
    }
    .slick-gallery .slick-next{
        right: -2.5rem;
    }
    
    .promo-eventi .item-text .box-text .item-par{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    
    .promo-eventi .item-text .box-text .item-box {
        min-height: 10rem;
    }
    
        
}
@media (min-width: 992px){
    .ab-md-col{ position:absolute; height:100%; overflow:hidden; top:0; left:0}
        
    
}

@media (max-width: 991px) {
    
    .promo-eventi .item-text .container{
        width: 100%;
    }
    
    .altri-contenuti {
        max-width: 30rem;
    }
    
}

@media (max-width: 767px) {
    
    body {padding-bottom: 45px}
    
    .promo-eventi .item-text {
        position: relative;
        bottom: 0;
        
     }
     
     .layer-box.layer-servizi {
        width: 100%;
        right: 0;
        height: 15rem;
        top: 30%;
    }
    .layer-box.layer-servizi .relative {
        margin-left: 1rem;
        margin-right: 1rem;
    }
     
}

@media (max-width: 450px){
    .col-xxs-12 {
        width: 100%;
    }
}