.calculator-wrapper{
    background: #f7f7f7;
    position: relative;
    margin: 20px 0px;
    padding: 30px 0px;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
.calculator-wrapper h1{
    padding: 0px 16px;
    margin: 20px;
    text-transform: uppercase;
    color: #46484c;
    flex-basis: 50px;
    text-align: center;
}
.calculator-wrapper #calcForm {
    background: #57946d;
    padding: 20px;
    display: flex;
    flex-flow: column;
    width: 800px;
}
.calculator-wrapper #calcForm .param-wrap .input_param {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}
.calculator-wrapper #calcForm .param-wrap .input_param section {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-basis: 50%;
}
.calculator-wrapper #calcForm label {
    padding: 10px 0px;
    font-size: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    color: #fff;
    font-weight: 300;
    margin: 0 0 1em 0;
}
.calculator-wrapper #calcForm label input[type="radio"]{
    z-index: -1;
}
.calculator-wrapper #calcForm select,#main .calculator-wrapper #calcForm input {
    box-shadow: 0px 0px 6px #cac4c4;
    padding: 10px 10px;
    color: #6d4803;
    background: whitesmoke;
    text-transform: uppercase;
    font-weight: bold;
    border: 0 solid transparent;
    border-color: transparent;
    margin-right: 25px;
}
.calculator-wrapper #calcForm input[type="text"], .calculator-wrapper #calcForm input[type="password"], .calculator-wrapper #calcForm input[type="email"], .calculator-wrapper #calcForm select, .calculator-wrapper #calcForm textarea {
    background: whitesmoke;
    margin-right: 25px;
}
.calculator-wrapper #calcForm input.sSmall {
    background: #3e8859;
    color: #fff;
    font-size: 20px;
}
.calculator-wrapper #calcForm input:focus{
    box-shadow: 0px 0px 6px #ca2800;
    border: 1px solid #921e00; /* Параметры рамки */
}
.calculator-wrapper #calcForm button {
    background: #fb5555;
    border: none;
    padding: 15px;
    color: #fff;
    font-weight: bold;
    display: flow-root;
    justify-content: space-around;
    align-items: center;
    text-transform: uppercase;
    margin: 10px;
    cursor: pointer;
    font-size: 18px;
    border-radius: 10px;
}
.calculator-wrapper #calcForm .param-wrap > div,
.calculator-wrapper #calcForm .param-wrap .input_param section > div{
    display: flex;
    flex-flow: row;
    color: #fff;
    font-size: 26px;
    justify-content: space-between;
    align-items: center;
}

.calcValue {
    font-size: 26px;
    padding: 0px 8px;
    color: #e68b15;
    text-shadow: 1px 1px 1px #463f3f;
}
.calculator-wrapper #calcForm label.radio_wrap{
    position: relative;
    flex-flow: row;
    cursor: pointer;
    font-size: 16px;
    justify-content: center;
}

/* Create a custom radio button */
.calculator-wrapper #calcForm label.radio_wrap .checkmark {
    position: relative;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.calculator-wrapper #calcForm label.radio_wrap input {
    margin: 0;
}
/* On mouse-over, add a grey background color */
.calculator-wrapper #calcForm label.radio_wrap:hover input ~ .checkmark {
    background-color: #a7e805;
}

/* When the radio button is checked, add a blue background */
.calculator-wrapper #calcForm label.radio_wrap input:checked ~ .checkmark {
    background-color: #a7e805;
    border: 1px solid #a7e805;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.calculator-wrapper #calcForm label.radio_wrap .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.calculator-wrapper #calcForm label.radio_wrap input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.calculator-wrapper #calcForm label.radio_wrap .checkmark:after {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #73104f;
}
.calculator-wrapper label {
    text-transform: uppercase;
    margin-top: 0;
    padding: 10px;
    color: #444;
    border-bottom: 1px solid #444444;
    display: flex;
    width: 300px;
    justify-content: flex-start;
    cursor: context-menu;
}
.input-medium{
    height: 3em!important;
    -moz-appearance: none!important;
    -webkit-appearance: none!important;
    -o-appearance: none!important;
    -ms-appearance: none!important;
    appearance: none!important;
    background: #f8f8f8!important;
    border-radius: 6px!important;
    border: solid 1px #e5e5e5!important;
    color: inherit!important;
    display: block!important;
    outline: 0!important;
    padding: 0 1em!important;
    text-decoration: none!important;
    width: 100%!important;
}
.feedback{
    border-radius: 6px!important;
    border: 0!important;
    display: inline-block!important;
    font-weight: 400!important;
    height: 3em!important;
    line-height: 3em!important;
    padding: 0 2em!important;
    text-align: center!important;
    text-decoration: none!important;
    white-space: nowrap!important;
    font-size: 16pt!important;
    width: 100%;
}
.btn-success.active{color:rgba(255, 255, 255, 0.75);}
.btn-success{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#5bb75b;background-image:-moz-linear-gradient(top, #62c462, #51a351);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image:-webkit-linear-gradient(top, #62c462, #51a351);background-image:-o-linear-gradient(top, #62c462, #51a351);background-image:linear-gradient(to bottom, #62c462, #51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);border-color:#51a351 #51a351 #387038;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#51a351;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{color:#ffffff;background-color:#51a351;*background-color:#499249;}
.btn-success:active,.btn-success.active{background-color:#408140 \9;}
[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url("../img/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat;margin-top:1px;}
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:focus>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>li>a:focus>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:focus>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"],.dropdown-submenu:focus>a>[class*=" icon-"]{background-image:url("../img/glyphicons-halflings-white.png");}
.icon-user{background-position:-168px 0;}
.icon-book{background-position:-48px -48px;}

.input-append,.input-prepend{display:inline-block;margin-bottom:10px;vertical-align:middle;font-size:0;white-space:nowrap;}.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input,.input-append .dropdown-menu,.input-prepend .dropdown-menu,.input-append .popover,.input-prepend .popover{font-size:14px;}
.input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853;}
.input-prepend .add-on,.control-group.error .input-append .add-on{color:#b94a48;background-color:#f2dede;border-color:#b94a48;}
.input-prepend .add-on,.control-group.success .input-append .add-on{color:#468847;background-color:#dff0d8;border-color:#468847;}
.input-prepend .add-on,.control-group.info .input-append .add-on{color:#3a87ad;background-color:#d9edf7;border-color:#3a87ad;}
.input-append .add-on,.input-prepend .add-on{display:inline-block;width:auto;height:20px;min-width:16px;padding:4px 5px;font-size:14px;font-weight:normal;line-height:20px;text-align:center;text-shadow:0 1px 0 #ffffff;background-color:#eeeeee;border:1px solid #ccc;}
.input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn,.input-append .btn-group>.dropdown-toggle,.input-prepend .btn-group>.dropdown-toggle{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.input-prepend .add-on,.input-prepend .btn{margin-right:-1px;}
.input-prepend .add-on:first-child,.input-prepend .btn:first-child{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
.input-append .add-on,.input-prepend .add-on{display:inline-block;width:auto;height:20px;min-width:16px;padding:4px 5px;font-size:14px;font-weight:normal;line-height:20px;text-align:center;text-shadow:0 1px 0 #ffffff;background-color:#eeeeee;border:1px solid #ccc;}
.input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn,.input-append .btn-group>.dropdown-toggle,.input-prepend .btn-group>.dropdown-toggle{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.input-append .active,.input-prepend .active{background-color:#a9dba9;border-color:#46a546;}
.input-prepend .add-on,.input-prepend .btn{margin-right:-1px;}
.input-prepend .add-on:first-child,.input-prepend .btn:first-child{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
.input-append input,.input-append select,.input-append .uneditable-input{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}.input-append input+.btn-group .btn:last-child,.input-append select+.btn-group .btn:last-child,.input-append .uneditable-input+.btn-group .btn:last-child{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
.input-append .add-on,.input-append .btn,.input-append .btn-group{margin-left:-1px;}
.input-append .add-on:last-child,.input-append .btn:last-child,.input-append .btn-group:last-child>.dropdown-toggle{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
.input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.input-prepend.input-append input+.btn-group .btn,.input-prepend.input-append select+.btn-group .btn,.input-prepend.input-append .uneditable-input+.btn-group .btn{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
.input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
.input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
.input-prepend.input-append .btn-group:first-child{margin-left:0;}
input.search-query{padding-right:14px;padding-right:4px \9;padding-left:14px;padding-left:4px \9;margin-bottom:0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
.form-search .input-append .search-query,.form-search .input-prepend .search-query{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.input-append, .input-prepend {
    display: flex;
    flex-basis: 32.2%;
}
.input-prepend .add-on, .input-prepend .btn {
    display: flex;
    height: 37px;
    align-items: center;
    margin-right: -1px;
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}