.wrapcalc {

  width: 300px;

  margin: 0 auto;

      border: 3px solid #00A16E;

    /*padding: 20px;*/

    border-radius: 10px;

    background: #ffffff; 

    padding-bottom: 0;

    font-size: 14px;

      -webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1);

    overflow: hidden;

}



.calc-item {



}



.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {

    height: 3px;

        background: #DCDCDC;

        position: relative;

    width: 100% !important;

    border: none;

}



.ui-slider-range.ui-widget-header.ui-corner-all.ui-slider-range-min {

      height: 3px;

    background: #00A873;

    border: none;

}



.full-sidebar {

    margin-bottom: 15px;

}



.calc-switcher {

    box-shadow: -1px 3px 18px #cccccc;

    border-radius: 30px;

    margin: 15px;

    font-size: 16px;

}

.calc-switcher div {

    line-height: 55px;

    width: 50%;

    text-align: center;

    float: left;

    cursor:pointer;

}

.calc-switcher.clearfix div.calc-switcher-gold {

  border-bottom-left-radius: 30px;

  border-top-left-radius: 30px;

}

.calc-switcher.clearfix div.calc-switcher-tech {

  border-bottom-right-radius: 30px;

  border-top-right-radius: 30px;

}

.calc-switcher.clearfix div.active {

  background: #00A16E;

  background: linear-gradient(to right, #00A16E, #00D998);

  color: #fff;

}



a.ui-slider-handle.ui-state-default.ui-corner-all {

    height: 22px;

    width: 22px;

    display: block;

    position: absolute;

    border-radius: 100%;

    top: -10px;

    margin-left: -11px;

        background: #fff;

    border: 5px solid #00A16E;

    z-index: 5;

    outline: none;

box-shadow: none;

    transition: all 0.01s ease-in-out;

}

.calc-item .s_tex .s_label, .calc-item .s_tex .s_val {

    display: inline-block;

}

.calc-item span.val, .s_result span.val {

    font-size: 16px;

    font-weight: bold;

}

.calc-item {

    margin-bottom: 10px;

        position: relative;

    width: 100%;

    padding: 0 54px;

}

.calc-item button.ui-button.ui-widget.ui-state-default.ui-button-icon-only {

    position: absolute;

    width: 20px;

    height: 20px;

    left: -1px;

    top: 22px;

    border-radius: 100%;

    padding: 0px 1px;

    background: #fff;

    border: 1px solid #00A16E;

}

.s_result {

    width: 100%;

    background: #00A16E;

    padding: 15px 20px;

    color: #fff;

}

.s_result select {

    max-width: 100%;

    width: auto;

    color: #000;

    border: 0;

    width: 100%;

    height: 34px;

    padding: 0 10px;

    margin-bottom: 15px;

    box-shadow: none;

    outline: none;

}



.s_result .calc-item button.ui-button.ui-widget.ui-state-default.ui-button-icon-only {

  top: 1px;

}



.s_result span.r_item {

    width: 100%;

    display: block;

        height: 25px;

}

.r_item_inner.blue-big {

    font-size: 16px;

    font-weight: bold;

}

 span.r_item_inner.fw400 {

  float: right;

}

.ser {

    background: #ececec;

    padding: 15px 20px;

  color: #000;

}

span.r_item.itog {

    border-bottom: 1px solid #fff;

    padding-bottom: 10px;

    display: block;

}

span.r_item.r_date {

    margin-top: 10px;

    display: block;

}

span.calc-tits {

    display: block;

}

.calc-bottom {

    margin: 20px 15px 20px 15px;

}

.calc-bottom button.s_btn.button-modal-open-gold {

    display: block;

    width: 100%;

    margin: 0 auto;

    padding: 15px 0;

    background: linear-gradient(to right, #FF8B26, #FFAB1C);

    border: none;

    border-radius: 30px;

    color: #fff;

    font-weight: bold;

    box-shadow: none;

    outline: none;

    font-size: 16px;

    transition: all 0.2s ease-in-out;

}

.calc-bottom button.s_btn.button-modal-open-gold:hover {

  -webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1);

}



.calc-bottom span#button-val1-gold {

   

}

#gold_percent {

    font-weight: bold;

}

div#calc-wrap .calc-bottom {

  margin-bottom: 20px;

}

/*.shdw {

    position: fixed;

    width: 100%;

    height: 100%;

    background: #00000091;

    z-index: 6;

    top: 0;

    left: 0;

    display: none;

}

.forma {

    position: fixed;

    top: 20%;

    width: 300px;

    margin: auto;

    left: 0;

    right: 0;

    background: #fff;

    z-index: 7;

    display: none;

    padding: 10px 20px;

}

.forma input{

max-width: 100%

}

.close {

    float: right;

}*/



.ui-slider-access.ui-buttonset {

    margin: 0 !important;

    position: absolute;

    display: block;

    width: 100%;

    padding: 0 15px;

    left: 0;

}

.ui-slider-access.ui-buttonset button:first-child {

    position: absolute;

    left: 20px;
    padding: 0;

}

.ui-slider-access.ui-buttonset button:first-child:before {

    content: '-';

    color: #18a070;

    font-size: 19px;

    line-height: 19px;

    opacity: 0.7;

}

.ui-slider-access.ui-buttonset button:hover:first-child:before {

    opacity: 1;

}

.ui-slider-access.ui-buttonset button:last-child {

    position: absolute;

    right: 20px;
    padding: 0;

}

.ui-slider-access.ui-buttonset button:last-child:before {

    content: '+';

    color: #18a070;

    font-size: 19px;

    line-height: 19px;

    opacity: 0.7;

}

.ui-slider-access.ui-buttonset button:hover:last-child:before {

    opacity: 1;

}



.ui-slider-access.ui-buttonset button {

    background: no-repeat;

    border-radius: 50%;

    background: #d2ede3;

    border: 0;

    z-index: 5;

        height: 22px;

    width: 22px;

    display: block;

    margin-top: -19px;

    box-shadow: none;

    outline: none;

}



.r_tab .ui-slider-access.ui-buttonset button:first-child {

    position: absolute;

    left: 0px;

}

.r_tab .ui-slider-access.ui-buttonset button:last-child {

    position: absolute;

    right: 0px;

}

.r_tab  .ui-slider-range.ui-widget-header.ui-corner-all.ui-slider-range-min {

    background: #fdc830;

}



.r_tab a.ui-slider-handle.ui-state-default.ui-corner-all {

    border: 5px solid #fdc830;

}

.r_tab .calc-item {

    padding: 0 34px;

}

div#calc-wrap {

    display: none;  

}