@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?ea2hgp');
  src:  url('fonts/icomoon.eot?ea2hgp#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?ea2hgp') format('truetype'),
    url('fonts/icomoon.woff?ea2hgp') format('woff'),
    url('fonts/icomoon.svg?ea2hgp#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="fa-"], [class*=" fa-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fab{font-family:"icomoon"}
.fa-instagram-square:before {
  content: "\e055";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-whatsapp-square:before {
  content: "\f40c";
}




.listen_aya {
    position: absolute;
    left: 0;
    top: 10px;
    top: -10px;
}
.listen_aya {
    position: absolute;
    left: 8px;
    top: 10px;
    top: 1px;
}
a.sm2_button {
 position:relative;
 display:inline-block; 
 width:40px;
 height:40px;
 text-indent:-9999px; 
 overflow:hidden; 
 vertical-align:middle;
 border-radius:50%;
 margin-top:-1px; 
 transition: all 0.2s ease-in-out;

}
a.sm2_button:focus {
 outline:none;
}
a.sm2_button,
a.sm2_button.sm2_paused:hover {
 background-color:#3399cc;
background-image: none, url('https://quran.islamonline.net/style/default/icons/play.svg');
 background-size: 40px 40px;
 background-repeat:no-repeat;
 background-position: center center;
  text-align: center;
}
a.sm2_button:hover,
a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover {
 background-color:#f28400;
}
a.sm2_button.sm2_playing, 
a.sm2_button.sm2_playing:hover {
    background-image: url('https://quran.islamonline.net/style/default/icons/pause.svg');
    background-size: 40px 40px;
    background-position: center center;
}
a.sm2_button.sm2_paused,
a.sm2_button.sm2_paused:hover {
 background-color:#666;
}