﻿
#slider_window,
#wrapper_about_us{
	position: relative;
	height: 100%;
	width: 960px;
	margin: 0px auto;
	display: block;	
	margin-bottom: 80px;
	overflow: hidden;
}
#wrapper{
	
	background-image: url(/images/bg.jpg);
	background-position: left top;
}
#slider_window .ban_pic{
	background-image: url(/images/slider.jpg);
	width: 581px;
	height: 100%;
	position: absolute;
	left: 408px;
	background-position: right bottom;
	background-repeat: no-repeat;
}
#slider_window .slide_window{
	width: 401px;
	height: 420px;
	position: absolute;
	background-color: #e673cb;
	background-position: left bottom;
	background-repeat: no-repeat;
	z-index: 100;
}
#slider_window .slide_window .text{
	position: absolute;
	width: 387px;
	height: 405px;
	top: 5px;
	left: 4px;
	background-color: #fdfcf7;
	border: 3px solid #e673cb;
	outline: 1px dashed #f5c4e9;
}
#slider_window .slide_window .text a,
#slider_window .slide_window .text .flowers_top,
#slider_window .slide_window .text .flowers_bottom{
	position: absolute;	
	background-repeat: no-repeat;
	background-position: top left;
}
#slider_window .slide_window .text .flowers_top{
	width: 387px;
	height: 85px;
	background-image: url(/images/flowers_top.jpg);
}
#slider_window .slide_window .text .flowers_bottom{
	width: 387px;
	height: 92px;
	bottom: 0px;
	background-image: url(/images/flowers_bottom.jpg);
}
#slider_window .slide_window .text p{
	position: absolute;
	top: 118px;
	width: 380px;
	height: 200px;
	font-size: 25px;
	color: #884076;
	font-family: ubuntu-l;
	text-transform: uppercase;
	line-height: 35px;
	letter-spacing: 4px;
	word-spacing: 3px;
	text-align: center;
}
#slider_window .slide_window .text a{
	width: 265px;
	height:	31px;
	top: 294px;
	left: 61px;
	font-size: 14px;
	color: #ffffff;
	font-family: ubuntu-m;
	text-transform: uppercase;
	letter-spacing: 2px;
	word-spacing: 2px;
	padding: 23px 0px 0px 0px;
	text-align: center;
	background-image: url(/images/leave_order.png);
}
#slider_window .slide_window .text a:hover{
	opacity: 0.7;
}
#wrapper_calculator h1,
#wrapper_about_us h1{
	margin: 0px;
	position: relative;
	font-family: 'ubuntu-l';
	text-transform: uppercase;
	border: 2px dashed #cdd796;
	border-left: none;
	border-right: none;
	text-align: center;
	font-size: 30px;
	letter-spacing: 4px;
	font-weight: normal;
	line-height: 30px;
	padding: 6px 0px;
	color: #5e5d5d;
	width: 250px;
	margin-bottom: 20px;
}
#wrapper_about_us h2{
	font-family: ubuntu-m;
	font-size: 14px;
	text-transform: uppercase;
	color: #595959;
}
#wrapper_calculator{
	position: relative;
	max-width: 980px;
	margin: 0 auto;
	overflow: hidden;
	font-family: ubuntu-m;
	font-size: 14px;
	color: #595959;
	margin-top: 76px;
}
#wrapper_calculator .calc_button .pic11{
	background-image: url('/images/calc/1/01.png');
}
#wrapper_calculator .calc_button .pic21{
	background-image: url('/images/calc/1/02.png');
}
#wrapper_calculator .calc_button  .pic31{
	background-image: url('/images/calc/1/03.png');
}
#wrapper_calculator .calc_button .pic41{
	background-image: url('/images/calc/1/04.png');
}
#wrapper_calculator .calc_button .pic51{
	background-image: url('/images/calc/1/05.png');
}
#wrapper_calculator .calc_button .pic61{
	background-image: url('/images/calc/1/06.png');
}
#wrapper_calculator .calc_button .pic71{
	background-image: url('/images/calc/1/07.png');
}
#wrapper_calculator .calc_button .pic81{
	background-image: url('/images/calc/1/08.png');
}
#wrapper_calculator .calc_button .pic91{
	background-image: url('/images/calc/1/09.png');
}
#wrapper_calculator .calc_button .pic101{
	background-image: url('/images/calc/1/10.png');
}
#wrapper_calculator .calc_bg .pic12{
	background-image: url('/images/calc/2/01.png');
}
#wrapper_calculator .calc_bg .pic22{
	background-image: url('/images/calc/2/02.png');
}
#wrapper_calculator .calc_bg .pic32{
	background-image: url('/images/calc/2/03.png');
}
#wrapper_calculator .calc_bg .pic42{
	background-image: url('/images/calc/2/04.png');
}
#wrapper_calculator .calc_bg .pic52{
	background-image: url('/images/calc/2/05.png');
}
#wrapper_calculator .calc_bg .pic62{
	background-image: url('/images/calc/2/06.png');
}
#wrapper_calculator .calc_bg .pic72{
	background-image: url('/images/calc/2/07.png');
}
#wrapper_calculator .calc_bg .pic82{
	background-image: url('/images/calc/2/08.png');
}
#wrapper_calculator .calc_bg .pic92{
	background-image: url('/images/calc/2/09.png');
}
#wrapper_calculator .calc_bg .pic102{
	background-image: url('/images/calc/2/10.png');
}
#wrapper_calculator .left_block{
	float: left;
	width: 480px;
	text-transform: uppercase;
}

#wrapper_calculator .calc_button{
	height: 180px;
	width: 220px;
	display: inline-block;
	margin-right: 20px;
	float: left;
}
#wrapper_calculator .calc_bg{
	background-image: url('/images/furniture.png');
	background-position: top left;
	height: 180px;
	width: 220px;
	display: inline-block;
	margin-right: 20px;
	float: left;
	color: #ffffff;
}
#wrapper_calculator .calc_sleep{
	opacity: 0.2;
}
#wrapper_calculator .pressed{
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 20px;
	width: 220px;
	text-align: center;
	padding-top: 120px;
}
#wrapper_calculator .passive{
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 20px;
	width: 220px;
	text-align: center;
	padding-top: 120px;
}
#wrapper_calculator .calc_button:hover{
	opacity: 0.5;
	cursor: pointer;
}
#wrapper_calculator .right_block{
	float: right;
	background-color: #ffffff;
	width: 480px;
}
#wrapper_calculator .form_body{
	position: relative;
	width: 435px;
	margin: 0px auto;
	opacity: 0.4;
}
#wrapper_calculator .form_body h2{
	margin: 0px;
	position: relative;
	font-family: 'ubuntu-l';
	text-transform: uppercase;
	font-size: 30px;
	letter-spacing: 4px;
	font-weight: normal;
	line-height: 35px;
	color: #5e5d5d;
	margin-bottom: 20px;
	border: 1px dashed #dcdcdc;
	border-top: none;
	border-left: none;
	border-right: none;
	padding-bottom: 27px;
	padding-top: 30px;
}
#wrapper_calculator .form_body h3{
	position: relative;
	font-family: ubuntu-m;
	font-size: 14px;
	color: #595959;
	text-transform: uppercase;
	margin: 0px;
	margin-top: 25px;
}
#wrapper_calculator .form_body h3 a{
	font-family: ubuntu-l;
	text-transform: none;
	color: #acc44b;
	float: right;
}
#wrapper_calculator .form_body h3 a:hover{
	text-decoration: underline;
}



#wrapper_calculator .dashed{
	border-bottom: 1px dashed #dcdcdc;
	padding-bottom: 20px;
}
#wrapper_calculator .sum{
	position: relative;
	width: 100%;
	background-color: #acc44b;
	margin-top: 27px;
}
#wrapper_calculator .form_body p{
	font-size: 12px;
	font-style: italic;
	color: #4d4d4d;
	font-family: ubuntu-l;
	text-align: left;
}
#wrapper_calculator .sum_top,
#wrapper_calculator .sum_bottom{
	position: relative;
	width: 100%;
	color: #ffffff;
}
#wrapper_calculator .sum_top p,
#wrapper_calculator .sum_top h3{
	position: relative;
	color: #ffffff;
	padding-left: 20px;
	margin: 0px;
}
#wrapper_calculator .sum_top h3{
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 0px 10px 20px;
}
#wrapper_calculator .sum_top .dashed{
	border-bottom: 1px dashed #ffffff;
}
#wrapper_calculator .sum_bottom p{
	color: #ffffff;
	text-align: right;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0px;
	padding: 10px 10px;
}
#wrapper_calculator .sum_bottom span{
	font-size: 20px;
}
#wrapper_calculator .form_body button{
	color: #acc44b;
	border: none;
	border-radius: 15px;
	display: block;
	text-align: center;
	font-size: 14px;
	font-family: ubuntu-m;
	letter-spacing: 3px;
	text-transform: uppercase;
	height: 64px;
	width: 300px;
	background-color: #ffffff;
	background-image: url('/images/read_more.png');
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0 auto;
	padding-top: 17px;
	top: 10px;
}
#wrapper_calculator .form_body button:hover{
	opacity: 0.5;
	cursor: pointer;
}
.radio1{
	background-image: url('/images/simple.png');
	background-repeat: no-repeat;
	background-position: top center;
}
.radio2{
	background-image: url('/images/middle.png');
	background-repeat: no-repeat;
	background-position: top center;
}
.radio3{
	background-image: url('/images/hard.png');
	background-repeat: no-repeat;
	background-position: top center;
}
.radio1.checked .jq-radio__div{
	background-image: url('/images/simple_check.png');
	
}
.radio2.checked .jq-radio__div{
	background-image: url('/images/middle_check.png');
}
.radio3.checked .jq-radio__div{
	background-image: url('/images/hard_check.png');
}
.disable{
	position: absolute;
	top: 66px;
	right: 0px;
	z-index: 150;
	width: 480px;
	height: 100%;
}
.long_pic{
	background-position: 50% 40% !important;
	padding-top: 140px !important;
}


@media screen and (max-width: 1000px){
	
	#wrapper_calculator{
		padding: 0px 10px;
		max-width: 1000px;
	}
	#wrapper_calculator .left_block,
	#wrapper_calculator .right_block{
		display: block;
		float: none;
		width: auto;
		max-width: 480px;
		margin: 0px auto;
		margin-bottom: 50px;
		clear: both;
		position: relative;
	}
	#wrapper_calculator .left_block{
		text-align: center;
		max-width: 500px;
	}
	.disable{
		top: 0px;
		left: 0px;
		width: 100%;
	}
	#wrapper_calculator .calc_button,
	#wrapper_calculator .calc_bg{
		margin-left: 10px;
		margin-right: 10px;
		float: none;
	}
	#wrapper_calculator .form_body{
		width: initial;
		max-width: 435px;
	}
}
@media screen and (max-width: 600px){
	#wrapper_calculator .form_body h2{
		font-size: 20px;
		line-height: 1.4em;
		padding-bottom: 0px;
	}
	.jq-radio{
		margin-right: 0px!important;
		margin-bottom: 20px!important;
	}
}

