.card-style{
    border: 1px solid #fff;
    margin:8px 10px 5px 10px !important;
    border-radius: 4px !important;
    width: 80% !important;
    text-align: center !important;
    box-shadow: 0px 0px 13px rgba(0,0,0,.2);
    background: white !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
}

.aud-file-title{
    margin-bottom: 0px !important;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Poppins';
    color: #a4a4a4;
    font-weight: 300 !important;
}
@media (max-width: 992px) {
	.aud-file-title {
		min-height: 45px !important;
	}
}

.card-wrapper{
    float: left;
    width: 33% !important;
    margin-bottom:10px;
	text-align: center !important;
}

a.play-audio img {
    margin: auto !important;
}

area:active , area:focus{
    outline: none !important;
}

.audio-selector-ul{
    list-style: none;
}

.audio-selector-ul li{

}

#play-selection{
    padding: 25px;
}

.paused-playing-gif{
	position: absolute;
	z-index: 99999;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.playing-image-gif{
	position: absolute;
	z-index: 99999;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
}


.ivr_wrapper{
	width: 380px;
}

.buttons_wrapper{
	
}

.ivr-btn{

}

.ivr-img{
	width: 100px;
	margin-bottom: 40px;
	margin-right: 20px;
}

.ivr-btn:hover, .ivr-img:hover{
	cursor: pointer;
}

@media (min-width: 320px) and (max-width: 480px) {
  
	.ivr-img{
		width: 70px;
	}
	
	.ivr_wrapper{
		width: 350px;	
	}
	
	.buttons_wrapper {
    	padding-left: 42px;
    	width: 100%;
    	margin: auto;
	}
  
}