#canc #afaxform input[type="text"],#afaxform textarea{background:#fcfcfc;background:-webkit-linear-gradient(top, #e8edee 0px, #fcfcfc 9px);text-align:left;}
#canc #cfact .active{border:2px solid #9cbf3f;}
#canc #frame{background: url(img/frame.png);width: 352px;height: 267px;position: absolute;top: 0;left: 0;}
#canc .vr-slider-calcotk,.hr-slider-calcotk,#canc .vr-slider-calcotk input,#canc .hr-slider-calcotk span{position:absolute;z-index:2;}
#canc .vr-slider-calcotk{right: -26px;top: 0;}
#canc .hr-slider-calcotk{top: 284px;right: -3px;}
#canc #spvh,#spvv{width:191px;height:20px;position:absolute;font-size:12px;color:#999;text-align:center;display:block;}
#canc #spvh{top: 5px;left: 65px;}
#canc #spvv{width: 151px;height: 20px;top: 130px;left: 261px;-o-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
#canc .vr-slider-calcotk .ui-widget-content,#canc .slider-x-calcotk .ui-slider-range.ui-slider-range-max{height: 252px;width:4px;}
#canc .hr-slider-calcotk .ui-widget-content,#canc .slider-y-calcotk .ui-slider-range.ui-slider-range-min{width:292px;}
#canc .hr-slider-calcotk .ui-widget-content{background:#dedede;border-radius: 3px;}
#canc .vr-slider-calcotk .ui-widget-content{background:#dedede;border-radius: 3px;}
#canc .vr-slider-calcotk .ui-slider-range.ui-widget-header.ui-slider-range-min{background: #ff6948;
    border-radius: 3px;
    overflow: hidden;}
#canc .hr-slider-calcotk .ui-slider-range.ui-widget-header.ui-slider-range-min{
    background: #ff6948;
    border-radius: 3px;
    overflow: hidden;
    }
.wrapper_gorod-otk {
	margin-left: 535px;
} 
.wrapper_gorod {
	width: 330px !important;
}
#canc .ui-slider-handle{border:0;}
#canc .hr-slider-calcotk .ui-slider-handle,#canc .vr-slider-calcotk .ui-slider-handle{width: 14px;height: 14px;border-radius: 50%;background: #ff6948;}
#canc .ui-slider .ui-slider-handle{position:absolute;z-index:2;cursor:pointer;text-decoration:none;}
#canc .ui-slider-horizontal .ui-slider-handle{top: -5px;margin-left: -7px;}
#canc .ui-slider{position:relative;text-align:left;}
#canc .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0;}
#canc .ui-slider.ui-state-disabled .ui-slider-handle,#canc .ui-slider.ui-state-disabled .ui-slider-range{filter:Verdana;}#canc .ui-slider-horizontal{height:4px;}
#canc .ui-slider-horizontal .ui-slider-range{top:0;height:100%;}
#canc .ui-slider-horizontal .ui-slider-range-min{left:0;}
#canc .ui-slider-horizontal .ui-slider-range-max{right:0;}
#canc .ui-slider-vertical{width:4px;height:100px;}
#canc .ui-slider-vertical .ui-slider-handle{margin-bottom: -6px;margin-left: -5px;}
#canc .ui-slider-vertical .ui-slider-range{left:0;width:100%;}
#canc .ui-slider-vertical .ui-slider-range-min{bottom:0;}
#canc .ui-slider-vertical .ui-slider-range-max{top:0;}
#canc .scorer{position:relative;height:373px;}
#canc .scorer .leftcol-calcotk{width:244px;height:auto;}
#canc .scorer .rightcol-calcotk {width:349px;height:249px;position:absolute;left: 284px;top: 44px;}
#canc #cfact{width: 244px;height: 130px;}
#canc #cfact span{margin: 2px 0 -8px;display: block;}
#canc #cfact p{width: 40px;height: 40px;float:left;cursor:pointer;margin-top:10px;}
#canc #cfact p.active{width: 36px;height: 36px;}
#canc .scorer form{display:block;clear:both;top: 52px;position:static;}
#canc .scorer input[type="text"]{width:46px;height:24px;margin:0 7px 11px;text-align:center;font-size: 14px;  border: 1px solid #ccc;padding: 0px 5px;border-radius: 3px;}
#canc .p-otkatn .scorer .avgr{margin-top: 8px;}
#canc .scorer .avgr input[type="checkbox"],.montaz input[type="checkbox"]{margin: 0;}
#canc label[for="size-x"],#canc label[for="size-y"]{display:inline-block;width:62px;}
#canc .scorer .zakaz{margin-top:-5px;width: 360px;position: relative;}
#canc .scorer .price{width:246px;margin: 10px 0 7px;font-size: 18px;text-align:left;}
#canc .scorer .phone[type="text"]{width: 196px;height: 34px;padding:0 0;display: block;margin: 8px 0 12px;text-align: center;}
#canc .dop-fan{margin-top: -5px; margin-left: 17px;}
#canc .scorer input[type="submit"]{width: 200px;} 

#canc input[type="checkbox"]{display: inline-block!important;margin-right: 12px!important;margin-top: 10px;margin-left: 0;}
#canc .avgr{margin-top: 10px;}


#canc .rlgates .hr-slider-calcotk {top: 305px;right: 108px;}
#canc .rlgates .vr-slider-calcotk {right: 79px;top: 0;}
#canc .rlgates .hr-slider-calcotk .ui-widget-content,#canc  .rlgates .slider-y-calcotk .ui-slider-range.ui-slider-range-min {width: 241px;}
#canc .rlgates .vr-slider-calcotk .ui-widget-content,#canc  .rlgates .slider-x-calcotk .ui-slider-range.ui-slider-range-max {height: 287px;}
#canc .scorer.ogates .rightcol-calcotk{top: 68px;}
#canc .rsgates .vr-slider-calcotk .ui-widget-content,#canc .rlgates .slider-x-calcotk .ui-slider-range.ui-slider-range-max,#canc .ogates .vr-slider-calcotk .ui-widget-content,#canc .ogates .slider-x-calcotk .ui-slider-range.ui-slider-range-max {height: 200px;}
#canc .rsgates .vr-slider-calcotk,#canc .ogates .vr-slider-calcotk{right: -25px;top: 17px;}
#canc .rsgates .hr-slider-calcotk,#canc .ogates .hr-slider-calcotk {top: 235px;}
				
body #canc .scorer .rightcol-calcotk {  width: 410px;
  height: auto;
  position: absolute;  left: 260px;
}
body #canc .rlgates .hr-slider-calcotk {top: 232px;
  right: 38px;
}
 body #canc .rlgates .vr-slider-calcotk {
  right: 12px;  top: 45px;
}
body #canc .rlgates .vr-slider-calcotk .ui-widget-content{height: 164px;}
body #canc .rlgates .hr-slider-calcotk .ui-widget-content{width: 353px;}
body #canc .scorer {
    height: auto;
}
body #canc ul{padding:0px;list-style:none;}
#fabform .ot_brend ul li, #fabform .ot_filling ul li {
  background-position: center!important;
}
#q_configurate div p, .ot_panel ul li, .ot_filling ul li {
  width: 50px;
  height: 32px;
  border: 1px solid #d6d6d6;
  float: left;
  margin-right: 12px;
  margin-bottom: 12px;
  cursor: pointer;
}
input[type="submit"] {
  height: 36px;
  color: #fff;
  background: #ff6948;
  border: 0;
  outline: 0;
  cursor: pointer;
  z-index: 9;
  font-size:16px;
}
.price {
  padding-bottom: 15px;
}
#q_configurate div p, .ot_panel ul li, .ot_filling ul li {
width: 32px;
  height: 22px;
  float: left;
  margin-right: 12px;
  margin-bottom: 12px;
  cursor: pointer;
}

.col-roll-calcotk li {
	width: 42px !important;
	height: 28px !important;
}
.ot_panel ul li.active ,.ot_filling ul li.active {
width: 30px;
  height: 20px;
  border: 2px solid #4d5967;
  background-position: -1px -1px!important;
}
.ot_panel ul.col-roll-calcotk li.roll4 {
  background: url(./ov-m19.jpg)no-repeat center;
  background-size: cover;
}
.ot_panel ul.col-roll-calcotk li.roll3 {
  background: url(./setka.jpg)no-repeat center;
  background-size: cover;
}
.ot_panel ul.col-roll-calcotk li.roll2 {
  background: url(./resh1.png)no-repeat center;
  background-size: cover;
}
.ot_panel ul.col-roll-calcotk li.roll1 {
  background: url(./ov-m5.jpg) repeat center;
  background-size: cover;
}
h4{clear:both;margin: 10px 0 10px;}
.blockimg{background: url(./sect/bg-section.jpg);width:320px;height:270px;position: absolute;
  left: 0;
  top: 0;}
  .hinddensek{height: 246px;width: 286px;overflow: hidden;position: absolute;left: 25px;top: 12px;}
  .hinddensek img{position: absolute;top: -140px;}

ul.col-roll-calcotk li:before {
  content: '';
  display: none;
}

.notification_ok p {
	color: #000;
}


@media(max-width: 800px) {
	.calcotk-mobile .leftcol-calcotk {
		width: 100% !important;
	}
	
	.calcotk-mobile .rightcol-calcotk {
		top: 0 !important;
		position: relative !important;
		width: 97% !important;
		left: unset !important;
		height: fit-content !important;
	}
	
	.calcotk-mobile .image-block {
		width: 90% !important;
	}
	
	.calcotk-mobile .image-block {
		height: auto !important;
	}
	
	.calcotk-mobile .hr-slider-calcotk {
		width: 90% !important;
		top: unset !important;
		right: unset !important;
	}
	
	.calcotk-mobile #slider-x-calcotk {
		width: 100% !important;
	}
	
	.calcotk-mobile .vr-slider-calcotk {
		top: 0 !important;
		height: 100% !important;
		right: 12px !important;
	}
	
	.calcotk-mobile #slider-y-calcotk {
		height: 164px !important;
	}
	
	.calcotk-mobile .rlgates {
		display: flex !important;
	}
	
	.calcotk-mobile .ot_panel {
		margin-top: 0 !important;
	}

	.rightcol-calcotk {
		order: -1;
    	margin-bottom: 30px;
	}
	
	.calcotk-mobile #sizef {
		display: block !important;
	}
	
	.calcotk-mobile .ot_filling {
		margin-left: 0 !important;
		margin-top: 0 !important;
	}
	
	.calcotk-mobile .wrapper_gorod-otk {
		margin-left: 0 !important;
		margin-top: 10px !important;
		height: auto !important;
		margin-bottom: 15px !important;
	}
}