/*!
 * Slider for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */



.order_step *:before, .order_step *:after{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.slider.slider-horizontal {
  width: 210px;
  height: 20px;
}

.slider.slider-horizontal .slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}

.slider.slider-horizontal .slider-selection {
  height: 100%;
  top: 0;
  bottom: 0;
}

.slider.slider-horizontal .slider-handle {
  margin-left: -11px;
  margin-top: -5px;
}

.slider.slider-horizontal .slider-handle.triangle {
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #0480be;
  margin-top: 0;
}

.slider.slider-vertical {
  height: 210px;
  width: 20px;
}

.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  margin-left: -5px;
  left: 50%;
  top: 0;
}

.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}

.slider.slider-vertical .slider-handle {
  margin-left: -5px;
  margin-top: -10px;
}

.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #0480be;
  margin-left: 0;
}

.slider input {
  display: none;
}

.slider .tooltip-inner {
  white-space: nowrap;
}

.slider-track {
  position: absolute;
  cursor: pointer;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, whitesmoke, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(whitesmoke), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, whitesmoke, #f9f9f9);
  background-image: -o-linear-gradient(top, whitesmoke, #f9f9f9);
  background-image: linear-gradient(to bottom, #f2f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.slider-selection {
  position: absolute;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f9f9f9, whitesmoke);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(whitesmoke));
  background-image: -webkit-linear-gradient(top, #f9f9f9, whitesmoke);
  background-image: -o-linear-gradient(top, #f9f9f9, whitesmoke);
  background-image: linear-gradient(to bottom, #f9f9f9, #f2f5f5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.slider-handle {
  position: absolute;
  border: 0px solid transparent;
}

.slider-handle.round {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.slider-handle.triangle {
  background: transparent none;
}

#size-range .slider-selection {
  display: none;
  background-color: transparent;
}

.slider-handle.round.hide {
  display: none;
}

.slider-track {
  background: #353535;
  background: -moz-linear-gradient(top, #353535 0%, #4c4b4b 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #353535), color-stop(100%, #4c4b4b));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #353535 0%, #4c4b4b 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #353535 0%, #4c4b4b 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #353535 0%, #4c4b4b 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #353535 0%, #4c4b4b 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#353535', endColorstr='#4c4b4b',GradientType=0 );
  /* IE6-9 */
}

.slider.slider-horizontal .slider-track {
  height: 5px;
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.45), 1px 1px 0px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.45), 1px 1px 0px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.45), 1px 1px 0px rgba(255, 255, 255, 0.1);
}

.tooltip-inner,
.slider-selection {
  display: none;
}

#size-range {
  margin-top: 30px;
}

.slider-handle.round {
  background: url("../img/icons/slider-arrow.png") no-repeat;
  width: 14px;
  height: 13px;
  padding: 0px 5px 5px 5px  ;
  background-position: center;
}

.slider.slider-horizontal .slider-handle {
  margin-top: 0px;
}

/*end range */


div.book_order_line {
	width: 100%;

	background-repeat: repeat-x;
	background-position: bottom;
}

div.clr {
	clear:both;
	height:20px;
}

a.book_order{
	color: #fff;
}
a.book_order:hover{
	color: #fff000;
}


div.book_order_bg {
	background-image: url('../img/icons/book_order_bg.jpg');

}


div.book_config_top {
	min-height: 106px;
	padding-top: 20px;
}
div.book_config_top:after{
	display: block;
	clear: both;
	content: "";
}
.page-order_album div.conf_size {
	min-width: 150px;
}
.conf_paper_type label {
    margin-bottom: 16px;
}
div.conf_size {
	float: left;
	min-width: 265px;
}

div.conf_size span {
	position: relative;
	cursor: pointer;
}

div.conf_size span img {
	opacity:0.5;
	filter:alpha(opacity=40);
}

div.conf_size span.selected img {
	opacity: 1;
	filter:alpha(opacity=100);
}




/*div.conf_size span#s40_30:after, div.conf_size span#s30_30:after, div.conf_size span#s20_30:after {
	top: -44px;
}*/
/*div.conf_size span#s25_25:after {
	top: -40px;
}
div.conf_size span#s20_20:after, div.conf_size span#s30_20:after {
	top: -35px;
}
div.conf_size span#s15_15:after {
	top: -30px;
}
div.conf_size span#s21_15:after {
	top: -30px;
}*/

div.conf_split {
	width: 20px;
	height: 20px;
	float: left;
}

/*div.conf_paper_type {
	float: left;
	border-left: 1px solid #094C61;
    box-shadow: -1px 0px 0px 0 rgba(255, 255, 255, 0.17);
    padding: 0 0 0 30px;
    margin: 3px 20px 0 0;
}*/

div.conf_type {
	padding: 0 0 0 0px;
    margin: 3px 0 0 0px;
}

.book-sizes{
	float: left;
	margin-right: 35px;
}

.radio-item {
	/*float: left;*/
	padding: 3px 15px 5px 23px;
	cursor: pointer;
	color: rgba(255,255,255,.6);
	font: 14px/1 'Lato-Light', Arial, sans-serif;
	position: relative;
	text-align: left;
	letter-spacing: -0.5px;
}
.radio-item.selected, input:checked + .radio-item {
	color: white;

}

.radio-item:before {
	content: ' ';
	height: 16px;
	width: 16px;
	position: absolute;
	left: 0px;
	top: 2px;
	background: url("../img/icons/icons-constr.png") no-repeat -1px -32px;
}
.radio-item.selected:before, input:checked + .radio-item:before , input.selected + .radio-item:before {background-position: -1px -1px;}
div.conf_paper_page_count, div.conf_type {
	display: inline-block;
	vertical-align: top;
}
div.conf_type_tabs{float:none; overflow: hidden; padding:5px 30px;}
.conf_type_tabs label{float:left; margin: 10px 0 0 0;}
div#hidden_message {
	display: none;
}


div.book_prev {
	padding-left: 70px;
	width: 450px;
	color: #fff;
}

div.book_prev div#book div.img_prev {
	/* width: 100%; */
	padding-left: 22px;
	height: 100%;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	/*overflow: hidden;*/
}


div.book_prev.ptype_box div#book div.img_prev {

}

div#book.back div.tusnennya {
	background-size: 250% !important;
}

#book.back .img_prev{
	background-position: 100% 0px !important;
}
div.book_prev div#book {
	width: 400px;
	position: relative;
	margin: 0 auto;
}

div.paspartu {
	opacity: 1;
}


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

#book .arrows{
	display: block;
}
#book .width-container .arrows:before{
	content: "";
	position: absolute;
	top: 6px;
	right: 0px;
	width: 0;
	height: 0;
	border-top: 3px solid transparent;
	border-left: 10px solid #fff;
	border-bottom: 3px solid transparent;
}
#book .width-container .arrows:after{
	content: "";
	position: absolute;
	top: 6px;
	left: 0px;
	width: 0;
	height: 0;
	border-top: 3px solid transparent;
	border-right: 10px solid #fff;
	border-bottom: 3px solid transparent;
}
#book .width-container:before{
	width: 99.6%;
	left: 0px;
	top: -15px;
	height: 35px;
	content: '';
	position: absolute;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
#book .width-container{
	width: 100%;
	position: absolute;
	z-index: 22;
	left: 0px;
	bottom: -35px;
	margin: 0px;
}
#book .width {
	line-height: 20px;
	text-align: center;
	padding: 0px 10px;
}
#book .width:before{
	position: absolute;
	left: 0px;
	width: 41%;
	height: 0px;
	border-bottom: 1px solid #fff;
	content: '';
	margin: -1px 0px 0px 10px;
	top: 50%;
}
#book .width:after{
	position: absolute;
	right: 0px;
	width: 41%;
	height: 0px;
	border-bottom: 1px solid #fff;
	margin: -1px 10px 0px 0px;
	content: '';
	top: 50%;
}
#book.b15_15 .width:before, #book.b15_15 .width:after,
#book.b15_22 .width:before, #book.b15_22 .width:after,
#book.b20_30 .width:before, #book.b20_30 .width:after,
#book.b22_31 .width:before, #book.b22_31 .width:after,
#book.b15_20 .width:before, #book.b15_20 .width:after,
#book.b21_25 .width:before, #book.b21_25 .width:after,
#book.b21_30 .width:before, #book.b21_30 .width:after,
#book.b14_26 .width:before, #book.b14_26 .width:after,
#book.b14_13 .width:before, #book.b14_13 .width:after {width: 38%;}
#book.b22_30 .width:before, #book.b22_30 .width:after,
#book.b22_25 .width:before, #book.b22_25 .width:after,
#book.b20_20 .width:before, #book.b20_20 .width:after,
#book.b20_25 .width:before, #book.b20_25 .width:after,
#book.b22_29 .width:before, #book.b22_29 .width:after,
#book.b9_7 .width:before, #book.b9_7 .width:after,
#book.b9_13 .width:before, #book.b9_13 .width:after {width: 39%;}
#book.b14_26 .width:before, #book.b14_26 .width:after {width: 35%;}
#book .height-container .arrows:before{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 6px;

	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 10px solid #fff;

}
#book .height-container .arrows:after{
	content: "";
	position: absolute;
	left: 6px;
	top: 0px;
	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-bottom: 10px solid #fff;
}
#book .height-container:before{
	top: 0px;
	width: 35px;
	content: '';
	position: absolute;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 99.6%;
}
#book .height-container{
	height: 100%;
	position: absolute;
	z-index: 22;
	top: 0px;
	left: -35px;
	margin: 0px;
}
#book .height {
	/*position: absolute;*/
	position:relative;
	top: 50%;

	line-height: 20px;
	margin: -20px 0px 0px -12px;

	text-align: center;
	width: 40px;
	padding: 0px 0px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);

}
#book .height-line:before{
	position: absolute;
	left:0px;
	height: 43%;
	width: 0px;
	border-right: 1px solid #fff;
	margin: 0 0 10px 9px;
	content: '';
	bottom: 0px;
}
#book .height-line:after{
	position: absolute;
	left:0px;
	height: 40%;
	width: 0px;
	border-right: 1px solid #fff;
	margin: 2px 0px 0px 9px;
	content: '';
	top: 0px;
}
#book.b15_15 .height-line:after, #book.b20_20 .height-line:after,
#book.b22_15 .height-line:after, #book.b31_22 .height-line:after,
#book.b22_17 .height-line:after, #book.b14_13 .height-line:after {height: 38%;}
#book.b9_7 .height-line:after {height: 36%;}
#book.b15_15 .height-line:before, #book.b20_20 .height-line:before,
#book.b22_15 .height-line:before, #book.b31_22 .height-line:before,
#book.b22_17 .height-line:before, #book.b14_13 .height-line:before,
#book.b9_7 .height-line:before {height: 42%;}

div.book_config_right {
	/*width: 450px;*/
	float: right;
}
.book_config_right .radio-item {
	margin-bottom: 0;
}
div.book_config_right span.text, div.book_config_top label{
	color: #fed987;
	font:19px/1 'PFDinTextCompPro-Medium', Arial, sans-serif;
	letter-spacing: .5px;
}

ul.tabs {
	border-color: #CCC;
	color: #9E9E9E;
	text-align: left;
}

ul.tabs li:before {
	display: none;
}

ul.tabs li.selected {
	border-left: 1px solid #0C5F75;
	border-right: 1px solid #0C5F75;
	border-top: 1px solid #0C5F75;
	border-bottom: none;
	color: white;

}
select{
	 -webkit-appearance: none;
}
ul.tabs li {
	padding: 5px;
	margin: 0 0 10px 0;
	display: inline-block;
	border-bottom: 1px solid #333;
	cursor: pointer;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
}

ul.tabs li a {
	text-decoration: none;
}



/*
	Page count
*/
div.page_btn {
	width: 18px;
	height: 18px;
	float: left;
	border: white solid 1px;
	color: white;
	/*opacity: 0.5;*/
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 2px 0 0;
}
.wrap_count {text-align: center;}
.wrap_count .text-n{
	width: 51px;
	text-align: center;
	border:0;
	font: 23px/1 'PFDinTextCompPro-Medium', Arial, sans-serif;
}
.count-book13 .wrap_count {text-align: left;}
.wrap_count .page_btn, .wrap_count .page_count {
	float: none;
	display: inline-block;
}

div.page_btn:hover {
	background: #7ce0ff;
	color: #fff;
}
.order_step,.book_order_bg,
.conf_paper_page_count{
	 -moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}
div.page_count {
	color: white;
	width: 40px;
	text-align: center;
	/*height: 40px;*/
	 -moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
	float: left;
	font: 23px/1 'PFDinTextCompPro-Medium', Arial, sans-serif;;
}

div.conf_paper_type div:hover{
	color: #fff;
}
/*
	Position
*/
.position{
	position: relative;
}
div.book_config_right input[type=range].slide {
	-webkit-appearance: none;
	background-color: black;
	height: 2px;
	width: 215px;
}

div.book_config_right input[type="range"].slide::-webkit-slider-thumb {
	-webkit-appearance: none;
	position: relative;
	top: -1px;
	z-index: 1;
	width: 11px;
	height: 11px;

	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb));
}

div.book_config_right div.color_select {
	position: relative;
	margin-left: 5px;
	float: left;
	height: 30px;
	width: 30px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	cursor: pointer;
}

div.book_config_right div.color_select.selected:before,
div.corner_woodbook div.color_select.selected:before {
	content: ' ';
    background: url('../img/icons/icons-constr.png') no-repeat 4px -164px;
	width: 28px;
	height: 23px;
	left: 1px;
	top: 4px;
	position: absolute
}

div.book_config_right div.color_select.selected {
	float: left;
	height: 30px;
	width: 30px;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
div.book_config_bottom.turn{
	margin-top: 60px;
	color: #fff;
	text-align: center;
}

.heading{
	color: #fed987;
	font: 18px/1 'Lato-Light', Arial, sans-serif;
    letter-spacing: -.5px;
}
.label-heading {
	color: #fff000;
	font: 16px/1 'Lato-Light', Arial, sans-serif;
	display: inline-block;
	margin-right: 10px;
	padding-left:10px;
	letter-spacing: -.5px;
}
.label-heading ~ input {margin-bottom: 0}
/*div.book_config_right .heading {padding-left: 17px;}*/
.book_config_right .config-select, .bootstrap-select.config-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 165px;
	vertical-align: middle;
	margin: 0 0 10px;
}
.config-select .btn.dropdown-toggle {color: #2e98b9;border-radius: 0;font: 18px/1 'PFDinTextCompPro-Regular', Arial, sans-serif;}
.config-select.open .dropdown-toggle, .config-select .dropdown-toggle:focus {box-shadow: none;border-color: #7ce0ff;background: #fff;}
.config-select.open>.dropdown-menu, .config-select .open>.dropdown-menu {margin-top: 5px!important;border-radius:0;}
.page-main .config-select .dropdown-menu li.selected a, .config-select .dropdown-menu > li > a:hover, .config-select .dropdown-menu > li > a:focus {background-color: #7ce0ff;}
.config-select.bootstrap-select.btn-group .dropdown-toggle .caret {right: 0}

div.book_config_bottom {
	margin-top: 23px;
	max-width: 225px;
	text-align: left;
	font-size: 14px;
	color: #9E9E9E;
}

div.material_select,
div.corner_woodbook div.color_select {
	position: relative;
	margin-left: 5px;
	float: left;
	height: 30px;
	width: 30px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	cursor: pointer;
}

div.material_select.selected:before {
	content: ' ';
	background: url('../img/icons/icons-constr.png') no-repeat 4px -164px;
	width: 28px;
	height: 23px;
	left: 1px;
	top: 4px;
	position: absolute
}

div.material_select.selected {
	float: left;
	height: 30px;
	width: 30px;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

div.book_config_bottom div.tab_content > div {
	display: none;
}

div.book_config_bottom div.tab_content > div.selected {
	display: block;
}

select, input[type=text], input[type="number"], textarea {
background-color:transparent;
border-color: white;
border-width: 1px;
}

.gb-form select,
.gb-form input[type=text],
.gb-form input[type="number"],
.gb-form textarea {
	background-color: #FFFFFF;
	border: 1px solid #CDCDCD;
}


select option {
	color:black;
}

select {
width: 235px;
height: 30px;
background: url("../img/icons/select_arrow.png") no-repeat right transparent;
background-position: right 10px center;
}

input[type="number"] {
width: 70px;
}

div.upload_block {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-style: dashed;
	border-width: 2px;
	border-color: #999;
	background-color: rgba(230,230,230,.1);
	text-align: center;
	color: #999;
	padding: 90px 0 70px;
}

div.shablon {
	color: #333333;
	float: right;
	white-space: nowrap;
	margin: -3px 0px 0px 0px;
}

#s2.book_order_step div.text:before{
	display: none;
}
progress.order {
	background-color: transparent;
	border: 0;
	width: 40%;
	height: 18px;
	border-radius: 4px;
	border: 2px solid #fff;
	margin-bottom: 20px;
}
progress.order::-webkit-progress-bar {
	background-color: #fff;
	border-radius: 2px;
}
progress.order::-webkit-progress-value {
	background: #fff;
	border-radius: 2px;
}
progress.order::-moz-progress-bar {
	background: #fff;
	border-radius: 2px;
}

.book_order_button {
	border: 1px solid #0d5c84;
	background: none;
	color: #fff;
/*	width: 235px;*/
	padding: 0px 35px;
	height: 56px;
	font: 19px/1.1 'Lato-Light', Arial, sans-serif;
	letter-spacing: -.5px;
	margin-top: 10px;
	position: relative;
	z-index: 1;
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    display: inline-block;
}
.book_order_button:before {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0d5c84;
    content: "";
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.book_order_button:hover:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.button-upload {
	height: 40px;
	padding: 9px 15px;
	font: 16px/1.1 'Lato-Light', Arial, sans-serif;
    color: #fff;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #00c705;
    -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.button-upload:hover, .button-upload:focus {background: green;}
.icon-btn-step {
	width: 42px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	background: url('../img/icons/icons-constr.png') no-repeat -1px -151px;
}
.book_order_button:hover .icon-btn-step {background-position: -1px -151px;}

div.metal_text_left_arrow, div.metal_text_right_arrow {
	float: left;
	width: 30px;
	height: 100%;
}

div.metal_text_image {
	width: -webkit-calc(100% - 60px);
	width: -moz-calc(100% - 60px);
	width: calc(100% - 60px);
	float: left;
	text-align: center;
	vertical-align: middle;
	height: 100%;
}

div.finished_book img{
	display: block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
div.finished_book {
	float:left;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

div.order_step#s3 div#book_params {
	float: left;
	color: #9E9E9E;
	/*padding-left: 20px;*/
}
.order_step_title{
	color: #fff;
	font-size: 21px;
}

div.order_step#s3 span.val {
	color: white;
}
.order_step{
	color: #fed987;
}

/*	Last styles */
ul.tabs li{
	padding: 11px 13px;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
	/*border: 0px;*/
	margin: 0px 0px -1px 0px;
	font-size: 16px;

}
ul.tabs li:hover{
	color: #fff;
}
ul.tabs{
	border-bottom: 1px solid #0C5F75;
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
	margin: 0 0 15px 0;
}
div.book_config_right input.slide[type="range"]{
	position: relative;
}
div.book_config_right input.slide[type="range"]:before{
	background: #222222;
	background: -moz-linear-gradient(top,  #222222 0%, #3b3b3b 50%, #434242 75%, #434242 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(50%,#3b3b3b), color-stop(75%,#434242), color-stop(100%,#434242)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #222222 0%,#3b3b3b 50%,#434242 75%,#434242 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #222222 0%,#3b3b3b 50%,#434242 75%,#434242 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #222222 0%,#3b3b3b 50%,#434242 75%,#434242 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #222222 0%,#3b3b3b 50%,#434242 75%,#434242 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#434242',GradientType=0 ); /* IE6-9 */
	border-radius: 4px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 4px;
	content: '';
}
div.page_btn{
	border-color: #7ce0ff;
}
div.book_order_bg{
	background: #2e98b9;;
}
ul.tabs li.selected{
	background: #0A6882;
	box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.1) inset;
	margin-bottom: -2px;
	padding-top: 10px;
	padding-bottom: 13px;
}
.order_step{
	padding-top: 25px;
	padding-bottom: 45px;
}
div.conf_paper_page_count, div.conf_book_count_top{
	float: right;
	margin: 0 40px;
}
.book_config_top .wrap_count{
	display: inline-block;
	vertical-align: top;
	margin: 3px 0px 10px 15px;
}
.count-wrapper {
	display: inline-block;
	vertical-align: top;
	max-width: 35%;
	text-align: center;
	position: relative;
}
.count-wrapper.count-book13, div.book_config_top .border_13 label {text-align: left;}

/*.count-wrapper:before {content: '';display: block;width: 1px;height: 143px;background: rgba(255,255,255,.5);position: absolute;left: -3px;top: 0px;}*/
.count-book24 {max-width: 48%}
.count-book27 {max-width: 60%}
.count-book27:before, .count-book24:before, .count-book26:before, .count-book25:before {display: none;}
.count-book23 {max-width: 45%;padding-left: 10%;}
.count-book23:before {left: 20px;}
.conf_paper_page_count label{
	margin-bottom: 20px;
}
label{
	margin-bottom: 10px;
}
.book_config_top{
	padding-bottom: 25px;
	margin-bottom: 11px;
	border-bottom: 1px solid rgba(255,255,255,.5);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.17);
}
.conf_size span{

	margin: 0px 3px;
}
.conf_size{
	margin: 0 5px 0 10px;
}
.conf_size_25.book-sizes {min-width: 290px;}


.book-sizes .book-size-item{
	float: none;
	display: inline-block;
}
div.finish-order-form-container label{
	display: block;
}
#paspartu_size_slider{
	margin: 15px 0px 10px 0px;
}
.finish-order-form-container input[type=radio]{
	display: none;
}

.finish-order-form-container label{
	color: #9d9d9d;
	margin-bottom: 5px;
}
.shipping{
	padding-top: 30px;
}
.finish-order-form-container input[type=radio] + label.css-label {
padding-left:30px;
height:16px;
display:block;
font-size: 18px;
background-repeat:no-repeat;
background-position: 0 0;

vertical-align:middle;
cursor:pointer;
}

.finish-order-form-container input[type=radio]:checked + label.css-label {
background-position: 0 -16px;
color: #fff;
}
.finish-order-form-container input[type=radio]:hover + label.css-label {
color: #fff;
}
div.book_config_right span.text, div.book_config_top label{
	margin-top: 10px;
}

.book_config_right input[type=radio]{
	display: none;
}

.book_config_right input[type=radio] + label.css-label {
padding-left:30px;
height:16px;
display:inline-block;
min-width: 80px;
background-repeat:no-repeat;
background-position: 0 0;
padding-right: 10px;
vertical-align:middle;
cursor:pointer;
}

input[type=radio]:checked + label.css-label {
background-position: 0 -16px;
color: #fff;
}

input[type=radio]:hover + label.css-label {
color: #fff;
}
.css-label{
background-image:url('../img/icons/input.png');
}

div.book_config_right .css-label-ttl{min-width: 100px;}

input.slide{
	height: 1px;
	padding: 0px;
	margin: 0px;
	width: 20px;
	background-color: #000;
}
div.book_order_bg{
	-webkit-box-shadow:0 7px 10px -5px #000 inset,0 -7px 10px -5px #000 inset;-moz-box-shadow:0 7px 10px -5px #000 inset,0 -7px 10px -5px #000 inset;box-shadow:0 7px 10px -5px #000 inset,0 -7px 10px -5px #000 inset;
}
div.book_order_bg hr{
	background-color: #333333;
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
	border: 0px;
	margin: 20px 0px;

}
.metal-color-title-turn{
	margin-top: 10px;
	float: left;
}
.main-content{
	margin-bottom: 20px;
}
.pasparty-size .label-heading {margin-bottom: 0;vertical-align: middle;}
.pasparty-size-values{
	color: #fff;
	font-size: 19px;
	font-weight: normal;
	display:inline-block;
	vertical-align: middle;
	margin-left: 5px;
}
.pasparty-size-title{
	float: left;
}

input[type='range'] {
	-webkit-appearance: none !important;
	background:red;
	height:7px;
}
input[type='range']::-webkit-slider-thumb {
	-webkit-appearance: none !important;
	background:blue;
	height:10px;
	width:10px;
}
.leftside div,
.forzac-color div,
div.book_config_right .conf_paper_type .css-label{
	margin-top: 10px;
}
.forzac-color .color_select_container {margin-top: -3px;}
.leftside label,
.forzac-color label{
	margin-top: 10px;
}
.leftside label,
.forzac-color label,
div.book_config_right .conf_paper_type label{
	float: left;
	width: 100%;
}
.text-config label{
	float: left;
}
div.book_config_right div.color_select.selected,
div.book_config_right div.color_select,
div.material_select.selected,
div.material_select,
div.corner_woodbook div.color_select
{
	   border-radius: 4px;
	box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.5) inset;
	height: 30px;
	left: 1px;
	overflow: hidden;
	top: 1px;
	width: 30px;
	margin: 0px 0px 10px 10px;
}
.tab{
	position: relative;
}

div.book_config_right div.color_select.selected:before,
div.material_select.selected:before{
	top: 50%;
	left: 50%;
	margin: -12px 0px 0px -14px;
}
div.book_prev{
	padding-left: 35px;
	padding-top:15px;
}

.img_prev{
	box-shadow: 0px 0px 40px rgba(255,255,255,0.1);
}
label{
	color: #fff;
}


.config_block ul.tabs{
	margin-bottom: 15px;
}


div.book_config_right #back > label:first-child{
	width: auto;
}
.pasparty-size .title{
	margin: 10px 0px 0px;
}
/*
books icon
.book-sizes{margin-top:0px;color:rgba(255,255,255,0.5);font-family:"OfficinaSans", sans-serif;font-size:11px;text-align:center}
.book-sizes .book-size-item{float:left;margin:0 7px;position:relative;padding-top:35px;text-align:center;transition:all ease-in-out 0.2s;-webkit-transition:all ease-in-out 0.2s}
.book-sizes .book-size-item:hover,.book-sizes .book-size-item.selected{color:#fff;cursor:pointer;text-shadow:0 2px 2px rgba(0,0,0,0.4);}
.book-sizes .book-size-item:hover:before,.book-sizes .book-size-item.selected:before{opacity:1;border-color:#fff;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.2);box-shadow:1px 1px 1px rgba(0,0,0,0.2)}
.book-sizes .book-size-item.selected:after{content:' ';background-image:url("../img/icons/selected.png");height:14px;width:14px;position:absolute;right:-5px;bottom:48px}
.book-sizes .book-size-item:before{position:absolute;left:0px;content:'';background-color:transparent;width:31px;border:2px solid #fff;border-radius:4px;height:30px;bottom:22px;border-left-width:9px;left:50%;margin:0px 0px 0px -21px; opacity:0.5;}
.book-sizes .book-size-item.s40x30.selected:after{bottom:48px;right:-11px}
.book-sizes .book-size-item.s30x30.selected:after{bottom:48px;right:-9px}
.book-sizes .book-size-item.s30x30:before{width:23px;border-left-width:9px;height:30px;margin-left:-16px}
.book-sizes .book-size-item.s25x25.selected:after{bottom:43px}
.book-sizes .book-size-item.s25x25:before{width:20px;border-left-width:7px;height:25px;margin-left:-13.5px}
.book-sizes .book-size-item.s20x20.selected:after{bottom:38px}
.book-sizes .book-size-item.s20x20:before{width:15px;border-left-width:7px;height:20px;margin-left:-11px}
.book-sizes .book-size-item.s30x20.selected:after{bottom:38px;right:-9px}
.book-sizes .book-size-item.s30x20:before{width:25px;border-left-width:7px;height:20px;margin-left:-16px}
.book-sizes .book-size-item.s20x30.selected:after{bottom:48px}
.book-sizes .book-size-item.s20x30:before{width:15px;border-left-width:7px;height:30px;margin-left:-11px}
.book-sizes .book-size-item.s21x15.selected:after{bottom:33px}.book-sizes .book-size-item.s21x15:before{width:16px;border-left-width:7px;height:15px;margin-left:-11.5px}
.book-sizes .book-size-item.s15x15.selected:after{bottom:33px;right:-2px}
.book-sizes .book-size-item.s15x15:before{width:11px;border-left-width:7px;height:15px;margin-left:-8.5px}
*/
div.book_config_right span.text, div.book_config_top label{
	text-align: left;
	display: block;
    margin: 0 0 10px 0;
    font: 16px/1 'Lato-Light', Arial, sans-serif;
    letter-spacing: -0.5px;
}
div.book_config_top label {text-align: center;}
div.book_config_right .config-select span.text {margin-bottom: 0;color: #2e98b9;}
.book_config_right .config-select .dropdown-menu li a {
	padding: 6px 13px 8px 17px;
}
.book_config_right .config-select span.text {
	font: 18px/1 'PFDinTextCompPro-Regular', Arial, sans-serif;
	text-transform: none;
}
.book-sizes .book-size-item.s23x23.selected:after{
	bottom: 40px;
}
.book-sizes .book-size-item.s23x23:before {
    border-left-width: 7px;
    height: 23px;
    margin-left: -13.5px;
    width: 20px;
}
.book-sizes .book-size-item.s15x21:before{
	width: 15px;
	height: 21px;
	margin-left: -13px;
}

.book-sizes .book-size-item.s15x21.selected:after{
	bottom: 39px;
}
.upload_block a,
.dropfile.upload_block a{
	color: #fff;
	text-decoration: underline;
}
div.upload_block{
	border-radius: 0px;
}
.upload_block a:hover,
.dropfile.upload_block a:hover{
	text-decoration: none;
}

.book_prev{
	position: relative;
	z-index: 2;
}
.book-block-center {float: right;}
div.book_prev div#book div.img_prev{
	position: relative;
	z-index: 2;
	left: 0px;
	top: 0px;
	background-color: #2e98b9;
}
.book_prev .shadow{
	position: absolute;
	left: 0px;
	z-index: 1;
	left: 25%;
	top: 25%;
	width: 50%;
	height: 50%;
	box-shadow: 0 0 134px 37px rgba(255, 255, 255, 0.8);
	/*border-radius: 100%;*/
	display: none;
}
.border-lr {position: relative;}
/*.border-lr:before {content: '';display: block;width: 1px;height: 143px;background: rgba(255,255,255,.5);position: absolute;left: 7px;top: 0px;}*/
/*.border-lr:after {content: '';display: block;width: 1px;height: 143px;background: rgba(255,255,255,.5);position: absolute;right: -3px;top: 0px;}*/
.border-lr.border_13 {width: 35%}

#book:after{
 background: url("../img/icons/book-preview-shadow-clean.png") no-repeat scroll 100% 100% rgba(0, 0, 0, 0);
	bottom: -27px;
	content: "";
	height: 27px;
	position: absolute;
	right: -7px;
	width: 123px;
	z-index: 3;
}

#book:before{
 background: url("../img/icons/book-preview-shadow-clean.png") no-repeat scroll 0 100% rgba(0, 0, 0, 0);
	bottom: -28px;
	content: "";
	height: 28px;
	left: -47px;
	padding-left: 47px;
	position: absolute;
	right: 116px;
	z-index: 3;
}
.book_prev .img_prev:before{
	background: url("../img/icons/book-preview-shadow-clean.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	bottom: 0px;
	content: "";
	left: -47px;
	padding-left: 47px;
	position: absolute;
	right: 0;
	top: -4px;
	z-index: 2;
	pointer-events:none;
}
.book_prev.ptype_box_23 .img_prev:before {background: url("../images/brochure.png") no-repeat 47px 4px;background-size: cover;}
.book_prev.ptype_box_24 .img_prev:before {background: url("../images/planshet.png") no-repeat 47px 4px;background-size: cover;}

.book_prev.ptype_box .img_prev:before,
.book_prev.ptype_box_26 .img_prev:before,
.book_prev.ptype_box_25 .img_prev:before{
	background: url("../img/icons/shadow/korob-sverhu.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	bottom: 0px;
	content: "";
	left: -47px;
	padding-left: 47px;
	position: absolute;
	right: 0;
	top: -4px;
	z-index: 2;
	pointer-events:none;
}

.icon-position {
  position: relative;
  background-color: #0A6882;
  width: 58px;
  height: 58px;
  border-radius: 2px;
  padding: 0px;
  float: left;
  margin: 5px;
  transition: all ease-in-out 0.2s;
  -webkit-transition: all ease-in-out 0.2s;
}
/*.icon-pos-img{width: auto; line-height:60px; overflow: hidden; background: #72A8B9; padding: 4px;}*/
.icon-pos-img{width: auto;
    /* line-height: 60px; */
    /* overflow: hidden; */
    /* background: #72A8B9; */
    background: #2783A0;
    padding: 4px;
    height: auto;}
.icon-pos-img img{max-width: 120px; max-height: 60px;}
.icon-position:hover, .icon-position.selected {
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 0px 2px #7CE0FF;
  -moz-box-shadow: 0px 0px 0px 2px #7CE0FF;
  box-shadow: 0px 0px 0px 2px #7CE0FF;
}
.icon-position:hover .position-options:before, .icon-position.selected .position-options:before {
  border-color: #fff;
}
.icon-position:hover .position-options:after, .icon-position.selected .position-options:after {
  background-color: #fff;
}
.icon-position.selected:before {
  position: absolute;
  right: 0px;
  top: 0px;
  margin: -15px -10px 0px 0px;
  content: '';
  width: 24px;
  height: 24px;
  background: url("../img/icons/icons-constr.png") no-repeat -1px -62px;
}
.icon-position .position-options:before {
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 0px;
  content: '';
  margin: -23px 0px 0px -23px;
  background-color: rgba(255,255,255,.6);
  width: 42px;
  height: 42px;
  background-color: transparent;
  border: 2px solid rgba(255,255,255,.6);
  border-radius: 4px;
}
.icon-position .position-options:after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  color: #353535;
  font-size: 10px;
  width: 24px;
  margin: -11px 0 0 -12px;
  text-align: center;
  display: inline-block;
  background-color: rgba(255,255,255,.6);
  height: 22px;
  border-radius: 2px;
}


#i4.icon-position:after{
	content: '';
	background-color: #353535;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 10px;
	height: 10px;
	margin: -5px -5px;
	z-index: 11;
}
#i4.icon-position .position-options:after {
    height: 45px;
    margin: -22px -7px;
    width: 30px;
    -webkit-border-radius: 0px 6px 6px 0px;
            border-radius: 0px 6px 6px 0px;
}

#i4.icon-position .position-options:after {
    height: 45px;
    margin: -22px -7px;
    width: 30px;
    -webkit-border-radius: 0px 6px 6px 0px;
            border-radius: 0px 6px 6px 0px;
}



#i3.icon-position .position-options:after {
    height: 45px;
    margin: -22px -7px;
    width: 30px;
    -webkit-border-radius: 0px 6px 6px 0px;
            border-radius: 0px 6px 6px 0px;
}

#i3.icon-position .position-options:after {
    height: 45px;
    margin: -22px -7px;
    width: 30px;
    -webkit-border-radius: 0px 6px 6px 0px;
            border-radius: 0px 6px 6px 0px;
}


#it1.icon-position.selected .position-options:after,
#it1.icon-position:hover .position-options:after{
	border-color: transparent #fff transparent;
	background-color: transparent;
}
#it1.icon-position .position-options:before{
	width: 28px;
	border-width: 2px 2px 2px 16px;
}
#it1.icon-position .position-options:after{
	width: 0;
	height: 0;
	border-style: solid;


	background-color: transparent;
    left: auto;
    margin: -10px 22px;

    width: 0;
	border-width: 10px 0 10px 8px;
	border-color: transparent transparent transparent #767676;
}



#it2.icon-position.selected .position-options:after,
#it2.icon-position:hover .position-options:after{
	border-color: transparent #fff transparent;
	background-color: transparent;
}
#it2.icon-position .position-options:before{
	width: 28px;
	border-width: 2px 2px 2px 16px;
}
#it2.icon-position .position-options:after{
	width: 0;
	height: 0;
	border-style: solid;

	border-width: 10px 8px 10px 0;
	border-color: transparent #767676 transparent;
	background-color: transparent;
    left: auto;
    margin: -10px 8px;
    right: 0;
    width: 0;
	/*border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #767676;*/
}


#f4.icon-position .position-options:after,
#f2.icon-position .position-options:after {
  width: 16px;
  height: 16px;
  margin: 0px;
}

#f2.icon-position .position-options:after {
  margin: -8px 0px 0px 0px;
}

#f5.icon-position .position-options:after {
  width: 24px;
  height: 12px;
  margin: 2px 0px 0px -12px;
}

#t10.icon-position .position-options:before,
#t2.icon-position .position-options:before {
  border-left-width: 10px;
  width: 32px;
}

#mp16.icon-position .position-options:after{
	background-color: #767676;
	border: 2px solid #353535;
	border-radius: 0;
	box-shadow: 0 0 0 1px #767676;
	height: 18px;
	margin:-11px -13px;
	width: 6px;
}

#mp15.icon-position .position-options:after{
    background-color: #767676;
    border: 2px solid #353535;
    border-radius: 0;
    box-shadow: 0 0 0 1px #767676;
    height: 10px;
    margin: -7px -15px;
    width: 26px;
}

#mp16.icon-position.selected .position-options:after,
#mp16.icon-position:hover .position-options:after,
#mp15.icon-position.selected .position-options:after,
#mp15.icon-position:hover .position-options:after{
	background-color: #f2f5f5;
	box-shadow: 0 0 0 1px #fff;
}

#t2.icon-position .position-options:after {
  display: none;
}

#t1.icon-position .position-options:before {
  border-left-width: 10px;
  width: 32px;
}
#t1.icon-position .position-options:after {
  content: 'photo';
  background-color: transparent;
  color: #767676;
  margin-left: -10px;
}

#t4.icon-position .position-options:after {
  width: 32px;
  height: 32px;
  margin: -16px 0px 0px -16px;
}

#t3.icon-position .position-options:after {
  width: 42px;
  height: 14px;
  border-radius: 0px;
  margin: 3px 0px 0px -21px;
}




#t11.icon-position:after{
    background-color: #767676;
    border: 2px solid #353535;
    border-radius: 0px;
    box-shadow: 0 0 0 1px #767676;
    color: #353535;
    content: "";
    display: inline-block;
    font-size: 10px;
    height: 6px;
    left: 50%;
    margin: -14px 0 0 -11px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 18px;
}


#t10.icon-position .position-options:after {
	height: 18px;
	width: 6px;
	border-radius: 0px;
	border: 2px solid #353535;
    box-shadow: 0 0 0 1px #767676;
   	background-color: #767676;
   	margin: -10px -1px;
}

#t10.icon-position.selected .position-options:after,
#t10.icon-position:hover .position-options:after,
#t11.icon-position.selected:after,
#t11.icon-position:hover:after{
	border-color:  #353535;
	background-color: #fff;
	box-shadow: 0px 0px 0px 1px #fff;
}

#t11.icon-position.selected .position-options:after,
#t11.icon-position:hover .position-options:after {
	background-color: #fff;
}

#t11.icon-position .position-options:after {
  width: 42px;
  height: 14px;
  border-radius: 0px;
  margin: 3px 0px 0px -21px;
}



#t8.icon-position span{
	width:8px;
	height:8px;
	border-radius: 1px;
	position: absolute;
	left:50%;
	right: 0px;
	margin: 14px 0px 0px -4px;
	display: block;
	background-color: #767676;
}
#t8.icon-position span:after,
#t8.icon-position span:before{
	width:8px;
	height:8px;
	border-radius: 1px;

	right: 0px;
	margin: 0px 0px 0 0;
	display: block;
	background-color: #767676;
	content: '';
}
#metal div.clearfix:first-child label{
	margin-top: 5px;
}

#t8.icon-position span:after{
	margin-left: 12px;
	margin-top: -8px;
}
#t8.icon-position span:before{
	margin-left: -12px;
	top:0px;
}
#t8.icon-position .position-options:after {
    border-radius: 0;
    height: 14px;
    margin: 3px 0 0 -21px;
    width: 42px;
}


#mp20.icon-position .position-options:after,
#mp10.icon-position .position-options:after,
#mp12.icon-position .position-options:after,
#mp11.icon-position .position-options:after,
#mp13.icon-position .position-options:after,
#t5.icon-position .position-options:after {
	display: none;
}
#t5.icon-position .position-options:before {
    border-left-width: 10px;
    width: 32px;
}

#t8.icon-position:hover span:after,
#t8.icon-position:hover span:before,
#t8.icon-position:hover span,
#t8.icon-position.selected span:after,
#t8.icon-position.selected span:before,
#t8.icon-position.selected span,
#mp10.icon-position.selected span,
#mp20.icon-position.selected span,

#t5.icon-position:hover span:after,
#t5.icon-position:hover span:before,
#t5.icon-position:hover span,
#t5.icon-position.selected span:after,
#t5.icon-position.selected span:before,
#t5.icon-position.selected span{
	background-color: #fff;
}


#mp13.icon-position:hover span:after,
#mp13.icon-position:hover span:before,
#mp13.icon-position:hover span,
#mp13.icon-position.selected span:after,
#mp13.icon-position.selected span:before,
#mp13.icon-position.selected span,

#mp11.icon-position:hover span:after,
#mp11.icon-position:hover span:before,
#mp11.icon-position:hover span,
#mp11.icon-position.selected span:after,
#mp11.icon-position.selected span:before,
#mp11.icon-position.selected span,

#mp12.icon-position:hover span:after,
#mp12.icon-position:hover span:before,
#mp12.icon-position:hover span,
#mp12.icon-position.selected span:after,
#mp12.icon-position.selected span:before,
#mp12.icon-position.selected span,

#mp20.icon-position:hover span:after,
#mp20.icon-position:hover span:before,
#mp20.icon-position:hover span,
#mp20.icon-position.selected span:after,
#mp20.icon-position.selected span:before,
#mp20.icon-position.selected span,

#mp10.icon-position:hover span:after,
#mp10.icon-position:hover span:before,
#mp10.icon-position:hover span,
#mp10.icon-position.selected span:after,
#mp10.icon-position.selected span:before,
#mp10.icon-position.selected span{
	background-color: #fff;
	box-shadow: 0px 0px 0px 1px #fff;
}
#t5.icon-position span{
	width:8px;
	height:8px;
	border-radius: 1px;
	position: absolute;
	top:50%;
	right: 0px;
	margin: -4px 15px 0 0;
	display: block;
	background-color: #767676;
}

#t5.icon-position span:after,
#t5.icon-position span:before{
	width:8px;
	height:8px;
	border-radius: 1px;
	position: absolute;
	right: 0px;
	margin: 0px 0px 0 0;
	display: block;
	background-color: #767676;
	content: '';
}
#t5.icon-position span:after{
	margin-top: 12px;
}
#t5.icon-position span:before{
	margin-top: -12px;
	top:0px;
}



#mp14.icon-position span:after{
    background-color: #353535;
    content: "";
    height: 2px;
    margin: -1px 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 18px;
    z-index: 2;
}
#mp14.icon-position span:before{
    background-color: #767676;
    border-radius: 0;
    content: "";
    display: block;
    height: 100%;
    margin: 0 2px;
    position: absolute;
    right: 100%;
    top: 0;
    width: 8px;
    z-index: 1;
}
#mp14.icon-position .position-options:after{
	background-color: transparent;
	margin: -12px 0 0 -13px;
	border: 1px solid #767676;
}

#mp14.icon-position.selected span,
#mp14.icon-position:hover span,
#mp14.icon-position.selected span:before,
#mp14.icon-position:hover span:before{
	background-color: #fff;
}
#mp14.icon-position.selected .position-options:after,
#mp14.icon-position:hover .position-options:after{
	border-color: #fff;
}
#mp14.icon-position span{
   background-color: #767676;
    border-radius: 0;
    display: block;
    height: 16px;
    margin: -8px 21px 0 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 8px;
    z-index: 1;
}


#mp20.icon-position span,
#mp10.icon-position span,
#mp12.icon-position span,
#mp11.icon-position span,
#mp13.icon-position span{
	width:8px;
	height:8px;
	border-radius: 0px;
	position: absolute;
	top:50%;
	right: 0px;
	margin: -5px 15px 0 0;
	display: block;
	background-color: #767676;
	border: 1px solid #353535;
	box-shadow: 0px 0px 0px 1px #767676;
	z-index: 22;
}

#mp12.icon-position span,
#mp11.icon-position span,

#mp13.icon-position span{
	margin:-5px -4.5px;
	left: 50%;
	right: auto;
}

#mp13.icon-position span{
	margin-top: -14px;
}
#mp11.icon-position span{
	margin-top: 2px;
}


#mp20.icon-position.selected:after,
#mp20.icon-position:hover:after{
	background-color: #FFF;
}
#mp20.icon-position:after{
	background: #767676;
	content: "";
	height: 42px;
	left: 50%;
	margin: 9px 2px;
	position: absolute;
	top: 0;
	width: 16px;
	z-index: 0;
}

#mp11.icon-position span:after,
#mp11.icon-position span:before,
#mp13.icon-position span:after,
#mp13.icon-position span:before,
#mp12.icon-position span:after,
#mp12.icon-position span:before,
#mp20.icon-position span:after,
#mp20.icon-position span:before,
#mp10.icon-position span:after,
#mp10.icon-position span:before{
	width:8px;
	height:8px;
	border-radius: 0px;
	position: absolute;
	right: 0px;
	margin: 2px -1px;
	display: block;
	background-color: #767676;
	content: '';
	border: 1px solid #353535;
	box-shadow: 0px 0px 0px 1px #767676;

}
#mp10.icon-position span:after{
	top: 100%;
	bottom: auto;
}
#mp10.icon-position span:before{
	bottom: 100%;
	top: auto;
}

#mp20.icon-position span:after{
	top: 100%;
	bottom: auto;
}
#mp20.icon-position span:before{
	bottom: 100%;
	top: auto;
}



#mp11.icon-position span:after,
#mp13.icon-position span:after,
#mp12.icon-position span:after{
	left: 100%;
	right: auto;
	top:0px;
	bottom: auto;
	margin: -1px 2px;
}
#mp11.icon-position span:before,
#mp13.icon-position span:before,
#mp12.icon-position span:before{
	right: 100%;
	left: auto;
	top:0px;
	bottom: auto;
	margin: -1px 2px;
}


#f1.icon-position .position-options:before
{
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 0px;
  content: '';
  margin: -23px 0px 0px -23px;
  background-color: transparent;
  width: 42px;
  height: 42px;
  border: 2px solid rgba(255,255,255,.6);
  border-radius: 4px;
}
#f1.icon-position .position-options:after
{
  position: absolute;
  left: 50%;
  top: 50%;
  content: 'photo';
  color: #353535;
  font-size: 10px;
  width: 28px;
  margin: -12px 0 0 -14px;
  background-color: rgba(255,255,255,.6);
  text-align: center;
  display: inline-block;
  line-height: 22px;
  border-radius: 2px;
}

#f4.icon-position .position-options:before {
  margin: -23px 0px 0px -23px;
  background-color: transparent;
  width: 42px;
  height: 42px;
  border: 2px solid rgba(255,255,255,.6);
}
#f4.icon-position .position-options:after {
  position: absolute;
  left: 50%;
  top: 50%;
  /*content: 'p h o t o';*/
  color: #353535;
  font-size: 10px;
  width: 18px;
  margin: -21px 0 0 -9px;
  background-color: rgba(255,255,255,.6);
  text-align: center;
  display: inline-block;
  line-height: 42px;
  border-radius: 0px;
  padding: 1px 4px;
  width: 1em;
  font-size: 10px;
  line-height: 8px;
  height: 42px;
}

#f2.icon-position .position-options:before {
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 0px;
  content: '';
  margin: -23px 0px 0px -23px;
  background-color: transparent;
  width: 12px;
  height: 42px;
  border: 2px solid #767676;
  border-radius: 4px;
  border-right-width: 30px;
}
#f2.icon-position .position-options:after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: 'photo';
  color: #353535;
  font-size: 10px;
  width: 28px;
  margin: -14px 0 0 -9px;
  background-color: transparent;
  text-align: center;
  display: inline-block;
  line-height: 28px;
  border-radius: 2px;
}

#f5.icon-position .position-options:before {
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 0px;
  content: '';
  margin: -23px 0px 0px -23px;
  background-color: #767676;
  width: 42px;
  height: 42px;
  border: 2px solid #767676;
  border-radius: 4px;
}
#f5.icon-position .position-options:after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: 'photo';
  color: #353535;
  font-size: 10px;
  width: 28px;
  margin: -14px 0 0 -14px;
  background-color: transparent;
  text-align: center;
  display: inline-block;
  line-height: 28px;
  border-radius: 2px;
}

#f3.icon-position .position-options:before {
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 0px;
  content: '';
  margin: -23px 0px 0px -23px;
  background-color: transparent;
  width: 42px;
  height: 42px;
  border: 2px solid #767676;
  border-radius: 4px;
}
#f3.icon-position .position-options:after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: 'photo';
  color: #353535;
  font-size: 10px;
  width: 42px;
  margin: -11px 0 0 -21px;
  background-color: #767676;
  text-align: center;
  display: inline-block;
  line-height: 16px;
  line-height: 22px;
  border-radius: 0px;
}
#f1.icon-position:hover .position-options:before, #f1.icon-position.selected .position-options:before {
  border-color: #fff;
}
#f1.icon-position:hover .position-options:after, #f1.icon-position.selected .position-options:after {
  background-color: #fff;
}
#f4.icon-position:hover .position-options:before, #f4.icon-position.selected .position-options:before {
  border-color: #fff;
}
#f4.icon-position:hover .position-options:after, #f4.icon-position.selected .position-options:after {
  background-color: #fff;
}
#f2.icon-position:hover .position-options:before, #f2.icon-position.selected .position-options:before {
  border-color: #fff;
}
#f2.icon-position:hover .position-options:after, #f2.icon-position.selected .position-options:after {
  background-color: #fff;
}
#f5.icon-position:hover .position-options:before, #f5.icon-position.selected .position-options:before {
  border-color: #fff;
  background-color: #fff;
}
#f5.icon-position:hover .position-options:after, #f5.icon-position.selected .position-options:after {
  background-color: #fff;
}
#f3.icon-position:hover .position-options:before, #f3.icon-position.selected .position-options:before {
  border-color: #fff;
}
#f3.icon-position:hover .position-options:after, #f3.icon-position.selected .position-options:after {
  background-color: #fff;
}
#t1.icon-position:hover .position-options:after,
#t1.icon-position.selected .position-options:after{
	color: #fff;
}


#mp4.icon-position .position-options:after {

  position: absolute;
  left: 50%;
  top: 50%;
  content: 'p h o t o';
  color: #353535;
  font-size: 10px;
  width: 18px;
  margin: -21px 0 0 -9px;
  background-color: #767676;
  text-align: center;
  display: inline-block;
  line-height: 42px;
  border-radius: 0px;
  padding: 1px 4px;
  width: 1em;
  font-size: 10px;
  line-height: 8px;
  height: 42px;


}

#mp4.icon-position.selected .position-options:after ,
#mp4.icon-position:hover .position-options:after {
	background-color: #fff;
}
/**/
.book_config_right{
	min-width: 280px;
	max-width: 280px;
}
.size-block{
	color: #fff;
	font-family:  "OfficinaSansRegular",Helvetica,Arial,sans-serif;
	font-size: 20px;
	/*text-shadow: 0 1px 1px rgba(0,0,0,.4);*/
}
.size-block label{
	float: left;
	display: block;
	/*width:100%;*/
	line-height: 30px;
}
div.upload_block{
	margin-top: 20px;
	border-radius: 4px;
}
#m4.icon-position.selected .position-options:after,
#m5.icon-position.selected .position-options:after,
#mp3.icon-position.selected .position-options:after,
#mp2.icon-position.selected .position-options:after,
#mp1.icon-position.selected .position-options:after,
#m4.icon-position:hover .position-options:after,
#m5.icon-position:hover .position-options:after,
#mp3.icon-position:hover .position-options:after,
#mp2.icon-position:hover .position-options:after,
#mp1.icon-position:hover .position-options:after{
	background-color: #fff;
}
#m5.icon-position .position-options:after,
#mp2.icon-position .position-options:after,
#mp1.icon-position .position-options:after{
	background-color: #767676;
	border-radius: 0px;
	color: #353535;
	content: "photo";
	display: inline-block;
	font-size: 10px;
	left: 50%;
	line-height: 18px;
	margin: -9px 0 0 -21px;
	position: absolute;
	text-align: center;
	top: 50%;
	height: 18px;
	width: 42px;
	padding: 0px;
}
#m4.icon-position .position-options:after{
	background-color: #767676;
	border-radius: 0;
	color: #353535;
	content: "p h o t o";
	display: inline-block;
	font-size: 10px;
	height: 42px;
	left: 50%;
	line-height: 8px;
	margin: -21px 0 0 -11px;
	padding: 1px 6px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 1em;
}
#p2.icon-position .position-options:after{
	width: 16px;
	height: 16px;
	margin: 0px;
}
#p1.icon-position .position-options:after{
	width: 22px;
	height: 22px;
	margin: -11px 0px 0px -11px;
}
.icon-position.custom-edit.selected .position-options:after,
.icon-position.custom-edit:hover .position-options:after{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1
}
.icon-position.custom-edit .position-options:after{
	width: 16px;
	height: 16px;
	background: url('../img/icons/custom-edit.png');
	margin: -8px 0px 0px -8px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6
}
#m5.icon-position .position-options:after{
	height: 24px;
	line-height: 24px;
	margin-top: -12px;
}
#mp2.icon-position .position-options:after{
	width: 36px;
	margin-left: -18px;
}
#b1.icon-position .position-options:after{
	height: 11px;
	width: 24px;
	margin: 0px 0px 0px -12px;
}
#b2.icon-position .position-options:after{
	width: 16px;
	height: 16px;
	margin: 0px 0px 0px 0px;
}
#mt1.icon-position .position-options:after{
	width: 42px;
	height: 16px;
	margin:-8px 0px 0px -21px;
	border-radius: 0px;
}
.fotovstavka label:first-child{
	 float: left;
	margin-top: 15px;
}
#mt5.icon-position.selected .position-options:after,
#mt5.icon-position:hover .position-options:after,
#mt4.icon-position.selected .position-options:after,
#mt4.icon-position:hover .position-options:after,
#mt3.icon-position.selected .position-options:after,
#mt3.icon-position:hover .position-options:after,
#mt10.icon-position.selected .position-options:after,
#mt10.icon-position:hover .position-options:after,
#mt11.icon-position.selected .position-options:after,
#mt11.icon-position:hover .position-options:after,
#mt2.icon-position.selected .position-options:after,
#mt2.icon-position:hover .position-options:after{
	border-color: #fff;
}
#mt5.icon-position .position-options:after,
#mt4.icon-position .position-options:after,
#mt11.icon-position .position-options:after,
#mt3.icon-position .position-options:after,
#mt10.icon-position .position-options:after,
#mt2.icon-position .position-options:after{
	border-radius: 0px;
	height: 2px;
	border: 0px solid #767676;
	border-width: 7px 10px 7px 10px;
	width: 16px;
	padding: 0px;
	background-color: transparent;
	margin: -8px 0 0 -18px;
}

#mt4.icon-position .position-options:after{
	border-width: 9px 10px 9px 10px;
	margin-top: -10px;
}
#mt5.icon-position .position-options:after{
	width: 2px;
	height: 16px;
	border-width: 14px 10px;
	margin: -22px 0 0 -11px;
}
#mt10.icon-position .position-options:after,
#mt3.icon-position .position-options:after{
	margin-top: 0px;
}
#b1,
#b2{
	float: left;
	margin-right: 5px;
}

input[type="radio"]:disabled + label.css-label{
	opacity: 0.5;
	cursor: default;
}
input[type="radio"] + label.css-label,
.book_config_right .photogtraph-title input[type="radio"] + label.css-label{
	padding-left: 23px;
}

input[type=radio]:disabled:hover + label.css-label {
	color: #9E9E9E;
	cursor: default;
}

.photogtraph-title label:first-child{
}
.upload_title{
	font-size: 21px;
	margin-top: 8px;
	margin-bottom: -6px;
}
.upload_title a{
	font-size: 21px;
}
.book_order_button.book_order_button2{
	opacity: 0.5;
}
.shablon_download{
	float: left;
	margin: 0 0 0 31px;

}
.shablon a.book_order:hover{
	color: #00662E;
	text-decoration: none;
}
.shablon a.book_order{
	margin-top: -3px;
	color: #009945;
	text-decoration: underline;
}

#book_order_step_2_btn{
	float: right;
}

progress[value]::-webkit-progress-bar {
  background-color: transparent;
  border-radius: 2px;
}
#url .upload_title{
	color: #FFFFFF;
	display: inline-block;

	font-size: 21px;
	line-height: 31px;
	margin: 0px 0px 0px 7px;
}
#url input{
	margin-top: 2px;
}

.dropfile.upload_block{
	padding: 40px 0px 45px;
}

div.book_prev .back .img_prev:before{
	width: 0px;
	bottom: 0px;
}

#book.back:after{
   bottom: -28px;
	height: 28px;
}

div.book_prev .back .img_prev:after {
	background: url("../img/icons/book-preview-shadow-clean.png") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
	content: "";
   bottom: 0px;
	position: absolute;
	right: -7px;
	top: -4px;
	width: 40px;
	z-index: -1;
	padding-left: 0px;
}
#book.back:before{
	height: 28px;
}

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.slider.ui-widget-content{
  background: #353535;
  background: -moz-linear-gradient(top, #353535 0%, #4c4b4b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #353535), color-stop(100%, #4c4b4b));
  background: -webkit-linear-gradient(top, #353535 0%, #4c4b4b 100%);
  background: -o-linear-gradient(top, #353535 0%, #4c4b4b 100%);
  background: -ms-linear-gradient(top, #353535 0%, #4c4b4b 100%);
  background: linear-gradient(to bottom, #353535 0%, #4c4b4b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#353535', endColorstr='#4c4b4b',GradientType=0 );
  height: 5px;
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.45), 1px 1px 0px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.45), 1px 1px 0px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.45), 1px 1px 0px rgba(255, 255, 255, 0.1);
  border: 0px;

}
.ui-slider-horizontal{
	height: 5px;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
  background: url("../img/icons/slider-arrow.png") no-repeat;
  width: 14px;
  height: 13px;
  padding: 0px 5px 5px 5px;
  background-position: center;
  border: 0px;
  outline: none;
  margin: 3px 0 0 -13px;
  cursor: pointer;
}

#inshi_metal_std_text_params > label{
	margin-top: 25px;
}

.book_config_right select,
#metal_own_text_params select,
#metal_own_text_params textarea{
	background-color: #0D7494;
    border: 1px solid #548696;
	border-radius: 2px;
	margin-top: 20px;
	color: #FFF;
}
/*.book_config_right select,
#metal_own_text_params select{
	width: 69%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;

}*/
.book_config_right select option{
	background-color: #fff;
	color: #000;

}
.book_config_right select:hover,
.book_config_right select:focus,
#metal_own_text_params select:focus,
#metal_own_text_params select:focus {
	outline: none;
}
/* ------------------------------------ */
#minus.page_btn,
#plus.page_btn {
   position: relative;
}
#minus.page_btn:hover:before,
#plus.page_btn:hover:after,
#plus.page_btn:hover:before{
	background-color: #fff;
}

#minus.page_btn:before,
#plus.page_btn:before{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 10px;
	background: #818181;
	margin: -1px 0px 0px -5px;
	content: '';
	height: 2px;
}
#plus.page_btn:after{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 2px;
	background: #818181;
	margin: -5px 0px 0px -1px;
	content: '';
	height: 10px;
}

/* --------------------------- */
.step_minus.page_btn,
.step_plus.page_btn {
   position: relative;
}
.step_minus.page_btn:hover:before,
.step_plus.page_btn:hover:after,
.step_plus.page_btn:hover:before{
	background-color: #2f90b0;
}

.step_minus.page_btn:before,
.step_plus.page_btn:before{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 10px;
	background: #fff;
	margin: -1px 0px 0px -5px;
	content: '';
	height: 1px;
}
.step_plus.page_btn:after{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1px;
	background: #fff;
	margin: -5px 0px 0px -1px;
	content: '';
	height: 10px;
}

.icon-info{
	display: inline-block;
	height: 14px;
	width: 14px;
	padding: 0;
	background: url("../img/icons/icons-constr.png") no-repeat -29px -97px;
}
ul.tabs.fixed_tabs li.selected .icon-info {background-position: -1px -97px;margin-right: 1px;}
ul.tabs.fixed_tabs li.selected .info {color: #fff;}
/*.icon-info:before{
 background-color: rgba(255, 255, 255, 0.1);
	border: 2px solid #9C9C9C;
	border-radius: 100%;
	color: #9C9C9C;
	content: "";
	left: 0;
	margin: 0 9px 0 0px;
	position: absolute;
	top: 0;
	width: 14px;
	height: 14px;
	font-weight: bold;

}
.icon-info:after{
	background-color: rgba(0, 0, 0, 0);
	border-bottom: 4px solid #9C9C9C;
	border-top: 2px solid #9C9C9C;
	color: #9C9C9C;
	content: "";
	font-weight: bold;
	height: 2px;
	left: 0px;
	margin: -6px 0 0 8px;
	position: absolute;
	top: 50%;
	width: 2px;
}*/


.slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all{
	margin: 0 24px;
}
.pasparty-color{
	overflow: hidden;
}


.spinner {
	border-right-width: 0 !important;
	font-size: 20px !important;
	font-weight: bold;
	width: 55px;
}
@media (max-width: 767px) {
.spinner {
	width: 100%;
}
}
.ui-spinner {
	display: inline-block;
	overflow: hidden;
	/*padding: 0 37px 0 0;*/
	position: relative;
	vertical-align: middle;
}
@media (max-width: 767px) {
.ui-spinner {
	display: block;
}
}
.ui-spinner .ui-button-text {
/*    display: block;
	line-height: normal;*/
	  /*display: inline-block;*/
	line-height: 20px;
}

.ui-spinner-button.ui-spinner-down,
.ui-spinner-button.ui-spinner-up{
	background:#9E9E9E;
	margin: 0px 0 0;
	padding: 0px 9px;

}
.ui-spinner-button.ui-spinner-up{

	border-radius: 0px;
	height: 17px;
	border-radius: 0 2px;
	border: 1px solid #303030;
	background: #919191;
background: -moz-linear-gradient(top,  #919191 0%, #565656 8%, #4d4d4d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#919191), color-stop(8%,#565656), color-stop(100%,#4d4d4d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #919191 0%,#565656 8%,#4d4d4d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #919191 0%,#565656 8%,#4d4d4d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #919191 0%,#565656 8%,#4d4d4d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #919191 0%,#565656 8%,#4d4d4d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#4d4d4d',GradientType=0 ); /* IE6-9 */

}
.ui-spinner-button.ui-spinner-up:hover{
background: #7f7f7f;
background: -moz-linear-gradient(top,  #7f7f7f 0%, #505050 8%, #494949 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f7f7f), color-stop(8%,#505050), color-stop(100%,#494949)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7f7f7f 0%,#505050 8%,#494949 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7f7f7f 0%,#505050 8%,#494949 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7f7f7f 0%,#505050 8%,#494949 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7f7f7f 0%,#505050 8%,#494949 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#494949',GradientType=0 ); /* IE6-9 */

}
.ui-spinner-button.ui-spinner-down:hover{
background: #474747;
background: -moz-linear-gradient(top,  #474747 0%, #414141 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#414141)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #474747 0%,#414141 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #474747 0%,#414141 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #474747 0%,#414141 100%); /* IE10+ */
background: linear-gradient(to bottom,  #474747 0%,#414141 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#414141',GradientType=0 ); /* IE6-9 */
}
.ui-spinner-button.ui-spinner-down{
	/*padding-top: 3px;*/
	border-radius: 0px;
	height: 17px;
	border-radius: 0 0 2px;
	border: 1px solid #303030;
	background: #4b4b4b;
	background: -moz-linear-gradient(top,  #4b4b4b 0%, #434343 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4b4b), color-stop(100%,#434343)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4b4b4b 0%,#434343 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4b4b4b 0%,#434343 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4b4b4b 0%,#434343 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4b4b4b 0%,#434343 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#434343',GradientType=0 ); /* IE6-9 */
	border-top: 0px;
}
.ui-spinner input {
	margin-bottom: 0px;
	text-align: left;
	border: 0px ;
	background-color: #393939;
	color: #fff;
	font-family: "OfficinaSans", sans-serif;
	font-size: 20px;
	line-height: 21px;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
	width: 80px !important;
	padding: 6px 10px 7px;
	border-radius: 2px;
	border: 1px solid #303030;
	height: 22px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{
	border-radius: 2px;
}
.ui-spinner.focus input {
	border-color: #1ABC9C;
	color: #1ABC9C;
}
.ui-spinner.focus .ui-spinner-button {
	background-color: #1ABC9C;
}
.ui-spinner.focus .ui-spinner-button:hover {
	background-color: #303030;
}
.ui-spinner.focus .ui-spinner-up {
	border-bottom-color: #303030;
}
.ui-spinner-button {
	background-color: #BDC3C7;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 0.5em;
	height: 22px;
	line-height: 19px;
	margin: 0;
	outline: medium none;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: center;
	text-decoration: none;
	width: 37px;
}

.ui-spinner-button{
	background-color: #393939;
}
.ui-spinner-button:hover {
	background-color: #000;
	color: #E8F8F5;
}
.ui-spinner-button span {
	font-size: 0;
}
.ui-spinner-button span:before {
	content: "▲";
	font-size: 8px;
	color: #ffffff;
	text-shadow:none;
	line-height: 17px;
	text-shadow:0 1px 1px #000000;
	transform: scaleY(0.5);
	-ms-transform: scaleY(0.5);
	-webkit-transform: scaleY(0.5);
	display: block;
}

.lt-ie9 .ui-spinner-button span:before{
	line-height: 7px;
}
.lt-ie9 .ui-spinner-button span:after{
	line-height: 7px;
}


.ui-spinner-up {
	border-bottom: 2px solid #000;
	border-radius: 0 4px 0 0;
	top: 0;
}
.ui-spinner-down {
	border-radius: 0 0 4px;
	bottom: 0;
	height: 20px;
}
.ui-spinner-down span:before {
	content: "▼";
	font-size: 8px;
	 color: #ffffff;
	text-shadow:none;
	text-shadow:0 1px 1px #000;
	transform: scaleY(0.5);
	-ms-transform: scaleY(0.5);
	-webkit-transform: scaleY(0.5);
	display: block;
}


.book_order_bg textarea:focus,
.book_order_bg input[type="text"]:focus,
.book_order_bg input[type="password"]:focus,
.book_order_bg input[type="datetime"]:focus,
.book_order_bg input[type="datetime-local"]:focus,
.book_order_bg input[type="date"]:focus,
.book_order_bg input[type="month"]:focus,
.book_order_bg input[type="time"]:focus,
.book_order_bg input[type="week"]:focus,
.book_order_bg input[type="number"]:focus,
.book_order_bg input[type="email"]:focus,
.book_order_bg input[type="url"]:focus,
.book_order_bg input[type="search"]:focus,
.book_order_bg input[type="tel"]:focus,
.book_order_bg input[type="color"]:focus{
	border-color: #fff;
	box-shadow: none;

}

.ui-spinner.ui-widget-content{
	border: 0px;
	background: transparent;
	margin: 0px 5px;
}

.ui-spinner-button.ui-state-hover{
	background-color: #9a9a9a;
	outline: none;
}

.text-new-config label{
	margin-top: 15px;
	margin-bottom: 5px;

}

.book_order_bg .size-input.ui-spinner-input:hover,
.book_order_bg .size-input.ui-spinner-input:focus{
	border: 1px solid #303030;
	outline: none;
}

/*slider*/
.metal_std_prev_left,
.metal_std_prev_right{
	background-color: #000000;
	content: "";
	cursor: pointer;

	position: absolute;
	top: 50%;

	margin: -14px 0px 0px 0px;
	border: 2px solid #666666;

	width: 27px;
	height: 27px;
	background: url('../img/icons/book-slider-arrows.png');
	background-color: #666;
	border-radius: 100%;
	/*border: 1px solid #ccc;*/
	z-index: 1000;
}
div.metal_std_prev{
	position: relative;
}
.metal_std_prev_left{
	left:0px;
	background-position: 0px 0px;
	margin-left: 15px;
}
.metal_std_prev_right{
	right: 0px;
	background-position: -27px 0px;
	margin-right: 15px;
}


.finish-order-form{
	float: left;
	/*width: 120px;*/
	margin-right: 80px;
}
.shipping{
	float: left;
	width: 590px;
	padding-top: 75px;
}

.shipping-row{
	width: 100%;
}
.shipping-row a:hover{
	opacity: 0.8;
}
.shipping-row a{
	color: #fff;
	text-decoration: none;
}

.column-50{
	width: 50%;
	float: left;
	width: 280px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.column-50:last-child{
	margin-right: 0px;
}
.book_config_bottom ul.tabs li{
	padding-right: 10px;
	padding-left: 10px;

}

#s3 div.finished_book{
	position: relative;
}


#s3 div.finished_book:before{
	background: url("../img/icons/book-preview-shadow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	bottom: 22px;
	content: "";
	left: -46px;
	padding-left: 47px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	width: 0px;
}
#s3 .preview-thumbnail.back:before{
z-index: 0;

}

#s3 .preview-thumbnail.back div.finished_book:after{
  background: url("../img/icons/book-preview-shadow.png") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
    bottom: -1px;
    content: "";
    position: absolute;
    right: -5px;
    top: -1px;
    width: 20px;
    z-index: 1;
}
#s3 .preview-thumbnail.back div.finished_book:before{
	width: 0px;
}
#s3 .preview-thumbnail:before{
	height: 32px;
	bottom: -28px;
	left: -46px;
	z-index: 1;
}
#s3 .bokov_kr div.finished_book:before{
	width: 0px;
}
#s3 div.finished_book:before{
	width: 19px;
	bottom: 4px;
}


#s3 .preview-thumbnail-wrapper .preview-thumbnail{
	/*margin-left: 20px;*/
}
#s3 .preview-thumbnail .preview-thumbnail-inner:after,
#s3 .preview-thumbnail:after{
	z-index: 0;

}
#s3 .preview-thumbnail.bokov_kr.back div.finished_book:after{
	display: none;
}
#s3 .preview-thumbnail:after{
	height: 28px;
}

.hide{
	display: none;
}
#book_params{
	float: left;
	padding-top: 25px;
}
#s3 .preview-thumbnail-wrapper-container{
	float: left;
	margin-right: 20px;
	text-align: center;
}

.step3-container-fix{
	position: relative;
}
.conf_book_count{
    float: left;

    margin-top: -16px;
    margin-top: 114px;
    top: 50%;
}
.conf_book_finish_price{
    float: left;
	width: 110px;
    margin-top: 121px;
    padding-left: 20px;
    color: #fff;
    font-size: 20px;
    text-align: right;

}


.conf_book_finish_price span{
	position: relative;
}
.conf_book_finish_price span:before{
	position: absolute;
	left: 0px;
	top: 50%;
	margin: -11px 0 0 -14px;
	content: '$';
	font-size: 21px;
}


div#s3.order_step div#book_params{
	width: 500px;
}
#s3 .preview-thumbnail-wrapper-container{
	width: 200px;
}
#s3 .book_order_button{
	float: right;
}

.color_select_container{
	/*float: left;*/
	max-width: 300px;
}
#text_block label.css-label{
	float: left;
}
#text_block,#text_block{
	position: relative;
}


#text_block label,
.metal-color label,
.label-title{
	float: left;
	margin-top: 25px;
}
/*#metal label,
#size label{
	float: left;
}*/
#vstavka label{
	float: none;
}
#photo_block label{
	float: left;
	margin-top: 15px;
}
#photo .position,
#inshi .position,
#photo_block .position,
#tusnennya .position,
#text_block .position{
	float: left;
	width: 280px;
    margin: 0 0 0 7px;
}
#metal.tab{
	/*padding-top: 10px;*/
}
#metal_own_text_params label{
	float: left;
}
#radio_sizes{
	float: right;
	margin-left: 10px;
	width: 289px;
}
#radio_sizes label.css-label{
	margin-bottom: 10px;
}
.metal-color label{
	margin-top: 10px;
}
/*#photo_block .position{
	float: left;
}*/
.notcolor_text{
	float: left;
}
#metal .clearfix{
	margin-top: 10px;
	clear: both;
}
#metal .position, #window .position {margin-left: 7px;}
#tusnennya > label{
	float: left;
	margin-top: 25px;
}
.color_text{
	color: #fff;
	font-size: 21px;
	font-weight: normal;

	margin-left: 120px;
	width: 400px;
}
.text_block label{
	float: left;
}
.metal-color label,
#metal > label{
	float: left;
}

#s4{
color: #9E9E9E;
text-align: center;
font-size: 22px;
width: 500px;
margin: 0 auto;

}

#s4 .title{
	color: #fff;
	font-size: 26px;
	margin-top: 60px;
}
.success-order-btn{
	background-color: rgba(228, 228, 228, 0.1);
	border-radius: 30px;
	padding: 0 50px;
	border: 2px solid #FFFFFF;
	margin-top: 50px;
	color: #FFFFFF;
	font-size: 16px;
	margin-bottom: 60px;
	text-transform: uppercase;
	padding: 11px 35px;
}


.book-sizes .book-size-item.selected:after{
	background-color: #fff;
	background: url('../img/icons/icons-constr.png') no-repeat 4px -164px;
	background-repeat: no-repeat;
	border-radius: 100%;
	bottom: 48px;
	content: " ";
	position: absolute;
	right: -5px;
	width: 28px;
    height: 23px;
}

.icon-position.selected:before{
	background: url("../img/icons/icons-constr.png") no-repeat -1px -62px;
}

/*
 * imgAreaSelect animated border style
 */

.imgareaselect-border1 {
	background: url(../img/icons/border-anim-v.gif) repeat-y left top;
}

.imgareaselect-border2 {
	background: url(../img/icons/border-anim-h.gif) repeat-x left top;
}

.imgareaselect-border3 {
	background: url(../img/icons/border-anim-v.gif) repeat-y right top;
}

.imgareaselect-border4 {
	background: url(../img/icons/border-anim-h.gif) repeat-x left bottom;
}
.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {}

.imgareaselect-handle {
	background-color: #fff;
	border: solid 1px #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-outer {
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

#book_config_bottom{
	margin: 60px auto 0px;
	width: 375px;
	text-align: center;
}
#book_config_bottom div.selected, #book_config_bottom div:hover{
	border-color: #7CE0FF;
	color: #fff;
}

#book_config_bottom div{
	border: 2px solid transparent;
	/*-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;*/
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	display: inline-block;
	color: rgba(255,255,255,.6);
	padding: 6px 8px 8px;
	cursor: pointer;
	font: 15px/1 'Lato-Light', Arial, sans-serif;
	letter-spacing: -.5px;
}


.select-styled{
	position: relative;
	display: inline;
}
.select-styled select{
	position: relative;

}
.select-styled:before{
	cursor: pointer;
	border-left: 1px solid #303030;
	border-radius:0px 2px 2px 0px;
	content: "";
	height: 28px;
	margin: 1px 1px 0 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 21px;
	z-index: 1;
	pointer-events:none;

	background: #919191;
	background: -moz-linear-gradient(top,  #919191 0%, #565656 9%, #4e4e4e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#919191), color-stop(9%,#565656), color-stop(100%,#4e4e4e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #919191 0%,#565656 9%,#4e4e4e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #919191 0%,#565656 9%,#4e4e4e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #919191 0%,#565656 9%,#4e4e4e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #919191 0%,#565656 9%,#4e4e4e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#4e4e4e',GradientType=0 ); /* IE6-9 */

}
.select-styled:after{
	color: #FFFFFF;
	content: "▼";
	font-size: 8px;
	text-shadow: 0 1px 1px #000000;
	top: 50%;
	right: 0px;
	margin:-3px 7px 0 0;
	position: absolute;
	z-index: 2;

	transform: scaleY(0.5);
	-ms-transform: scaleY(0.5);
	-webkit-transform: scaleY(0.5);

}

@-moz-document url-prefix() {
	.select-styled:after{
		margin: -3px 11px 0 0;

	}
	.select-styled:before{
		margin-right: 5px;
	}
	#back .select-styled:before{

		margin-top: 4px;
	}
}
.slider.ui-widget-content:after{
	content: '';
	width: 100%;
	top: 100%;
	left: 0px;
	height: 10px;
	background-color: transparent;
	position: absolute;
	margin: 0px;
}
.slider.ui-widget-content:before{
	content: '';
	width: 100%;
	top: 0px;
	margin: -10px 0px 0px 0px;
	left: 0px;
	height: 10px;
	background-color: transparent;
	position: absolute;
}
.slider.ui-widget-content{
	cursor: pointer;
}
#back .select-styled:before{

	margin-top: 4px;
}

#s2.order_step{
	padding: 50px 0px 20px 0px;
}

.imgareaselect-border1:before {
  z-index: 1001;
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  margin: -12px 0px 0px -12px;
  background-color: #fff;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjI4Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjI4Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.28) 0%, rgba(255, 255, 255, 0.28) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.28) 0%, rgba(255, 255, 255, 0.28) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.28) 0%, rgba(255, 255, 255, 0.28) 100%);
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.28) 0%, rgba(255, 255, 255, 0.28) 100%);
}
.imgareaselect-border1:after {
  z-index: 1002;
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  margin: -9px 0px 0px -9px;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  background-color: #fff;
  background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
  background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
  background-image: linear-gradient(bottom, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
}


#t7.icon-position .position-options:after,
#t6.icon-position .position-options:after{
	background-color: transparent;
	border: 1px solid #767676;
	margin: -15px 0 0 -15px;
	width: 28px;
	height: 28px;
}
#t7.icon-position .position-options:after{

	color: #767676;
	content: "photo";
	line-height: 28px;
}
#t7.icon-position:hover .position-options:after,
#t6.icon-position:hover .position-options:after,
#t7.icon-position.selected .position-options:after,
#t6.icon-position.selected .position-options:after{
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
}

.imgareaselect-border2:before {
  z-index: 1001;
  position: absolute;
  content: '';
  left: 100%;
  top: 0px;
  margin: -12px 0px 0 -8px;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  background-color: #fff;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjI4Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjI4Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.28) 0%, rgba(255, 255, 255, 0.28) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.28) 0%, rgba(255, 255, 255, 0.28) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.28) 0%, rgba(255, 255, 255, 0.28) 100%);
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.28) 0%, rgba(255, 255, 255, 0.28) 100%);
}
.imgareaselect-border2:after {
  z-index: 1002;
  position: absolute;
  content: '';
  left: 100%;
  top: 0px;
  margin: -9px 0px 0 -5px;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  background-color: #fff;
  background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
  background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
  background-image: linear-gradient(bottom, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
}


.imgareaselect-border3:before {
  z-index: 1001;
  position: absolute;
  content: '';
  left: 0px;
  top: 100%;
  border-radius: 100%;
  width: 20px;
  height: 20px;


  margin: -8px 0px 0px -12px;
  background-color: #fff;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjI4Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjI4Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.28) 0%, rgba(255, 255, 255, 0.28) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.28) 0%, rgba(255, 255, 255, 0.28) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.28) 0%, rgba(255, 255, 255, 0.28) 100%);
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.28) 0%, rgba(255, 255, 255, 0.28) 100%);
}
.imgareaselect-border3:after {
  z-index: 1002;
  position: absolute;
  content: '';
  left: 0px;
  top: 100%;
  margin: -5px 0px 0px -9px;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  background-color: #fff;
  background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
  background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
  background-image: linear-gradient(bottom, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
}


.imgareaselect-border4:before {
  z-index: 1001;
  position: absolute;
  content: '';
  left: 100%;
  top: 100%;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  background-color: #fff;
  margin: -8px 0px 0px -8px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjI4Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjI4Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.28) 0%, rgba(255, 255, 255, 0.28) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.28) 0%, rgba(255, 255, 255, 0.28) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.28) 0%, rgba(255, 255, 255, 0.28) 100%);
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.28) 0%, rgba(255, 255, 255, 0.28) 100%);
}
.imgareaselect-border4:after {
  z-index: 1002;
  position: absolute;
  content: '';
  left: 100%;
  top: 100%;
  margin: -5px 0px 0px -5px;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  background-color: #fff;
  background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
  background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
  background-image: linear-gradient(bottom, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
}




/*#image_crop > div:nth-child(4):before{
	border: 18px solid #999;
	content: "";
	height: 100%;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 0.5;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}*/
#image_crop div{
	overflow: visible !important;
}
#image_crop .resizer-modal__content + div:before{
	border: 18px solid rgba(46, 152, 185,0.5);
	content: "";
	height: 100%;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#image_crop.imageWindow .resizer-modal__content + div:before {
	/* border-width: 0px !important;*/
	border-color: rgb(46, 152, 185)!important;
}
#image_crop.imagePaspartu .resizer-modal__content + div:before {
	border-color: rgb(46, 152, 185)!important;
}
#image_crop.resizer-modal-shild .resizer-modal__content + div:before{
	border:0;
}
/*
.imgareaselect-selection{
	border: 1px solid rgba(245,245,245,0.4);
}*/
.imgareaselect-selection:before{
	position: absolute;
	left: 33%;
	top:0px;
	width: 33%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid rgba(245,245,245,0.4);
	border-right: 1px solid rgba(245,245,245,0.4);
	content: '';
}

.imgareaselect-selection:after{
	position: absolute;
	left: 0%;
	top:33%;
	width: 100%;
	height: 33%;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid rgba(245,245,245,0.4);
	border-bottom: 1px solid rgba(245,245,245,0.4);
	content: '';
}




/*
Image resizer
*/

/*css animation*/
@-moz-keyframes swashIn {
  0% {
	opacity: 0;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
  }

  90% {
	opacity: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(0.9, 0.9);
	-moz-transform: scale(0.9, 0.9);
	-ms-transform: scale(0.9, 0.9);
	-o-transform: scale(0.9, 0.9);
	transform: scale(0.9, 0.9);
  }

  100% {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
  }
}
@-webkit-keyframes swashIn {
  0% {
	opacity: 0;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
  }

  90% {
	opacity: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(0.9, 0.9);
	-moz-transform: scale(0.9, 0.9);
	-ms-transform: scale(0.9, 0.9);
	-o-transform: scale(0.9, 0.9);
	transform: scale(0.9, 0.9);
  }

  100% {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
  }
}
@-o-keyframes swashIn {
  0% {
	opacity: 0;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
  }

  90% {
	opacity: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(0.9, 0.9);
	-moz-transform: scale(0.9, 0.9);
	-ms-transform: scale(0.9, 0.9);
	-o-transform: scale(0.9, 0.9);
	transform: scale(0.9, 0.9);
  }

  100% {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
  }
}
@-ms-keyframes swashIn {
  0% {
	opacity: 0;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
  }

  90% {
	opacity: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(0.9, 0.9);
	-moz-transform: scale(0.9, 0.9);
	-ms-transform: scale(0.9, 0.9);
	-o-transform: scale(0.9, 0.9);
	transform: scale(0.9, 0.9);
  }

  100% {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
  }
}
@keyframes swashIn {
  0% {
	opacity: 0;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
  }

  90% {
	opacity: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(0.9, 0.9);
	-moz-transform: scale(0.9, 0.9);
	-ms-transform: scale(0.9, 0.9);
	-o-transform: scale(0.9, 0.9);
	transform: scale(0.9, 0.9);
  }

  100% {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
  }
}
.resizer-modal {
	position: fixed;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    z-index: -1;
	opacity: 0;
	background-color: rgba(49, 49, 49, 0.7);
}
.resizer-modal .resizer-modal__content{
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -300px 0px 0px -473px;
  width: 946px;
  z-index: 222;
  background-color: #28778c;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.93);
  -moz-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.93);
  box-shadow: 0 7px 15px rgba(0, 0, 0, 0.93);
  /*display: none;*/

}
.resizer-modal::selection {
	background: transparent;
}
.resizer-modal::-moz-selection {
	background: transparent;
}
.book_order_bg .editable_text_block.mce-content-body,
.order_step .editable_text_block.mce-content-body{
	-moz-user-select: text;
	-khtml-user-select: text;
	-webkit-user-select: text;
	-o-user-select: text;
	user-select: text;
}
.resizer-modal.show{
  opacity: 1;
  z-index: 222;
}
.resizer-modal.show .resizer-modal__content{
  -webkit-animation-name: swashIn;
  -moz-animation-name: swashIn;
  -ms-animation-name: swashIn;
  -o-animation-name: swashIn;
  animation-name: swashIn;
  -webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
animation-duration: 0.5s;
}
.resizer-modal .resizer-header {
  background-color: #2e98b9;
  color: #fff;
  line-height: 53px;
  display: inline-block;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid rgba(255,255,255,.6);

}
.resizer-modal .resizer-header .resizer-title {
  line-height: 20px;
  vertical-align: middle;
  display: inline-block;
  font-size: 20px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
.resizer-modal .resizer-body {
  text-align: center;
  padding: 60px 0px;
  height: 100%;
  position: relative;

}
.resizer-modal .resizer-body .resizer-img-container img {
	  max-height: 370px !important;
}
@media (min-width: 1381px) {
	.resizer-modal .resizer-body .resizer-img-container img {
		max-height: 450px !important;
	}
}
@media (min-width: 1901px) {
	.resizer-modal .resizer-body .resizer-img-container img {
		max-height: 650px !important;
	}
}
.resizer-modal .resizer-body .resizer-img-container {
  -webkit-box-shadow: 0 1px 5px #fff;
  -moz-box-shadow: 0 1px 5px #fff;
  box-shadow: 0 1px 5px #fff;
  display: inline-block;
  max-width: 900px;
  height: 100%;
}
.resizer-modal .resizer-body .resizer-img-container img {
  display: inline-block;
  /*max-width: 100% !important;*/
  max-height: 100%;
}
.resizer-modal .resizer-footer {
  background-color: #2e98b9;
  display: inline-block;
  line-height: 59px;
  width: 100%;
  text-align: center;
  border-top: 1px solid rgba(255,255,255,.6);
  vertical-align: bottom;
}
.resizer-modal .resizer-close {
  display: block;
  text-decoration: none;
  width: 15px;
  height: 15px;
  background: url("../img/icons/icons-constr.png") no-repeat 0 -198px;
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 18px 20px 0px 0px;
}
.resizer-modal .resizer-close:hover {
  opacity: 0.7;
}
.resizer-modal .resizer-btn-save input{
  color: #fff;
  font: 16px/1 'PFDinTextCompPro-Medium', Arial, sans-serif;
  text-transform: uppercase;
  border: 2px solid #fff;
  border-radius: 25px;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 10px 25px 8px 25px;
  /*padding: 8px 42px 8px 25px;*/
  text-decoration: none;
  letter-spacing: 1px;
}
.resizer-modal .resizer-btn-save{
	position: relative;
	display: inline-block;
}
.resizer-modal .resizer-btn-save input:focus,
.resizer-modal .resizer-btn-save input:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
  outline: none;
}

.resizer-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 122;
  background-color: rgba(49, 49, 49, 0.7);
  display: none;
}

.img_prev #forzac{
	width: 45.5% ;
	height: 97.5% ;
	margin: 2% 2.5% 2% 2%;
	/*margin: 4% 4% 2% 2%;*/
	background-size: 100% 100% ;
	float: right;
}
.b22_15 .img_prev #forzac, .b31_22 .img_prev #forzac, .b30_20 .img_prev #forzac {width: 45%;height: 94.5%;}
.b30_30 .img_prev #forzac {width: 45%;height: 95.5%;}
.b15_15  .img_prev #forzac {width: 46%;height: 96%;}
.b20_20 .img_prev #forzac, .b22_22 .img_prev #forzac,
.b31_31 .img_prev #forzac, .b26_30 .img_prev #forzac,
.b25_25 .img_prev #forzac {height: 96%;width: 45%;}
.b22_25 .img_prev #forzac {height: 96.5%;width: 45%;}

.b40_30 .img_prev #forzac{
	width: 44.5% ;
}
.img_prev #forzac:before {
	content: "";

	width: 45%;
	height: 50%;
	position: absolute;
	right: 0px;
	top: 0px;

	background: url(/images/forzac-shadow.png) no-repeat;

	background-position: 0px 0px;
	margin: 0px;
	background-size: 97% auto;
}

.img_prev #forzac:after {
	content: "";

	width: 45%;
	height: 50%;
	position: absolute;
	right: 0px;
	bottom: 0px;

	background: url(/images/forzac-shadow.png) no-repeat;
	background-position: 0px 100%;
	margin: 0px;
	background-size: 97% auto;
}

.ptype_box .img_prev #forzac:before {
	content: "";
	width: 45%;
	height: 50%;
	position: absolute;
	right: 2px;
	top: 0px;
	margin: 0px;
	background: url(/img/icons/shadow/korob-vnutr-01.png) top right no-repeat;
	background-size: 102% auto;
	z-index: 2;
}

.ptype_box .img_prev #forzac:after {
	content: "";
	width: 45%;
	height: 50%;
	position: absolute;
	right: 2px;
	bottom: 0px;
	margin: 0px;
	background: url(/img/icons/shadow/korob-vnutr-01.png) bottom right no-repeat;
	background-size: 102% auto;
	z-index: 2;
}

.ptype_box_26 .img_prev #forzac:before {
	content: "";
	width: 47%;
	height: 100%;
	position: absolute;
	right: 4px;
	top: 0px;
	margin: 0px;
	background: url(/img/icons/shadow/cd_02.png) center center no-repeat;
	background-size: auto 100%;
	z-index: 2;
}
.ptype_box_26 .b14_26 .img_prev #forzac:before {
	background: url(/img/icons/shadow/cd_02.png) center 0 repeat-y;
	background-size: auto 50%;
}
.ptype_box_26 .img_prev #forzac:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 0;
	bottom: 0px;
	margin: 0px;
	background: none;
	background-size: 0 0;
	z-index: -1;
	display:none;
}

.ptype_box_26 .img_prev #forzac {
	width: 48.6%;
    height: 96%;
    margin: 2% 2.5% 2% 2%;
    background-size: 100% 100%;
    padding: 6px 11px 6px 0px;
    float: right;
}
.ptype_box_26 .b14_26 .img_prev #forzac {width: 50.6%;height: 98%;padding: 6px 11px 5px 0px;}

.ptype_box_26 .img_prev #forzac #frz-tray{width: 100%; height: 100%;}


.ptype_box_25 .img_prev #forzac:before {
	content: "";
    width: 45%;
    height: 100%;
    position: absolute;
    right: 2px;
    top: 0px;
    margin: 0px;
    background: url(/img/icons/shadow/korob-USB-2.png) center right no-repeat;
    background-size: 100% 100%;
    z-index: 2;
}
.ptype_box_25 .b9_13 .img_prev #forzac {width: 44.3%;}
.ptype_box_25 .b9_13 .img_prev #forzac:before {
	background: url(/images/USB_02.png) center right no-repeat;
	background-size: 200% 100%;
	right: 0px;
}
.ptype_box_25 .img_prev #forzac:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 0;
	bottom: 0px;
	margin: 0px;
	background: none;
	background-size: 0 0;
	z-index: -1;
	display:none;
}

.ptype_box_25 .img_prev #forzac {
    width: 45.3%;
    height: 92.5%;
    margin: 4% 4.6% 2% 2%;
    background-size: 100% 100%;
    float: right;
}
.ptype_box_25 .b9_13 .img_prev #forzac {margin: 5.5% 4.6% 2% 2%;}
#edit_btn {
	cursor: pointer;

	background: #fff url(../img/icons/edit-resize.png) no-repeat;
	width: 22px;
	height: 22px;
	background-position: 0px 0px;
	border-radius: 100%;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
	right: 0px !important;
	margin: -2px -2px 0px 0px;
	top: 0px;
}
#edit_btn:hover{
	background-position: 0px -22px;
}

.paspartu .paspartu_img, .img_prev .photo #img{position: relative;}
.paspartu .paspartu_img, .img_prev .photo #img{
	background: url(../img/icons/icons-plus.png) no-repeat 50% 50%;
	cursor: pointer;
}

div.paspartu .paspartu_img:after{
	padding: 26px;
	margin: -26px;
	width: 100%;
	height: 100%;
	left: 0px;
	content: '';
	top: 0px;
	position: absolute;
	background:transparent;
	z-index: -1;
}
/*div.paspartu .paspartu_img:before {
	content: '';
	position: absolute;
	display: block;
	z-index: 1;
	border: 18px solid rgb(246, 226, 155);
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}*/


.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #fff;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
	transform: scale(0.0);
	-webkit-transform: scale(0.0);
  } 40% {
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
  }
}



.upload_block .book_order{
	padding-left: 2px;
}
.metal_std_prev,
.metal_text_prev{
	-webkit-box-shadow:  -1px 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:  -1px 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow:  -1px 1px 2px rgba(0, 0, 0, 0.05);
	display: table;
}
.back_block, .metal_block{
	box-shadow: -1px 1px 3px rgba(255, 255, 255, 0.6) inset, 1px -1px 0 0 rgba(255, 255, 255, 0.6) inset;
	-webkit-box-shadow:  -1px 1px 3px rgba(255, 255, 255, 0.6) inset, 1px -1px 0 0 rgba(255, 255, 255, 0.6) inset;
	-moz-box-shadow:  -1px 1px 3px rgba(255, 255, 255, 0.6) inset, 1px -1px 0 0 rgba(255, 255, 255, 0.6) inset;
	overflow: hidden;
}

#back .back_block.ui-resizable {background: url(../img/icons/icons-plus.png) no-repeat 50% 50%;cursor: pointer;}


#book.make_me_photo.back .inshi_triangle_image,
#book.make_me_photo.back .img_prev:after{
	display: none;
}

#book.make_me_photo:before{
	display: none;
}
#book.make_me_photo:after{
	display: none;
}
#book.make_me_photo .img_prev:before{
	display: none;
}

#finish_book_flip{
	color: #fff;
	display: inline-block;
	padding-bottom: 2px;
	border-bottom: 1px dashed #fff;
	text-decoration: none;
}
#finish_book_flip:hover{
	opacity: 0.8;
}

div.img_prev.bokov_kr {
	padding-left: 0px !important;
}

div.img_prev.bokov_kr:before, div.img_prev.bokov_kr:after {
	width: 9px;
}

div.paspartu_p3 {
	width: calc(100% - 50px) !important;
	height: calc(100% - 50px) !important;
	padding-left: 25px;
	padding-top: 25px;
}

div.tusnennya_p5 {
	width: calc(100% - 140px) !important;
	height: calc(100% - 25px) !important;
	padding-left: 130px;
	padding-top: 12px;
}

div.tusnennya_p8 {
	width: calc(100% - 50px) !important;
	height: calc(100% - 150px) !important;
	padding-bottom: 110px;
	padding-top: 25px;
	padding-left: 25px;
}

.img_prev.bokov_kr #forzac{
	width: 42.5%;
}
div.book_prev .back .img_prev.bokov_kr:after{
	width: 15px;
}
.b40_30 .img_prev.bokov_kr #forzac{
	width: 42.5%;
}
/*.metal_block{
	border-radius: 2px;
	box-shadow:  inset 0 0 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:  inset 0 0 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 2px rgba(0,0,0,0.2);

}*/

.b20_20 .img_prev.bokov_kr #forzac,
.b20_30 .img_prev.bokov_kr #forzac{
	/*width: 43%;*/

}
.b20_30 .img_prev.bokov_kr #forzac{
		height: 96%;
}
#upload_block_file span{
	color: #fff;
	padding-left: 40px;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	width: 315px;
	display: inline-block;
}
#upload_block_file span:before{
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px 0px 0px 0px;
	content: '';
	width: 25px;
	height: 17px;
	border: 2px solid #9C9C9C;
	border-radius: 2px;
	background: rgba(255, 255, 255, 0.1) url('../img/icons/icon-img.png') no-repeat center;
}


.upload_block_file_new{
	position: absolute;
	right: 0px;
	width: 2px;
	height: 7px;
	margin: 5px 30px 3px 0px;
	background-color: #FFFFFF;
	font-size: 0px;
	float: left;
	top: 0px;

}

.upload_block_file_new:before{
	position: absolute;
	left: 0px;
	top: 100%;
	content: '';
	height: 5px;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	width: 12px;
	margin: -3px 0px 0px -7px;
	border-radius: 0 0 2px 2px;
	display: block;
}
.upload_block_file_new:after{
	position: absolute;
	left: 0;
	top: 0px;
	content: '';
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #ffffff;
	margin: -2px 0 0 -3px;
	border-radius: 0px 0px 1px 1px;
}
.icon-remove,
#upload_block_file a{
	opacity: 0.4;

}
.icon-remove:hover,
.icon-add:hover,
#upload_block_file a:hover{
	opacity: 1;
	cursor: pointer;
}
.icon-remove,
#upload_block_file a:last-child{
	position: absolute;
	font-size: 0px;
	display: block;
	width: 14px;
	height: 14px;
	float:left;
	margin: -22px 0 0;
	right: 0px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);

}
.metal_photo_sizes_add-container a,
.tusnennya_sizes_add-container a{
	position: relative;
	color: #fff;
	text-decoration: none;
	margin: 0 auto;
	display: block;
	/*width: 120px;*/
	opacity: 0.4;
}
#own_block  li .icon-remove,
#vstavka li .icon-remove{
	margin: -1px;
}
#vstavka li .icon-remove{
	position: absolute;
	right: 0px;
	top: 0px;
	display: none;
}

#vstavka li .icon-remove.rem_show{
	display: block;
	transform:scale(0.7) rotate(45deg);
	-ms-transform:scale(0.7) rotate(45deg);
	-webkit-transform:scale(0.7) rotate(45deg);
}

#own_block,
#vstavka li{
	position: relative;
}

.metal_photo_sizes_add-container a:focus,
.tusnennya_sizes_add-container a:focus,
.metal_photo_sizes_add-container a:hover,
.tusnennya_sizes_add-container a:hover{
	opacity: 1;
	outline: 0px;
}
.metal_photo_sizes_add-container,
.tusnennya_sizes_add-container{
	text-align: center;
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 20px 5px 0;
}
.metal_photo_sizes_add-container{
	margin: 30px 5px 0;
}
.icon-add{
   display: block;
    float: left;
    font-size: 0;
    height: 14px;
    left: 0;
    margin: -7px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 14px;
}
#upload_block_file{
	position: relative;
}
.icon-remove:before,
.icon-add:before,
#upload_block_file a:last-child:before{
    background-color: #FFFFFF;
    border-radius: 3px;
    content: "";
    height: 100%;
    left: 50%;
    margin: 0 0 0 -1px;
    padding-top: 1px;
    position: absolute;
    width: 3px;
}

.icon-remove:after,
.icon-add:after,
#upload_block_file a:last-child:after{
   background-color: #FFFFFF;
    border-radius: 3px;
    content: "";
    height: 3px;
    left: 0;
    margin: -1px 0 0;
    padding-right: 1px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.icon-remove{
	right: 0px;
	display: none;
	margin-top: 10px;
}
.leftside .css-label{
	margin-top: -10px;
}
.leftside label{
	margin-top: 0px;
}


.additional_info .tooltip_info.right .info:after{
	margin-top: 7px;
	margin-right: -7px;
}
.additional_info .tooltip_info.right .info{
	margin-top: -7px;
}
.additional_info{
	position: relative;
}
.icon-remove:hover{
	opacity: 1;
}
#own_sizes{position: relative;}
#vstavka{
	position: relative;
}
div.vert_text > img {
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
}

div.reg-field input, div.reg-field textarea {
	color: #2b2929;
}

.icon-info:hover{
	cursor: pointer;
}
.tooltip_info .info{
	background-color: #222;
	border-radius: 5px;
	top: 50%;
	z-index: 10;
	padding: 5px 10px;
	position: absolute;
	/*border: 1px solid  #737373;*/
/*	box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);*/
	font-size: 14px;
	line-height: 16px;

}
.tooltip_info.left .info{
	margin: -19px 0 0 20px;
	left: 0px;

}
.tooltip_info.left .info:before{
	content: '';
	left: 0px;
	margin: 19px 0 0 -8px;
	top: 0px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	position: absolute;
	border-right: 8px solid #222;
}

.tooltip_info .info{
	display: none;
	min-width: 180px;
	color: #fff;
	text-transform: none;
}

.icon-info:target ~ .info,
.icon-info:hover ~ .info{
	display: block;
}
.additional_info .tooltip_info,
#prop .tooltip_info{
	margin-top: -7px;
}
.pasparty-size-title{
	margin-bottom: 0px;
}
.tooltip_info{
	position: absolute;
	margin:0px 10px 0 0;
	top: 32%;
	display: block;
	z-index: 100;
}
.tooltip_info.right{
	right: 0px;
}
.tooltip_info.right .info{
	margin: -26px 27px 0 0px;
	right: 0px;
	min-height: 45px;
}
/*.tooltip_info.right .info:before{
    border-bottom: 7px solid rgba(0, 0, 0, 0);
    border-left: 9px solid #222;
    border-top: 7px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    margin: 18px -9px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}*/
.tooltip_info.right .info:after{
	content: '';
	right: 0px;
	margin: 19px -8px 0px 0px;
	top: 0px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	position: absolute;
	border-left: 8px solid #222;
}

.pasparty-size{
	position: relative;
}



div.metal_photo_own_block, div.tusnennya_own_block {
	cursor: move;
	border-radius: 2px;
}

div.img_prev div.photo div#img {
	/*background-size: 100% !important;
	background-position: 50% 50% !important;*/
}

div.selected_el {
border-radius: 2px;
box-shadow: inset 0 0 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 2px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 0 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 2px rgba(0,0,0,0.2);
}

div.order_step#s2 div.upload_block {
	min-height: 85px;
}

div.order_step#s2 div.preview-thumbnail-wrapper-container {
	float: left;
	margin-top: -110px;
	margin-left: 10px;
}

div.order_step#s2 div.preview-thumbnail-wrapper-container figure.preview-thumbnail-wrapper {
	padding-bottom: 0px;
}

#photo_slider{
	margin-top: 15px;
}

div.editable_text_block {
	display: table-cell;
	vertical-align: middle;
}

div.editable_text_block p {
	font-family: 'Arno Pro';
	/*line-height: normal !important;*/
	margin: 0 !important;
	color: black;
}

div.editable_text_block_err {
	border-bottom: red 5px solid;
}

.mce-floatpanel.mce-fixed{
	position: absolute;
}

.mce-ico{
	color: #fff;
}


div.book_prev div#metal div#text_block {
	overflow: hidden;
	display: table-cell;
    vertical-align: middle;
    background: #fff;
    color:#000;
    cursor: text;
}
div.book_prev div#metal div#text_block span {
	display: inline-block;
    max-width: 100%;
    word-break: break-word;
}
div.book_prev div#metal .ui-draggable-dragging #text_block {cursor: move;}
.mce-panel{
	background: #535353;
	border: 1px solid #2f2f2f;
}
.mce-menubtn span{
	color: #fff;
}

.mce-btn{
	background:transparent;

}
.mce-btn i{
	text-shadow:none;
}
.mce-btn.mce-active, .mce-btn.mce-active:hover{
	background:transparent;
}
.mce-btn:not(.mce-disabled):active,
.mce-btn:hover,
.mce-btn:focus{
	background-image: -moz-linear-gradient(bottom, #545353 0%, #6c6c6c 100%);
	background-image: -o-linear-gradient(bottom, #545353 0%, #6c6c6c 100%);
	background-image: -webkit-linear-gradient(bottom, #545353 0%, #6c6c6c 100%);
	background-image: linear-gradient(bottom, #545353 0%, #6c6c6c 100%);
}
.mce-caret{
	border-top-color: #fff;
}
.mce-menu-item-normal.mce-active .mce-text,
.mce-menu-item .mce-ico, .mce-menu-item .mce-text{
	color: #fff;
}
.mce-btn-group .mce-last{
	border-color: transparent;
}
.mce-btn-group .mce-first.mce-last{
	border-radius: 2px;
	border: 1px solid #2F2F2F;
}

.mce-btn.mce-active{
	background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#393939), to(#373737));
	background-image: -webkit-linear-gradient(bottom, #393939 0%, #373737 100%);
	background-image: -moz-linear-gradient(bottom, #393939 0%, #373737 100%);
	background-image: -o-linear-gradient(bottom, #393939 0%, #373737 100%);
	background-image: linear-gradient(bottom, #393939 0%, #373737 100%);
}
.mce-menu-item:hover, .mce-menu-item:focus{
	background: #616161;
}
.mce-menu-item-preview.mce-active,
.mce-menu-item.mce-selected,
.mce-menu-item-normal.mce-active{
	background: #363636;
}
.mce-menu{
	border-radius: 2px;
}
.mce-colorbutton:hover .mce-open{
	border-color: transparent;
}
.mce-btn,
.mce-btn-group .mce-active,
.mce-btn-group .mce-last,
.mce-btn-group .mce-first{
	border-color: #2F2F2F;
}
body .mce-abs-layout-item, .mce-abs-end{
	border: 0px;
}
.mce-container, .mce-container-body{
	margin-bottom: 3px;
}

div.paspartu{
	box-shadow:-1px 1px 0 rgba(0,0,0, 0.1) inset,1px -1px 0 rgba(255,255, 255, 0.15) inset;
	-moz-box-shadow:-1px 1px 0 rgba(0,0,0, 0.1) inset,1px -1px 0 rgba(255,255, 255, 0.15) inset;
	-webkit-box-shadow:-1px 1px 0 rgba(0,0,0, 0.1) inset,1px -1px 0 rgba(255,255, 255, 0.15) inset;
}
.paspartu .paspartu_bg{
	box-shadow: 0px 0px 3px 1px rgba(0,0,0, 0.9) inset;
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0, 0.9) inset;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0, 0.9) inset;
}
div.mce-tinymce-inline{
	padding: 6px 0px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);

}
div.paspartu .paspartu_img{
	/* box-shadow:0 0 4px rgba(0, 0, 0, 0.2);*/
	/* -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.2);*/
	/* -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.2);*/
	/*background-size: 100% !important;*/
	/*background-position: 50% 50% !important;*/
}
.mce-menu-item{
	padding-left: 16px;
}
.mce-menu-item-preview.mce-active,
.mce-menu-item-preview{
	border-left:0px;
}


.inner_shadow{
	box-shadow: 7px -3px 4px -4px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 7px -3px 4px -4px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow: 7px -3px 4px -4px rgba(0, 0, 0, 0.3) inset;
}

.alert{
	border: 2px solid #767676;
	background-color: #353535;
	border-radius: 5px;
	font-size: 14px;
	line-height: 16px;
	padding: 13px 20px 13px 30px;
	position: fixed;
	right: 0px;
	top: 0px;
	color: #fff;
	margin: 20px 30px 0px 30px;
	z-index: 1000;
	display: none;
}

.book_order_bg.new-pos .alert{
	position: absolute;
}
.book_order_bg.new-pos{
	position: relative;
}
.alert:before{
	background-color: rgba(255, 255, 255, 0.1);
	border: 2px solid #9C9C9C;
	border-radius: 100%;
	color: #9C9C9C;
	content: "";
	font-weight: bold;
	height: 14px;
	left: 0;
	margin: -9px 0px 0 7px;
	position: absolute;
	top: 50%;
	width: 14px;
}

.alert:after{
	 background-color: rgba(0, 0, 0, 0);
    border-bottom: 4px solid #9C9C9C;
    border-top: 2px solid #9C9C9C;
    color: #9C9C9C;
    content: "";
    font-weight: bold;
    height: 2px;
    left: 0;
    margin: -5px 13px 0 15px;
    position: absolute;
    top: 50%;
    width: 2px;

}

.input.book_order_button:hover,
.input.book_order_button:focus{
	outline: none;
}

.metal_std_prev img{
	width: 95%;
	height: 95%;
	display: inline-block;
}

.book_price_value span:before{
	position: absolute;
	left: 0px;
	top: 50%;
	margin: -10px 0 0 8px;
	font-size: 21px;
}
.book_price_value span{
	background-color: #46A7AB;
	padding: 5px 6px 5px 6px;
	border-radius: 0px 3px 3px 0px;
	display: inline-block;
	box-shadow: -8px 6px 8px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: -8px 6px 8px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: -8px 6px 8px 0 rgba(0, 0, 0, 0.3);
	position: relative;
/*	background: linear-gradient(to bottom, #0080ff, yellow);
*/}
.book_price_value{
	position: absolute;
    margin: 24px -50px 0px 0px;
    z-index: 1;
    color: #fff;
    font-size: 21px;
    text-shadow: 0 0 1px #47A7AB;
    display: block;
    width: 135px;
    margin: 0;
    top: 20px;
    right: -135px;
}
#photo_block.selected_el.ui-resizable{
	border-radius: 2px;
}
#photo_block{
	border-radius: 0 4px 4px 0px;
	background-size: 115% !important;
	background-position: 50% 50% !important;
}

#s1 .book_order:before{
	display: block;
	margin: -27px auto 10px;
	background: url('../img/icons/upload-icon.jpg');
	content: '';
	width: 55px;
	height: 55px;
}
#s1 .book_order{
	position: relative;
	padding-top: 75px;
}
.main-content label{
	color: #aaaaaa;
}
div.book_order_step div.num{
	position: relative;
	overflow: hidden;
}

div.book_order_step.active div.num{
	overflow: hidden;
}
.page-main{padding: 0;}
.page-main .order_step ul li:before{
	display: none;
}

.material_change.material_2:before{
	margin: -10px 2px -10px 22px;
}
.material_change:before{
	position: absolute;
	z-index: 1;
	content: '';
	height: 100%;
	width: 18px;
	height: 18px;
	top: 50%;
	left: 0px;
	margin: -10px 1px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-radius: 100%;
	border: 1px solid #303030; /* stroke */
	background-color: #fff; /* layer fill content */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjYzIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FjYWNhYyIgc3RvcC1vcGFjaXR5PSIwLjYzIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.63) 0%, rgba(172,172,172,.63) 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.63) 0%, rgba(172,172,172,.63) 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.63) 0%, rgba(172,172,172,.63) 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, rgba(0,0,0,.63) 0%, rgba(172,172,172,.63) 100%); /* gradient overlay */

	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.material_change:hover{
	cursor: pointer;
}
.material_change{
	position: relative;
	border: 1px solid #2f2f2f;
	background-color: #393939;
	border-radius: 24px;
	height: 22px;
	max-width: 45px;
	margin-left: 190px;
}


.material_change.material_1 span.m1,
.material_change.material_2 span.m2{
	color: #fff;
}

.material_change span.m2{
	right: 0px;
	margin-right: -30px;
}
.material_change span.m1{
	margin-left: -30px;
	left: 0px;
}
.material_change span{
	position: absolute;
	font-size: 16px;

}

.inshi_material2{
	position: relative;
	border-radius: 0px 4px 4px 0px;
	background-color: #ccc;
	z-index: 1;
}
.inshi_material2:before{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	content: '';
	width: 25px;
	background-image: url('../img/icons/outer-shadow.png');
	margin: 0px 0px 0px -12px;
}
.inshi_material2.l:after{
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	content: '';
	width: 25px;
	background-image: url('../img/icons/outer-shadow.png');
	margin: 0 -12px;
	z-index: 11;
}

/*ul.tabs.fixed_tabs li.selected:after{
    background: url("../img/icons/icons-constr.png") no-repeat -1px -62px;
    content: " ";
    height: 24px;
    position: absolute;
    right: -8px;
    top: -8px;
    width: 24px;
}*/
.config_block{padding-top:13px;}

.config_block_w80{
	width:80%;
	margin: 0 0 0 auto;
}

.config_block ul.tabs.fixed_tabs{

	margin: 0px 0px 45px auto;
    padding: 11px 0;
    display: block;
}
.config_block input{ font-size: 15px; text-align: center; max-width: 230px;}
.config_block input[type="color"]{
	border: none;
    height: 35px;
    padding: 0;
    width: 70px;
    background: none;
}
.config_block .form-control {border-radius: 0;}
.align_choose{display: inline-block;vertical-align: top;margin: -5px 0 0 8px;}
.align_choose li{overflow: hidden;display: inline-block;}
.align_choose .radio-item {
	display: inline-block;
	margin-right: 5px;
	width: 26px;
	height: 24px;
	text-indent: -9999px;
	padding: 3px;
	opacity: .6;
}
.align_choose .radio-item:before {display: none;}
.align_choose li:first-child .radio-item {
	background: url("../img/icons/icons-constr.png") no-repeat  2px -347px;
}
.align_choose li:nth-child(2) .radio-item {
	background: url("../img/icons/icons-constr.png") no-repeat -27px -322px;
}
.align_choose li:nth-child(3) .radio-item {
	background: url("../img/icons/icons-constr.png") no-repeat 2px -322px;
}
.align_choose input:checked + .radio-item {opacity: 1;}
ul.tabs.fixed_tabs li.selected{
    border: none;
    color: #2e98b9;
    position: relative;
    box-shadow: none;
    background: #fff;
}
ul.tabs.fixed_tabs li.selected:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	top: -1px;
	left: 0;
	background: #fff;
	margin: 0;
}
ul.tabs.fixed_tabs{
	border-bottom: transparent;
	box-shadow: none;
}
ul.tabs.fixed_tabs li{
	padding: 12px 15px;
	border-bottom: 1px solid #094C61;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.17);
	margin: 0px 2px;
	display: block;
	position: relative;
	font: 17px/1 'Lato-Light', Arial, sans-serif;
	color: #fff;
	text-shadow:none;
	letter-spacing: -.5px;
}
ul.tabs.fixed_tabs li:hover {color: #0D5C97;}
#i2.icon-position.selected:after,
#i2.icon-position:hover:after{
	background-color: #fff;
}
#i2.icon-position:after{
	position: absolute;
	content: '';
	width: 18px;
	height: 8px;
	background-color: #767676;
	top: 0px;
	margin: 36px 0 0 13px;

}

#i2.icon-position .position-options:after,
#i1.icon-position .position-options:after{
	width: 17px;
	right: 0px;
	margin: -21px 0 0 5px;
	height: 42px;
	border-radius: 0px;
}

.inshi_metal:hover{
	cursor: pointer;
}
.inshi_metal{
	border: 0px solid transparent !important;
	 box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.05);
}
.size-block span{
	margin-top: 10px;
}


.inshi_metal:hover .mov{
	display: block;
	z-index: 10;
}
.inshi_metal .mov:hover{
		background: url("../img/icons/icon-move-hover.png") no-repeat scroll center center #FFFFFF;
}
.inshi_metal .mov{
	background: url("../img/icons/icon-move.png") no-repeat scroll center center #FFFFFF;
	border-radius: 100%;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
	cursor: pointer;
	height: 22px;
	margin: -2px -2px 0 0;
	right: 0 !important;
	top: 0;
	width: 22px;
	display: none;
	position: absolute;
}
#c1.icon-position .position-options:after{
	display: none;
}

.inshi_metal{
	border-radius: 2px;
}

#materials label,
#inshi_text label,
#inshi_vst_params label{
	float: left;
}

.book_prev #torec.b30_20{

}
.book_prev #torec{
	position: relative;
	border-radius: 2px;
	/*height: 400px;*/
	height: 400px;
	display: block;
	width: 90px;
	margin: 0 auto;
}

#t_torec{
	/*height: 380px;*/
	width: 88px;
	margin-top: 10px;
	top: 0px;
	height: calc(100% - 20px);
	position: absolute;
	box-shadow: -30px 3px 20px -20px rgba(0, 0, 0, 0.5) inset,
	30px 3px 20px -20px rgba(0, 0, 0, 0.5) inset;
	background-color: #ccc;
}
#t_left{
    height: 100%;
    position: absolute;
    width: 8px;
    top: 0px;
    left: 0px;
    z-index: 2;
    border-radius: 2px;
    overflow: hidden;
    background-color: #ccc;
}
#t_right{
    height: 100%;
    position: absolute;
    width: 8px;
    z-index: 2;
    left: : 0px;
    border-radius: 2px;
    top: 0px;
    margin-left: 80px;
    background-color: #ccc;
    overflow: hidden;
}
#t_left:before,
#t_right:before{
	position: absolute;
	left: 0px;
	top: 0px;
	content: '';
	height: 100%;
	width: 100%;
	background-image: url('../img/icons/torec-shadow.png');
	background-position: left;
}
#t_right:before{
	background-position: right;
}


.double_inner_block,
.book_prev #double{
	position: absolute;
	width: 90px;
	height: 100%;
	left:  50%;
	margin: 0px -45px;
	background: url('../img/icons/double-bg.png') repeat-y;

}
.double_inner_block{
	width: 45px;
	margin: 0 -44px;
}

/*
	torec sizes
*/

.book_prev #torec.b40_30 {
	height: 350px;
}

/* 30 x 30 */
.book_prev #torec.b30_30 {
	height: 400px;
}
/* 25 x 25 */
.book_prev #torec.b25_25 {
	height: 380px;
}
/* 20 x 20 */
.book_prev #torec.b20_20 {
	height: 350px;
}
/* 30 x 20 */
.book_prev #torec.b30_20 {
	height: 350px;
}
/* 20 x 30 */
.book_prev #torec.b20_30 {
	height: 400px;
}
/* 15 x 21 */
.book_prev #torec.b15_21 {
	height: 370px;
}
/* 15 x 15 */
.book_prev #torec.b15_15 {
	height: 320px;
}





#d1.icon-position:after{
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -22px 0 0 -1px;
	height: 44px;
	width: 1;
	background-color: #767676;
	content: '';
	width: 2px;


}
#d1.icon-position .position-options:after{
    background-color: rgba(0, 0, 0, 0);
    border-left: 2px solid #767676;
    border-radius: 0;
    border-right: 2px solid #767676;
    height: 44px;
    left: 50%;
    margin: -22px 0 0 -7px;
    width: 10px;
}

#d1.icon-position.selected:after,
#d1.icon-position:hover:after{
	background-color: #fff
}
#d1.icon-position.selected .position-options:after,
#d1.icon-position:hover .position-options:after{
	border-left-color: #fff;
	border-right-color: #fff;
}


.material_select:hover{
	cursor: pointer;
}

#book_config_bottom.korob_bottom{
	width: 500px !important;
	margin: 60px 0 0 -10px  !important;
}

#photo_vstavku .dropfile.upload_block{
	padding: 20px 0 25px;
}


.book_prev #torec .width-container .arrows:before{
	content: "";
	position: absolute;
	top: 6px;
	right: 0px;
	width: 0;
	height: 0;
	border-top: 3px solid transparent;
	border-left: 10px solid #a1a1a1;
	border-bottom: 3px solid transparent;
}
.book_prev #torec .width-container .arrows:after{
	content: "";
	position: absolute;
	top: 6px;
	left: 0px;
	width: 0;
	height: 0;
	border-top: 3px solid transparent;
	border-right: 10px solid #a1a1a1;
	border-bottom: 3px solid transparent;
}
.book_prev #torec .width-container:before{
	width: 96%;
	left: 0px;
	top: -15px;
	height: 35px;
	content: '';
	position: absolute;
	border-left: 1px dotted #9b9b9b;
	border-right: 1px dotted #9b9b9b;
}
.book_prev #torec .width-container{
	width: 100%;
	position: absolute;
	z-index: 22;
	left: 0px;
	bottom: -35px;
	margin: 0px;
}
.book_prev #torec .widthh {
	line-height: 20px;
	text-align: center;
	padding: 0px 10px;
}
.book_prev #torec .widthh:before{
	position: absolute;
	left: 0px;
	width: 18%;
	height: 0px;
	border-bottom: 1px dashed #9b9b9b;
	content: '';
	margin: -1px 0px 0px 10px;
	top: 50%;
}
.book_prev #torec .widthh:after{
	position: absolute;
	right: 0px;
	width: 18%;
	height: 0px;
	border-bottom: 1px dashed #9b9b9b;
	margin: -1px 10px 0px 0px;
	content: '';
	top: 50%;
}


.book_prev #torec .height-container .arrows:before{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 6px;

	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 10px solid #a1a1a1;

}
.book_prev #torec .height-container .arrows:after{
	content: "";
	position: absolute;
	left: 6px;
	top: 0px;
	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-bottom: 10px solid #a1a1a1;
}
.book_prev #torec .height-container:before{
	top: 0px;
	width: 35px;
	content: '';
	position: absolute;
	border-top: 1px dotted #9b9b9b;
	border-bottom: 1px dotted #9b9b9b;
	height: 99.6%;
}
.book_prev #torec .height-container{
	height: 100%;
	position: absolute;
	z-index: 22;
	top: 0px;
	left: -35px;
	margin: 0px;
}
.book_prev #torec .height {
	/*position: absolute;*/
	position:relative;
	top: 50%;

	line-height: 20px;
	margin: -20px 0px 0px -12px;

	text-align: center;
	width: 40px;
	padding: 0px 0px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);

}
.book_prev #torec .height-line:before{
	position: absolute;
	left:0px;
	height: 43%;
	width: 0px;
	border-right: 1px dashed #9b9b9b;
	margin: 0 0 10px 9px;
	content: '';
	bottom: 0px;
}
.book_prev #torec .height-line:after{
	position: absolute;
	left:0px;
	height: 40%;
	width: 0px;
	border-right: 1px dashed #9b9b9b;
	margin: 2px 0px 0px 9px;
	content: '';
	top: 0px;
}


.book_prev #torec:before{
	background: url("../img/icons/book-preview-shadow-clean.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	bottom: 10px;
	content: "";
	left: -47px;
	padding-left: 47px;
	position: absolute;
	right: 0;
	top: -4px;
	z-index: -1;
	width: 9px;
}


.book_prev #t_torec:after{
	background: url("../img/icons/book-preview-shadow-clean.png") no-repeat scroll 100% 100% rgba(0, 0, 0, 0);
	bottom: -27px;
	content: "";
	height: 27px;
	position: absolute;
	right: -7px;
	width: 95px;
	z-index: 1;
}
.book_prev #t_torec:before{
	background: url("../img/icons/book-preview-shadow-clean.png") no-repeat scroll 0 100% rgba(0, 0, 0, 0);
	bottom: -28px;
	content: "";
	height: 28px;
	left: -47px;
	padding-left: 47px;
	position: absolute;
	right: 88px;
	z-index: 1;
}

.photo_vstavka{
	margin: 10px 0px 15px;
}

/*#torecview_tusnennya {
	float: left;
	margin-left: 115px;
	width: 100%;
	margin-bottom: 4px;
}
#torecview_tusnennya label[for=_torec_1]{
	float: left;
	margin-left: 115px;
}*/
#tusnennya .mrg_10 .tooltip_info{
	top: -27px;
}

#t_top{
    height: 100%;
    position: absolute;
    width: 8px;
    top: 0px;
    left: 0px;
    z-index: 2;
    border-radius: 2px;
    overflow: hidden;
    background-color: #ccc;
}
#t_bottom{
    height: 100%;
    position: absolute;
    width: 8px;
    z-index: 2;
    left: : 0px;
    border-radius: 2px;
    top: 0px;
    margin-left: 80px;
    background-color: #ccc;
    overflow: hidden;
}
#t_top:before,
#t_bottom:before{
	position: absolute;
	left: 0px;
	top: 0px;
	content: '';
	height: 100%;
	width: 100%;
	background-image: url('../img/icons/torec-shadow.png');
	background-position: left;
}
#t_bottom:before{
	background-position: right;
}

.overflow{
	overflow: hidden;
}

.inshi_triangle #edit_btn{
	left: auto;
	right: 100% !important;
	top: 50%;
	margin: -11px -35px;
}
.inshi_triangle.triangle_left #edit_btn{
	left: 100%;
	top: 50%;
	margin: -11px -35px;
}
.inshi_triangle.triangle_left{
	left: 105px;
	z-index: 0;
}
.inshi_triangle.triangle_left .inshi_triangle_image_bg{
	background-position: 100% 0;
}
.inshi_triangle_image_bg{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-position: 0 0;
}
.inshi_triangle_image{
	/*margin: 4% -9%;*/
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.inshi_triangle{

    display: block;
    height: 100px;
    margin: -50px 0px ;
    position: absolute;
    right: 0;
    top: 50%;

    width: 100px;
    z-index: 1;
    /*background-color: #fff;*/
    overflow: hidden;
}

.inshi_container{
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}




div.book_config_right .art-torec-type div.color_select:after{
    color: #ffffff;
    content: attr(data-name);
    display: block;
    font-size: 16px;
    margin: -4px 10px;
    position: absolute;
    left: 100%;
    text-align: right;
}


div.book_config_right .art-torec-type div.color_select,
div.book_config_right .art-torec-type div.color_select.selected{
	width: 50px;
	font-size: 0px;
	height: 50px;
	overflow: visible;
	margin-left: -35px;
	padding: 1px;
	background-size: 100%;
}
div.book_config_right .art-torec-type div.color_select:last-child{
	margin-left: 85px;
}



#image_crop.crop-it2 .imgareaselect-triangle::before {
    background: linear-gradient(to right bottom, rgba(153, 153, 153, 0.5) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 50%;
    display: block;
}

#image_crop.crop-it2 .imgareaselect-triangle::after {
    background: linear-gradient(to right top, rgba(153, 153, 153, 0.5) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 50%;
    display: block;
}


#image_crop.crop-it1 .imgareaselect-triangle::before {
    background: linear-gradient(to left bottom, rgba(153, 153, 153, 0.5) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 50%;
    display: block;
}

#image_crop.crop-it1 .imgareaselect-triangle::after {
    background: linear-gradient(to left top, rgba(153, 153, 153, 0.5) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 50%;
    display: block;
}



#image_crop.crop-it1 .imgareaselect-triangle,
#image_crop.crop-it2 .imgareaselect-triangle{
	display: block;
}
.imgareaselect-triangle{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: none;


}


#image_crop.crop-it2 > div:nth-child(4):before,
#image_crop.crop-it1 > div:nth-child(4):before{
	display: none;

}

#capacity_block_image{
	/*background-color: #fff;*/
	/*box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3) inset, 0px 0px 4px 0px rgba(0,0,0,0.1) inset ;*/
	text-align: center;
	font-size: 0;
    line-height: 0;
    letter-spacing: -5px;
}
#capacity_block_image:before {
	content:'';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
#capacity_block_image img {
	display: inline-block;
	vertical-align: middle;
}
#capacity_block{
	left:50%;
    position: absolute;
    cursor: move;
    /*background-color: #ccc;
    box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0), 0 0 6px 0 rgba(0, 0, 0, 0.3);
   	padding: 3%;
    border-radius: 2px;
*/
}

#three_container{
	padding: 10px 10px;
	border-radius: 2px;
	display: inline-block;

	box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0), 0 0 6px 0 rgba(0, 0, 0, 0.3);
}

#three_container .tree_coin:last-child{
	margin-right: 0px;
}

.three_h #three_3{
	margin-right: 0px;
}
.three_h .tree_coin{

}
.three_v  #three_3.tree_coin{
	margin-bottom: 0px;
}
.three_v .tree_coin{
	clear: both;
	margin-right: 0px;
	margin-bottom: 10px;
}
.tree_coin{
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3) inset, 0px 0px 4px 0px rgba(0,0,0,0.1) inset ;
	float: left;
	margin-right: 10px;
	background-color: #fff;
}

.three_q .tree_coin:nth-child(2n) {
	margin-bottom: 0px;
}
.three_q #three_2.tree_coin,
.three_q #three_1.tree_coin{
	margin-bottom: 10px;
}
.three_q #three_2.tree_coin{
	margin-right: 0px;
}
.three_q #three_4.tree_coin,
.three_q #three_3.tree_coin{
margin-bottom: 0px;
}
.three_q .tree_coin:nth-child(2n+1) {
    clear: both;
    margin-bottom: 0;
    margin-right: 10px;
}
.three_q .tree_coin{
	margin-right: 10px;
	margin-bottom: 10px;
}

.add_capacity:before{
	position: absolute;
	left: 0px;
	top: 0px;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 6px 0 rgba(0, 0, 0, 0.3);
	bottom: 0px;
	right: 0px;
	margin: -15px;
	content: '';
	pointer-events:none;
}

#metal.mp16{
	height: calc(100% - 100px) !important;
	padding-left: 50px;
	padding-top: 50px;
	width: calc(100% - 100px) !important;
}

#f6.icon-position .position-options::after{
	-webkit-border-radius: 0;
	border-radius: 0;
	margin: 8px 7px;
	top: 0;
	width: 8px;
	height: 44px;
}

.photo.photo-triangle #img.selected_el:before{
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to left top, rgba(153, 153, 153, 0.6) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	content: '';
	z-index: -1;

}
.photo.photo-triangle #img.selected_el{
	background-color: transparent !important;
	-webkit-box-shadow: none;
	        box-shadow: none;
	/*background: linear-gradient(to left top, rgba(153, 153, 153, 0.5) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);	    */
}


#f7.icon-position:hover .position-options:after, #f7.icon-position.selected .position-options:after{
	background: linear-gradient(to left top, rgba(255, 255, 255, 1) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);;
}

#f7.icon-position .position-options:after{
	background: linear-gradient(to left top, rgba(118, 118, 118, 1.0) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);;
	margin: -19px 0 0 -18px;
	width: 40px;
	height: 40px;
}

#image_crop.crop-f7 > div:nth-child(4)::before{
	border: 0px;
	background: linear-gradient(to right bottom, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#f8.icon-position .position-options:after{
	width: 42px;
	height: 11px;
	margin: 2px 0 0 -21px;
	-webkit-border-radius: 0;
	        border-radius: 0;
}


#f9.icon-position .position-options:after{
	 height: 10px;
	 margin-top: -15px;
}

#f10.icon-position .position-options:after{
	height: 10px;
	margin-top: 5px;
}

#f11.icon-position .position-options:after{
	height: 10px;
	margin-top: -5px;
}

#inshi_limit.inshi_limit_triangle{
	position: relative;
}

.inshi_triangle_v2_container{
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 0;
}
.inshi_triangle_v2{
	position: absolute;
	background-size: 150% auto;
	z-index: 2;
	height: 600px;
	width: 600px;
	top: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform-origin: left top 0;
	-moz-transform-origin: left top 0;
	-o-transform-origin: left top 0;
	-ms-transform-origin: left top 0;
	left: 100%;
}


#it3.icon-position:hover .position-options:after, #it3.icon-position.selected .position-options:after{
	background: linear-gradient(to left top, rgba(255, 255, 255, 1) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);;
}

#it3.icon-position .position-options:after{
	background: linear-gradient(to left top, rgba(118, 118, 118, 1.0) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);;
	margin: -19px 0 0 -18px;
	width: 40px;
	height: 40px;
}


#it4.icon-position:hover .position-options:after, #it4.icon-position.selected .position-options:after{
	background: linear-gradient(to left top, rgba(255, 255, 255, 1) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);;
}

#it4.icon-position .position-options:after{
	background: linear-gradient(to left top, rgba(118, 118, 118, 1.0) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);;
	margin: -19px 0 0 -18px;
	width: 40px;
	height: 40px;
}


#it4.icon-position:after{
	content: '';
	background-color: #353535;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 10px;
	height: 10px;
	margin: 5px 5px;
	z-index: 11;
}

.inshi_container.new_overlay .inshi_material2.l:after{
	display: none;
}
.inshi_container.new_overlay:after{
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	content: '';
	width: 25px;
	background-image: url('../img/icons/outer-shadow.png');
	margin: 0 -12px;
	z-index: 11;
}

#three {
	height: 100%;
}

#three_material2 {
	position: relative;
	height: 100%;
	z-index: -1;
}

.three_without_border{
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
}

.inshi_text_prev{
	overflow: hidden;
}
input[type="text"], input[type="number"] {
	height: 30px;
	padding:3px 5px;
	color:white;
	border: 1px solid rgba(255,255,255,.6);
}
#text_metal select {margin-top: 0px;}
#book #metal {position: relative;}
#book #metal .metal_block {top:50%;left:50%;overflow: hidden;background: url(../img/icons/icons-plus.png) no-repeat 50% 50%;cursor: pointer;}
#book #metal .metal_block.ui-draggable-dragging {cursor: move}
/*.check_vis label {display: block;}*/
#metal .check_vis label input[type=radio]{display: inline!important;}
#text_block {text-align: center;}

.window_view {position:relative;}
.window_view table {width: auto; position: absolute;}
.window_view td {border:0px;}
.one_window {
	background: url(../img/icons/icons-plus.png) no-repeat 50% 50% #fff;
	width: 100px;
	height: 100px;
	cursor: pointer;
}
#back .flyleaf, #back .photogtraph-title {position: relative;}
#back .flyleaf .tooltip_info, #back .photogtraph-title .tooltip_info {top: 0}
/*
.window_view .tl {top:0;left:0;}
.window_view .tc {top:0;left:50%;}
.window_view .tr {top:0;right:0;}
.window_view .cl {top:50%;left:0;}
.window_view .cc {top:50%;left:50%;}
.window_view .cr {top:0;right:0;}
.window_view .bl {bottom:0;left:0;}
.window_view .bc {bottom:0;left:50%;}
.window_view .br {bottom:0;right:0;}
*/
#s2 input[type=file] {display:none;}
#s2 .left_col {width:100%;float: left; }
#s2 .right_col {width:20%;float: right; padding: 10px;margin-top: 10px;}
#s2 .right_col .button {margin-bottom: 10px;}
#s2 .right, #s3 .right { float: right; }

#s2 .picture, #s2 .cover, #s2 .forzac, #s2 .cdprint{margin:10px;position:relative;width: 124px;z-index: 1000;display: inline-block;vertical-align: top;}
#s2 .picture, #s2 .calc, #s2 .forzac, #s2 .cdprint{margin:10px;position:relative;width: 124px;z-index: 1000;display: inline-block;vertical-align: top;}
#s2 .picture img, #s2 .cover img, #s2 .forzac img, #s2 .cdprint img, #s2 #unsorted img {clear:both; border: 3px solid #5AA2CC;height:97px; width:124px; background: white; box-shadow: 0 0px 5px 0px #444;}
#s2 .picture img, #s2 .calc img, #s2 .forzac img, #s2 .cdprint img, #s2 #unsorted img {clear:both; border: 3px solid #5AA2CC;height:97px; width:124px; background: white; box-shadow: 0 0px 5px 0px #444;}
#s2 .pass {border-color:green!important;}
#s2 .fail {border-color:#D24D4D!important;}
#s2 > .button {margin-right: 10px;}
#s2 .picture .remove {position:absolute; top:-10px;right:-10px; font-size: 16px; color: white; background: #AF0000; padding: 1px 6px; border-radius: 25px;cursor:pointer;}
#s2 .picture .remove:hover {background: red;}
#s2 .picture .count {color:white;text-align: center;}
.uploader progress {width:100%;}
.uploader{padding:10px 0; position: relative;}
.right_col .button {width: 100%;}
.remove_all {
	padding: 9px 30px;
	background: #ec0e1c;
	font-size: 18px;
	margin-top: 0px;
	font: 18px/1.1 'Lato-Light', Arial, sans-serif;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 40px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.remove_all:hover, .remove_all:focus {background: #D24D4D;}

.picture [type="checkbox"] {
	display:inline;
	position: absolute;
	right: 0px;
}
#unsorted {margin-top: 0px;text-align: center;}
#unsorted img {z-index: 1000;margin-bottom: 5px;}
.counting {border-radius: 5px;margin: 10px 0px;}
.counting .count_wrap {margin: 5px 5px;border-radius: 5px;text-align: center; position: relative;}
.counting .count_wrap img {width: 100%;}
#cover_counting, #forzac_l_counting, #forzac_r_counting , #cdprint_counting{display: inline;margin:0 0px 0 0;}
.cover_special {margin-bottom: 10px;width: 230px;}
.cover_special h3 {margin-bottom: 5px;font-family: 'Lato-Light', Arial, sans-serif;}
h3 small, .heading-step small {color:white;font-style:italic;font-size: 12px;}
.unsorted_size {font-size: 11px; color: white; }

.flyleaf li {margin:3px 10px 0 0px;float:left;width:auto;}
.rub {top:67px;}
.rub span {background-color: rgba(255, 117, 117, 0.69);
	/*background: linear-gradient(to bottom, white, blue, red);*/}
#book #back {position: relative; right:22px;}
/*#back .back_text_block {width: 100%;height: 100%;word-wrap: break-word; }*/

#back .back_text_block {
	overflow: hidden;
	display: table-cell;
    vertical-align: middle;
    text-align: center;
    color:#000;
    background: #fff;
    cursor: text;
}
#back .back_text_block span {
    display: inline-block;
    max-width: 100%;
    word-break: break-word;
}

.mrg_10{margin: 0 0 15px; padding:0 0 15px 0;
    border-bottom: 1px solid #094C61;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.17);}

.corner_woodbook.mrg_10{
	margin: 0 0 15px; padding:15px 0 0 0;
    border-top: 1px solid #094C61;
    box-shadow: none;
    border-bottom: none;
    overflow: hidden;
}

.mrg_10 li{float:none; margin:3px 10px 0 0px;}
.color-list {display: inline-block;}
.color-list li{
	display: block;
	overflow: hidden;
	margin-top: 0;
}
.color-list label {margin-bottom: 5px;}
#prices {
	width: 160px;
	height: auto;
	float:right;
}
#prices.price_tabs_22{width: 180px;}
#prices.price-tabs_25 {margin-right: 9%;}
#prices.price-tabs_26, #prices.price-tabs_24 {margin-right: 6%;}
#prices.price-tabs_27 {margin-right: 5%;}
#prices .tab-content {margin:0;width: 100%;padding-top: 0px;margin-top: 31px;display: inline-block;vertical-align: middle;overflow: hidden;border:1px solid #7CE0FF;padding: 15px 5px;}
#prices {margin:0px; }
#prices p {display: block;width:100%;}
#prices span {color:white;float: right;
}
#prices a {padding:2px 5px;background: none;border:0px;font-size: 22px;font-weight: 400;color: #fff;}
#prices li.active {border-bottom: 0px;}
#prices li.active a{color:#7CE0FF;}
#prices .nav-tabs {border:0px;}
#prices .tab-pane {width:100%;}
.order_step h3, .heading-step {font: 24px/1 'Lato-Light', Arial, sans-serif;}
.heading-step {display: inline-block;}
.personal-inp {margin: 0 20px 0 9px;font-family: 'Lato-Light', Arial, sans-serif;}
#pictures_upload .nav-tabs > li.active > a:after {display: none;}

/* STEP 3 */
#s3 h3 {margin-bottom: 20px;color:white;}
.parameters li {width:85%; border-bottom: 1px dotted; font: 16px/1 'Lato-Light', Arial, sans-serif;position: relative;margin-left: 0;}
.parameters .tooltip_info {top: 0;right: -35px}
.parameters li span {color:white;float: right}
.order_form label {width: 100%;}
.order_form label span {color:#fed987;font: 16px/1 'Lato-Light', Arial, sans-serif;}
.order_form label:focus span {color:white;}
.order_form input, .order_form select, .order_form textarea {
	display:block;
	border-color:rgba(255,255,255,.6);
	width:100%;
	background: none;
	color:white;
	border-radius:0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font: 16px/1 'Lato-Light', Arial, sans-serif;
}
#s3 .title {color:orange;margin:0 0 15px;font: 20px/1 'Lato-Light', Arial, sans-serif;}
.order_step .bootstrap-select.config-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width: 100%}
.order_form .config-select .btn.dropdown-toggle, .order_form .config-select .filter-option, .order_form .config-select .text, .order_form .config-select .caret {color: #0d5c84}
.page-main .order_form .dropdown-menu li a {padding: 6px 13px 8px 19px;}
.order_form .checkbox-item {float: left;width: auto;margin-right: 10px;}
.btn.dropdown-toggle {padding: 5px 14px 5px 19px;}
.parameters ul {margin-top: 0;}

.price-tabs .nav-tabs {margin: 0 0 5px;display: none;text-align: center;}
.price-tabs .nav-tabs li {display: inline-block;vertical-align: middle;float: none;opacity: .7}
.price-tabs .nav-tabs li.active {opacity: 1;}
.book_config_top .temp {padding-top: 29px;max-width: 85px;text-align: center;}
#prices .part-row {display: block;width: auto;margin:0 7px 5px;font: 16px/1 'Lato-Light', Arial, sans-serif;letter-spacing: -.5px;}
#prices .part-row span {margin: 0 0 0 5px }
.book_valute_top {border-bottom: 1px solid rgba(255,255,255,.5);padding: 40px 0;}
.page-main .config-select .dropdown-menu li a:before {display: none;}
div[data-store-stamping-type].selected:before{display:none;}
.book_config_top .book-sizes label {text-align: center;}
.btn-line {margin-bottom: 20px;}
.btn-line .button {margin: 0 10px 0 0}
.counting_0 {background: #378CA7; width: 124px; height: 97px;}
#pictures_upload{background: #378CA7;
    padding: 10px 20px 5px;
    display: none;
    margin: 0 0px 20px 0px;}
#s2 #unsorted img{height:80px; z-index: 1001;}
#pictures_upload h3{margin-bottom: 30px;
    border-bottom: 1px solid #61A7BD;
    padding: 0 0 10px 0;}
#un_cover{margin:0;}
#s2 .unsorted {margin: 10px 10px 10px; float:left;}
.order_step .nav-tabs {
	border-bottom:0;
}
.order_step .nav-tabs > li > a {
	color: rgba(255,255,255,.6);
	padding: 5px 13px 8px;
	font: 18px/1 'Lato-Light', Arial, sans-serif;
	letter-spacing: -.5px;
	border: 2px solid transparent;
	background: none;
    -webkit-border-radius: 18px;
    border-radius: 18px;
}
.order_step .nav-tabs > li.active > a,
.order_step .nav-tabs > li.active > a:hover,
.order_step .nav-tabs > li.active > a:focus,
.order_step .nav-tabs > li > a:hover {
	border: 2px solid #7CE0FF;
    color: #fff;
    background: none;
}

.order_step .tab-content {overflow: visible;}
.cover_upload, .forzac_upload,.forzac_upload_r,.forzac_upload_l {
	padding-bottom: 10px;
	/*border-bottom: 1px solid rgba(255,255,255,.5);*/
    /*box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.17);*/
    /*margin-bottom: 10px*/
}
.border-none{ border-bottom: 0; box-shadow: 0 0 0; padding: 0;}
.corner_1 .corner_top{position:absolute;width: 40px; height: 40px; top:-2px; right:-2px; z-index:20000; background:url(/img/icons/corner/02.png) no-repeat transparent;}
.corner_1 .corner_btm{position:absolute;width: 40px; height: 40px; bottom:-2px; right:-2px; z-index:20000; background:url(/img/icons/corner/03.png) no-repeat transparent;}
.corner_reverse.corner_1 .corner_top{left:-2px; right:auto; background:url(/img/icons/corner/01.png) no-repeat transparent;}
.corner_reverse.corner_1 .corner_btm{left:-2px; right:auto; background:url(/img/icons/corner/04.png) no-repeat transparent;}



.corner_2 .corner_top{position:absolute;width: 40px; height: 40px; top:-2px; right:-2px; z-index:20000; background:url(/img/icons/corner/06.png) no-repeat transparent;}
.corner_2 .corner_btm{position:absolute;width: 40px; height: 40px; bottom:-2px; right:-2px; z-index:20000; background:url(/img/icons/corner/07.png) no-repeat transparent;}
.corner_reverse.corner_2 .corner_top{left:-2px; right:auto; background:url(/img/icons/corner/05.png) no-repeat transparent;}
.corner_reverse.corner_2 .corner_btm{left:-2px; right:auto; background:url(/img/icons/corner/08.png) no-repeat transparent;}


#strip,#strip_right{
	width: 58%;
    height: 50px;
    background: #fff;
    top: 50%;
    margin-top: -25px;
    position: absolute;
    z-index: 1;
    box-shadow: -1px 1px 6px #555;
    right: -13%;
    display:none;
}

#selected_settings {margin-bottom: 30px;}

.clear-item{
	background: #F74D4D;
    width: 17px;
    height: 17px;
    display: block;
    z-index: 3;
    position: absolute;
    right: 5px;
    top: 5px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    box-shadow: 0px 0px 4px #555;
    display: none;}

 .clear-item:hover{opacity:0.8;}
 .clear-item.clear-1{display:block;}

.box-hint {
	padding: 10px;
	background: #2A8DAB;
	letter-spacing: .5px;
}
.personal-alert{display:none;}
.personal-alert a{color:#fed987; text-decoration: underline;}
.personal-alert a:hover{text-decoration:none;}
.column-upload-btn {position: relative;}
.column-upload-btn .column-wrapper, .column-upload {padding-top: 20px;}
.column-upload-btn .button-upload {width: 100%;}
.forzac_wrap .column-upload-btn .column-wrapper,
.inners_wrap .column-upload-btn .column-wrapper,
.forzac_wrap_r .column-upload-btn .column-wrapper {border-top: 1px solid rgba(255,255,255,.5);}
.forzac_wrap:last-of-type, .inners_wrap:last-of-type {margin-bottom: 20px}
.column-upload {position: relative;}
.column-upload:after, .column-upload-btn:before {
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0px;
	width: 1px;
	background: #8dc2d3;
}
.column-upload-btn:before {right: auto;left: -1px;}
.heading-line {
	background: #fff;
	color: #000;
	padding: 8px 10px;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.heading-line:hover {background: #00c705;color: #fff}
.column-upload .uploader {margin-top: 10px;}
.heading-line .heading-step small, .heading-line h3 small {color: #000;}
.heading-line:hover .heading-step small, .heading-line:hover h3 small {color: #fff;}
.heading-line:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -27px;
	top: 0;
	border: 27px solid transparent;
	border-top: 14px solid #fff;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.heading-line:hover:after {border-top-color: #00c705;}
.heading-line.open:after {top: 100%;}
.wrapper-upload-files {
	display: none;
	overflow: hidden;
}
.heading-line:before {
	content: '';
	display: block;
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	height: 1px;
	background: rgba(255,255,255,.5);
}
.cover_wrap .heading-line:before {display: none;}

.disable_list {margin: 10px;}
.disable_list .unsorted_items {color: #AAE0AB;}
.disable_list .error_items {color: #AB000B;}
.disable_list ul {padding: 0 0 10px 0; margin: 15px 0;}

.disable_list .unsorted_items li, .disable_list .error_items li {position: relative;margin-left: 0;padding: 0px 10px;}
.disable_list .unsorted_items li {cursor: -webkit-grab;z-index:1001;}
.disable_list li .glyphicon {margin-right: 5px;}
.disable_list .unsorted_items p {margin: 0px 0 6px; font-size: 13px;  text-align: center;background: #AAE0AB; color: #1C711C; padding: 5px;}
.disable_list .error_items p {margin: 0px 0 6px; font-size: 13px;  text-align: center; background: #FDCBCB; padding: 5px;}
.count-book26 {margin-top: 16px; margin-right: 50px;}
#progress-label{position: absolute; top: 10px; right: 46%; color: #e27a00;}


#frmWoodBook #back .back_text_block, #frmWoodBook #forzac .forzac_text_block{background:none;}
#frmWoodBook #back .back_block.ui-resizable, #frmWoodBook #forzac .forzac_block.ui-resizable{background: none;}
#frmWoodBook #book #spine{
	width: 22px;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    background: none;
    z-index: 1;
    display: none;
    /*box-shadow:  1px -1px 0 0 rgba(0, 0, 0, 0.6) ;
	-webkit-box-shadow: 1px -1px 0 0 rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 1px -1px 0 0 rgba(0, 0, 0, 0.6);*/
}

#frmWoodBook div.book_prev .back .img_prev:before {width:auto;}
#frmWoodBook div.book_prev .back .img_prev:after{width:0;}
#frmWoodBook .img_prev #back:before {
	content: "";
    width: 84%;
    height: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(/images/forzac-shadow-02.png) no-repeat;
    background-position: 0px -7px;
    margin: 0px;
    background-size: 102% auto;
    z-index: 2;
}

#frmWoodBook .img_prev #back:after {
	    content: "";
    width: 84%;
    height: 100%;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: url(/images/forzac-shadow-02.png) no-repeat;
    background-position: 0px 66%;
    margin: 0px;
    background-size: 102% auto;
    z-index: 2;
}

#frmWoodBook #book #back{right:auto;padding: 15px;}
#frmWoodBook .book_prev .img_prev:before{z-index: 2;}
#frmWoodBook div.book_prev .img_prev:after{z-index: 1;}
#frmWoodBook .back_block, #frmWoodBook .metal_block, #frmWoodBook .forzac_block {z-index: 3}

#frmWoodBook .img_prev #back{width:95%; height: 95.5%; margin: 2.5% 2.5% 2.5% 2%; background-size: 100% 100%; float: right;}
#frmWoodBook .img_prev #back:before, #frmWoodBook .img_prev #back:after{width: 100%;}
#frmWoodBook .img_prev #back .frzc_back_bg{width: 100%;
    height: 100%;
    /* float: right; */
    top: 0px;
    position: absolute;
    right: 0;
z-index: 1;}

#frmWoodBook .img_prev #forzac{
	width: 90%;
    height: 96%;
    /* float: right; */
    top: 0px;
    position: absolute;
    right: 0;
    z-index: 1;
    padding: 15px;
}
#frmWoodBook .img_prev #forzac:before {
	content: "";
    width: 100%;
    height: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(/images/forzac-shadow-02.png) no-repeat;
    background-position: 0px -7px;
    margin: 0px;
    background-size: 102% auto;
    z-index: 2;
}

#frmWoodBook .img_prev #forzac:after {
	content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: url(/images/forzac-shadow-02.png) no-repeat;
    background-position: 0px 66%;
    margin: 0px;
    background-size: 102% auto;
    z-index: 2;
}

#frmWoodBook  #forzac .photogtraph-title{position: relative;}

#frmWoodBook #forzac .forzac_text_block {
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #000;
    cursor: text;
}

#frmWoodBook .forzac_block{
	box-shadow: -1px 1px 3px rgba(255, 255, 255, 0.6) inset, 1px -1px 0 0 rgba(255, 255, 255, 0.6) inset;
	-webkit-box-shadow:  -1px 1px 3px rgba(255, 255, 255, 0.6) inset, 1px -1px 0 0 rgba(255, 255, 255, 0.6) inset;
	-moz-box-shadow:  -1px 1px 3px rgba(255, 255, 255, 0.6) inset, 1px -1px 0 0 rgba(255, 255, 255, 0.6) inset;
	overflow: hidden;
}
#frmWoodBook #book #metal .metal_block{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#WoodBox .metal_block {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#frmWoodBook div.book_prev div#book div.img_prev,
#WoodBox div.book_prev div#book div.img_prev{
	background-size: 100%;
}

#WoodBox .book_prev.ptype_box .img_prev:before{
	background: url(../img/icons/shadow/korob-derevo03.png) no-repeat scroll 48px 4px rgba(0, 0, 0, 0);
    background-size: 89%;
}

#WoodBox .book_prev.ptype_box .b20_20 .img_prev:before{
    background: url(../img/icons/shadow/korob-derevo03.png) no-repeat scroll 47px 4px rgba(0, 0, 0, 0);
    background-size: 86%;
}

#WoodBox  div.book_prev div#book div.img_prev{padding-left:0;}
#frmWoodBook #book #spine:before{
	background: url(/img/icons/shadow/spine-shadow.png) -3px -3px no-repeat transparent;
    content: ' ';
    width: 13px;
    height: 100%;
    right: -8px;
    top: 0;
    position: absolute;
}
.corner_woodbook [data-blank]{display:none;}
#metal .metal_containment{
	height: auto!important;
	width: auto!important;
	left: 15px;
	right: 15px;
	top: 15px;
	bottom: 15px;
	margin: 0!important;
	position: absolute!important;
}
.book-block-center #tusnennya{
	height: 100%!important;
	width: 100%!important;
	margin: 0!important;
	padding: 15px 15px 15px 0;
}
/*#frmPhotoBook #tusnennya #capacity_block{
	width: auto!important;
}*/
/*#tusnennya #capacity_block_image img{
	display: block;
}*/

.wrap_count .text-n{
	background: #fff;
    color: #2e98b9;
	width: 45px;
    height: 30px;
    padding: 0 5px;
    font: 18px/30px 'Lato-Regular',sans-serif;
}
.wrap_count.border-r .text-n{
	background: transparent;
    color: #fff;
    width: 51px;
}
.wrap.select-pages .btn-group.bootstrap-select{
	width: 60px;
}
.wrap.select-pages .btn.dropdown-toggle{
	padding-left: 12px;
}
.wrap.select-pages .bootstrap-select.btn-group .dropdown-toggle .caret{
	right: 7px;
	margin-right: 0;
}
.wrap.select-pages{
	position: relative;
}
.wrap.select-pages ul li a:before{
	display: none!important;
}
.wrap.select-pages .bootstrap-select> .btn{
	color: #2e98b9!important;
	border:0!important;
	height: 30px;
	font: 23px/1 'PFDinTextCompPro-Medium', Arial, sans-serif;
}