.logo-grotta {
    width: 180px;
}

@media (min-width: 576px) {

    .logo-grotta {
        width: 250px;
    }
}

#header{
    /* box-shadow: 0px 3px 3px 0px #bbb;  */
}



body {
    background-color: #22376B;
    color: #fff;
    font-size: 16px;
}

#header {
    height: 90px;
}

#content {
    margin-top: -90px;
}

#home-bg-container {
    height: 500px;
    overflow: hidden;
    padding-top: 60px;
}

.img-container {
    height: 450px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.container-guide {

    height: 100px;
    overflow: hidden;

}

.container-guide-img {
    height: 100px;
    width: 100px;
    overflow: hidden;
}

a .container-guide-text {
    color: #fff;
}

.container-guide-text {
    width: calc(100% - 170px);
    padding-left: 15px;
    padding-right: 15px;
}

.title-stations {
    padding-left: 15px;
    padding-right: 15px;
}

a div {
    color: #fff;
}

.title-stations {
    height: 50px;
}

.description-container {
    background: #39508A;
    padding: 20px;
}

/**/
#player-container, #player-container img:is(.img-player-lg, .img-player-md, .img-player){
    transition: all 200ms!important;
}

#player-container{
height:110px;
}
#player-container.player-sticky{
height:65px;
}

#player-container img.img-player {
    width:25px!important;
}
#player-container img.img-player-md {
    width:35px!important;
}
#player-container img.img-player-lg {
    width:60px!important;
}
#player-container.player-sticky img.img-player {
    width:25px!important;
}
#player-container.player-sticky img.img-player-md {
    width:30px!important;
}
#player-container.player-sticky img.img-player-lg {
    width:35px!important;
}

#player-container .padding-hide{
    padding-top:1rem!important;
    padding-bottom:1rem!important;
}

#player-container.player-sticky .padding-hide{
    padding-top:5px!important;
    padding-bottom:5px!important;
}