/* --------- EDITING IMAGES TOOLS --------- */


/* ------ CUT PAPER ------ */

.crop .catalog-navigation {padding-bottom: 0px !important; padding-top:0px;}
.crop .catalog-navigation h1 {font-weight:100 ; color:#214478; padding-top: 5px;}

#cut-paper { padding-bottom: 30px; margin-top: 18px; }
	#cut-paper .details { width: 160px; float: right; margin-right: -4px; }
	#cut-paper .paper { width: 580px; height: 390px; line-height: 390px; background: #eee; float: left; text-align: center; }

	#cut-paper .title { padding-bottom: 8px; }
	#cut-paper .tags { background: url('../img/ico-tags.png') no-repeat; padding-left: 32px; margin-top: 10px; }

	#cut-paper .id { display: inline-block; vertical-align: top; padding-right: 10px; }
	#cut-paper .ico { vertical-align: top; }

	#cut-paper .help { color: #666; height: 46px; margin-top: -4px; margin-bottom: 15px; }
	#cut-paper .parametres { /*background: url('../img/bg-cut-box.png') no-repeat;*/ border: 2px dotted #ccc; height: auto; padding: 16px 10px 10px 14px; }

	#cut-paper .price { padding-bottom: 10px; }
		#cut-paper .grn { font-size: 20px; color: #f15a24; font-weight: bold; padding-left: 5px; }

	#cut-paper .width { background: url('../img/ico-cut.png') 0 -205px no-repeat; padding-left: 40px; margin-bottom: 10px; }
	#cut-paper .height { background: url('../img/ico-cut.png') 0 -154px no-repeat; padding-left: 40px; margin-bottom: 20px; }
	#cut-paper .width input, #cut-paper .height input {text-align: center; font-weight: 600;}

	#cut-paper .min .i { width: 70px; }
	#cut-paper .label { font-size: 10px; display: block; }

		.ico-bw, .ico-mirror, .ico-sepia { background: url('../img/ico-cut.png') no-repeat; line-height: 25px; padding-left: 32px; margin-bottom: 8px; }
		.ico-mirror { background-position: 0 -40px; }
		.ico-sepia { background-position: 0 -79px; }

		.active .plink { color: #e15422; border-color: #e15422; cursor: default; }

		.ico-bw.active  { background-position: 0 -250px; }
		.ico-mirror.active { background-position: 0 -290px; }
		.ico-sepia.active { background-position: 0 -329px; }

	#cut-paper .area { padding: 20px 0; }
		#cut-paper .area .sum { background: url('../img/ico-cut.png') 0 -115px no-repeat; padding-left: 37px; height: 25px; font-size: 18px;}
		#cut-paper .area .info { font-size: 10px; line-height: 12px; padding-top: 5px; }


#cut-paper2 { margin: 20px 0 20px; border-radius: 10px; background:#eef3e4; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.11);}
	#cut-paper2 .details { width: 135px; float: right; margin: 0px 10px 0 0;}
	#cut-paper2 .paper { width: 580px; height: 390px; background: #cfd3c2; float: left; line-height: 390px; text-align: center; }

	#cut-paper2 .cut-title { padding: 7px 0 7px 10px; font-size: 18px; }

	#cut-paper2 .id { display: inline-block; vertical-align: top; padding-right: 10px; }
	#cut-paper2 .ico { vertical-align: top; }

	#cut-paper2 .help { color: #475360; font-size: 12px; margin: 15px 0px }
	#cut-paper2 .parametres {height: auto; }

	#cut-paper2 .price { padding-bottom: 10px; }
		#cut-paper2 .grn { font-size: 20px; color: #f15a24; font-weight: bold; padding-left: 5px; }

	#cut-paper2 .sum {color:#000; font-size: 13px;}
		#cut-paper2 .sum span {color:#214477; font-size: 15px;}
	#cut-paper2 .width { margin-bottom: 10px;  }
	#cut-paper2 .height {margin-bottom: 20px; }
	#cut-paper2 .width input,
	#cut-paper2 .height input {
	  border-radius: 10px;
	  background:#d5e6b2;
	  box-shadow: inset 0px 0px 3px rgba(0,0,0,0.11);
	  width: 100px;
	  padding: 7px 0px;
	  text-align: center;
	  margin: 5px 15px;
	  font-size:20px;
	}

	#cut-paper2 .plink {color:#214477 !important; border-color: #214477 !important; font-size: 15px; padding-bottom: 2px}

	#cut-paper2 .divider {
	display: block; background: url('../img/redesign/crop_divider.png') center no-repeat;
height: 19px; margin:15px 0;

	}



	#cut-paper2 .label { font-size: 10px; display: inline-block; width: 16px; color:#214477 }
	#cut-paper2 .parametres h4 {display: block; font-size: 14px; color:#214477; text-align:center; padding-top: 6px;}

		.ico-bw, .ico-mirror, .ico-sepia { background: url('../img/ico-cut.png') no-repeat; line-height: 25px; margin-bottom: 8px;padding-left: 42px;
padding-top: 4px; }
		.ico-mirror { background-position: 0px -40px; }
		.ico-sepia { background-position: 0 -76px; }

		.active .plink { color: #e15422; border-color: #e15422; cursor: default; }

		.ico-bw.active  { background-position: 0 -112px; }
		.ico-mirror.active { background-position: 0 -150px; }
		.ico-sepia.active { background-position: 0 -187px; }

		.area { padding: 20px 0; }
			.area .sum { background: url('../img/ico-cut.png') 0 -115px no-repeat; padding-left: 37px; height: 25px; font-size: 18px;}
			.area .info { font-size: 10px; line-height: 12px; padding-top: 5px; }

		.tags { margin: 5px 0 10px 10px; display: block;}
			.tags i {font-size: 16px; color: #a0ba43;}
			.tags a {color:#204275;}
			.tags a:hover {color:#204275; text-decoration: none}

.crop .h2 {color:#224477 !important; font-size: 22px; margin-bottom: 0px;}
.paper-texture { padding: 0 0 18px; }
	.paper-texture li { font-size: 10px; margin-right: 4px; margin-bottom: 16px; }
	.paper-texture li.last { margin: 0; }
		.paper-texture li p {margin-left: 4px;}
		.paper-texture .item { display: block; width: 186px; }
		.paper-texture .item img { border: 3px solid #fff; border-radius: 5px; }
		.paper-texture .item:hover img { border-color: #c4c4c4; }
		.paper-texture .item.active img { border-color: #f15a24; }


.textures { margin-top: 5px; width: 733px; background: #dee6f1;
  box-shadow: inset 0px 0px 3px rgba(0,0,0,0.11); position: relative; padding: 7px 6px; border-radius: 10px; border-top-left-radius: 0 !important
 }
 	.textures ul {background: #FFF; border-radius: 6px;padding: 3px 0px;}
	.textures .ttabs {position: absolute; top: -27px; left: 0px;}
		.textures .ttabs a {
				display: inline-block;
				margin: 0px 1px 0 0;
				background: #919ca6;
				color: #fff;
				text-decoration: none;
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
				padding: 6px 23px;
		}
		.textures .ttabs a:hover {color: #666;}
		.textures .ttabs a.active { background: #dee6f1; color:#214477}
	.textures li { display: inline-block; position: relative; font-size: 10px; margin: 5px 6px; cursor: pointer; }
		.textures li .olay {display: none; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgba(0,0,0,.5);}
			.textures li .olay p {text-align: center; line-height: 14px; margin-top: 25px; font-size: 12px; color: #fff;}
			.textures li .olay span {display: block; position: absolute; bottom: 0px; right: 0px; padding: 3px 5px; background: #d1a449; color: #fff; font-size: 13px;}
			.textures li .olay a {font-size: 11px; position: absolute; bottom: 5px; left: 5px; color: #fff;}
				.textures li .olay a i {margin-right: 3px; font-size: 14px;}
		.textures li:hover .olay, .textures li.active .olay {display: block;}

	.textures .additional {position: absolute; width: 133px; right: -160px; bottom: 0px; height: 120px; background: #faf9e9; border: 1px solid #ccc; padding: 5px;}
		.textures .additional h5 {text-align: center; font-weight: 600;}
		.textures .additional img {position: absolute; top: 50%; left: 50%; margin: -34px 0 0 -45px;}
		.textures .additional a {position: absolute;
bottom: 5px;
display: block;
text-align: center;
width: 95%;}
		.textures .additional a.i {background: #d1a449; display: inline-block; width: 20px; padding: 0 0 0 2px; text-align: center; height: 20px; line-height: 20px; font-size: 18px; left:auto; bottom: 0px; right: 0px; color: #fff;}
	.textures .additional.glue {bottom: 140px;}

.order_block {position: relative;}
	.order_form {width: 483px; padding: 15px; padding-left: 0; display: inline-block;}
		.order_form h2 {font-size: 22px; color: #224477}
		.order_form table {width: 100%;}
			.order_form table thead {border-bottom: 1px dashed #c7cfd8;}
			.order_form table tfoot {border-top: 1px dashed #c7cfd8;}
			.order_form table th {text-align: left; font-weight: 600; padding: 5px 3px; font-size: 14px;}
			.order_form table td {padding: 11px 3px; font-size: 12px;}
			.order_form table td b {color:#214477; font-weight:400; }
			.order_form table .rl {text-align: right;}

			.order_form table tbody tr {border-top: 1px dotted #c6cdd7;}
			.order_form table tr:last-child {border-bottom: 1px dotted #c6cdd7;}

			.order_form form label b {color:#214477; font-weight: 400}
			.order_form form input, .order_form form textarea {
				background: #e1e6ef;
				border-radius: 6px;
				box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
				width: 233px;
				padding: 6px 0 6px 1px;
				border: none;
				margin-bottom: 10px;
			}

			.order_form form textarea {height: 120px; width: 230px;}
			.order_form form button {float: right; border-radius: 10px;
				background-image: -webkit-linear-gradient( 90deg, rgb(160,186,67) 0%, rgb(201,233,87) 100%);
				box-shadow: 0px 2px 2px 0px rgb( 81, 101, 8 );
				border: none;
				font-size: 12px;
				font-weight: 100;
				text-shadow: 0.5px 0.866px 2px rgb( 118, 134, 60 );
				display: inline-block;
				padding: 8px 22px;
				color:#FFF;
			}
			.order_form form .columns {margin: 20px 0 5px; position: relative;}
			.order_form form .columns label b {margin-bottom: 5px; display: inline-block}
				.order_form form .columns .right_col {position: absolute; top: 0px; right: 0px;}
			.crop hr {background: none; border: none}
	.green_latex {
		width: 209px;
		padding: 15px;
		background: #eef3e4;
		border-radius: 10px;
		box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2);
		display: inline-block;
		vertical-align: top;
	}
		.green_latex h3 {color: #000; font-weight: 400; font-size: 16px;}
		.green_latex p {font-size: 12px;}
		.green_latex img {margin: 50px auto 10px;}

.curved-vt-2:before,
.curved-vt-2:after {content:""; position:absolute; z-index:-2;}

	.two-columns { overflow: hidden; margin-bottom: 24px; }
		.two-columns .col { margin-left: 20px; width: 370px; float: left; }
		.two-columns .col:first-child { margin-left: 0; }


		.col-order-finish { width: 380px!important; }
			.col-interest-papers { width: 330px!important; float: right!important; position: relative; left: 10px; }
				.col-order-finish .h2 { margin-bottom: 18px; }
				.col-interest-papers .h2 { margin-bottom: 28px; }

			.col-order-finish { border-bottom: 1px solid #ccc; padding-bottom: 2px; }
				.col-order-finish .table { margin: 0; }
				.col-order-finish .info { padding: 10px 0 14px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 26px; }
				.col-order-finish .form-label { width: 100px; float: left; }
				.col-order-finish .form-submit { padding: 4px 0; }
				.col-order-finish .order-form { padding: 20px 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }


		.interest-papers {}
		.interest-papers li { margin-right: 10px; margin-bottom: 10px; }
		.interest-papers a { opacity: 0.5; }
		.interest-papers a:hover {
			opacity: 1;
			-webkit-transition: opacity 0.1s linear;
			transition: opacity 0.1s linear;
		}



/* ------ CONSTRUCTOR ------ */

.visualization-header { position: relative; height: 40px; border-top: 1px solid #f15a24; padding-top: 20px; }
	.visualization-header .actions { position: absolute; right: 0; top: 15px; }
	.visualization-header .id, .visualization-header .ico { vertical-align: middle; }
	.visualization-header .ico-bw, .visualization-header .ico-mirror, .visualization-header .ico-sepia { display: inline-block; vertical-align: middle; margin-left: 20px; }

.visualization { position: relative; width: 780px; height: 451px;  overflow: hidden; margin-bottom: 40px; }
	.visualization #room { width: 780px; height: 451px; z-index: 100; position: relative; }

	.visualization #wall { background: #fff; width: 664px; height: 382px; position: absolute; left: 58px; top: 21px; z-index: 200; overflow: hidden; text-align: center; }

	.visualization #wall-top { background: url('../img/bg-room-wall-top.png') no-repeat; width: 780px; height: 21px; position: absolute; left: 0; top: 0; z-index: 400; }

	.visualization #wall-left-gr, .visualization #wall-right-gr,
	.visualization #wall-left, .visualization #wall-right { position: absolute; top: 20px; height: 383px; width: 58px; z-index: 200; background: #fff; }

	.visualization #wall-left-gr, .visualization #wall-right-gr { top: 0; height: 452px; }

	.visualization #wall-left-gr { background: url('../img/bg-room-wall-left.png') 100% 2px repeat-y; z-index: 300; }
	.visualization #wall-right-gr { background: url('../img/bg-room-wall-right.png') 0 2px repeat-y; z-index: 300; }

	.visualization #wall-left-top, .visualization #wall-right-top,
	.visualization #wall-left-bot, .visualization #wall-right-bot { position: absolute; bottom: 0; z-index: 150; width: 0; height: 0; font-size: 0; }

	.visualization #wall-left-top { top: 0; bottom: auto; border-bottom: 65px solid #fff; border-right: 188px solid transparent;}
	.visualization #wall-right-top { top: 0; bottom: auto; border-bottom: 65px solid #fff; border-left: 188px solid transparent;}
	.visualization #wall-left-bot { border-top: 65px solid #fff; border-right: 77px solid transparent;}
	.visualization #wall-right-bot { border-top: 65px solid #fff; border-left: 77px solid transparent; }

	.visualization #wall-left-top,
	.visualization #wall-left-bot
	.visualization #wall-left,
	.visualization #wall-left-gr { left: 0; }
	.visualization #wall-right-top,
	.visualization #wall-right-bot,
	.visualization #wall-right,
	.visualization #wall-right-gr { right: 0; }

	.visualization #floor { position: absolute; left: 0; bottom: 0; width: 780px; z-index: 50; }
		.visualization #floor .gr { background: url('../img/bg-room-floor-gr.png') repeat-x; height: 48px; }
		.visualization #furniture { position: absolute; bottom: -15px; left: 0; width: 780px; height: 215px; z-index: 300; }
		.visualization #sofa { position: absolute; left: 0; bottom: 100%; opacity: 0; cursor: move; }
		.visualization #chair { position: absolute; left: 1000px; bottom: 23px; opacity: 0; cursor: move; }
		.visualization #door { position: absolute; left: 380px; top: -500px; opacity: 0; cursor: move; }
		.visualization #window { position: absolute; left: 200px; top: -500px; opacity: 0; cursor: move; }

.tabs { font-size: 13px; padding-top: 8px; }
	.tabs .item {background: url('../img/bg-tabs-item.png'); width: 148px; text-align: center; line-height: 32px !important; margin-right: 1px; position: relative; top: 0;}
	.tabs a { color: #0071bc; height: 33px; font-size: 13px; }
	.tabs .item:hover { height: 32px; top: 1px; }
	.tabs .active, .tabs .active:hover { background-position: 0 -33px; color: #fff; top: 0; height: 33px; }
		.tabs .active a { color: #fff; }
	.tabs-content { background: url('../img/bg-tabs.png') repeat-x; padding-top: 92px; }

.visualization-actions .tabs-js-alert { display: none; }
	.visualization-actions .tabs .item { margin-right: 1px; }
	.visualization-actions .tabs-content { padding-top: 40px; height: 250px; }

	.tabs-item, .tabs-title { display: none; }
		.tabs-item.active { display: block !important; }
		.tabs .item { cursor: pointer; }
		.tabs .active { cursor: default; }
		.tabs .item a,
		.tabs .item a:focus { text-decoration: none; display: block; outline: 0!important }


	#color { float: left; width: 200px; }
	#floor-select { width: 528px; float: right; }

	#floor-select .h, #color .h { border-bottom: 1px solid #c2c2c2; margin-bottom: 20px; padding-bottom: 3px; }

	#floor-select .item { width: 128px; height: 98px; margin-right: 4px; margin-bottom: 4px; }
	#floor-select .item img { border: 4px solid #fff; cursor: pointer; }
	#floor-select img.active { border-color: #f15a24; }

.constructor-scroll-line,
.constructor-scroll { margin-top: 20px; }

.constructor-scroll-line2 { margin-top: 5px; }

.constructor-scroll { padding: 0 40px; position: relative; }
.constructor-scroll-wrap { position:relative; overflow:hidden; height: 97px; }

.constructor-scroll2 .constructor-scroll-wrap { height: 120px; top: -26px; }
	.constructor-scroll2 img { margin-top: 32px; }
	.constructor-scroll2 .table1 { margin: 0 15px;  }
	.constructor-scroll2 .table2 { margin: 12px 15px 0; }

	.constructor-scroll .items { width:20000em; position:absolute; }
	.constructor-scroll .item { width: 700px; }

	.constructor-scroll .browse { display: block; position: absolute; background: #000; width: 24px; height: 24px; background: url('../constructor/scroller/scroller-arr.png') no-repeat; cursor: pointer; top: 35px;}
		.constructor-scroll .browse.prev { left: 5px; }
		.constructor-scroll .browse.next { right: 5px; background-position: 0 100%; }
	.constructor-scroll .disabled { opacity: 0.3; cursor: default; }

	.constructor-scroll-line { text-align: center; }
		.constructor-scroll-line img,
		.constructor-scroll img { cursor: pointer; }

		.constructor-scroll-line img { margin: 0 6px; }
		.constructor-scroll-line2 img { margin: 0 12px; }