.calc__form{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-bottom:60px;
}
.calc__inputs{
    width:300px;
}
.calc__image{
    width:300px;
    overflow:hidden;
}
.calc__image img{
    height:190px;
}



.calc__row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    width:300px;
    font-size:16px;
    min-height:48px;
    margin-bottom:12px;
    
    
}
.calc__row.notice{
    font-size:13px;
    color:var(--dark-grey);
}
.calc__cell{
    width:100%;
    height:48px;
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    
    
}
.cell__name{
   width:50%;
    font-weight:bold;
}
.cell__input{
    
}
.cell__input input{
    text-align:center;
    font-size:16px;
    padding:5px 10px;
    width:60px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  display: none;
}
.cell__input input:focus{
    outline:auto;
}
.calc__but{
    width:50%;
}



.but__calculate.style-2{
    background-color:var(--main-orange);
    color:white;
    font-weight:bold;
    box-shadow:7px 7px 11px 3px var(--dark-grey);
}
.but__calculate.style-2:hover{
    background-color:var(--main-orange);
    color:white;
    box-shadow:1px 2px 10px 1px var(--dark-grey);
}

.but__reset.style-2{
    background-color:var(--light-grey);
    color:#000;
    font-weight:bold;
    box-shadow:7px 7px 11px 3px var(--dark-grey);
}
.but__reset.style-2:hover{
    background-color:var(--light-grey);
    color:#000;
    box-shadow:1px 2px 10px 1px var(--dark-grey);
}

.error__block{
    box-shadow:0px 0px 20px 2px red;
    padding:12px;
    width:100%;
    margin:24px 0;
    font-size:16px;
}
.error__title{
    font-weight:bold;
    font-size:24px;
    color:red;
}
.error__body em{
    font-weight:bold;
    font-style:normal;
}


.calc__result{
    display:none;
    width:100%;
}
.calc__table{
    
    box-shadow:5px 10px 20px 2px var(--dark-grey);
    padding:6px 12px;
    width:100%;
}

.calc__table h3{
    text-align:center;
    text-transform:none;
    font-weight:bold;
    font-size:24px;
    line-height:36px;
}
.calc__table .calc__row.buttons{
    width:100%;
    justify-content: space-between;
    padding:24px;
    margin:0;
}
.calc__table .calc__but{
    width:200px;
}
.calc__table .calc__but input{
    width:195px;
}
.result__table{
    display:table;
    width:100%;
    border:1px solid var(--dark-grey);
    border-collapse: collapse;
}

.result__table .calc__row{
    width:100%;
    align-items:center;
    display:table-row;
    
}

.result__table .calc__row div{
    display:table-cell;
    border:1px solid var(--dark-grey);
    padding:12px;
}
.result__table .calc__row div.blank{
    border:none;
}
.result__table .calc__row.total{
    font-weight:bold;
}
.result__table .calc__row.total div.calc__name{
    border:none;
}
.calc__row.intro{
    width:100%;
    text-align:center;
}
.intro__total{
    margin:auto;
}
.calc__row.titles{
    display:table-header-group;
    font-weight:bold;
    text-align:center;
}
.calc__row .calc__price{
    text-align:center;
}

.form__perekr .calc__row{
    width:320px;
}
.form__perekr .calc__row.intro{
    width:100%;
    text-align:center;
}

.form__perekr .cell__name{
    width:65%;
}

.form__perekr .cell__input input{
    width:70px;
}

select.calc__select{
    font-size:16px;
    background:#fff;
    padding:8px 1px 8px 16px;
    
}






/***********************************/


.calculators{}

.calcSect{background:white;padding:15px;margin-bottom:25px;}

.calcSectTitle{clear:both;overflow:auto;}
.calcSectTitle div{float:left;}

.calcSectImg img{width:100px;}

.calcSectName{margin:0 25px;width:250px;}
.calcSectName h2{border:none!important;padding:0!important;margin:auto!important;line-height:75px;}

.calcSectButs{width:250px;}
.calcSectButs .calcBut{float:none;width:100%}
.calcBut.onCalc{margin-bottom:20px;}
.calcSectButs .pushBut2{width:100%;line-height:20px;font-size: 12px;font-family: Verdana, sans-serif;}
.proCalc .pushBut2{border: 2px solid #afafaf;
    box-shadow: 0 0 0 60px rgba(0,0,0,0) inset, 0.1em 0.1em 0.2em #6b6b6b;
    background-color: #d6d6d6;
    color: black!important;
    text-shadow: none;
    }

.calcPerT1,.calcStenT1{max-width:600px;padding:20px;}

.calcRow{clear:both;overflow:auto;padding:10px;margin-top:5px;background-color:aliceblue;border-radius:10px;}

.calcParam{float:left;line-height:50px;overflow:auto;width:210px;font-weight:bold;font-size:14px;}
.calcBlock{display:none;max-width:640px;margin:auto;}
.calcBlock em{color:red;font-style:normal;}
.calcInput{float:left;width:280px;font-size:14px;}

.calcInput{}

.sliderBox{width: 100%;margin-top:20px;}
.slider{width:70%;float:left;}
.heightValueLabel{float:left;margin-left:20px;width:17%;}
.calcInput input{width:80px;font-size:16px;text-align:center;padding:10px;margin:0;}
.calcInput select{width:70px;font-size:16px;text-align:center;padding:10px;}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus::-ms-input-placeholder { color:transparent; } /* IE 10+ */

.ui-widget-content{background:#4caf50;}

.ui-widget.ui-widget-content{width:75%;float:left;}
.ui-slider-horizontal .ui-slider-handle{top:-0.5em;width:1.5em;height:1.5em;outline:none;}

.calcBut{float:left;width:50%;text-align:center;}

.calcBut input[type=button] {
   position: relative;
  display: inline-block;
  width: 10.5em;
  line-height: 2em;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 1px #777;
  color: #fff!important;
  outline: none;
  border: 2px solid #4caf50;
  border-radius: 5px;
  box-shadow: 0 0 0 60px rgba(0,0,0,0) inset, .1em .1em .2em #0e5d00;
  background-color:#4caf50;
  text-transform:uppercase;
}
.calcBut input[type=button]:hover {
filter:saturate(1.35);-webkit-filter:saturate(1.35);
}
.calcBut input[type=button]:active {
   top: 2px;
  left: 2px;
  box-shadow: 0 0 0 60px rgba(0,0,0,.05) inset!important;
}




.calcResult{display:none;/*max-width:600px;padding:20px;*/padding-top:20px;}

.calcResult input{width:70px;color: #35464c;font-size:14px;border:none;background-color:#f0f8ff;text-align:center;}



.calcResultTable .calcRow{float:none;clear:both;/*background:white;*/}
.calcResultTable .calcRow div{float:left;margin-left:10px;}
.calcTableTitle{font-weight:bold;line-height:25px;}
.calcTableTitle .tableQty{font-size:12px!important;margin-top:15px;}
.calcTableTitle .rowNumb,.calcTableTitle .tableElem{margin-top:15px;}
.calcRow .rowNumb{margin-left:0!important;}
.calcRow .tableElem{width:220px;}
.tableQty{font-size:11px;width:75px;}
.tableQty input{width:40px;}


.calcResultTable .tablePrice{font-size:12px;text-align:center;}
.tablePrice .priceBoth{clear:right;float:none!important;}
.calcResultTable .priceDay{width:60px;}
.calcResultTable .priceDay input{width:55px;}
.calcResultTable .priceAll{width:70px;}

.calcRow.totalRow{font-weight:bold;}
.calcRow.totalRow input{font-weight:bold;}
.tableTotal{width:320px;}

.calcStenT1 .calcResultTable{text-align:center;}
.calcStenT1 .calcTableTitle{width:100%;}
.calcStenT1 .calcTableRow{width:100%;}
.calcStenT1 .tablePrice{width:90%;}
.calcStenT1 .calcResultTable .priceDay{width:45%;}
.calcStenT1 .calcResultTable .priceAll{width:45%;}
.calcStenT1 .calcTableRow input{text-align:right;}

.calcResDesc {padding: 20px;margin-top: 15px;border-radius: 10px;background-color:#f4fbf0;}
.calcResDesc.cta{background-color:#efefef;}

#calcTypical{overflow:auto;clear:both;float:none;}
.calcTypeBlock{width:30%;float:left;text-align:center;}
.calcTypeName{padding:10px 0;}
.calcTypical .calcResultTables{width:60%;float:left;}
.calcTypical .calcResultTable{margin-bottom:25px;}
.calcTypical .rowName{text-align:center;background-color:#d4f3d6;}
.calcTypical .rowName .calcTableTitle{width:96%;}
.calcTypical .calcResultTable .calcRow div{margin-top:0;}
.calcTypical .calcRow .tableElem{width:300px;}
.calcTypical .priceDef{width:60%;float:left;text-align:center;}
.calcTypical .priceDef.small{width:37%;margin-left:2%;}
.calcTypical .defDesc{float:none;overflow:auto;padding-bottom:20px;}
.calcTypical .defPrice{margin-top:20px;}
.calcTypical .calcFormPro {padding: 0 15px;overflow:auto;}


.togBotPer,.togBotSten{display:none;width:100%;margin-bottom:-15px;line-height:35px;padding-left:-15px;border: none;background:rgba(240, 240, 240, 0.22);color:#afafaf;}
.togBotPer:hover,.togBotSten:hover{background:rgba(240, 240, 240, 0.72);color:#7b7777;}


.visible{display:block;}