.sap-container{position:relative;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;max-width:700px;border:2px solid #f5f5f5}.sap-container .logo{flex:0 0 100px;width:120px;height:120px;padding:0;border:0;box-shadow:none;background:transparent}.sap-container .download{margin:0 15px;text-indent:-999em;width:25px;height:40px;box-shadow:none;border:0;background:url(../images/download.svg) no-repeat;background-size:contain;background-position:center;z-index:5;transition:height 0.15s ease, width 0.15s ease}.sap-container .download:hover,.sap-container .download:focus{transform:scale(1.1);box-shadow:none}.sap-container .mejs-container{position:relative;flex:1 1 100%;margin-bottom:0;height:120px !important}.sap-container .mejs-container .mejs-controls{background-color:#f5f5f5;height:100%;padding:0}.sap-container .mejs-container+.download{position:absolute;top:15px;right:15px;margin:0}.sap-container .mejs-inner .mejs-controls>*{position:absolute;bottom:15px}.sap-container .mejs-inner .mejs-controls .mejs-playpause-button{top:15px;left:15px;width:40px;height:40px;transition:width 0.15s ease, height 0.15s ease}.sap-container .mejs-inner .mejs-controls .mejs-playpause-button:hover,.sap-container .mejs-inner .mejs-controls .mejs-playpause-button:focus{transform:scale(1.1)}.sap-container .mejs-inner .mejs-controls .mejs-playpause-button button{margin:0;width:100%;height:100%}.sap-container .mejs-inner .mejs-controls .mejs-play button{background:url(../images/play.svg)}.sap-container .mejs-inner .mejs-controls .mejs-pause button{background:url(../images/pause.svg)}.sap-container .mejs-inner .mejs-controls .mejs-volume-button{position:absolute;top:15px;right:145px;width:25px;height:40px}.sap-container .mejs-inner .mejs-controls .mejs-volume-button button{margin:0;width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;transition:all 0.15s ease}.sap-container .mejs-inner .mejs-controls .mejs-volume-button button:hover,.sap-container .mejs-inner .mejs-controls .mejs-volume-button button:focus{transform:scale(1.1)}.sap-container .mejs-inner .mejs-controls .mejs-mute button{background-image:url(../images/volume.svg)}.sap-container .mejs-inner .mejs-controls .mejs-unmute button{background-image:url(../images/volume-mute.svg)}.sap-container .mejs-inner .mejs-controls .mejs-horizontal-volume-slider{position:absolute;top:15px;right:55px;width:75px;height:40px;box-shadow:none;border:0}.sap-container .mejs-inner .mejs-controls .mejs-horizontal-volume-slider:hover,.sap-container .mejs-inner .mejs-controls .mejs-horizontal-volume-slider:focus{box-shadow:none;background:none}.sap-container .mejs-inner .mejs-controls .mejs-horizontal-volume-slider:hover .mejs-horizontal-volume-current,.sap-container .mejs-inner .mejs-controls .mejs-horizontal-volume-slider:focus .mejs-horizontal-volume-current{transform:scaleY(1.2)}.sap-container .mejs-inner .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{min-width:100%;background:#969696}.sap-container .mejs-inner .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{background:#de5d40;background:linear-gradient(to right, #de5d40 0%, #e6826b 33%, #e6826b 66%, #de5d40 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#de5d40', endColorstr='#de5d40', GradientType=1 );transition:height 0.15s ease}.sap-container .mejs-inner .mejs-controls .mejs-time{display:absolute;left:70px;top:15px;width:55px;color:#636363;font-size:16px;padding:0 !important;height:40px;line-height:40px;vertical-align:middle}.sap-container .mejs-inner .mejs-controls .mejs-currenttime-container:after{display:inline;content:' / '}.sap-container .mejs-inner .mejs-controls .mejs-duration-container{margin-left:50px}.sap-container .mejs-inner .mejs-controls .mejs-time-rail{left:15px;width:100%;max-width:calc( 100% - 30px);margin:0;padding:0;height:10px}.sap-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total,.sap-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-loaded,.sap-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-current{max-width:100%;margin:0}.sap-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total{background:#969696}.sap-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-loaded{background:#636363}.sap-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-current{background:#de5d40;background:linear-gradient(to right, #de5d40 0%, #e6826b 33%, #e6826b 66%, #de5d40 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#de5d40', endColorstr='#de5d40', GradientType=1 )}@media (min-width: 900px){.sap-container{flex-wrap:nowrap}}