
#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,.hr-slider,#canc .vr-slider input,#canc .hr-slider span{position:absolute;z-index:2;}
#canc .vr-slider{right: -26px;top: 0;}
#canc .hr-slider{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 .ui-widget-content,#canc .slider-x .ui-slider-range.ui-slider-range-max{height: 252px;width:4px;}
#canc .hr-slider .ui-widget-content,#canc .slider-y .ui-slider-range.ui-slider-range-min{width:292px;}
#canc .hr-slider .ui-widget-content{background:#dedede;border-radius: 3px;}
#canc .vr-slider .ui-widget-content{background:#dedede;border-radius: 3px;}
#canc .vr-slider .ui-slider-range.ui-widget-header.ui-slider-range-min{background: #ff6948;
    border-radius: 3px;
    overflow: hidden;}
#canc .hr-slider .ui-slider-range.ui-widget-header.ui-slider-range-min{
    background: #ff6948;
    border-radius: 3px;
    overflow: hidden;
    }
#canc .ui-slider-handle{border:0;}
#canc .hr-slider .ui-slider-handle,#canc .vr-slider .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{width:244px;height:auto;}
#canc .scorer .rightcol {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 .avgr input[type="checkbox"],.mont 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: 40px;padding:0 0;display: block;margin: 8px 0 12px;text-align: center;font-size:16px;}
#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;}
/*#canc input[type="checkbox"] {display:none;}
#canc input[type="checkbox"] + label {}
#canc input[type="checkbox"] + label span{width: 18px;height: 18px;display: inline-block;margin: 2px 8px 8px 0;vertical-align:middle;background:url(./swich.png) 0 bottom no-repeat;cursor:pointer;content:"";}
#canc input[type="checkbox"]:checked + label span {background-position:top;}
#canc .avgr{margin-top: 10px;}*/

#canc .rlgates .hr-slider {top: 305px;right: 108px;}
#canc .rlgates .vr-slider {right: 79px;top: 0;}
#canc .rlgates .hr-slider .ui-widget-content,#canc  .rlgates .slider-y .ui-slider-range.ui-slider-range-min {width: 241px;}
#canc .rlgates .vr-slider .ui-widget-content,#canc  .rlgates .slider-x .ui-slider-range.ui-slider-range-max {height: 287px;}
#canc .scorer.ogates .rightcol{top: 68px;}
#canc .rsgates .vr-slider .ui-widget-content,#canc .rlgates .slider-x .ui-slider-range.ui-slider-range-max,#canc .ogates .vr-slider .ui-widget-content,#canc .ogates .slider-x .ui-slider-range.ui-slider-range-max {height: 200px;}
#canc .rsgates .vr-slider,#canc .ogates .vr-slider{right: -25px;top: 17px;}
#canc .rsgates .hr-slider,#canc .ogates .hr-slider {top: 235px;}


body #canc .scorer .rightcol {
  width: 349px;
  height: auto;
  position: absolute;
  left: 340px;
  top: 54px;
}
body #canc .rlgates .hr-slider {
  top: 278px;
  right: 38px;
}
 body #canc .rlgates .vr-slider {
  right: 12px;
  top: 5px;
}
body #canc .rlgates .vr-slider .ui-widget-content{height:252px;}
body #canc .rlgates .hr-slider .ui-widget-content{width: 292px;}
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: 40px;
  text-transform: uppercase;
  color: #fff;
  background: #ff6948;
  border: 0;
  outline: 0;
  cursor: pointer;
  z-index: 9;
  font-size:16px;
  transition: all .25s ease-in-out;
}

input[type="submit"]:hover {
  cursor: pointer;
  background: #d2562e;
}
.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;
}
.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 li.roll5 {
  background: url(./sek5.png)no-repeat center;
  background-size: cover;
}
.ot_panel ul.col-roll li.roll4 {
  background: url(./sek4.png)no-repeat center;
  background-size: cover;
}
.ot_panel ul.col-roll li.roll3 {
  background: url(./sek3.png)no-repeat center;
  background-size: cover;
}
.ot_panel ul.col-roll li.roll2 {
  background: url(./sek2.png)no-repeat center;
  background-size: cover;
}
.ot_panel ul.col-roll li.roll1 {
  background: url(./sek1.png)no-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: -20px;}

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

@media(max-width: 800px) {
	.calsek .form-grid {
		margin-left: 0 !important;
		width: 95% !important;
		margin-top: 0 !important;
	}
	
	.calsek #sizef {
		display: block !important;
	}
	
	.calsek #fabform {
		width: 100% !important;
	}
	
	.calsek .ot_filling {
		margin-top: 0 !important;
	}
}


