

/* Start:/bitrix/components/resta/spiral.form/templates/.default/style.css?14913869354228*/
.calc-spiral input[type="radio"] {
	display: none;
}

.calc-spiral input[type="radio"] + label span {
	margin: 0px 7px 0px 0px;
	padding: 4px 8px 4px 8px;
	cursor: pointer;
	font-size:13px;
	line-height:13px;
	color: #707070;
	background-color: #E1E1E7;
	border-radius: 14px;
	box-shadow: inset 0 2px 3px rgba(0,0,0,.1);
	transition: all .2s;
}

.calc-spiral input[type="radio"]:checked + label span {
	background-color: #008BD6;
	color: #fff;
	box-shadow: inset 0 2px 3px rgba(255,255,255,.2);
}

.calc-spiral input[type="radio"]:hover + label span:hover {
	background-color: #059BDA;
	color: #fff;
}
.calc-spiral input[type="checkbox"] {
	vertical-align: bottom;
	width: 17px;
	height: 17px;
	margin: 0 3px 0 0;
}
.calc-spiral input[type="checkbox"] + label {
	cursor: pointer;
}
.calc-spiral input[type="checkbox"]:not(checked) {
	position: absolute;
	opacity: 0;
}
.calc-spiral input[type="checkbox"]:not(checked) + label {
	font-size:14px;
	top: 0;
	position: relative;
	padding: 0 0 0 48px;
}
.calc-spiral input[type="checkbox"]:not(checked) + label:before {
	content: '';
	position: absolute;
	top: -2px;
	left: 0;
	width: 40px;
	height: 22px;
	border-radius: 13px;
	background: #E1E1E7;
	box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}
.calc-spiral input[type="checkbox"]:not(checked) + label:after {
	content: '';
	position: absolute;
	top: 0px;
	left: 2px;
	width: 18px;
	height: 18px;
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0 2px 5px rgba(0,0,0,.3);
	transition: all .2s;
}
.calc-spiral input[type="checkbox"]:checked + label:before {
	background: #008BD6;
}
.calc-spiral input[type="checkbox"]:checked + label:after {
	left: 20px;
}
.calc-spiral input[type="checkbox"]:focus + label:before {
	box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}

/*****new****/
.js-obmotka-div{
	display: none;
}
.js-obmotka-div:after{
	content: '';
	display: table;
	clear: both;
}
.js-obmotka-div select{
	display: inline-block;
	width: 46%;
	margin:0 4% 0 0;
	float:left;
}
.js-obmotka-div select.js-sp-clap_w_type{
	margin-right:0;
}
.js-obmotka-div .constructor__section-title{
	margin-bottom:10px;
}
.select-field{
	position: relative;
}
.select-field.s2{

}
.select-field select{
	display: inline-block;
	width: 92%;
	max-width: 190px;
	margin:0 15px 0 0;
}
.select-field.s2 select{
	max-width: 50px;
	width: 40%;
}
.select-field .desc{
	display: inline-block;
	width: 40%;
	font-size:12px;
}
.select-field.s2 .desc{
	width: 60%;
}
.select-field .desc-bottom{
	font-size:11px;
	position: relative;
	top:-4px;
}
.calc-spiral .select-field .desc input[type="checkbox"] {
	width: 13px;
	height: 13px;
	margin: 0 2px 0 0;
}
.calc-spiral .select-field .desc input[type="checkbox"]:not(checked) + label {
	font-size:12px;
	padding: 0 0 0 38px;
}
.calc-spiral .select-field .desc input[type="checkbox"]:not(checked) + label:before {
	top: -2px;
	width: 34px;
	height: 19px;
	border-radius: 11px;
}
.calc-spiral .select-field .desc input[type="checkbox"]:not(checked) + label:after {
	top: 0;
	left: 2px;
	width: 14px;
	height: 14px;
	border-radius: 8px;
}
.calc-spiral .select-field .desc input[type="checkbox"]:checked + label:after {
	left: 18px;
}

.js-battery-div{
	width: 90%;
	position: relative;
}
.js-battery-div .constructor__section-title{
	margin-bottom:10px;
}
.temperature-lne{
	height: 6px;
	position: absolute;
	bottom:28px;
	width: 100%;
	left:0;
}
.temperature-lne div{
	height: 100%;
	width: 25%;
	float:left;
}
.temperature-lne .df{
	background:#FF4750;
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
}
.temperature-lne #tbar1{
	background:#13BBFA;
	border-top-left-radius:2px;
	border-bottom-left-radius:2px;
}
.temperature-lne #tbar2{
	background-color:#00C800;
}
.temperature-lne #tbar3{
	background-color:#FFA300;
}

#cool_hot{
	position: relative;
	top:-10px;
	font-size:11px;
}
.spiral-info{
	background-color:#F7F7F7;
	padding:20px;
}
.spiral-info table{
	margin-bottom:0;
}
.share-link-spiral{
	margin:10px 0 0 0;
}
.share-link-spiral textarea{
	width: 100%;
	height: 130px;
}
/* End */
/* /bitrix/components/resta/spiral.form/templates/.default/style.css?14913869354228 */
