/*Калькулятор*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
input[type=submit],
input[type=button],
button[type=submit]{
	cursor:pointer;}



span.custom-radio, span.custom-checkbox{
	display:inline-block; //zoom:1; //display:inline; vertical-align:middle;
	width:32px; height:32px; margin:0 6px 0 0;
	}
span.custom-radio input, span.custom-checkbox input{
	position:relative; width:32px; height:32px;
	opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	}
span.custom-radio.active, span.custom-checkbox.active{background-position:0 -32px;}

/* #Basic Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */





/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ горизонтальный слайдер со стрелками*/
.balcony{
	position:relative;
	z-index:15;
	margin:0 50px;}
.horizontal-slider{
	position:relative;
	overflow:hidden;}
ul.sm-slider{
	overflow:hidden;
	white-space:nowrap;
	text-align:center;}
ul.sm-slider li{
	display:inline-block; //zoom:1; //display:inline; vertical-align:top;
	white-space:normal;
	position:relative;
	width:175px;
	margin-bottom:20px;
	text-align:center;}
ul.sm-slider .slide-cont{
	display:block;
	margin:0 15px;
	text-decoration:none;}

.img-over_x95{
	display:block;
	margin:0 auto 14px auto;
	height:95px;}
	.img-over_x95 img{max-height:95px;}
.link-name{
	display:block;
	font-weight:700;
	line-height:24px;
	font-size:18px;
	color:#3399cc;
	text-decoration:none;}
.read-more,
a.read-more{
	font-size:14px;
	color:#ff9900;
	text-decoration:underline;}
	a:hover .read-more,
	a.read-more:hover{text-decoration:none;}

.slider-prev,
.slider-next{
	position:absolute;
	top:50%; margin:-23px -50px 0 -50px;
	width:47px; height:46px;}
.slider-prev{background-position:0 0; left:0;}
.slider-next{background-position:-47px 0; right:0;}

.slider-prev:hover{background-position:0 -46px;}
.slider-next:hover{background-position:-47px -46px;}

#order {
	position: relative;
vertical-align: middle;
height: 39px;
width: 149px;
border: none;
border-radius: 13px;
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.3);
color: #082b4c;
font: 700 20px/39px 'PT Sans', Arial, sans-serif;
text-shadow: 0 1px 0 #ffff00;
}




/* ~~~~~~~~~~~~~~~~~~~~~~~~ калькулятор:результат */
.calculate-result{
	position:relative;
	margin-bottom:30px;
	width:100%;
	padding:13px 0;
	background:#082b4c;
	box-shadow:0 3px 5px 0 rgba(0,0,0,0.35), 0 2px 5px 0 rgba(0,0,0,0.35) inset;
	border-radius:0 0 5px 5px;
	color:#fff;}
.calculate-result table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;}

.calculate-result table td{
	vertical-align:middle;
	height:57px;}

.calculate-result table td.td-text-summury{
	font-weight:700;
	font-size:30px;
	line-height:1em;
	color:#fff;
	width:125px;
	text-align:right;}
.calculate-result table td.td-price-summury{
	font-weight:700;
	font-size:50px;
	line-height:1em;
	color:#d0df56;
	width:200px;
	text-align:center;}
.calculate-result table td.td-currency-summury{
	font-weight:700;
	font-size:30px;
	line-height:1em;
	color:#fff;
	width:70px;
	text-align:left;}

.calculate-result table td.td-text-installment{
	font-weight:700;
	font-size:18px;
	line-height:1em;
	color:#fff;
	width:140px;
	text-align:right;}
.calculate-result table td.td-price-installment{
	font-weight:700;
	font-size:40px;
	line-height:1em;
	color:#50aab2;
	width:132px;
	text-align:center;}
.calculate-result table td.td-currency-installment{
	font-weight:700;
	font-size:18px;
	line-height:1em;
	color:#fff;
	width:148px;
	text-align:left;}
.calculate-result table td.inp-td{
	text-align:left;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~ калькулятор: форма */
.calculate-body{
	position:relative;
	background:url(/assets/img/calc/calc-bg.png) repeat center center;
	min-height:400px;
	padding:27px 25px 1px 24px;
	border-radius:5px 5px 0 0;}
.block-select-temp{
	float:left;
	width:220px;}
.calculate-right{
	float:right;
	width:666px;
	padding-top:6px;}

/* выбор окна ТЕПЛОЕ / SLIDORS / ХОЛОДНОЕ  */

.temp-warm,
.temp-slidors,
.temp-cold{
	display:block;
	position:relative;
	cursor:pointer;
	width:224px; padding:34px 0 34px 96px; height:101px;
	margin-bottom:27px;
	background:url(/assets/img/calc/calc-navi.png) no-repeat 0 0;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-size:20px;
	line-height:32px;
	font-weight:700;}
	.temp-warm.active,
	.temp-warm:hover{background-position:0 -200px;}
	.temp-slidors.active,
	.temp-slidors:hover{background-position:0 -200px;}
	.temp-cold.active,
	.temp-cold:hover{background-position:0 -200px;}



.temp-warm span.custom-radio,
.temp-slidors span.custom-radio,
.temp-cold span.custom-radio{
	position:absolute;
	width:20px;
	bottom:20px; left:40px;
	background:url(/assets/img/calc/temperature.png) no-repeat 0 bottom !important;}
.temp-warm span.custom-radio{height:61px;}
.temp-slidors span.custom-radio{height:41px;}
.temp-cold span.custom-radio{height:28px;}


/*~~~~~~~~~~~~ выбор формы балкона и окна */
.choose-window-form{
	position:relative;
	padding:5px;
	z-index:50;
	margin-bottom:24px;
	margin-left:-10px;
	min-height:53px;

	border-radius:6px;
	background:#fff;
	border:#c0c0c0 1px solid;
	box-shadow:0 0 8px 0 rgba(0,0,0,0.2) inset;
	text-align:center;}

.window-type{
	position:relative; overflow:hidden;
	display:inline-block;
	//zoom:1; //display:inline;
	vertical-align:top;
	margin:0 5px;
	height:53px;}
	.window-type span.custom-radio{
		position:relative;
		height:105px;
		/*background:url(/assets/img/calc/balcon-window-type-orange.png) no-repeat;*/
		background:url(/assets/img/calc/balcon-window-type-green.png) no-repeat;
	}
	.window-type span.custom-radio.cold{
		position:relative;
		height:105px;
		/*background:url(/assets/img/calc/balcon-window-type-blue.png) no-repeat;*/
		background:url(/assets/img/calc/balcon-window-type-green.png) no-repeat;
	}
	.window-type span.custom-radio.slidors{
		position:relative;
		height:105px;
		background:url(/assets/img/calc/balcon-window-type-green.png) no-repeat;
	}
	.window-type span.custom-radio.warm{
		position:relative;
		height:105px;
		/*background:url(/assets/img/calc/balcon-window-type-orange.png) no-repeat;*/
		background:url(/assets/img/calc/balcon-window-type-green.png) no-repeat;
	}

	.window-type span.custom-radio.active,
	.window-type span.custom-radio.warm.active,
	.window-type span.custom-radio.cold.active,
	.window-type span.custom-radio.slidors.active,
	.window-type span.custom-radio:hover{top:-52px;}

	.window-type span.custom-radio input{
		position:absolute;
		cursor:pointer;
		left:0; top:0;
		width:100%; height:100%;}

#window-type-1 span.custom-radio{width:66px; background-position:0 0;}
#window-type-2 span.custom-radio{width:61px; background-position:-89px 0;}
#window-type-3 span.custom-radio{width:53px; background-position:-176px 0;}
#window-type-4 span.custom-radio{width:61px; background-position:-254px 0;}
#window-type-5 span.custom-radio{width:79px; background-position:-343px 0;}
#window-type-6 span.custom-radio{width:79px; background-position:-450px 0;}
#window-type-7 span.custom-radio{width:80px; background-position:-556px 0;}

#window-form-preview{
	position:relative;
	float:left;
	margin-top:19px;
	width:340px;
	height:240px;
	margin-left:-5px;
	background:url(/assets/img/calc/large-preview.png) no-repeat 0 0;}
#window-form-preview.window-type-1{background-position:0 0;}
#window-form-preview.window-type-2{background-position:0 -240px;}
#window-form-preview.window-type-3{background-position:0 -480px;}
#window-form-preview.window-type-4{background-position:0 -720px;}
#window-form-preview.window-type-5{background-position:0 -960px;}
#window-form-preview.window-type-6{background-position:0 -1200px;}
#window-form-preview.window-type-7{background-position:0 -1440px;}


/*~~~~~~~~~~~~ выбор формы окна */
.calculate-body-left{
	position:relative;
	z-index:50;
	float:left;
	width:330px;
	margin:0 20px;}
ul.window-type-list{
	margin:0;
	white-space:nowrap;
	text-align:center;}
ul.window-type-list > li{
	position:relative;
	display:inline-block;
	margin:0 9px;
	//zoom:1; //display:inline;
	vertical-align:top;
	height:83px;}

ul.window-type-list > li label.window-type{height:83px; margin:0;}

.window-type-sublist{
	position:absolute;
	z-index:60;
	display:none;
	top:70px; left:50%;
	margin-left:-58px;
	padding:20px 5px 5px 5px;
	width:105px;
	white-space:normal;
	border-radius:6px;
	background:#fff;
	border:#c0c0c0 1px solid;
	text-align:center;}

ul.window-type-list > li:hover .window-type-sublist{display:block;}

	ul.window-type-list > li.hidden{overflow:hidden;}
	ul.window-type-list > li.hidden .window-type-sublist{display:none;}

.window-type-sublist label.window-type{
	display:block;
	margin:0 auto;
	height:56px !important;  margin-bottom:13px !important;}
	.row4 .window-type-sublist label.window-type{height:83px !important;}

.window-type-list span.custom-radio{
	height:200px; margin:0;}

	.window-type-list label.window-type span.custom-radio.active,
	.window-type-list label.window-type span.custom-radio:hover{top:-100px;}

	.window-type-sublist label.window-type span.custom-radio,
	.window-type-sublist label.window-type span.custom-radio{top:-16px;}
	.window-type-sublist label.window-type span.custom-radio.active,
	.window-type-sublist label.window-type span.custom-radio:hover{top:-116px;}

	.row4 .window-type-sublist label.window-type span.custom-radio,
	.row4 .window-type-sublist label.window-type span.custom-radio{top:0;}
	.row4 .window-type-sublist label.window-type span.custom-radio.active,
	.row4 .window-type-sublist label.window-type span.custom-radio:hover{top:-100px;}

#wind-type-1 span.custom-radio{width:40px; background-position:0 0;}
	#wind-type-11 span.custom-radio{width:40px; background-position:-300px 0;}
	#wind-type-12 span.custom-radio{width:40px; background-position:-342px 0;}
	#wind-type-13 span.custom-radio{width:40px; background-position:-385px 0;}
	#wind-type-14 span.custom-radio{width:56px; background-position:-429px 0;}

#wind-type-2 span.custom-radio{width:70px; background-position:-55px 0;}
	#wind-type-21 span.custom-radio{width:70px; background-position:-493px 0;}
	#wind-type-22 span.custom-radio{width:70px; background-position:-568px 0;}
	#wind-type-23 span.custom-radio{width:70px; background-position:-644px 0;}
	#wind-type-24 span.custom-radio{width:70px; background-position:-718px 0;}

#wind-type-3 span.custom-radio{width:100px; background-position:-140px 0;}
	#wind-type-31 span.custom-radio{width:100px; background-position:-798px 0;}
	#wind-type-32 span.custom-radio{width:100px; background-position:-902px 0;}
	#wind-type-33 span.custom-radio{width:100px; background-position:-1007px 0;}
	#wind-type-34 span.custom-radio{width:100px; background-position:-1110px 0;}

#wind-type-4 span.custom-radio{width:40px; background-position:-253px 0;}
	#wind-type-41 span.custom-radio{width:40px; background-position:-1235px 0;}
	#wind-type-42 span.custom-radio{width:73px; background-position:-1284px 0;}



.calculate-right-window{
	float:right;
	width:395px;
	margin:0 80px 20px 0;
	text-align:right;}
#window-form-preview2{
	display:block;
	width:395px; height:270px;}

#window-form-preview2.wind-type-11{background-position:0 -3510px;}
#window-form-preview2.wind-type-12{background-position:0 -3240px;}
#window-form-preview2.wind-type-13{background-position:0 -2970px;}
#window-form-preview2.wind-type-14{background-position:0 -2700px;}
#window-form-preview2.wind-type-21{background-position:0 -2430px;}
#window-form-preview2.wind-type-22{background-position:0 -2160px;}
#window-form-preview2.wind-type-23{background-position:0 -1890px;}
#window-form-preview2.wind-type-24{background-position:0 -1620px;}
#window-form-preview2.wind-type-31{background-position:0 -1350px;}
#window-form-preview2.wind-type-32{background-position:0 -1080px;}
#window-form-preview2.wind-type-33{background-position:0 -810px;}
#window-form-preview2.wind-type-34{background-position:0 -540px;}
#window-form-preview2.wind-type-41{background-position:0 -270px;}
#window-form-preview2.wind-type-42{background-position:0 0px;}

/*~~~~~~~~~~~~ выбор опций */
.calculate-body-left h4{
	clear:both;
	margin-bottom:4px;
	font-style:italic;
	font-size:20px;
	text-shadow:0 1px 0 #fff;}
.radio-block{
	overflow:hidden;
	margin-bottom:17px; margin-left:-35px;}
.radio-block label{
	position:relative;
	float:left;
	overflow:hidden;
	margin:0 0 0 35px;
	font-weight:700;
	font-size:18px;
	color:#666666;
	line-height:32px;
	text-shadow:0 1px 0 #fff;}
.radio-block label span{float:left;}

/*~~~~~~~~~~~~ выбор высоты окна */
.window-height{
	float:left;
	margin:0 0 0 5px;
	width:58px;
	text-align:center;}
.window-height label,
.window-width label,
.bottom-width label{
	display:block;
	font-size:14px;
	line-height:20px;
	font-weight:700;
	color:#666666;
	text-shadow:0 1px 0 #fff;}
	.window-height label{margin-bottom:4px;}
.window-height input,
.window-width input,
.bottom-width input{
	width:54px;
	padding:0;
	margin:0;
	background:#fff;
	border:#65a853 2px solid;
	border-radius:6px;
	height:26px;
	font:700 18px/26px 'PT Sans', Arial, sans-serif;
	text-align:center;
	color:#045607;
	box-shadow:0 2px 10px 0 #d3d3d3 inset;
}

	.window-height input{margin-bottom:6px;}

.vertical-slide{
	width:22px;
	margin:0 auto;
	padding:9px 0 8px ;
	height:179px;
	background:url(/assets/img/calc/vertical-slide.png) no-repeat;}
.ui-slider-vertical{
	position:relative;
	width:22px;
	height:163px;}
.ui-slider-vertical .ui-slider-range{
	position:absolute;
	left:8px; bottom:0; width:6px;
	background:#53e765;
	border-radius:3px;
}
.ui-slider-vertical .ui-slider-handle{
	position:absolute;
	left:-2px; bottom:0;
	margin-bottom:-20px;
	width:26px; height:36px;
	background:url(/assets/img/calc/ui-handle-vertical.png) no-repeat 0 0;
	border-radius:13px;
	box-shadow:0 4px 4px rgba(0,0,0,0.4);}


/*~~~~~~~~~~~~ выбор ширина окна */
.window-width{
	float:right;
	width:274px;
	margin:0 -6px;}
.window-width label{
	text-align:right;
	padding-top:31px;}
.window-width ol{
	margin:0;
	padding:0;}
.window-width ol li{
	overflow:hidden;
	margin:0;
	padding:6px 0 16px 0;
	width:274px;
	clear:both;
	background:none;}
	.window-width ol li:before{
		margin:0;
		padding:0;
		float:left;
		color:#666666;
		font-size:16px;
		line-height:30px;
		font-weight:700;
		text-shadow:0 1px 0 #fff;}

.window-width input{
	float:right;
	margin-right:0;}
.horizontal-slide{
	position:relative;
	padding:0 9px;
	width:180px;
	height:21px;
	background:url(/assets/img/calc/slide-hor.png) no-repeat 0 0;}
.window-width .horizontal-slide,
.bottom-width .horizontal-slide{
	float:right;
	margin:6px 10px 0 -20px;}
.ui-slider-horizontal{
	position:relative;
	width:161px;
	height:32px;}
.ui-slider-horizontal .ui-slider-range{
	position:absolute;
	left:0; top:8px; height:5px;
	background:#53e765;
	border-radius:3px;}
.ui-slider-horizontal .ui-slider-handle{
	position:absolute;
	top:-4px; left:0;
	margin-left:-20px;
	width:37px; height:26px;
	background:url(/assets/img/calc/ui-handle-horizontal.png) no-repeat 0 0;
	border-radius:13px;
	box-shadow:-4px 4px 4px rgba(0,0,0,0.3);}

.bottom-width{text-align:right;}
.bottom-width input{float:right; margin-left:5px;}
.bottom-width label{text-align:right; margin-bottom:4px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~/калькулятор: форма */

/*~~~~~~~~~~~~ галерея  готовых изделий */
.ready-gallery{
	position:relative;
	margin-bottom:30px;}
.ready-gallery .horizontal-slider{
	margin:0 40px;}

ul.ready-gallery-list{
	white-space:nowrap;
	text-align:center;}
ul.ready-gallery-list li.slide-item{
	display:inline-block;
	//zoom:1; //display:inline; vertical-align:top;
	/*max-width:350px;*/
	width:299px;
	text-align:center;}

ul.ready-gallery-list li .slide-cont{
	display:block;
	position:relative;
	margin:0 auto;
	padding:0 30px;
	text-decoration:none;}

	.ready-gallery-longer ul.ready-gallery-list li .slide-cont{
		padding: 0;
		margin-left: 20px;
		margin-bottom: 10px;
		margin-right: 20px;
		/*
		padding:0; margin-left:40px; margin-bottom:10px;
		*/
	}


ul.ready-gallery-list li .slide-cont span{
	display:inline-block;
	//zoom:1; //display:inline; vertical-align:top;
	height:191px;
	margin-bottom:-5px;}
	.ready-gallery-longer ul.ready-gallery-list li .slide-cont span{height:250px;}

ul.ready-gallery-list li .slide-cont span img{
	position:relative;
	max-height:191px;}
	.ready-gallery-longer ul.ready-gallery-list li .slide-cont span img{
		max-height:250px;
		max-width: 235px;
	}

ul.ready-gallery-list li .slide-cont span img.lbl-temp{
	position:absolute;
	top:118px;
	margin:0 0 0 -38px;}

.main-params{
	margin-bottom:10px;
	font-size:18px;
	line-height:22px;
	font-weight:700;}
.main-params strong{
	margin:0 10px;}

.home-type{
	margin-bottom:10px;
	font-weight:700;
	color:#666666;}

.orange-bg-price{
	position:relative;
	display:inline-block;
    display:inline;

	height:41px;
	padding:0 13px;

	background:#ff9900;
	border-radius:5px;

	color:#fff;
	font-weight:700;
	text-shadow:0 1px 1px #b98000;
	font-size:21px;
	line-height:41px !important;}
.orange-bg-price strong{
	font-size:34px;}
.window-width li:before {
    content:counters(list, '.') ". ";
    counter-increment:list;
}
.window-width ol { 
    counter-reset: list; 
}