/*! jQuery UI - v1.12.1 - 2016-10-24
* http://jqueryui.com
* Includes: core.css, slider.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

form {
    width: 1000px;
    margin: 0 auto;
    border: 16px solid #186d94;
    padding: 36px 17px 36px 37px;
}

.clearfix {
    clear: both;
    float: none;
    display: table;
}

.area {
    font-family: "Open Sans", sans-serif;
    float: left;
    position: relative;
    padding: 0 21px 0 0;
}

    .area label {
        font-family: "Open Sans", sans-serif;
        display: block;
        margin-bottom: 5px;
        font-size: 14px;
        letter-spacing: .01em;
        color: #6c6c6c;
        padding: 0 0 5px;
    }

    .area input {
        font-family: "Open Sans", sans-serif;
        border: 3px solid #dedede;
        border-radius: 1.8em;
        color: #186d94;
        text-align: center;
        font-size: 24px;
        line-height: 28px;
        width: 113px;
        padding: 15px 20px 11px;
        outline: none;
        margin-right: 15px;
    }

        .area input:focus {
            border-color: #186d94;
            color: #fff;
            background: #186d94;
        }

    .area span {
        font-family: "Open Sans", sans-serif;
        position: absolute;
        right: 0;
        top: 39px;
        font-size: 18px;
        color: #6c6e6f;
    }

.ui-slider-handle {
    width: 36px !important;
    height: 36px !important;
    background: #fff;
    border-radius: 50%;
    border: 3px solid #3c3c3c;
    top: -9px !important;
    z-index: 10 !important;
    outline: none;
}

    .ui-slider-handle:after {
        position: absolute;
        content: '';
        left: 50%;
        top: 50%;
        width: 10px;
        height: 10px;
        background: #3c3c3c;
        margin: -5px 0 0 -5px;
        border-radius: 50%;
        z-index: 2;
    }


.ui-slider-range {
    height: 19px;
    background: #fff343;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.slider_calc {
    position: relative;
    margin-left: 150px;
    padding: 44px 55px 15px 25px;
}

#calc1 {
    font-family: "Open Sans", sans-serif;
    height: 19px;
    background: #43a2ce;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-linear-gradient(left, #43a2ce 0%, #186d94 100%);
    background: -webkit-gradient(linear, left top, right top, from(#43a2ce), to(#186d94));
    background: linear-gradient(to right, #43a2ce 0%, #186d94 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43a2ce', endColorstr='#186d94',GradientType=1 );
    border: 0;
    border-radius: 10px;
    margin: 0 !important;
}

.from {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    letter-spacing: .01em;
    color: #6c6c6c;
    position: absolute;
    left: 24px;
    top: 16px;
}

.to {
    font-family: "Open Sans", sans-serif;
    position: absolute;
    right: 15px;
    top: 20px;
    font-size: 14px;
    letter-spacing: .01em;
    color: #6c6c6c;
    position: absolute;
}

#amount {
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    position: absolute;
    top: -40px;
    left: 0;
    margin: 0 0 0 10px;
}

.price {
    font-family: "Open Sans", sans-serif;
    float: left;
}

    .price span {
        font-family: "Open Sans", sans-serif;
        font-size: 25px;
        display: inline-block;
        vertical-align: top;
        line-height: 36px;
    }

    .price #price {
        font-family: "Open Sans", sans-serif;
        font-weight: 500;
        color: #186d94;
        font-size: 36px;
        line-height: 36px;
        padding-top: 0;
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 2px;
        display: inline-block;
        vertical-align: top;
        border-bottom: 4px solid #186d94;
    }

    .price p {
        font-family: "Open Sans", sans-serif;
        font-family: 'Museo Sans';
        font-size: 14px;
        letter-spacing: .01em;
        color: #6c6c6c;
        padding-top: 2px;
    }

.button {
    font-family: "Open Sans", sans-serif;
    float: right;
}

    .button button {
        font-family: "Open Sans", sans-serif;
        text-align: center;
        vertical-align: top;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        padding: 7px 20px;
        border: 3px solid #d4dee3;
        border-radius: 1.8em;
        background: #fff;
        text-transform: uppercase;
        background: #fff;
        color: #186d94;
        position: relative;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        width: 100%;
        display: block;
        font-size: 20px;
        letter-spacing: .025em;
        padding: 25px 37px 21px 28px;
        cursor: pointer;
    }

        .button button:hover {
            color: #fff;
            background: #186d94;
            border-color: #186d94;
        }