/** 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}
#page_indexcamere .gruppo-camere .contenuto-camera .foto-background{position:relative; min-height: 320px; 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;}
#page_indexcamere .gruppo-camere .contenuto-camera span.labelhoverimg {color: #fff;position: absolute;left: 50%;font-size: 1.2em;padding: 10px;top: 22%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
#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: #F1C40F;
    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;
}

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

#page_indexcamere .gruppo-camere .contenuto-camera .bottone_scopri.sovrapponi a{color: #000}

#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: #000;text-transform: uppercase;font-size: 2em;font-weight: 400;margin-top: 20px;letter-spacing: 0.3em;margin-bottom: 15px;}

#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;}
.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 {float: none;min-height: 60px;display: block;width: auto;font-weight: 400;font-size: 2.5em;text-transform: inherit;text-align: left;font-family: brandongrotesqueweb-light;position: absolute;bottom: 25%;left: 23px;line-height: 1em;}
.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;text-align: center;margin-top: 0;margin-top: 30px;background: #bfa13d;border-radius: 3px;padding: 15px;float: left;padding: 10px 25px;letter-spacing: 0.05em;}
.carousel-camere .conten_camere .bottonecamera a:hover{background-color: #27637e;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.carousel-camere .conten_camere .testosovrapposto .bottonecamera{
    color: #fff;
    background: #bfa13d;
    padding: 15px;
    padding-left: 5%;
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 200;
    font-family: 'brandongrotesqueweb-regular';
    width: fit-content;
    padding-right: 5%;
    border-bottom: none;
    margin-left: 5%;
    margin-bottom: 5%;
    border-radius: 3px;
    padding: 10px 25px;
    letter-spacing: 0.05em;
}
.carousel-camere .conten_camere .testosovrapposto .bottonecamera:hover {
    background: #fff;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    color: #bfa13d;
}
.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: 2em;padding: 10px;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);font-family: 'brandongrotesqueweb-light';}
.carousel-camere .conten_camere div.mask-anteprimacamera:hover {opacity: 1;}
.carousel-camere .conten_camere .conten_testo .titolocamera{font-size: 1.3em; text-align: center; padding: 10px}
.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.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}

span.col-xs-12.testocamera {
    padding: 0;
    text-align: left;
    position: absolute;
    bottom: 15%;
    left: 23px;
    font-size: 1.3em;
    font-family: brandongrotesqueweb-regular;
    width: calc(100% - 46px);
}

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

span.titolo-prezzo {
    position: absolute;
    top: 22px;
    right: 22px;
    font-family: 'brandongrotesqueweb-regular';
    font-size: 1.2em;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 2px solid;
    padding: 10px;
    display: none;
}

#slide-hotel2 span.titolo-prezzo, #slide-hotel3 span.titolo-prezzo {display: none;}
#slide-hotel2 .carousel-camere .conten_camere .conten_testo {display: flex;padding: 0;padding-top: 40px;flex-direction: column;}

#slide-hotel2 .carousel-camere .conten_camere .conten_testo .titolocamera, #slide-hotel2 .carousel-camere .conten_camere .conten_testo .testocamera {display: flex;}

#slide-hotel2 .carousel-camere .conten_camere .conten_testo .titolocamera {
    width: 100%;
    display: flex;
    /* padding-left: 0; */
    text-align: left;
    font-size: 3em;
    font-family: 'brandongrotesqueweb-regular';
    text-transform: none;
    float: none;
    max-width: max-content;
    padding: 0;
    flex-direction: row;
    color: #27637e;
}

#slide-hotel2 .carousel-camere .conten_camere .conten_testo .testocamera {
    display: flex;
    position: relative;
    align-items: center;
    text-align: left;
    justify-content: flex-start;
    font-size: 1em;
    bottom: inherit;
    width: calc(100% - 46px);
    left: 0;
    padding-left: 0;
}

#slide-hotel2 .carousel-camere .conten_camere .conten_testo .bottonecamera {
    margin-top: 0;
    width: auto;
    /* display: none; */
    width: fit-content;
    padding: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-family: brandongrotesqueweb-regular;
}

#slide-hotel2 .col-xs-12.col-md-12.conten_foto {
    height: 540px;
}

#slide-hotel2 .col-xs-12.col-md-12.conten_foto img {
    margin-top: -20%;
}

#slide-hotel2 .carousel-control.left, #slide-hotel2 .carousel-control.right {
    top: calc(35% - 30px);
}

#carousel-camere-5 span.titolocamera {
    bottom: 13%;
}

/************** RESPONSIVE ******************/
@media (max-width: 1600px){
	#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto h4 {font-size: 2.2em;}
    #slide-hotel .conten_foto img, #slide-hotel2 .conten_foto img, #slide-hotel3 .conten_foto img {
        max-width: 280%;
    }
    .carousel-camere .conten_camere .testosovrapposto span.titolocamera {bottom: 30%;}
}
@media (max-width: 1400px){
	#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto h4 {font-size: 2em;}
    .carousel-camere .conten_camere .testosovrapposto span.titolocamera {
        font-size: 2.2em;
    }
}
@media (max-width: 1200px){
	#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto h4 {font-size: 1.85em;}
    #slide-hotel .conten_foto img, #slide-hotel2 .conten_foto img, #slide-hotel3 .conten_foto img {
        max-width: 390%;
    }
}

@media(max-width: 992px){
    #slide-hotel .conten_foto img, #slide-hotel2 .conten_foto img, #slide-hotel3 .conten_foto img {
        max-width: 150%;
        margin-left: 0;
    }

    .carousel-camere .conten_camere .testosovrapposto span.titolocamera {
        font-size: 3em;
        bottom: 26%;
    }
    span.col-xs-12.testocamera {
        font-size: 2em;
    }
    .carousel-camere .conten_camere .testosovrapposto .bottonecamera {
        margin-left: 25px;
        font-size: 14px;
    }

    .carousel-camere .conten_camere .bottonecamera a {font-size: 14px;}

    #slide-hotel2 .carousel-camere .conten_camere .conten_testo {padding-top: 0;}

    #slide-hotel2 .carousel-camere .conten_camere .conten_testo .testocamera {
        width: 100%;
        padding-right: 0;
    }

    #slide-hotel2 .col-xs-12.col-md-12.conten_foto {
        height: auto;
    }
}

@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 .testosovrapposto span.titolocamera {
        font-size: 2.5em;
    }
}

@media(max-width: 550px){
    #slide-hotel .conten_foto img, #slide-hotel2 .conten_foto img, #slide-hotel3 .conten_foto img {
        max-width: 200%;
        margin-left: 0;
    }
    span.col-xs-12.testocamera {
        font-size: 1.5em;
    }

    #slide-hotel2 .carousel-camere .conten_camere .conten_testo .titolocamera {padding-top: 20px;}
}

@media(max-width: 440px){
    #slide-hotel .conten_foto img, #slide-hotel2 .conten_foto img, #slide-hotel3 .conten_foto img {
        max-width: 250%;
        margin-left: 0;
    }
    span.col-xs-12.testocamera {display: none;}

    .carousel-camere .conten_camere .testosovrapposto span.titolocamera {
        bottom: 15%;
    }

    #slide-hotel2 .carousel-control.left, #slide-hotel2 .carousel-control.right {
        top: calc(27% - 30px);
    }

    #slide-hotel2 .carousel-camere .conten_camere .conten_testo .titolocamera {
        font-size: 2.6em;
    }

}

@media(max-width: 360px){

}

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