@font-face {
  font-family:"Glyphicons Halflings";
  src:url("../fonts/glyphicons-halflings-regular.eot");
  src:url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),
       url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"),
       url("../fonts/glyphicons-halflings-regular.woff") format("woff"),
       url("../fonts/glyphicons-halflings-regular.ttf") format("truetype");
  unicode-range:U+e072-e073;
}
.glyphicon{
  position:relative;
  top:1px;
  display:inline-block;
  font-family:"Glyphicons Halflings";
  font-style:normal;
  font-weight:400;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.glyphicon-play:before{
  content:"\e072";
}
.glyphicon-pause:before{
  content:"\e073";
}
*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
*:before,
*:after{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.row{
  margin-right:-15px;
  margin-left:-15px;
}
.col-md-2,
.col-md-4,
.col-sm-4,
.col-xs-6,
.col-sm-6,
.col-xs-10{
  position:relative;
  min-height:1px;
  padding-right:15px;
  padding-left:15px;
}
.col-xs-6,
.col-xs-10{
  float:left;
}
.col-xs-10{
  width:83.33333333%;
}
.col-xs-6{
  width:50%;
}
.col-xs-offset-1{
  margin-left:8.33333333%;
}
@media (min-width:768px){
  .col-sm-4,
  .col-sm-6{
    float:left;
  }
  .col-sm-6{
    width:50%;
  }
  .col-sm-4{
    width:33.33333333%;
  }
  .col-sm-offset-4{
    margin-left:33.33333333%;
  }
  .col-sm-offset-3{
    margin-left:25%;
  }
}
@media (min-width:992px){
  .col-md-2,
  .col-md-4{
    float:left;
  }
  .col-md-4{
    width:33.33333333%;
  }
  .col-md-2{
    width:16.66666667%;
  }
  .col-md-offset-8{
    margin-left:66.66666667%;
  }
  .col-md-offset-4{
    margin-left:33.33333333%;
  }
  .col-md-offset-0{
    margin-left:0%;
  }
}
.form-control{
  display:block;
  width:100%;
  height:34px;
  padding:6px 12px;
  font-size:14px;
  line-height:1.42857143;
  color:#555555;
  background-color:#fff;
  background-image:none;
  border:1px solid #ccc;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
.form-control:focus{
  border-color:#66afe9;
  outline:0;
  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder{
  color:#999;
  opacity:1;
}
.form-control:-ms-input-placeholder{
  color:#999;
}
.form-control::-webkit-input-placeholder{
  color:#999;
}
.form-control::-ms-expand{
  background-color:transparent;
  border:0;
}

.btn{
	padding:6px 20px;
	font-family:Roboto, Arial, sans-serif;
	font-weight:500;
	line-height:1;
	text-transform:uppercase;
	color:#FFF !important;
	-webkit-border-radius:0;
	border-radius:0;
	border:none !important;
	text-shadow:none;
}

.btn:focus,
.btn:active,
.btn:hover,
.btn:active:hover,
.btn:active:focus{
	outline:none !important;
}

.btn-white{
	background:#FFF;
	color:#000 !important;
}

.btn-transparent{
	background:transparent !important;
}

.btn-white.btn-transparent{
	border:#FFF solid 2px !important;
	color:#FFF !important;
}

.btn-default{
	background:#87CEFA;
}

.btn-default:hover{
	background:#87CEFA;
}

.btn-dark{
	color:#000 !important;
}

.btn-warning{
	background:#E3C20D;
}

.btn-warning:focus,
.btn-warning:active,
.btn-warning:hover,
.btn-warning:active:hover,
.btn-warning:active:focus{
	background:#E3C20D;
}

.btn-success{
	background:#1ab52c;
}
/* ====================== TONE GENERATOR ====================== */
#tone-generator{
	padding:40px 20px 20px 20px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	margin-bottom:20px;
}

#frequency-input{
	font-size:42px;
	font-weight:700;
	text-align:center;
	height:auto;
}

#frequency-slider{
	margin:20px 20px 50px 20px;
}

#volume-slider{
	margin:50px 20px;
}

#on-off-button{
	width:100%;
	margin:50px 0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
}
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base{width:100%;height:100%;position:relative;z-index:1}.noUi-connect{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-origin{position:absolute;height:0;width:0}.noUi-handle{position:relative;z-index:1}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:top .3s,right .3s,bottom .3s,left .3s;transition:top .3s,right .3s,bottom .3s,left .3s}.noUi-state-drag *{cursor:inherit !important}.noUi-base,.noUi-handle{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.noUi-horizontal{height:14px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connect{background:#3FB8AF;box-shadow:inset 0 0 3px rgba(51,51,51,.45);-webkit-transition:background 450ms;transition:background 450ms}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{background:#fff;content:"";width:26px;height:26px;border-radius:50%;position:absolute;top:-8px;left:-13px;-webkit-box-shadow:0px 0px 1px 0px rgba(44, 77, 138, 0.3), 0px 7px 8.55px 0.45px rgba(22, 44, 84, 0.15);box-shadow:0px 0px 1px 0px rgba(44, 77, 138, 0.3), 0px 7px 8.55px 0.45px rgba(22, 44, 84, 0.15)}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after{content:"";width:12px;height:12px;position:absolute;background:#ED1D24;border-radius:50%;top:7px;left:7px;-webkit-box-shadow:inset 0px 2px 0px 0px rgba(0, 0, 0, 0.15);box-shadow:inset 0px 2px 0px 0px rgba(0, 0, 0, 0.15)}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;text-align:center;white-space:nowrap}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate3d(-50%,50%,0);transform:translate3d(-50%,50%,0)}.noUi-marker-horizontal.noUi-marker{margin-left:-0.5px;width:1px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:10px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);padding-left:25px}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}