#calc .cBlock-text .h1 {
    color: 
    #fff;
}
.m-block .button--block {
    margin: 30px 0 0;
}
.button--block .result{
  display: none;
}
#calc .body {
    margin: 30px auto;
    opacity: 0.95;
}

.m-block .body {
    background: 
    rgba(243,243,243,0.75) !important;
    opacity: .95;
}

.modal-form .body::before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
    border-left: 20px solid 
transparent;
border-right: 20px solid
    transparent;
    border-bottom: 20px solid #f2f2f2;
}

#calc table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0 10px;
}

#calc table {
    border-collapse: collapse;
}
#calc table td.one {
    width: 0;
    background: 
    transparent;
}

#calc table td.one ul {
    margin: 0;
    padding: 0;
    display: table;
    width: 250px;
}
#calc   ul li::before {
	display: none;
}
#calc table td.one ul li.active {
	cursor: default;
    background: #95c705 !important
}
#calc table td.one ul {
	list-style-type: none;
}
#calc table td.one ul li {
    display: table;
        padding: 20px;
    display: block;
    text-align: center;
    cursor: pointer;
    list-style-type: none;
    width: 100%;
    background: 
#fff;
margin: 7px 0 0;
box-shadow: 0 0 10px
    #95c705;
    outline: none;
}

#calc table td {
    width: 100%;
    vertical-align: top;
}


#calc table td .item.active, #calc table td .item.item-submit {
    display: table;
}

#calc table td .item {
    display: none;
    width: 100%;
    height: 100%;
}

#calc table td .item .item-s {
    display: table;
    width: 100%;
    height: 100%;
}

#calc table td .item .area {
    margin: 0 auto 15px;
}

#calc table td .item .area span {
    float: left;
    font-size: 18px;
    color: 
    #000;
    line-height: 46px;
}

#calc table td .item .area span.r {
    float: right;
    font-size: 23px;
    line-height: 46px;
    margin-left: 15px;
}


#calc table td .item .area span.r > sup {
    font-size: 12px;
    margin-top: -5px;
    display: inline-block;
    height: 30px;
    vertical-align: top;
}


#calc table td .item .area input {
    float: right;
    padding: 10px 20px;
    width: 80px;
    text-align: center;
}

#calc  input[type="range"] {
    -webkit-appearance: none;
    width: 90%;
    border-radius: 8px;
    height: 7px;
    background-color: #95c705;
border: 3px solid
#fff !important;
margin: 15px auto;
outline: none;
box-shadow: 0 0 7px #95c705;
}

#calc table td .item .area, #calc table td .item .price, #calc table td .item .submit {
    display: table;
    width: 90%;
    margin: 15px auto;
    color: 
    #000;
}


#calc table td .item .price .i-tem {
    margin-right: 15px;
    font-weight: normal;
}

#calc table td .item .price span {
    font-size: 18px;
    line-height: 25px;
}

#calc table td .item .price .price-summ > span {
	color: #c62223;
}

#calc table td .item .price .p2 span {
    font-size: 25px;
    line-height: 30px;
}

#calc table td .item.active, #calc table td .item.item-submit {
    display: table;
}


#calc table td .item .item-s {
    display: table;
    width: 100%;
    height: 100%;
}

#calc table td .item .area, #calc table td .item .price, #calc table td .item .submit {
    display: table;
    width: 100%;
    margin: 15px auto;
    color: 
    #000;
}

#calc table td .item input[type="submit"] {
    text-align: center;
    text-decoration: none;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.2);
    font-size: 18px;
    display: table;
    padding: 10px 50px;
    border-radius: 7px;
    box-shadow: 0 0 10px #999;
    color: #fff;
    background-color: #c00;
}
#dscallcalc #dscallcalc-form{
  padding: 15px 30px 15px 0;
}


	

#calc input[type=range] {
  -webkit-appearance: none; /* Скрывает слайдер, чтобы можно было создать свой */
  width: 100%; /* Указание параметра ширины требуется для Firefox. */
  border:none;
  outline-offset: 0;

}

#calc input[type=range]::-moz-focus-outer, #calc input[type=range]::-moz-focus-inner {
    border: 0;
    padding: 0;
}
 
#calc input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border:none;
  outline-offset: 0;

}
 
#calc input[type=range]:focus, #calc input[type=range]:active{
  outline: none; /* Убирает голубую границу у элемента. Хотя, возможно, и стоит создавать некоторое оформления для состояния фокуса в целях обеспечения доступности. */
  border:none;
  outline-offset: 0;

}
 
#calc input[type=range]::-ms-track {
  width: 100%;
  border:none;
   outline: none; 
  cursor: pointer;
  background: transparent; /* Скрывает слайдер, чтобы можно было добавить собственные стили. */
  border-color: transparent;
  color: transparent;
}

/* Специальные правила для браузеров на движках WebKit/Blink */
#calc input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
/*  border: 1px solid #000000;*/
  height: 25px;
  cursor: pointer;
   outline: none; 
  width: 25px;
  border-radius: 20px;

  background-color: #95c705 !important;
  cursor: pointer;
  margin-top: -14px; /* Вам нужно указать значение для поля в Chrome, но в Firefox и IE это происходит автоматически */

}
 
/* Тоже самое для Firefox */
#calc input[type=range]::-moz-range-thumb {
 outline: none; 
 cursor: pointer;
/*  border: 1px solid #000000;
  height: 36px;
  width: 16px;*/
  background-color: #95c705 !important;
   height: 25px;
  width: 25px;
  border-radius: 20px;

  cursor: pointer;
}
 
/* Тоже самое для IE */
#calc input[type=range]::-ms-thumb {
 outline: none; 
 cursor: pointer;
/*  border: 1px solid #000000;
  height: 36px;
  width: 16px;*/
  height: 25px;
  width: 25px;
  border-radius: 20px;
background-color: #95c705 !important;
  cursor: pointer;
}

#calc table tbody td {
	padding: 10px;
}

#calc table {
	background:#eeeeee;	
}

#calc .price {
    background: #f5fbe3;
    border-radius: 0;
    border-color: #f5fbe3;
    box-shadow: none;
}
#calc .price .p1 {
	padding: 10px;
  font-weight: bold;
}


#calc #dscallcalcformmessagereport .error-report{
	display: none;
}


/* Special styling for WebKit/Blink */
#calc input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  margin-top: -2px; 
}

/* All the same stuff for Firefox */
#calc input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
   height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
}

/* All the same stuff for IE */
#calc input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
   height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
}




@media (max-width: 630px){
	#calc table td {
		display: block;
		width: 100%;
	}
		#calc #getpriceullist {
	margin: 0 auto;
}
#calc table td.one {
	width: 100%;
}
}