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

[class^="icon-"], [class*=" icon-"] {

    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-cog:before {
    content: "\e994";
}
.icon-cross:before {
    content: "\ea0f";
}
.icon-pause2:before {
    content: "\ea1d";
}
.icon-stop2:before {
    content: "\ea1e";
}
.icon-volume-medium:before {
    content: "\ea27";
}

/***********/

#readspeaker_button1 .readspeaker_box_parts {
    margin-top: 15px;
}


#readspeaker_button1 .rsbtn_right {
    display: none;
}
#readspeaker_button1 .rsbtn_powered {
    display: none;
}
#readspeaker_button1 .rsbtn_text {
    display: none;
}
#readspeaker_button1 .rsbtn_play {
    float: right;
}

#readspeaker_button1 .rsbtn_exp {
    float: right;
    height: 110px;

    background-color: #e2001a;
    border-radius: 3px 0 3px 3px;
}

#readspeaker_button1 .rsbtn_left {
    width: 55px;
    height: 55px;
    float: right;
    background-size: 25px;
    background: transparent url('../images/icons/audio.svg') no-repeat scroll center center;
    background-color: #f4f4f4;
    border-radius: 0 3px 3px 0;
}



/***********/

/*Pause*/

#readspeaker_button1 .rspart .rsbtn_pause { background: none; text-align: center; }

#readspeaker_button1 .rspart .rsbtn_pause:before { content: "| |"; color: #fff; font-weight: bold; }

/*Stop*/

#readspeaker_button1 .rspart .rsbtn_stop { background: none; text-align: center; }

#readspeaker_button1 .rspart .rsbtn_stop:before {
    content: "\ea1e";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;


    color: #fff;
    font-weight: bold;
}

/*Settings*/

#readspeaker_button1 .rspart .rsbtn_settings { background: none; text-align: center; margin-top: 0; }

#readspeaker_button1 .rspart .rsbtn_settings:before {
    content: "\e994";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
}

/**Closer*/

#readspeaker_button1 .rspart .rsbtn_closer {
    background: none;
    text-align: center;
}

#readspeaker_button1 .rspart .rsbtn_closer:before {
    content: "\ea0f";


    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
}

/*progress_container*/

#readspeaker_button1 .rspart .rsbtn_progress_container {
    display: block;
    width: 80%;

    background: #fff;
    height: 5px;
    background-image: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-color: transparent;
    margin-top: 15px;
    margin-left: 15px;
}

#readspeaker_button1 .rspart .rsbtn_progress_played {
    background: none;
    background-color: #fff;
}

#readspeaker_button1 .rspart .rsbtn_progress_handle {
    background: none;
    background-color: #eee;
    width: 3px;
    height: 13px;
    margin-top: 3px;
    left: 0;
}

/*volume*/

#readspeaker_button1 .rspart .rsbtn_volume {
    background: none;
    display: block;
    width: 100%;
    margin-top: 15px;
    margin-left: 15px;
}

#readspeaker_button1 .rspart .rsbtn_volume:before {
    content: "\ea27";


    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    color: #fff;
    font-weight: bold;
}




#readspeaker_button1 .rspart .rsbtn_volume_container {
    background: rgba(255,255,255,0.4);
    width: 74px;
    height: 3px;
    margin-top: 12px;
    margin-left: 4px;
    background-image: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-color: transparent;
    position: absolute;
    bottom: 25px;
    left: 30px !important;
}

#readspeaker_button1 .rspart .rsbtn_volume_handle {
    background: none;
    width: 6px;
    background: #fff;
    height: 7px;
    border-radius: 50%;
    position: relative;
    top: -2px;
    cursor: pointer;
}