body, html {
    width: 100%;
    height: 100%;
}

/*Рабочая область*/
.work_area{
	width: 100%;
	height: auto;
	max-height: 100%;
	background-color: #F5F5F5;
	margin: 0 auto;
	box-sizing: border-box;
	float: left;
	display: block;
}


.conteiner{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;

}


/* BEGIN block_select_room  (Выбор комнаты)*/
.block_select_room{
	width: 100%;
	height: auto;
	border-radius: 15px;
	background-color: #CCCCCC;
	padding:15px;
	box-sizing: border-box;
	float: left;
	display: block;
}

.block_select_room_title{
	width: 100%;
	font-family: sans-serif;
	font-weight: bold;
}

.btn_room{
	width: 30%;
	height: 50px;
	margin: 5px;
	box-sizing: border-box;
	border-radius: 15px;
	background-color: #F5F5F5;
	float: left;
}

.btn_room img{
	height: 20px;
	width: 20px;
	margin:5px;
	float: left;
	margin-left:42px;
}

.btn_room p{
	font-family: sans-serif;
	width: 100%;
	color: #000;
	font-size: 12px;
	float: left;
	text-align: center;
}

.btn_room:hover{
	background-color: #99FF99;
	cursor: pointer;
}


/* END block_select_room  (Выбор комнаты)*/



/* BEGIN block_parametr  (Выбор комнаты)*/

.block_parametr{
	margin-top: 225px;
	width: 100%;
	height:auto;
	background-color: #333333;
	padding:10px;
	box-sizing: border-box;
	float: left;
	overflow-y: scroll;
}

.block_parametr_title{
	width: 100%;
	font-family: sans-serif;
	font-weight: bold;
}

.block_parametr_options{
	width: 100%;
	height: auto;
	float: left;
	padding:5px;
	box-sizing: border-box;
}



.block_parametr_options_title, .block_parametr_type_title{
	margin-top:20px;
	margin-bottom: 5px;
	width: 100%;
	text-align: center;
	padding:5px;
	box-sizing: border-box;
	font-family: sans-serif;
	font-weight: bold;
	background-color:#F7DB4F;
	float: left;
	border-radius: 15px;
}

.block_parametr_options_radion{
	width: 150px;
	text-align: center;
	height: 30px;
	margin-top: 15px;

	float: left;
}

.radio_ceiling_type{
	width: 20px;
	height: 20px;
	float: left;
	cursor: pointer;
}

.block_parametr_options_radion label{
	font-family: sans-serif;
	font-size: 16px;
	text-align: center;
	float: left;
	margin-top:7px;
	margin-left: 10px;
	cursor: pointer;
	color: #fff;
}

.block_parametr_type{
	width: 100%;
	height: auto;
	float: left;
	padding:5px;
	box-sizing: border-box;
}

.block_parametr_type_radio{
	width: 100%;
	height: 30px;
	box-sizing: border-box;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.block_parametr_type_radio_block{
	width: 33%;
	height: auto;
	float: left;
}

.block_parametr_type_radio_block label{
	font-family: sans-serif;
	font-size: 14px;
	float: left;
	margin-top:5px;
	margin-left: 5px;
	margin-right: 5px;
	cursor: pointer;
	color: #fff;
}


.block_parametr_type_setseiling{
	padding:15px;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	max-height: 250px;
	background-color: #cccccc;
	border-radius: 15px;
	float: left;
	overflow-y: scroll;
}

.block_parametr_type_setseiling img{
	height: 60px;
	width: auto;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}

#block_parametr_type_setseiling_level_1{
	display: none;
}

#block_parametr_type_setseiling_level_2{
	display: block;
}

#block_parametr_type_setseiling_level_3{
	display: none;
}


/* END block_parametr  (Выбор комнаты)*/


/*BEGIN Визуал комнаты и выбор цветов*/

/*Vision block*/

.block_vision_image{
	width: 100%;
	height: 225px;

	background-color:#333333;
	position:fixed;
}


.vision_conteiner{
    width: 360px;
	height: 225px;
	margin: 0 auto;
}

.bv_ceiling_bg{
	position:absolute;
    width: 360px;
	height: 225px;
	z-index: 2;
}


.bv_ceiling_mask{
	background-image: url(../img/seiling/livingroom/ceiling_2_1_glossy-min.png);
	width: 360px;
	height: 225px;
	z-index: 3;
	position: absolute;
	background-size: cover;
}

.bv_wall_bg{
	position:absolute;
	background-color: #fff;
	width: 360px;
	height: 225px;
	z-index: 0;
}

.bv_wall_mask{
	background-image: url(../img/room/livingroom.png);
	width: 360px;
	height: 225px;
	position: absolute;
	background-size: cover;
	z-index: 1;
}


/*Отвечает за слой сафитов*/
.bv_safties{
	width: 360px;
	height: 225px;
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 4;
}

/*Отвечает за слой люстры*/
.bv_chandeliers{
	width: 360px;
	height: 225px;
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 5;
}


/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/



.block_vision_selcolor_seiling{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 15px;
	background-color: #CCCCCC;
	box-sizing: border-box;
	padding:15px;
	float: left;

}

.block_vision_selcolor_seiling p{
	width: 100%;
	text-align: left;
	padding-top: 5px;
	text-align: center;
	padding-bottom: 5px;
	font-family: sans-serif;
	font-weight: bold;
}

.block_vision_selcolor_seiling_val{
	width: 130px;
	background-color: green;
	border-radius: 15px;
	margin: 0px 5px 5px 0px;
	box-sizing: border-box;
	cursor: pointer;
	float: left;
}

.block_vision_selcolor_seiling_val p{
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 14px;
	font-family: sans-serif;
	font-weight: bold;
	color: #fff;
}

/*END Визуал комнаты и выбор цветов*/




/*------------Кнопка заявки-----------*/
/*Кнопка*/
.btn_order{
	float: left;
	width: 100%;
	margin-top:30px;
	height:50px;
	background-color: #F7DB4F;
	border-radius:15px;
	cursor: pointer;
	margin-bottom:50px;
}

.btn_order:hover{
	background-color: green;
}

.btn_order p{
	width: 100%;
	font-size:18px;
	margin-top:17px;
	text-align: center;
	font-family: sans-serif;
}


/*end кнопка заявки*/






/*popups*/

.popup_color_seiling{
	width: 360px;
	height:auto;
	max-height: 400px;
	background-color:#ccc;
	border:5px solid green;
	border-radius:15px;
	box-sizing: border-box;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-180px;
	margin-top:-90px;
	overflow-y: scroll;
	z-index:500;
	display: none;
}

.ppp_otsrup{
	width: 100%;
	height:70px;
	float: left;
}

.popup_color_seiling .sel_clr{
	width: 100px;
	height:50px;
	border-radius:5px;
	border:1px solid #ccc;
	box-sizing:border-box;
	cursor: pointer;
	float: left;
	margin:7px;
}

.sel_clr p{
	width: 100%;
	text-align: center;
	font-family: sans-serif;
	font-size:22px;
	margin-top:14px;
}

.popup_color_seiling .title{
	width: 341px;
	height: auto;
	background: green;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom:10px;
	font-size: 20px;
	font-weight: bold;
	font-family: sans-serif;
	position: fixed;
}

.popup_color_seiling .title p{
	margin-top: 10px;
	width: 250px;
	float: left;
	color: #fff;
}

.popup_color_seiling .title img{
	width: 35px;
	height:auto;
	padding: 5px;
	padding-right: 20px;
	float: right;
}

.popup_color_seiling_title{
	width: 45%;
	margin-left:10px;
	float: left;
}


.popup_order{
	width: 340px;
	height: 95vh;
	max-width: 500px;
	background-color:#ccc;
	border:2px solid #F7DB4F;
	border-radius:15px;
	box-sizing: border-box;
	position:fixed;
	left:50%;
	top:20px;
	margin-left:-170px;
	z-index:500;
	display: none;
	font-family: sans-serif;
	overflow-y: scroll;
	padding-bottom: 20px;
}

.popup_order .title{
	width: 300px;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom:10px;
	font-size: 20px;
	font-weight: bold;
	font-family: sans-serif;
}

.popup_order .title p{
	margin-top: 10px;
	width: 240px;
	float: left;
}

.popup_order  .title img{
	width: 35px;
	height:auto;
	padding: 5px;
	float: left;
	cursor: pointer;
}

.order_input{
	float: left;
	width: 240px;
	margin:10px;
	margin-left: 42px;
	height:30px;
	border-radius:5px;
	border:none;
	padding: 10px;
	outline: none;
}

.order_textarea{
	float: left;
	width: 240px;
	margin:10px;
	margin-left: 42px;
	height:100px;
	border-radius:5px;
	border:none;
	padding: 10px;
	outline: none;
}

.order_div_sel{
	width: 100%;
	float: left;
	margin-top: 20px;
	font-size:14px;
}


.order_input_radio{
	width: 20px;
	height:20px;
	float: left;
}

.order_input_label{
	margin-top:7px;
	margin-left:10px;
	width: 70%;
	float: left;
}

.order_radio{
	float: left;
	width: 240px;
	margin:10px;
	margin-left: 42px;
	border:none;
	height:auto;
	padding: 10px;
	outline: none;
}


.ppp_order_btn{
	width: 263px;
	height:60px;
	background-color: #F7DB4F;
	font-size:18px;
	margin:10px;
	margin-left: 42px;
	border-radius:5px;
	border:none;
	padding: 10px;
	outline: none;
	float: left;
	cursor: pointer;
}