/** 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: 20px;padding: 30px;border: 2px solid #b0b0b0;width: calc(50% - 40px);}
#page_indexcamere .gruppo-camere .contenuto-camera .foto-background{position:relative;min-height: 500px;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: rgba(0,0,0,0.5);transition: all 0.5s ease;opacity: 1;}
#page_indexcamere .gruppo-camere .contenuto-camera span.labelhoverimg {color: #fff;position: absolute;left: 50%;font-size: 1.5em;padding: 10px;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);font-weight: 200;font-family: 'Dosis', sans-serif;text-transform: uppercase;width: 100%;text-align: center;display: none;}
#page_indexcamere .gruppo-camere .contenuto-camera div.mask-anteprimacamera:hover {opacity: 1;}
#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto h4{
    position: absolute;
    width: auto;
    text-align: left;
    color: #FFF;
    top: 40%;
    text-transform: capitalize;
    font-size: 25px;
    font-weight: 500;
    /* text-shadow: 1px 1px 3px #333; */
    letter-spacing: 0.3em;
    font-family: 'Dosis', sans-serif;
    float: right;
    /* background: #00000063; */
    top: 0;
    padding: 20px;
    text-transform: uppercase;
}

#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto .bottone_scopri{
    background: #cbaa5c;
    color: #564928;
    width: 100%;
    padding: 14px;
    position: absolute;
    bottom: 0;
    font-weight: 400;
    z-index: 1;
    font-size: 1.3em;
    text-transform: none;
    text-align: center;
    margin-left: 0;
    left: 0;
    margin-top: 0;
    font-family: 'Dosis', sans-serif;
    /* border-top: 1px solid #fff; */
}

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

.bottone_scopri {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    width: 280px;
    left: 50%;
    margin-left: -140px;
    margin-top: 10px;
    font-size: 16px;
}

.contenuto-camera .col-xs-12 {
    padding: 0;
}


#page_indexcamere .gruppo-camere .contenuto-camera .bottone_scopri.sovrapponi{padding-top: 10px;padding-bottom: 10px;background: #000000;float: none;width: auto;padding: 20px;/* position: absolute; */left: 0;margin-left: 0;border-radius: 3px;margin-top: 15px;}

#page_indexcamere .gruppo-camere .contenuto-camera .bottone_scopri.sovrapponi a{text-transform: capitalize;font-weight: 600;color: #ffffff;font-size: 1.1em;}

#page_indexcamere .gruppo-camere .contenuto-camera .bottone_scopri.sovrapponi:hover{background: #000;}
#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: center;
    color: #fff;
    text-transform: none;
    font-size: 2.5em;
    font-weight: 400;
    margin-top: 20px;
    /* letter-spacing: 0.3em; */
    /* margin-bottom: 15px; */
    font-family: 'Libre Bodoni', serif;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 10px;
}

#page_indexcamere .gruppo-camere .contenuto-camera .descrizione-camera{height: auto;overflow: hidden;padding: 10px;text-align: justify;font-family: 'Dosis', sans-serif;font-size: 1.2em;/* padding: 20px; *//* line-height: 2em; */padding-left: 0;display: flex;flex-direction: row;justify-content: center;}
#page_indexcamere .gruppo-camere .contenuto-camera .descrizione-camera span {
    margin-right: 20px;
    margin-left: 20px;
}
/** CAROUSEL CAMERE **/
.carousel-camere{/* margin: 10px 0; */}
.carousel-camere .conten_camere{padding: 0;/* background-color: #ffffff; */min-height: 500px;}
.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: #ffffff;height: 100%;}
.carousel-camere .conten_camere span.titolocamera {text-align: center; float: left; display: block; width: 100%; font-size: 35px;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: 200;font-size: 40px;text-transform: uppercase;letter-spacing: 0.05em;font-weight: 400;font-family: 'Libre Bodoni', serif;line-height: 40px;}
.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;color: #fff;text-align: center;background-color: #00000066;height: 100%;font-size: 1.1em;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);display: flex;flex-direction: column;align-items: center;justify-content: flex-end;padding-bottom: 116px;}
.carousel-camere .conten_camere .bottonecamera a {color: #fff;border: solid 1px #cdac5c;background: #cdac5c;padding: 10px 15px;text-align: center;margin-top: 0;width: auto;font-family: prata;text-transform: capitalize;}
.carousel-camere .conten_camere .bottonecamera a:hover{background-color: #a1acaf; border-color:#a1acaf;}
.carousel-camere .conten_camere .testosovrapposto .bottonecamera{
    color: #564928;
    background: #c2ae89;
    padding: 10px;
    text-align: center;
    /* position: absolute; */
    bottom: 20%;
    left:0;
    right: 0;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Dosis', sans-serif;
    text-transform: initial;
    width: auto;
    /* margin-bottom: 20px; */
    /* margin-left: 50%; */
    left: -150px;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #c19a36;
    /* border: 1px solid #564928; */
    border-radius: 5px;
    letter-spacing: 0.05em;
    padding: 15px 20px;
    display: none;
}
.carousel-camere .conten_camere .testosovrapposto .bottonecamera:hover{background: #c5ae66;color: #fff;/* border: 2px solid #c4babd; */transition: .7s;}
.carousel-camere .conten_camere div.mask-anteprimacamera{position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;background-color: rgba(0,0,0,0.5);transition: all 0.5s ease;}
.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 div.mask-anteprimacamera:hover {opacity: 1;}
.carousel-camere .conten_camere .conten_testo .titolocamera{font-size: 35px;text-align: left;padding: 20px;margin-top: 15%;font-family: prata;text-transform: capitalize;}
.carousel-camere .conten_camere .conten_testo .testocamera{text-align: left;text-align: left;padding: 20px;font-family: prata;line-height: 2em;font-size: 1.2em;margin-bottom: 20px;padding-top: 0;font-family: 'Dosis', sans-serif;font-weight: 300;}
.carousel-camere .conten_camere .conten_testo .bottonecamera{font-size: 1.3em; 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: 0;}

.testocamera {
    /* position: absolute; */
    /* top: 55%; */
    /* left: 0; */
    margin-bottom: 50px;
    font-size: 20px;
    font-weight: 300;
    font-family: 'Dosis', sans-serif;
    display: flex;
    justify-content: center;
}

.testocamera span {
    margin-left: 15px;
    margin-right: 15px;
    font-weight: 500;
}

.testocamera span img {
    filter: invert(1);
}

.titolocamera b {
    font-weight: 100;
    font-size: 25px;
    letter-spacing: 0;
    display: none;
}

#camereindex-home .descrizione-camera img {
    filter: invert(1);
}

.contenuto-camera .col-xs-12:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#page_indexcamere .gruppo-camere .contenuto-camera .descrizione-camera {
    color: #fff;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding: 0;
}

#page_indexcamere .gruppo-camere .contenuto-camera .descrizione-camera img {
    filter: invert(1);
}

.contenuto-camera .col-xs-12:nth-child(3) {
    float: none;
    display: inline-block;
    text-align: center;
}

/************** RESPONSIVE ******************/
@media (max-width: 1600px){
	#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto h4 {/* font-size: 2.2em; */}
}
@media (max-width: 1400px){
	#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto h4 {/* font-size: 2em; */}
    #page_indexcamere .gruppo-camere .contenuto-camera h4.sovrapponi {
        font-size: 2em;
    }
    #page_indexcamere .gruppo-camere .contenuto-camera {
        margin: 20px;
    }
    #page_indexcamere .camere-index {
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media (max-width: 1200px){
	#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto h4 {/* font-size: 1.85em; */}
    .carousel-camere .conten_camere .testosovrapposto span.titolocamera {
        font-size: 35px;
    }
    .carousel-camere .conten_camere {min-height: auto;}
}
@media(max-width:992px){
    #slide-camere .carousel-camere .conten_camere .conten_testo {
        height: auto !important;
    }
    
    .carousel-camere .conten_camere .conten_testo .titolocamera {
        margin-top: 0;
        padding-left: 0;
    }
    
    .carousel-camere .conten_camere .conten_testo .testocamera {
        padding-left: 0;
    }
    
    .carousel-camere .conten_camere .conten_testo .bottonecamera {
        margin-left: 0;
        padding-left: 0;
        margin-top: 0;
    }

    .carousel-camere .conten_camere .conten_testo .titolocamera {font-size: 29px;}

    .contenuto-camera .col-sm-5, .contenuto-camera .col-sm-7 {
        width: 100%;
    }
    .contenuto-camera .col-sm-7 {
        padding: 0;
        padding-bottom: 40px;
    }
    #page_indexcamere .gruppo-camere .contenuto-camera {
        width: calc(100% - 40px);
        margin-bottom: 5px;
    }
    #page_indexcamere .gruppo-camere .contenuto-camera h4.sovrapponi {
        font-size: 30px;
    }
    #page_indexcamere .gruppo-camere .contenuto-camera {
        padding: 20px;
    }
}
@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;margin-left: 0;width: 100%;}
	#camereindex-home {margin-top: 5px;}
	#page_indexcamere .gruppo-camere .contenuto-camera .bottone_scopri.sovrapponi {padding: 10px;}
	#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto .bottone_scopri {font-size: 1.05em;}
    .carousel-camere .conten_camere .conten_testo .testocamera {display: none;}
    .carousel-camere .conten_camere .conten_testo .titolocamera {
        font-size: 22px;
    }
    #page_indexcamere .gruppo-camere .contenuto-camera .foto-background {
        min-height: 300px;
    }
    #page_indexcamere .gruppo-camere .contenuto-camera .descrizione-camera {
        font-size: 1.3em;
    }
    .carousel-camere .conten_camere .testosovrapposto span.titolocamera {
        font-size: 24px;
    }
    .testocamera {
        display: none;
    }
    .carousel-camere .conten_camere .testosovrapposto .bottonecamera {letter-spacing: 0.04em;font-size: 14px;padding: 10px 15px;}

    .carousel-camere .conten_camere .testosovrapposto {
        display: flex;
        padding-bottom: 0px;
        justify-content: center;
    }
    .titolocamera b {
        font-size: 20px;
        line-height: 0px;
    }
    #page_indexcamere .gruppo-camere .contenuto-camera h4.sovrapponi {
        font-size: 20px;
    }

}


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