﻿
.printer {
	width: 530px;
	margin: 60px auto 150px;
	
	padding: 63px 120px 84px;
	position: relative;
	background: url('printer.png') no-repeat 3px 0;
}
.printer_active:before {
		content: '';
	display: block;
		width: 530px;
	height: 0;
		position: absolute;
		top:63px;
	left: 120px;


		box-shadow: 0 0 4px 3px #000000;
clip: rect(0px, auto, 100px, auto);
	z-index: 10;
		/*background: #000;*/
	}
.paper_box {
	width: 590px;
	position: absolute;
	margin-left: -30px;
	/*visibility:hidden;*/
}

.paper_w {
	width: 530px;

	position: relative;
	z-index: 1;
	/*left: 30px;*/
	margin: 0 0 0 30px;
	padding:0 0 2px;

	background: url('paper_bottom.png') repeat-x 50% 100%;
	/*box-shadow: 0 2px 2px 0 #B7B7CE;*/
}
	.paper_box:before,
	.paper_box:after {
		content: '';
		display: block;
		width: 15px;
		position: absolute;
		top:5px;
		bottom: 5px;

		box-shadow: 0 0 18px 0 #B7B7CE;
		border-radius: 50%;
		/*background: #000;*/
	}
	.paper_box:before {
		left:30px;
	}
	.paper_box:after {
		right:30px;
	}

.paper {
	padding: 50px 99px 105px;
	position: relative;
	/*bottom: 0;*/
	
	z-index: 2;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #eaebee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaebee));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eaebee 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#eaebee 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#eaebee 100%);
	background: linear-gradient(top,  #ffffff 0%,#eaebee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaebee',GradientType=0 );
	zoom:1;
}

.ready {
	width: 240px;
	height: 80px;
	position: absolute;
	right: -45px;
bottom: -90px;
	display: none;
	background: url('order_ready.png') no-repeat 0 0;
	 -webkit-transition: -webkit-transform 0.1s;
         -moz-transition: -moz-transform 0.1s;
          -ms-transition: -ms-transform 0.1s;
           -o-transition: -o-transform 0.1s;
              transition: transform 0.1s;
      -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
          -ms-transform-style: preserve-3d;
           -o-transform-style: preserve-3d;
              transform-style: preserve-3d;
	 -webkit-transform: translateZ( 500px );
			-moz-transform: translateZ( 500px );
			 -ms-transform: translateZ( 500px );
			  -o-transform: translateZ( 500px );
				 transform: translateZ( 500px );
}
.ready_show {
	

	-webkit-transform: translateZ( 0px );
			-moz-transform: translateZ( 0px );
			 -ms-transform: translateZ( 0px );
			  -o-transform: translateZ( 0px );
				 transform: translateZ( 0px );

}


.flip_layout {
position: relative;
-webkit-perspective: 800px;
-moz-perspective: 800px;
-ms-perspective: 800px;
-o-perspective: 800px;
perspective: 800px;
}

.paper-caption {

font-size: 19px;
color: #000;
font-weight: bold;
line-height: 1.2;
margin: 0 0 -0.1em;
padding: 0.8em 0 0;
}

.paper-text {

padding: 0;
margin: 0.8em 0;
}