.rangeslider,.rangeslider__fill{
    display:block;
   
}
.rangeslider{
    background:#f2f2f2; margin-top:30px;
    position:relative
}
.rangeslider--horizontal{
    height:8px;
    width:100%
}
.rangeslider--vertical{
    width:20px;
    min-height:150px;
    max-height:100%
}
.rangeslider--disabled{
    filter:alpha(Opacity=40);
    opacity:.4
}
.rangeslider__fill{
    background:#61c5f1;
    position:absolute
}
.rangeslider--horizontal .rangeslider__fill{
    top:0;
    height:100%
}
.rangeslider--vertical .rangeslider__fill{
    bottom:0;
    width:100%
}
.ran_input{width:100%; overflow:hidden; float:left;}

#js-amount-input{ border-bottom: 3px solid #7579ff; background:none; font-size:26px; padding:12px 27px; border:none; float:left; margin-top:-15px; color:#7579ff; font-weight:400;}

.enter_btn{ float:left; width:100%; text-align:center; margin-top:30px; padding-bottom:30px;}
.enter_btn input[type="submit"]{ background:#61c5f1; color:#fff; border-radius:15px; font-size:16px; line-height:30px; width:100px; text-align:center; border:none;}
.rangeslider__handle{
    
   
    cursor:pointer;
    display:inline-block;
    width:18px;
    height:18px;
    position:absolute;
    background-size:100%;
    background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(255,255,255,0)),color-stop(100%,rgba(0,0,0,.1)));
    background-image:-moz-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,.1));
    background-image:-webkit-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,.1));
    background-image:linear-gradient(rgba(255,255,255,0),rgba(0,0,0,.1));
    -moz-box-shadow:0 0 8px rgba(0,0,0,.3);
    -webkit-box-shadow:0 0 8px rgba(0,0,0,.3);
    box-shadow:0 0 8px rgba(0,0,0,.3);
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%; background:#61c5f1;
}
.rangeslider__handle:after{
    content:"";
    display:block;
    width:18px;
    height:18px;
    margin:auto;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size:100%;
    background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(0,0,0,.13)),color-stop(100%,rgba(255,255,255,0)));
    background-image:-moz-linear-gradient(rgba(0,0,0,.13),rgba(255,255,255,0));
    background-image:-webkit-linear-gradient(rgba(0,0,0,.13),rgba(255,255,255,0));
    background-image:linear-gradient(rgba(0,0,0,.13),rgba(255,255,255,0));
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%
}
.rangeslider--active .rangeslider__handle,.rangeslider__handle:active{
    background-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size:100%;
    background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,rgba(0,0,0,.12)));
    background-image:-moz-linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.12));
    background-image:-webkit-linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.12));
    background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.12))
}
.rangeslider--horizontal .rangeslider__handle{
    top:-10px;
    touch-action:pan-y;
    -ms-touch-action:pan-y
}
.rangeslider--vertical .rangeslider__handle{
    left:-10px;
    touch-action:pan-x;
    -ms-touch-action:pan-x
}
input[type=range]:focus+.rangeslider .rangeslider__handle{
    -moz-box-shadow:0 0 8px rgba(255,0,255,.9);
    -webkit-box-shadow:0 0 8px rgba(255,0,255,.9);
    box-shadow:0 0 8px rgba(255,0,255,.9)
}
/*# sourceMappingURL=rangeslider.min.css.map */
