/** INDEX CAMERE **/
#page_indexcamere .camere-index{margin-top: 10px; margin-bottom: 10px}
#page_indexcamere .gruppo-camere{margin-top: 10px; margin-bottom: 10px }
#page_indexcamere .gruppo-camere .nome-gruppo{text-align: left; font-size: 2.2em; text-transform: uppercase; color: #008bd2;}

#page_indexcamere .gruppo-camere .contenuto-camera{margin: 10px 0;padding: 5px;}
#page_indexcamere .gruppo-camere .contenuto-camera .foto-background{position:relative;min-height: 470px;height: auto; padding:0;background-repeat: no-repeat;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;overflow: hidden;}
#page_indexcamere .gruppo-camere .contenuto-camera div.mask-anteprimacamera{position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;background-color: #2d2d2dbf;transition: all 0.5s ease;}
#page_indexcamere .gruppo-camere .contenuto-camera span.labelhoverimg {color: #fff;position: absolute;left: 50%;font-size: 2.2em;padding: 10px;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-transform: uppercase;letter-spacing: 0.1em;font-weight: 300;    width: 100%;
    padding-left: 20px;text-align: center;}
#page_indexcamere .gruppo-camere .contenuto-camera div.mask-anteprimacamera:hover {opacity: 1;}
#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto h4{    
    position: absolute;
    width: 100%;
    text-align: center;
    color: #FFF;
    top: 40%;
    text-transform: uppercase;
    font-size: 2.5em;
    font-weight: 500;
    text-shadow: 1px 1px 3px #333;
    letter-spacing: 0.1em;
}

#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto .bottone_scopri{
    background: rgba(132, 132, 132, 0.57);
    color: #FFF;
    width: 100%;
    padding: 14px;
    position: absolute;
    bottom: 0;
    font-weight: 400;
    z-index: 1;
    font-size: 1.1em;
    text-transform: uppercase;
    text-align: center;
    margin-left: 0;
    left: 0;
    margin-top: 0;
}

#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto .bottone_scopri:hover{    
    background: #1a3c5a;
    color: #fff;
}

.bottone_scopri {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    width: 280px;
    left: 0;
    /* margin-left: -140px; */
    margin-top: 10px;
    font-size: 1.1em;
    background: #cda434;
}

#page_indexcamere .gruppo-camere .contenuto-camera .bottone_scopri.sovrapponi{padding-top: 15px;padding-bottom: 15px;}

#page_indexcamere .gruppo-camere .contenuto-camera .bottone_scopri.sovrapponi a{color: #fff;font-family: 'Jost';text-transform: uppercase;letter-spacing: 0.1em;}

#page_indexcamere .gruppo-camere .contenuto-camera .bottone_scopri.sovrapponi:hover{background: #e0ad21;}
#page_indexcamere .gruppo-camere .contenuto-camera .bottone_scopri.sovrapponi:hover > a{color: #fff;}

#page_indexcamere .gruppo-camere .contenuto-camera h4.sovrapponi {position: relative;text-align: left;color: #ceb673;text-transform: uppercase;font-size: 2.5em;font-weight: 400;margin-top: 20px;letter-spacing: 0.3em;margin-bottom: 0;}

.contenuto-camera .col-xs-12:first-child {
    padding-left: 10px;
}

#page_indexcamere .gruppo-camere .contenuto-camera .descrizione-camera{height: auto;overflow: hidden;padding: 10px;text-align: justify;}

/** CAROUSEL CAMERE **/
.carousel-camere{margin: 10px 0;}
.carousel-camere .conten_camere{/* padding: 10px; *//* background-color: #f2f2f2; */min-height: 150px;}
.carousel-camere .conten_camere .conten_foto{padding: 0; margin: 0}
.carousel-camere .conten_camere span.labelhoverimg{color: #fff;position: absolute;left: 50%;font-size: 1.2em;padding: 10px;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.carousel-camere .conten_camere .conten_testo{font-size: 1em;/* background: #fff; *//* border: 1px solid #000; */background: #ffffff;position: absolute;z-index: 3;transform: translate(-50%, -50%);left: 75%;width: 45%;top: 50%;border: 1px solid #d4d4d4;padding: 50px;}
.carousel-camere .conten_camere span.titolocamera {text-align: center; float: left; display: block; width: 100%; font-size: 1.5em;padding: 10px 0;text-transform: uppercase;}
.carousel-camere .conten_camere .testosovrapposto span.titolocamera {text-align: center;float: none;position: absolute;top: 40%;min-height: 60px;display: block;width: auto;left: 0;right: 0; font-weight: 500;font-size: 1.8em;text-transform: uppercase;}
.carousel-camere .conten_camere span.datablog {display: block; width: 100%; padding-left: 0; padding-right: 0; margin-top: 5px; color: #9e9e9e;}
.carousel-camere .conten_camere .testosovrapposto{position: absolute; top: 0; left:0px; right: 0px; padding: 10px; height: 100%; color: #fff;text-align: center; background-color: rgba(0,0,0,0.3)}
.carousel-camere .conten_camere .bottonecamera a {color: #fff;border: solid 1px #cda434;background: #cda434;padding: 5px 10px;text-align: center;margin-top: 0;font-family: 'Jost';text-transform: uppercase;letter-spacing: 0.1em;width: auto;padding: 5px 15px;font-size: 1em;font-weight: 400;line-height: 2em;}
.carousel-camere .conten_camere .bottonecamera a:hover{background-color: #e0ad21;border-color: #e0ad21;}
.carousel-camere .conten_camere .testosovrapposto .bottonecamera{
    color: #ffffff;
    background: rgba(132, 132, 132, 0.57);
    padding: 10px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left:0;
    right: 0;
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: 300;
}
.carousel-camere .conten_camere .testosovrapposto .bottonecamera:hover{background: #F1C40F;}
.carousel-camere .conten_camere div.mask-anteprimacamera{position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;background-color: #2f2f2fbf;transition: all 0.5s ease;}
.carousel-camere .conten_camere span.labelhoverimg {color: #fff;position: absolute;left: 50%;font-size: 2em;padding: 10px;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-transform: uppercase;letter-spacing: 0.1em;font-weight: 300;    text-align: center;
    width: 100%;}
.carousel-camere .conten_camere div.mask-anteprimacamera:hover {opacity: 1;}
.carousel-camere .conten_camere .conten_testo .titolocamera{
    position: relative;
    text-align: left;
    color: #ceb673;
    text-transform: uppercase;
    font-size: 2.1em;
    font-weight: 300;
    letter-spacing: 0.1em;
}
.carousel-camere .conten_camere .conten_testo .testocamera{text-align: left; text-align: center; padding: 10px}
.carousel-camere .conten_camere .conten_testo .bottonecamera{font-size: 1.2em;margin-top: 10px}
.carousel-camere .conten_camere .conten_testo .bottonecamera a:link{text-decoration: none}
.carousel-camere .conten_camere .fianco.conten_testo .titolocamera{font-size: 1.3em; text-align: center; padding: 10px}
.carousel-camere .conten_camere .fianco.conten_testo .testocamera{text-align: left; text-align: center; padding: 10px}
.carousel-camere .conten_camere .fianco.conten_testo .bottonecamera{font-size: 1.3em; margin-top: 10px}
.carousel-camere .conten_camere .fianco.conten_testo .bottonecamera a:link{text-decoration: none}

#camereindex-home{margin-top: 0px}

/*#page_index*/ #gruppo-camere .carousel-camere .conten_camere .conten_testo {
    position: relative;
    transform: none;
    left: 0;
    width: 100%;
    border: none;
    padding: 0;
    height: 320px;
    background: none;
}

/*#page_index */#gruppo-camere .carousel-camere .conten_camere .titolocamera {
    padding: 0;
    margin-top: 15px;
    margin-bottom: 5px;
}

/*#page_index */#gruppo-camere .carousel-camere .conten_camere .testocamera {
    padding-left: 0;
    height: auto !important;
    padding: 0;
}

/*#page_index */#gruppo-camere .carousel-camere .conten_camere .testocamera h5, #page_indexcamere .descrizione-camera h5 {
    margin-top: 0;
    margin-bottom: 0;
    color: #aaa69d;
    line-height: 1.8em;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    font-weight: 400;
    color: #aaa69d;
    font-family: 'Jost';
}

/*#page_index */#gruppo-camere .carousel-camere .conten_camere .conten_testo .bottonecamera {
    margin-top: 20px;
    padding-left: 0;
}

#gruppo-camere .sez-1 {
    padding: 0;
}

/*#page_index*/ #gruppo-camere .carousel-camere .conten_camere .conten_testo .bottonecamera {
    bottom: 0;
    float: none;
    display: inline-block;
    position: absolute;
    left: 0px;
}

/*#page_indexcamere*/ .gruppo-camere .contenuto-camera .descrizione-camera {
    height: 320px;
}


#page_indexcamere.camere .gruppo-camere .contenuto-camera {
    height: 600px !important;
}

#page_indexcamere.camere .gruppo-camere .contenuto-camera .foto-background {
    min-height: 600px;
}

#page_indexcamere.camere .gruppo-camere .contenuto-camera .descrizione-camera {
    height: auto !important;
}



/************** RESPONSIVE ******************/
@media(max-width: 1800px){
    .carousel-camere .conten_camere .conten_testo .titolocamera {
        font-size: 2em;
        letter-spacing: 0.1em;
    }
    #page_indexcamere .gruppo-camere .contenuto-camera h4.sovrapponi {
        font-size: 2.2em;
    }
    
    .descrizione-camera h5 {
        font-size: 1.2em;
    }
    .carousel-camere .conten_camere span.labelhoverimg {
        font-size: 2em;
    }
    
}
@media (max-width: 1600px){
	#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto h4 {font-size: 2.2em;}
    #page_indexcamere .gruppo-camere .contenuto-camera h4.sovrapponi {
        letter-spacing: 0.2em;
    }
    .carousel-camere .conten_camere span.labelhoverimg {
        font-size: 1.8em;
    }
    #page_indexcamere .gruppo-camere .contenuto-camera .descrizione-camera {
        height: 370px;
    }
    .carousel-camere .conten_camere .conten_testo .titolocamera {font-size: 1.8em;}
}
@media (max-width: 1400px){
	#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto h4 {font-size: 2em;}
    .carousel-camere .conten_camere .conten_testo {padding: 30px;}
    .carousel-camere .conten_camere .conten_testo .bottonecamera {margin-left: 0;padding-left: 10px;}

    #page_indexcamere.camere .gruppo-camere .contenuto-camera {
        height: 500px !important;
    }
    
    #page_indexcamere.camere .gruppo-camere .contenuto-camera .foto-background {
        min-height: 500px;
    }

}
@media (max-width: 1200px){
	#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto h4 {font-size: 1.85em;}
    .carousel-camere .conten_camere .conten_testo {
        position: relative;
        transform: none;
        left: 0;
        width: 100%;
        top: 0;
        border-top: none;
    }
    
    .carousel-camere .conten_camere .conten_foto {width: 100%;}



}

@media(max-width: 992px){
    #page_indexcamere .gruppo-camere .contenuto-camera .col-sm-7 {
        width: 100%;
    }
    #camereindex-home .contenuto-camera {
        width: 100%;
    }
    
    #page_indexcamere .gruppo-camere .contenuto-camera .descrizione-camera {padding-left: 0;}

    #gruppo-camere .carousel-camere .conten_camere .conten_testo {
        height: auto;
    }
    
    #gruppo-camere .carousel-camere .conten_camere .conten_testo .bottonecamera {
        position: relative;
    }
    .carousel-camere {
        margin-bottom: 0;
    }

    .testocamera h5 img {
        margin-bottom: 10px;
    }
    #page_indexcamere.camere .gruppo-camere .contenuto-camera {
        height: auto !important;
        margin-bottom: 60px;
    }
    #gruppo-camere .carousel-camere .conten_camere .testocamera h5, #page_indexcamere .descrizione-camera h5 {font-size: 1.4em;}
}

@media (max-width: 767px){
	#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto h4 {font-size: 1.65em;}
	#page_indexcamere .gruppo-camere .nome-gruppo {font-size: 2em;}
	#page_indexcamere .camere-index {padding-left: 0; padding-right: 0;}
	#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto .bottone_scopri {font-size: 1.05em;}
    .carousel-camere .conten_camere .conten_testo {
        padding-left: 5px;
        padding-right: 0;
    }
    #page_indexcamere .contenuto-camera .col-xs-12.col-sm-5 {
        width: 100%;
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        left: 0;
        top: 0;
        border-top: none;
        margin-left: 0;
        padding-left: 10px;
    }
    #page_indexcamere #camereindex-home {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    #page_indexcamere section#home-sez2 {
        padding-left: 0px;
        padding-right: 0px;
    }


#page_indexcamere .gruppo-camere .contenuto-camera .foto-background {
    min-height: 300px;
}

#page_indexcamere .gruppo-camere .contenuto-camera span.labelhoverimg {
    text-align: center;
    font-size: 1.8em;
}


}

@media(max-width: 440px){
    #page_indexcamere .gruppo-camere .contenuto-camera h4.sovrapponi {margin-top: 0;letter-spacing: 0.1em;}
    #page_indexcamere .contenuto-camera .col-xs-12.col-sm-5 {padding-top: 15px;padding-bottom: 20px;padding-left: 5px;}
    #page_indexcamere .gruppo-camere .contenuto-camera span.labelhoverimg {padding-left: 10px;}
    #page_indexcamere.camere .gruppo-camere .contenuto-camera .foto-background {
        min-height: 300px;
    }
}

@media (max-width: 320px){
	#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto .bottone_scopri {font-size: 0.95em;}
	#page_indexcamere .gruppo-camere {padding-left: 10px; padding-right: 10px;}
}