/* ----------------------------
calc style
-------------------------------*/
@-webkit-keyframes cd-bounce {0%, 100% {-webkit-transform: scale(1);} 50%{-webkit-transform: scale(0.8);}
}
@-moz-keyframes cd-bounce {
  0%, 100% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(0.8);
  }
}
@keyframes cd-bounce {
  0%, 100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}
sup {vertical-align:super; font-size:0.6em; top:-0.1em}
sup.pc-info {top:-0.1em}
#ceiling_calc_block a {border-bottom:none}

#ceiling_calc_block *, #ceiling_calc_block *:after, #ceiling_calc_block *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#ceiling_calc_block {width:100%; max-width:1100px; border:none; padding:12px; margin:0 auto; position:relative; /* background:rgba(0, 0, 0, 0.12);*/ box-sizing:border-box;}
#ceiling_calc_block h2 {font-size:1.9em; text-transform:uppercase; text-align:center; position:relative; height:1.5em; line-height:1.2em; font-weight:400; margin-top:22px; margin-bottom:25px; padding:0;}

#ceiling_calc_block .wrapper-block {background:#fff;margin:45px auto;padding: 0 8px 18px 28px; position:relative; max-width:950px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-sizing:border-box;}
#ceiling_calc_block .wrapper-block:after {content:''; width:35px; height:35px; position:absolute; bottom:-17px; left:50%; background:#fff;transform: rotate(45deg); margin-left:-18px;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);}
#ceiling_calc_block .wrapper-block.slide-block {height:75px; overflow:hidden; margin-bottom:20px;}
#ceiling_calc_block .wrapper-block.slide-block h2 {padding-bottom:10px;cursor:pointer; /*background:url('cd-icon-h-slide.svg') no-repeat 70% center*/}
#ceiling_calc_block .wrapper-block.slide-block h2.slide-open { /*background:url('cd-icon-h-slide-open.svg') no-repeat 70% center*/}
#ceiling_calc_block .wrapper-block.slide-block h2 i.fa-angle-down {
animation: 1s linear 0s normal none infinite running arrowBubble;
display: inline-block;
    
    position: relative;
    top: 0;
}
#ceiling_calc_block .wrapper-block.slide-block h2.slide-open i.fa-angle-down { transform: rotate(180deg);  }

#ceiling_calc_block .none-pseudo:after, #ceiling_calc_block .none-pseudo:before {display:none !important}

/*слайдеры*/
#ceiling_calc_block .ui-slider .ui-slider-handle {width: 4.5em;height: 2.2em;border: 1px solid rgb(2, 96, 154); background:#fff; color:#000; font-weight:700}
#ceiling_calc_block .ui-slider-horizontal .ui-slider-handle {top: -.8em;margin-left: -2.2em;line-height: 2.2em; text-align:center}
#ceiling_calc_block .ui-slider-range-min { background:#e7c643}
#ceiling_calc_block .ui-widget.ui-widget-content {border:none; background:#DDDDDD}
#ceiling_calc_block .ui-slider-horizontal {height:0.5em}



.value-slider-container > span, .value-slider-container > input[type="text"] {display:inline-block; vertical-align:middle}
.value-slider-container > input[type="text"] {text-align:center; font-size:1.3em; font-weight:700; margin:0 auto; line-height:1.8em; padding:0 5px; border:1px solid #ccc; width:70px; height:1.8em}

#ceiling_calc_block label {font-size:1.0em;line-height: 1.3em;}
.checkbox-label {position:relative; display:inline-block; cursor:pointer; margin-bottom:9px; margin-top:9px; margin-right:8px}
#ceiling_calc_block input[type=radio], #ceiling_calc_block input[type=checkbox] {
  /*position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 2;*/
  display:none;
}
#ceiling_calc_block input[type="radio"] + label,
#ceiling_calc_block input[type="checkbox"] + label {padding-left: 24px;display: inline-block;font-size: 1.2em;}
#ceiling_calc_block input[type="radio"] + label::before,
#ceiling_calc_block input[type="radio"] + label::after,
#ceiling_calc_block input[type="checkbox"] + label::before,
#ceiling_calc_block input[type="checkbox"] + label::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
}



#ceiling_calc_block input[type="radio"] + label::before,
#ceiling_calc_block input[type="checkbox"] + label::before {
  border: 1px solid #cfd9db;
  background: #ffffff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
#ceiling_calc_block input[type="radio"] + label::before,
#ceiling_calc_block input[type="radio"] + label::after {
  border-radius: 50%;
}
#ceiling_calc_block input[type="checkbox"] + label::before,
#ceiling_calc_block input[type="checkbox"] + label::after {
  border-radius: .25em;
}
#ceiling_calc_block input[type="radio"] + label::after,
#ceiling_calc_block input[type="checkbox"] + label::after {
  background-color: #2c97de;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.4);
  display: none;
}
#ceiling_calc_block input[type="radio"] + label::after {
  background-image: url("cd-icon-radio.svg");
}
#ceiling_calc_block input[type="checkbox"] + label::after {
  background-image: url("cd-icon-check.svg");
}
#ceiling_calc_block input[type="radio"]:focus + label::before,
#ceiling_calc_block input[type="checkbox"]:focus + label::before {
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.6);
}
#ceiling_calc_block input[type="radio"]:checked + label::after,
#ceiling_calc_block input[type="checkbox"]:checked + label::after {
  display: block;
}
#ceiling_calc_block input[type="radio"]:checked + label::before,
#ceiling_calc_block input[type="radio"]:checked + label::after,
#ceiling_calc_block input[type="checkbox"]:checked + label::before,
#ceiling_calc_block input[type="checkbox"]:checked + label::after {
  -webkit-animation: cd-bounce 0.3s;
  -moz-animation: cd-bounce 0.3s;
  animation: cd-bounce 0.3s;
}

#ceiling_calc_block .checkbox-label.label-title {width:100px; border:1px solid #ccc; padding:98px 0 8px 0; text-align:center;margin:0;}
#ceiling_calc_block form button[type="submit"] {border:1px solid rgb(31, 119, 174); background:#fff; color:rgb(31, 119, 174); font-size:0.8em; line-height:2.8em; cursor:pointer;padding:0 48px; text-transform:uppercase; height:2.8em}
#ceiling_calc_block form button[type="submit"]:hover { border-color:rgb(2, 96, 154); color:rgb(2, 96, 154)}



/*заголовки калькулятора*/
#ceiling_calc_block input[type="radio"] + label.label-title {opacity:0.4;background: #fff; font-weight:700; text-transform:uppercase}
#ceiling_calc_block input[type="radio"]:checked + label.label-title {opacity:1}

#ceiling_calc_block input[type="radio"] + label.label-title::before,
#ceiling_calc_block input[type="radio"] + label.label-title::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 3px;
  margin-top: 0;
  margin-left:-45px;
  width: 90px;
  height: 80px;
  border-radius:0;
  border:none;
  box-shadow:none;
}


#ceiling_calc_block input[type="radio"] + label.label-title::after {
  background-color: #2c97de;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: none;
  display: none;
}

#ceiling_calc_block input[type="radio"] + label.label-title.title-tkan::before {background:url('tkan-factura-na.svg') no-repeat 0 0;}
#ceiling_calc_block input[type="radio"]:checked + label.label-title.title-tkan::after {display: block;background:url('tkan-factura-a.svg') no-repeat 0 0 #e7c643;}

#ceiling_calc_block input[type="radio"] + label.label-title.title-pvh::before {background:#ccc;}
#ceiling_calc_block input[type="radio"]:checked + label.label-title.title-pvh::after {display: block;background:#e7c643;}






h2 #polotno-error {margin-right:25px;color:#b20000; position:absolute; bottom:0; left:0;line-height: 1.2em;font-size: 0.6em;height: 1.2em; text-transform:none;top: 35px;}
#ceiling_calc_block #calc_result {padding:0 20px; max-width:980px}

#ceiling_calc_block .pc-title {font-size:2.4em; font-weight:700;margin-bottom: 0.8em;}
#ceiling_calc_block .is-value-row {border:1px solid #e3eaf5; padding: 10px 25px;background: #fff;}
#ceiling_calc_block .is-value-row .pc-row-title {font-size:1.0em; margin-bottom:0.8em;font-weight: 700;}
#ceiling_calc_block .is-value-row ul {padding-left:20px; list-style-type:circle}
#ceiling_calc_block .is-value-row ul li {font-size:1.0em; margin-bottom:0.4em}
#ceiling_calc_block .is-value-row ul.pc-linline li {display:inline-block; vertical-align:baseline; margin-right:8px}

#ceiling_calc_block a.get-info-ceiling, #ceiling_calc_block .to-order {color:rgb(31, 119, 174); border:1px solid rgb(171, 191, 204); font-size:1em; line-height:1.8em; padding:0 1.4em; display:inline-block; border-radius:3px;margin-top: 55px;}
#ceiling_calc_block a.get-info-ceiling:hover, #ceiling_calc_block .to-order:hover {color:rgb(2, 96, 154); border-color:rgb(2, 96, 154); }
#ceiling_calc_block .to-order {background:rgb(31, 119, 174); color:#fff}
#ceiling_calc_block .to-order:hover {background:rgb(2, 96, 154); color:#fff}

/*списки фактур и цветов*/
ul.select-texture, ul.select-color, ul.selected-discont { padding:0}
ul.select-texture li, ul.select-color li {display:inline-block; vertical-align:top; font-size:1.6em; margin:0 4px; text-decoration:underline; cursor:pointer; line-height:2.2em;color:#ccc}
ul.selected-discont li {display:block; font-size:0.8em;text-transform: uppercase;color: #b20000; font-weight: 700;; margin:0.4em 0; line-height:1.8em}
ul.selected-discont li label {margin:0}
ul.select-texture li.active, ul.select-color li.active {color:#000}

#ceiling_calc_block .selected-discont input[type="checkbox"] + label::after { background-color:#b20000}


#ceiling_calc_block #calc_result .total-price {font-size:2.0em; font-weight:700}
#ceiling_calc_block #calc_result .total-price i {font-style:normal; font-size:1.0em}

#calc_result .calc-detail {margin-top:12px}
#calc_result .calc-detail dl {display:flex; flex-direction:row;justify-content:space-between; padding:0 8px; margin:2px 0; font-size:0.8em; padding:6px 8px; background:#F6F6F6}
#calc_result .calc-detail dl dt {flex-basis:60%}
#calc_result .calc-detail dl dd, #calc_result .calc-detail dl span {flex-basis:15%}
#calc_result .calc-detail dl dd {text-align:right}
#calc_result .vendor-title {font-size:1em; font-weight:700; text-transform:uppercase;margin-bottom: 0.3em;}

.box-sup-info {padding:8px; border:1px solid rgb(2, 96, 154); color:#000; border-radius:5px; border-top-left-radius:0; min-width:150px; max-width:350px; font-size:12px; background:#fff; z-index:999; line-height:18px}
.pc-info {position:relative; padding-left:23px}
.pc-info:before {position:absolute; content:''; width:18px; height:18px; top:-4px; left:-2px; background:url('sup-i.png') no-repeat 0 0; background-size:cover;}
.pc-info.pci-right:before {left:auto; right:-15px}




/*ссылка акции*/
#ceiling_calc_block .to-order {margin:0}
#ceiling_calc_block a.sales-link {font-size:1em; color:#b20000;text-decoration: underline; border-bottom:none}
#ceiling_calc_block a.sales-link:hover {text-decoration:none;}

/*модальное*/
#modal_block p.send-complite, #modal_block p.send-error {background: #4ebb4d;width: 447px;line-height: 3em; font-size: 1.6em; text-align: center; color: #fff; font-weight: 700; margin: 1em 0 0 0;}
#modal_block p.send-error {background:#ef6363}

.rasschitat .wrapper-row .f-basis100 { margin:20px; }
.rasschitat .wrapper-row .f-basis100 button[type="submit"] {border-width:2px !important; font-size:20px !important; line-height:135% !important;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}

.rasschitat .wrapper-row .f-basis100 button[type="submit"]:hover {background: #1f77ae !important; color: #ffffff !important;}
.treugolnik {width:35px; height:35px; position:relative; top:-37px; left:50%; background:#fff;transform: rotate(45deg); margin-left:-18px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);} 
.falign-start:hover {box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);}


@media all and (max-width: 670px)
{
    .pc-info {position:relative; padding-left:0px}
    .pc-info:before {display:none;/*position:absolute; content:''; width:18px; height:18px; top:-4px; left:-2px; background:url('sup-i.png') no-repeat 0 0; background-size:cover;*/}
}