@font-face{font-family:'icomoon';
src:url('../fonts/icomoons/icomoon.eot');
src:url('../fonts/icomoons/icomoon.eot?#iefix') format('embedded-opentype'),
url('../fonts/icomoons/icomoon.woff') format('woff'),
url('../fonts/icomoons/icomoon.ttf') format('truetype'),
url('../fonts/icomoons/icomoon.svg?#icomoon') format('svg');font-weight:normal;font-style:normal;}
@font-face {font-family:'OpenSansCondensed';
src: url('../fonts/opensanscondensed_light/OpenSans-CondLight-webfont.eot');
src: url('../fonts/opensanscondensed_light/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensanscondensed_light/OpenSans-CondLight-webfont.woff') format('woff'),
url('../fonts/opensanscondensed_light/OpenSans-CondLight-webfont.ttf') format('truetype'),
url('../fonts/opensanscondensed_light/OpenSans-CondLight-webfont.svg#OpenSansCondensed') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family:'OpenSansCondensedBold';
src: url('../fonts/opensanscondensed_bold/OpenSans-CondBold-webfont.eot');
src: url('../fonts/opensanscondensed_bold/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensanscondensed_bold/OpenSans-CondBold-webfont.woff') format('woff'),
url('../fonts/opensanscondensed_bold/OpenSans-CondBold-webfont.ttf') format('truetype'),
url('../fonts/opensanscondensed_bold/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg');font-weight: normal;font-style: normal;}
*{
padding:0;
margin:0;
}

body{
margin:1px;
padding:1px;
max-width:100%;
position:relative;
line-height:1.25;
font-size:18px;
font-family:'OpenSansCondensed',arial,sans-serif;color:#1a1a1a;
}
audio{
display:block;
width:100%;
margin-bottom:20px;
}
li{
list-style:none;
margin-top:1rem;
}
#formats{
margin-top:0.5rem;
font-size:80%;
}

h6{font-size:20px;line-height:24px;font-weight:400;text-transform:uppercase;font-family:'OpenSansCondensedBold',arial,sans-serif;}
p{clear:left;margin-bottom:20px;}
.red{color:#c00;}
.green{color:#690;}
.hide{display:none;}
.show{display:block;}
.left-text{text-align:left;}
.right-text{text-align:right;}
.center-text{text-align:center;}
.condensed{font-family:'OpenSansCondensed',sans-serif;}
.condensed-bold{font-family:'OpenSansCondensedBold',sans-serif;}
input,select,option,textarea{font-size:18px;font-family:'OpenSansCondensed',arial,sans-serif;font-weight:400;color:#333;outline:0;background:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:0;border-radius:0;}
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="number"],input[type="url"],input[type="file"],select{height:40px;line-height:40px;}
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="number"],input[type="url"],input[type="file"],select,textarea{clear:left;width:100%;padding-left:5px;margin:0;}
.lightinput{margin:0;color:#333;background:#fff;border:1px solid #bababa;border-left:10px solid #bababa;-moz-transition:background .25s, border-color .25s, color .25s ease-out;-webkit-transition:background .25s, border-color .25s, color .25s ease-out;-o-transition:background .25s, border-color .25s, color .25s ease-out;transition:background .25s, border-color .25s, color .25s ease-out;-ms-transition:background .25s, border-color .25s, color .25s ease-out;}
.lightinputdone{color:#333;background:#fff;border:1px solid #bababa;height:40px;line-height:40px;padding-left:5px;border-left:10px solid #bababa;}
button,div.button,p.button,span.button,.button,.button-full{position:relative;display:block;overflow:hidden;margin:0;width:100%;height:40px;line-height:38px;min-width:40px;padding:0;text-align:center;text-transform:uppercase;text-decoration:none;font-size:20px;font-family:'OpenSansCondensedBold',arial,sans-serif;cursor:pointer;outline:0;color:#000;border:1px solid #bababa;background-color:#fff;-webkit-border-radius:2px;-o-border-radius:2px;border-radius:2px;-ms-border-radius:2px;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.24), 0 0 1px rgba(255,255,255,0.24) inset;-o-box-shadow:0 0 3px rgba(0,0,0,0.24), 0 0 1px rgba(255,255,255,0.24) inset;box-shadow:0 0 3px rgba(0,0,0,0.24), 0 0 1px rgba(255,255,255,0.24) inset;-ms-box-shadow:0 0 3px rgba(0,0,0,0.24), 0 0 1px rgba(255,255,255,0.24) inset;-moz-transition:background .25s, color .25s ease-out;-webkit-transition:background .25s, color .25s ease-out;-o-transition:background .25s, color .25s ease-out;transition:background .25s, color .25s ease-out;-ms-transition:background .25s, color .25s ease-out;}
button:hover,button:focus,a.button.activate,a.button:hover,.button:hover{color:#fff;background-color:#000;border:1px solid #bababa;}
button:disabled{pointer-events:none;color:rgba(51,51,51,0.5);border:1px solid rgba(51,51,51,0.5);background-color:transparent;cursor:auto;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.24) inset;-o-box-shadow:0 0 3px rgba(0,0,0,0.24) inset;box-shadow:0 0 3px rgba(0,0,0,0.24) inset;}
.columns-midi{margin:10px -10px;padding:0;clear:both;display:block;}
.container-midi{padding:10px;display:block;}
.two-columns,.two-columns-still{float:left;display:inline-block;width:50%;}
.three-columns,.three-columns-still{float:left;display:inline-block;width:33.33%;}
.four-columns,.four-columns-still{float:left;display:inline-block;width:25%;}
.clear{clear:both;display:block;height:0;visibility:hidden;}
.break-midi{height:20px;clear:both;display:block;height:10px;visibility:hidden;}
.dis{visibility:hidden;height:0;width:0;}
.mp3player{
width:100%;
height:40px;
display:block;
background:rgba(0,0,0,0);
color:rgba(0,0,0,0.8);
font-size:16px;
font-family:'OpenSansCondensedBold',sans-serif;
font-weight:400;
position:relative;
z-index:100;
margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
}
.mp3player > div{
position:absolute;
}
.mp3abs{
width:340px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.mp3-btn-left,
.mp3-button{
top:0;
left:0;
display:block;
width:40px;
height:40px;
font-size:20px;
line-height:39px;
text-indent:0;
text-align:center;
color:rgba(0,0,0,0.8);
cursor:pointer;
border:1px solid rgba(0,0,0,0.4);
border-top:1px solid rgba(0,0,0,0);
border-bottom:1px solid rgba(0,0,0,0);
border-radius:0;
}
.mp3-btn-right{
top:0;
right:0;
display:block;
width:40px;
height:40px;
font-size:20px;
line-height:39px;
text-indent:0;
text-align:center;
color:rgba(0,0,0,0.8);
cursor:pointer;
border:1px solid rgba(0,0,0,0.4);
border-top:1px solid rgba(0,0,0,0);
border-bottom:1px solid rgba(0,0,0,0);
border-radius:0;
}
.mp3-btn-top:hover,.mp3-btn-top:focus,.mp3-btn-top:active,
.mp3-btn-left:hover,.mp3-btn-left:focus,.mp3-btn-left:active,
.mp3-btn-right:hover,.mp3-btn-right:focus,.mp3-btn-right:active,
.mp3-button:hover,.mp3-button:focus,.mp3-button:active{
color:#fff;
background:rgba(0,0,0,0.8);
}
.mp3-left{position:absolute;top:20px;left:40px;width:10px;height:1px;background:rgba(0,0,0,0.4);}
.mp3-right{position:absolute;top:20px;right:40px;width:10px;height:1px;background:rgba(0,0,0,0.4);}
.mp3-sub-left{position:absolute;top:20px;left:110px;width:10px;height:1px;background:rgba(0,0,0,0.4);}
.mp3-sub-right{position:absolute;top:20px;right:110px;width:10px;height:1px;background:rgba(0,0,0,0.4);}
.mp3-timer{
display:inline-block;
top:0;
left:50px;
width:60px;
height:40px;
line-height:40px;
color:rgba(0,0,0,0.6);
text-align:center;
border:1px solid rgba(0,0,0,0.4);
border-top:1px solid rgba(0,0,0,0);
border-bottom:1px solid rgba(0,0,0,0);
border-radius:0;
}
.mp3-duration{
display:inline-block;
top:0;
right:50px;
width:60px;
height:40px;
line-height:40px;
color:rgba(0,0,0,0.6);
text-align:center;
border:1px solid rgba(0,0,0,0.4);
border-top:1px solid rgba(0,0,0,0);
border-bottom:1px solid rgba(0,0,0,0);
border-radius:0;
}
.mp3-bar{
top:0;
left:120px;
right:120px;
height:40px;
cursor:pointer;
overflow:hidden;
border:1px solid rgba(0,0,0,0.4);
border-radius:0;
}
.mp3-frame{
top:0;
left:100px;
height:40px;
cursor:pointer;
overflow:hidden;
border:1px solid rgba(0,0,0,0);
border-radius:0;
}
#mp3progress{
top:0;
left:0;
width:100%;
height:40px;
background:rgba(0,0,0,0.2);
}
#mp3load{
top:0;
left:0;
width:100%;
height:40px;
background:rgba(0,0,0,0.2);
}
#mp3status{
right:0;
left:0;
top:0;
position:absolute;
display:inline-block;
color:#000000;
line-height:40px;
text-align:center;
}
.mp3-volume{
top:0;
right:0;
display:block;
width:40px;
height:40px;
border:1px solid rgba(0,0,0,0.4);
border-top:1px solid rgba(0,0,0,0);
border-bottom:1px solid rgba(0,0,0,0);
border-radius:0;
}
.mp3-mute{
top:0;
right:0;
display:block;
width:100%;
height:100%;
font-size:20px;
line-height:39px;
text-indent:0;
text-align:center;
color:rgba(0,0,0,0.8);
cursor:pointer;
}
.mp3-mute:hover,.mp3-mute:focus,.mp3-mute:active{
color:#fff;
background:rgba(0,0,0,0.8);
}
.mp3-volume-adjust{
width:40px;
height:80px;
cursor:default;
position:absolute;
left:-1px;
right:0;
top:-9999px;
border:1px solid #bfc4c6;
background:#fff;
}
.mp3-volumer{
width:30px;
height:70px;
background-color:rgba(0,0,0,0.2);
position:relative;
top:4px;
left:4px;
overflow:hidden;
}
.mp3-volume:not(:hover) .mp3-volume-adjust{
opacity:0;
}
.mp3-volume:hover .mp3-volume-adjust{
top:auto;
bottom:100%;
}
.mp3-volume-adjust .mp3-volume-slide{
width:30px;
height:70px;
background-color:transparent;
cursor:pointer;
position:absolute;
line-height:70px;
text-align:center;
font-size:12px;
z-index:1;
bottom:4px;
left:4px;
border:1px solid rgba(0,0,0,0.2);
}
#volumeprogress{
width:100%;
height:100%;
position:absolute;
bottom:0;
left:0;
background:rgba(0,0,0,0.2);
}
#playlist{
position:relative;
display:block;
width:100%;
background:rgba(0,0,0,0.02);
padding:10px;
font-size:18px;
font-family:'OpenSansCondensed',sans-serif;
font-weight:400;
border:1px solid rgba(0,0,0,0.2);
}
#playlist .activer a{background:rgba(0,0,0,0.9);color:#fff;text-decoration:none;}
#playlist li a{color:rgba(0,0,0,1);background:rgba(0,0,0,0.1);padding:5px 10px;display:block;margin-bottom:1px;overflow:hidden;}
#playlist li a:hover{color:#fff;background:rgba(0,0,0,0.9);text-decoration:none;}
.icon::before,.icon-menu::before,.icon-mini::before,.icon-sub{
display:inline-block;
text-align:center;
text-transform:none;
font-weight:normal;
font-style:normal;
font-variant:normal;
font-family:'icomoon';
speak:none;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.icon-play::before{content:'\e905'}
.icon-pause::before{content:'\e904'}
.icon-stop::before{content:'\e907'}
.icon-record::before{content:'\e906'}
.icon-sound::before{content:'\e910'}
.icon-mute::before{content:'\e90f'}
#waveform{margin-top:-40px;}