body {font-family:"Century Gothic";}
.hidden {display:none !important;}


.wrapper {width:1000px; margin:20px auto; position:relative;}

	.foto {height:10px; background:#df194a; width:100%;}
	
	.constructor2 {height:600px; position:relative;overflow: hidden;}
		#wall1{height: 100%;width: 100%; border-right: 91px solid #e7e7d1;border-top: 41px solid transparent; position:absolute;top:0; left:0;}

		
		#floor1{height: 147px;width: 74px;border-bottom: 109px solid red;border-left: 293px solid transparent;position: absolute;bottom: 1px;left: 169px;}
		
		#floor2{height: 147px;width: 74px;border-bottom: 150px solid red;border-right: 293px solid transparent;position: absolute;bottom: 1px;right: 169px;}
			
	
		
		#roof1{height: 43px;border-top: 209px solid #784578;border-left: 624px solid transparent;z-index: 50;   position: absolute;top: 7px;left: -123px;}
		#roof2{height: 68px;border-top: 19px solid #784578;border-right: 234px solid transparent;z-index: 50;position: absolute;top: 198px;left: 501px;}
		#roof3{height: 68px;border-top: 18px solid #784578;border-right: 246px solid transparent;z-index: 50;position:absolute;top: 191px;left: 716px;}
		#roof4{height: 68px;border-top: 141px solid #784578;border-right: 71px solid transparent;z-index: 50;position: absolute;top: 52px;left: 956px;}
		#roof5{    height: 68px;border-top: 50px solid #784578;border-left: 71px solid transparent;z-index: 50;position: absolute;top: 159px;left: 645px;}
			
		#karniz{ background:url('../images/karniz.png') no-repeat; height:600px; width:100%;position:absolute; top:0; left:0;z-index:70;}
			
		#roof6{height: 191px;background: #784578;z-index: 50;position: absolute;top: 0;left: 496px;width: 460px;}
		#roof7{height: 20px;background: #784578;z-index: 50;position: absolute;top: 0;left: 0;width: 1000px;}
		#roof8{height: 61px;background: #784578;z-index: 50;position: absolute;top: 0;right: 0;width: 460px;}
		#roof9{height: 61px;background: #784578;z-index: 50;position: absolute;top: 141px;right: 268px;width: 235px;}
		
		
		#room  {background:url('../images/room.png') no-repeat; height:600px;width:100%;position:absolute; top:0; left:0;z-index:100}
		
		#factureFirst{background:url('../images/level/first/gloss.png');    background-repeat: no-repeat !important;  height:600px; width:100%;position:absolute; top:0; left:0;z-index:70;}
		#factureSecond{    background-repeat: no-repeat !important; height:600px; width:100%;position:absolute; top:1px; left:0;z-index:170;}
		#level{    background-repeat: no-repeat !important; height:600px; width:100%;position:absolute; top:0; left:0;z-index:60;}
		#light{    background-repeat: no-repeat !important; height:600px; width:100%;position:absolute; top:0; left:0;z-index:250;}
		#print{    background-repeat: no-repeat !important; height:600px; width:100%;position:absolute; top:0px; left:0;z-index:55;}
		
		
		
	.tools {width:300px; position:absolute; right:0; top:10px; height:600px; background:RGBA(255,255,255,0.9); z-index:2000}
		.is-hide {position:absolute; top: 46%;left: 5px;width: 20px;z-index:2000; transform: scale(-1, 1) }
			.is-hide.now-hide{transform: scale(1) }
		.tools p {font-weight:bold;width:80%; display:block; margin:10px auto;}
		.tools select  {width:80%; display:block; margin:10px auto; padding:7px;}
		.tools button  {width:80%; display:block; margin:10px auto; padding:8px; border:1px solid #df194a; transition:0.2s; background:#fff}
			.tools button:focus {outline:none;}
			.tools button:hover {background:#df194a; color:#fff;}
		.tools input  {width:74%; display:block; margin:10px auto; padding:7px;}
			
		.tools hr {width:80%; display:block; margin:10px auto; }
		
		.colorPickerWrap {width:100%; position:relative;}
			.colorPicker {position:absolute;top:-195px; left:30px; display:none; z-index:800; background:#fff; border:1px solid #df194a; border-bottom:none; width:238px;}
			.colorPickerClose {position:absolute;top:-190px; right:35px; width:30px; height:30px; background:url(../images/close.png);display:none;z-index:800;transition:.2s; background-size:100%;}
				.colorPickerClose:hover {transform:scale(1.05)}
				
		.colorPallet {background:#fff; height:226px; top:-226px;}
			.pallet {padding:7px;}
				.pallet a {display:inline-block; width:22px; height:23px; border:1px solid #666; cursor:pointer;}
					.pallet a:hover {transform:scale(1.1)}
			.colorPickerClose {top:-220px; right:-6px;}
			
		#colorPicPrint {background:#fff; height:216px; top:-226px; padding:5px;width: 228px;overflow-y:auto}
			#colorPicPrint img {margin-bottom:5px;    margin-right: 3px;}
		
		.matted, .satin {display:none;}
	
	.colorBlockOut {width: 80%;margin: 0 auto;text-align: center;background: RGBA(21,153,49, 0.8);padding:16px;box-sizing: border-box; font-weight:300;    padding-bottom: 5px;}
		.colorBlockOut p {font-weight:300;font-size: 14px;}
		.colorBlockOut p.orderTitle {font-weight:500;}
		
		
	.colorOut {position:absolute; left:20px; bottom:20px; padding:10px 20px; background:RGBA(0,0,0,0.8); color:#fff; border-radius:10px;display:none; z-index:2000}