/* Start:/bitrix/templates/.default/components/servak/blank.component/calc/style.css?17858473334495*/
@media screen and (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 992px) {
}@media (max-width: 991px) {
}@media (min-width: 768px) {
}@media (min-width: 992px) {
}@media (max-width: 991px) {
}@media (max-width: 991px) {
}.calc-roof_wrap {
  margin-bottom: 40px;
}
.roof-types,
.roof-sizes,
.roof-materials,
.add-materials,
.calc-roof__button,
.calc-roof__result {
  overflow: hidden;
  margin-bottom: 40px;
}
.roof-sizes,
.roof-materials,
.add-materials,
.calc-roof__button {
  display: none;
}
.calc-roof__title {
  color: #ea5927;
  font-size: 21px;
  margin-bottom: 20px;
}
.calc-roof__title span {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 4px;
  color: #fff;
  background: #ea5927;
  font-size: 18px;
  font-weight: bold;
}
.roof-type__field {
  float: left;
  width: 160px;
  text-align: center;
  margin: 0 0 20px;
  cursor: pointer;
}
.roof-type__img-frame {
  border: 1px dashed #c6b995;
  height: 113px;
  line-height: 113px;
  margin-bottom: 10px;
  border-radius: 5px;
}
.roof-type__img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}
.roof-type__img-2,
.roof-type__field:hover .roof-type__img-1,
.roof-type__field.selected .roof-type__img-1 {
  display: none;
}
.roof-type__field:hover .roof-type__img-frame,
.roof-type__field.selected .roof-type__img-frame {
  border: 1px dashed #ea5927;
  position: relative;
}
.roof-type__field:hover .roof-type__img-2,
.roof-type__field.selected .roof-type__img-2 {
  display: inline-block;
}
.roof-type__field input {
  margin-right: 5px;
}
.roof-type__field label {
  font-size: 14px;
  font-weight: normal;
}
.roof-size__field {
  line-height: 30px;
  font-size: 18px;
  margin: 0 0 20px 0;
}
.roof-size__field input {
  padding: 5px;
  border: 1px solid #a9a9a9;
  border-radius: 3px;
  width: 160px;
  margin-right: 5px;
}
.calc-roof__none {
  display: none;
}
.roof-materials__field,
.add-materials__field {
  line-height: 30px;
  display: block;
  font-size: 18px;
  text-align: center;
  border-radius: 3px;
  float: left;
  cursor: pointer;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.roof-materials__field-frame,
.add-materials__field-frame {
  padding: 5px 0;
  border: 1px dashed #ea5927;
}
.selected .roof-materials__field-frame,
.selected .add-materials__field-frame {
  color: #fff;
  background: #ea5927;
}
.calc-roof__result {
  border-top: 1px dashed #c5c5c5;
  padding-top: 40px;
}
.button-panel {
  margin-top: 40px;
}
.button-panel a {
  text-decoration: none;
  margin-bottom: 20px;
  white-space: normal;
}
.calc-roof__result .btn_cart,
.calc-roof__result .btn_cart:hover,
.calc-roof__result .btn_cart:active {
  background-image: url("/bitrix/templates/.default/components/servak/blank.component/calc/images/icon-cart.png");
  background-position: 13px center;
  background-repeat: no-repeat;
  padding-left: 49px;
}
.calc-roof_wrap .calc-roof__result .btn_cart,
.calc-roof_wrap .calc-roof__result .btn_cart:hover,
.calc-roof_wrap .calc-roof__result .btn_cart:active {
  background-position: 10px center;
  padding-left: 45px;
}
.calc-roof__result .btn_print {
  background: url("/bitrix/templates/.default/components/servak/blank.component/calc/images/icon-print-g.png") 10px center no-repeat #fff;
  padding-left: 40px;
  font-size: 16px;
  color: #6f6f6f;
  border: 1px solid #6f6f6f;
  text-transform: none;
}
.calc-roof_wrap .calc-roof__result .btn_print {
  background: url("/bitrix/templates/.default/components/servak/blank.component/calc/images/icon-print-g.png") 8px center no-repeat #fff;
  padding-left: 36px;
}
.calc-roof__result .btn_print:hover,
.calc-roof__result .btn_print:active {
  background: url("/bitrix/templates/.default/components/servak/blank.component/calc/images/icon-print-w.png") 10px center no-repeat #6f6f6f;
  color: #fff;
  border: 1px solid #6f6f6f;
}
.calc-roof_wrap .calc-roof__result .btn_print:hover,
.calc-roof_wrap .calc-roof__result .btn_print:active {
  background: url("/bitrix/templates/.default/components/servak/blank.component/calc/images/icon-print-w.png") 8px center no-repeat #6f6f6f;
}
.calc-roof__result .btn_send {
  background: url("/bitrix/templates/.default/components/servak/blank.component/calc/images/icon-send-g.png") 10px center no-repeat #fff;
  padding-left: 40px;
  font-size: 16px;
  color: #6f6f6f;
  border: 1px solid #6f6f6f;
  text-transform: none;
}
.calc-roof_wrap .calc-roof__result .btn_send {
  background: url("/bitrix/templates/.default/components/servak/blank.component/calc/images/icon-send-g.png") 8px center no-repeat #fff;
  padding-left: 36px;
}
.calc-roof__result .btn_send:hover,
.calc-roof__result .btn_send:active {
  background: url("/bitrix/templates/.default/components/servak/blank.component/calc/images/icon-send-w.png") 10px center no-repeat #6f6f6f;
  color: #fff;
  border: 1px solid #6f6f6f;
}
.calc-roof_wrap .calc-roof__result .btn_send:hover,
.calc-roof_wrap .calc-roof__result .btn_send:active {
  background: url("/bitrix/templates/.default/components/servak/blank.component/calc/images/icon-send-w.png") 8px center no-repeat #6f6f6f;
}

/* End */
/* /bitrix/templates/.default/components/servak/blank.component/calc/style.css?17858473334495 */