.play-button {
            background-image: url(https://ez1fm.com/main/images/recin/buttons/play.png);
            width: 40px;
            height: 45px;
            cursor: pointer;
        }

        #player-rec {
            background: #FFF;
            border-radius: 5px;
        }

        #nome-programa-cont {
            color: #ff006b;
            font-family: Portico;
            font-size: 28px;
            width: 100%;
        }

        #nome-locutor-cont {
            color: black;
            font-family: Portico Light;
            font-size: 23px;
            margin-top: -0.5rem;
            margin-bottom: 1rem;
        }

        #play-button {
            background-image: url(https://ez1fm.com/main/images/recin/buttons/play.png);
            width: 40px;
            height: 45px;
            cursor: pointer;
        }

        #close {
            float: right;
            padding: 0.25rem 1rem;
            color: #FF6225;
            cursor: pointer;
            font-size: 1.5rem;
        }

        #download {
            font-size: 1.5rem;
            padding: 0.75rem 1rem;
        }

        #player-recin .ui-slider-range-min {
            height: 5px;
            width: 300px;
            background: linear-gradient(to left, #ffac00, #ff006b);
            border: none;
            border-radius: 10px;
            outline: none;

        }

        #player-recin .ui-slider-range-min::after {
            width: 20px;
            height: 20px;
            border-radius: 20px;
            background: #ffac00;
        }

        #player-recin .ui-slider-handle {
            width: 15px;
            height: 15px;
            border-radius: 20px;
            background: #ffac00;
            margin-left: -8px;
            margin-top: -10px;
            cursor: pointer;
            position: absolute;
        }

        #player-recin {
            height: 5px;
            width: 100%;
            background: #dadada;
            border-radius: 15px;
        }

        #player-recin-time {
            width: 90%;
            height: 50px;
            position: relative;
        }

        .minutes-player {
            display: flex;
            justify-content: space-between;
		font-size: 15px;
    		color: #7a7a7a;
        }
       .topo-recin {
            padding-bottom: 4rem;
        }
	@media screen and (min-width:1200px){
    footer{
position: fixed!important;
}
}

        @media screen and (max-width:840px) {
            footer {
                top: 100%;
            }

            .col-md-6 {
                width: 100%;
            }

            #nome-programa-cont {
                font-size: 1rem;
                margin-top: 1rem;
            }

            #nome-locutor-cont {
                font-size: 0.7rem;
            }

            #download {
                padding: 0.2rem 1rem;

            }

            #player-rec .justify-recin {
                display: flex;
                justify-content: flex-start;
                width: 95%;
                margin-left: 1rem;
            }

            #player-recin-time {
                width: 100%;
            }

            .col-md-8 {
                max-width: 57%;
                min-width: 57%;
                margin-left: 0.5rem;
            }

            .topo-recin {
                padding-bottom: 2rem;
            }
        }