.grayBackgroundImg{
    background-image: url('/themes/dovesciareb5/images/home/bg_light_gray.jpg');
    background-repeat: repeat-x;
    background-position-y:center;
}
.grayBackground{
    background-color: var(--gray_light);
}
.bottoneTutteWebcam{
    background-image: url('/themes/dovesciareb5/images/home/tutte-webcam.png');
    background-size:cover;
    width: 100%;
    height: 282px;
    padding-top: calc(50% - 32px);
}
.bottoneTutteLocalita{
    background-image: url('/themes/dovesciareb5/images/home/tutte-localita.jpg');
    background-size:cover;
    width: 100%;
    height: 492px;
    padding-top: calc(100% - 64px);
}
.boxBgImage{
    height: 282px;
    width: auto;
    /*width: 100%;*/
    background-size:cover;
}
.blueCircle{
    width: 48px;
    height: 48px;
    background-color: var(--blue_strong);
    border-radius:50%;

    color: var(--white);
    text-align: center;
    /* Body Heavy 16 */
    font-family: Lato, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 46px;
}
.grayCircle{
    width: 48px;
    height: 48px;
    background-color: var(--gray_light);
    border-radius:50%;

    color: var(--gray_strong);
    text-align: center;
    /* Body Heavy 16 */
    font-family: Lato, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 46px;
}

.wideCircle{
    width: 100px;
    border-radius:25px;
}

.container_video_hover{
    position: relative;
}
.video_hover{
    width: 80px;
    position: absolute;
    top: 58px;
    margin-left:-40px;
    left:50%;
}
.home_prenotazioni_detail {
    display: inline-block;
    height: auto;
    background-color: #ee1745;
    padding: 13px 16px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.productTitle{
    padding: 13px 16px;
    position: absolute;
    top: 0;
    left: 0;
}