.play-btn {
    padding: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 0;
    background-color: transparent;
    position: relative;
    z-index: 10;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-block;
    outline: 0
}

.play-btn.pause .play-icon {
    opacity: 1;
    visibility: visible
}

.play-btn.pause .pause-icon {
    opacity: 0;
    visibility: hidden
}

.play-btn:before {
    z-index: 0;
    background-color: #03a9f4;
    -webkit-animation: pulse-border 1.5s ease-out infinite;
    animation: pulse-border 1.5s ease-out infinite
}

.play-btn:after,.play-btn:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    pointer-events: none
}

.play-btn:after {
    z-index: 1;
    background: #03a9f4;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.play-btn:hover:after {
    background-color: #0286c2
}

.play-btn .play-icon {
    height: 24px;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: contain;
    opacity: 0;
    visibility: hidden;
    background-position: 50%
}

.play-btn .pause-icon,.play-btn .play-icon {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 3;
    width: 20px
}
#page-header {
    padding: 15px 15px 10px;
}

.container-1 {
    
    width: 100%;
    height: auto;
    margin: auto;
}
.play-btn .pause-icon {
    height: 25px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAACDCAYAAAAeTkwRAAAABHNCSVQICAgIfAhkiAAAAllJREFUeJzt0j1qlGEcRfH7jF1ABTGQIGJtYSxsrCzdgyuwsFX3ILgAwVUILkHBwiqCK0hS6cQ44geo1yJGZBBtzvsWcn7dDMP/8hwmSdJ2q+3TtsvyVm2ftb2SGbW9+nN3NcGblm2ftN0+2Rttt5LsJtmc+G0fk1wfY7yaeCdtryV5OfVOkv0kO2OM5SLJw0wfMUk2kjyaYSdJHs+0cyHJg+T4H3mQZPvvv0edHWO8n+p42zNJjqa6/wdvxhibi8wbMUkuTXz/4sT3151ve2ox8+h/y5AQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkxJAQQ0IMCTEkZJHkaObNw4nvv5v4/roPY4xviyQvZhzdG2PsTTkwxthPcjDlxprnyfE/8n6S7zON3plp5+5MO1+T3Pv1qe3Ntoedzue2t2Z63Mmbbrf9MuGb3ra9cbI31sZ3kpyD37RK8nqM8Qm++09tN5JcTnIaPr0cY+z+/sUPF1/MaQWAqn0AAAAASUVORK5CYII=) no-repeat;
    background-size: contain;
    background-position: 50%
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}