.map_woo-wave{
	position:relative;
}
.map_woo-wave .map_woo-player-outer{
	transition: opacity 0.3s ease-in-out;
    opacity: 0;
}
.map_woo-wave .map_woo-player-wrap{
	position:relative;
	width: 100%;
	display: flex;
	flex-direction:row;
	flex-wrap:nowrap;
}
.map_woo-wave .map_woo-player-holder{
	position: relative;
	width: 100%;
	box-sizing: border-box;
	display: flex;
    align-items: center; 
    flex-direction: row;
}
.map_woo-wave .map_woo-btn{
	display: none;
	height:100%;
}
.map_woo-wave .map_woo-contr-btn{
	position: relative;
	width:50px;
	height:50px;
}
.map_woo-wave .map_woo-contr-btn svg{
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	height: 20px;
	fill:currentColor;
	transition: color .1s ease-out;
}
.map_woo-wave .map_woo-seekbar-wrap {
    position: relative;
    flex:1;
    box-sizing: border-box;
}
.map_woo-wave .map_woo-seekbar {
    position: relative;
    height: 50px;
    cursor: pointer;
    touch-action: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.map_woo-wave .map_woo-seekbar-wave,
.map_woo-wave .map_woo-seekbar-wave-progress{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.map_woo-wave .map_woo-seekbar-wave-progress{
    width: 0;
}
/* ads*/
.map_woo-wave .map_woo-media-time-ad{
	display: none;
    position: absolute;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    line-height: 50px;
    font-size: 14px;
    height: 100%;
    text-align: center;
    z-index: 555;
    background: #ffffffd1;
}
.map_woo-wave .map_woo-media-time-ad{
	color:#c90032;
}
.map_woo-wave .map_woo-media-time-ad-visible{
    display: flex;
}

.map_woo-wave .map_woo-player-controls{
	display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    position: absolute;
    width: 100%;
    top: 50%;
    height: 50px;
    margin-top: -25px;
}
.map_woo-wave .map_woo-player-controls-left{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.map_woo-wave .map_woo-controls{
	position: relative;
	width:150px;
	height:50px;
}
.map_woo-wave .map_woo-playback-toggle svg{
	height: 36px;
}
.map_woo-wave .map_woo-tooltip{
	box-shadow: 1px 1px 8px #6060606b;
}