/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@import url('https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800&subset=latin-ext');
html, body {
    font-family: 'Dosis', sans-serif!important;
}

.logo img {
    height: 50px;
}

.header {
    background-color: #D60A2E!important;
    min-height: 80px!important;
    padding-left: 30px;
    padding-top: 15px;
    color: #fff;
}

.talasi {
    height: 80px;
}

.player-con {
    background-color: #F6F6F6!important;
    padding: 20px 0px 20px 0px;
    border-bottom: 1px solid #e8e8e8;
}

.container {
    width: 100%!important;
}

.jp-controls .jp-play {
    color: #D60A2E;
    font-size: 80px;
}

.jp-audio-stream .fa-pause-circle {
    display: none;
}

.jp-audio-stream.jp-state-playing .fa-pause-circle {
    display: block;
}

.jp-audio-stream.jp-state-playing .fa-play-circle {
    display: none;
}

.jp-controls .jp-stop {
    color: #D60A2E;
    font-size: 30px;
}

.jp-volume-controls {
    padding-top: 35px;
}

.jp-volume-bar {
    width: 100%;
    height: 1px;
    background-color: #888;
    margin-top: 10px;
    position: relative;
}

.jp-volume-bar-value {
    position: absolute;
    top: -5px;
    border-right: 5px solid #D60A2E;
    height: 10px;
}

.jp-mute, .jp-volume-max {
    color: #888;
}

.no-pad {
    padding-left: 2px!important;
    padding-right: 3px!important;
}

.t-right {
    text-align: right;
}

.f-left {
    float: left;
}

.vol-bar {
    width: 100px;
}

.footer {
    padding: 20px 0px;
    color: #999;
    ;
}

a {
    color: #D60A2E!important
}

i {
    outline: none;
    cursor: pointer;
}

.sms-poruke {
  padding: 30px 0px;
  color: #777;
  line-height: 18px
}

.sms-poruke h2 {
  color: #D60A2E;
}