body { background: url("bg.png") repeat; 
       			min-width: 1200px;
       			overflow:  hidden;
       		}
       		h1 {
       			font: 1.6em Tahoma, Geneva, sans-serif;
       			background-color: rgba(245, 245, 245, 0.98);
       			width: 370px;
       			padding: 0.3em 0.3em 0.3em 0.3em;
       			text-align: center;
       			box-shadow: 0px 0px 15px black;
       			border-radius: 0 50px 50px 0;
       			text-shadow: 0px 0px 3px grey;
       			-o-transform: translate(-20px, 510px) rotate(-3deg);
       			-webkit-transform: translate(-20px, 510px) rotate(-3deg);
				-moz-transform:translate(-20px, 510px) rotate(-3deg);
       			transform: translate(-20px, 510px) rotate(-3deg);
       			z-index: 10;
       		}
			h1 a{
				text-decoration:none;
			}
       		figure {
				display: inline-block;
				padding: 10px 10px 5px 10px;
				background-color: white;
				margin:  10px;
				border: 2px solid rgba(0, 0, 0, 0.1);
				-o-transition-property: all;
				-o-transition-duration: 1s;
				-o-transition-timing-function: ease-in-out;
				-webkit-transition-property: all;
				-webkit-transition-duration: 0.5s;
				-webkit-transition-timing-function: ease-in-out;
				transition-property: all;
				transition-duration: 1s;
				transition-timing-function: ease-in-out;
			}
			figure p {
				font: 16px/1.5 Tahoma, Geneva, sans-serif;
				margin: 0;
				display: none;
			}
			figure a {
				float: right;
				color: rgb(41, 106, 165);
				text-decoration: none;
			}
			
			figure:nth-of-type(1) {
				-o-transform: scale(0.6) translate(700px, -350px) rotate(-10deg);
				-webkit-transform: scale(0.6) translate(700px, -350px) rotate(-10deg);
				-moz-transform: scale(0.6) translate(700px, -350px) rotate(-10deg);
				transform: scale(0.6) translate(700px, -350px) rotate(-10deg);
			}
			figure:nth-of-type(2) {
				-o-transform: scale(0.6) translate(180px, -420px) rotate(10deg);
				-webkit-transform: scale(0.6) translate(180px, -420px) rotate(10deg);
				-moz-transform: scale(0.6) translate(180px, -420px) rotate(10deg);
				transform: scale(0.6) translate(180px, -420px) rotate(10deg);
			}
			figure:nth-of-type(3) {
				-o-transform: scale(0.6) translate(1000px, -840px) rotate(35deg);
				-webkit-transform: scale(0.6) translate(1000px, -840px) rotate(35deg);
				-moz-transform: scale(0.6) translate(1000px, -840px) rotate(35deg);
				transform: scale(0.6) translate(1000px, -840px) rotate(35deg);
			}
			figure:nth-of-type(4) {
				-o-transform: scale(0.6) translate(-240px, -790px) rotate(-20deg);
				-webkit-transform: scale(0.6) translate(-240px, -790px) rotate(-20deg);
				-moz-transform: scale(0.6) translate(-240px, -790px) rotate(-20deg);
				transform: scale(0.6) translate(-240px, -790px) rotate(-20deg);
				
			}
			figure:nth-of-type(5) {
				-o-transform: scale(0.6) translate(1000px, -1540px) rotate(-4deg);
				-webkit-transform: scale(0.6) translate(1000px, -1540px) rotate(-4deg);
				-moz-transform:scale(0.6) translate(1000px, -1540px) rotate(-4deg);
				transform: scale(0.6) translate(1000px, -1540px) rotate(-4deg);
			}
			figure:nth-of-type(6) {
				-o-transform: scale(0.6) translate(-10px, -1450px) rotate(10deg);
				-webkit-transform: scale(0.6) translate(0px, -1450px) rotate(10deg);
				-moz-transform:scale(0.6) translate(0px, -1450px) rotate(10deg);
				transform: scale(0.6) translate(-10px, -1450px) rotate(10deg);
			}
			figure:nth-of-type(7) {
				-o-transform: scale(0.6) translate(1200px, -2440px) rotate(45deg);
				-webkit-transform: scale(0.6) translate(1200px, -2440px) rotate(45deg);
				-moz-transform:scale(0.6) translate(1200px, -2440px) rotate(45deg);
				transform: scale(0.6) translate(1200px, -2440px) rotate(45deg);
			}
			figure:nth-of-type(8) {
				-o-transform: scale(0.6) translate(-50px, -2140px) rotate(-5deg);
				-webkit-transform: scale(0.6) translate(-50px, -2140px) rotate(-5deg);
				-moz-transform:scale(0.6) translate(-50px, -2140px) rotate(-5deg);
				transform: scale(0.6) translate(-50px, -2140px) rotate(-5deg);
			}
			figure:nth-of-type(9) {
				-o-transform: scale(0.6) translate(500px, -2840px) rotate(-60deg);
				-webkit-transform: scale(0.6) translate(500px, -2840px) rotate(-60deg);
				-moz-transform:scale(0.6) translate(500px, -2840px) rotate(-60deg);
				transform: scale(0.6) translate(500px, -2840px) rotate(-60deg);
			}
			figure:nth-of-type(10) {
				-o-transform: scale(0.6) translate(00px, -2650px) rotate(-10deg);
				-webkit-transform: scale(0.6) translate(00px, -2650px) rotate(-10deg);
				-moz-transform: scale(0.6) translate(00px, -2650px) rotate(-10deg);
				transform: scale(0.6) translate(00px, -2650px) rotate(-10deg);
			}
			figure:nth-of-type(11) {
				-o-transform: scale(0.6) translate(300px, -3040px) rotate(-15deg);
				-webkit-transform: scale(0.6) translate(300px, -3040px) rotate(-15deg);
				-moz-transform: scale(0.6) translate(300px, -3040px) rotate(-15deg);
				transform: scale(0.6) translate(300px, -3040px) rotate(-15deg);
			}
			figure:nth-of-type(12) {
				-o-transform: scale(0.6) translate(300px, -3390px) rotate(3deg);
				-webkit-transform: scale(0.6) translate(300px, -3390px) rotate(3deg);
				-moz-transform: scale(0.6) translate(300px, -3390px) rotate(3deg);
				transform: scale(0.6) translate(300px, -3390px) rotate(3deg);
			}
			figure:nth-of-type(13) {
				-o-transform: scale(0.6) translate(1050px, -3760px) rotate(-25deg);
				-webkit-transform: scale(0.6) translate(1050px, -3760px) rotate(-25deg);
				-moz-transform: scale(0.6) translate(1050px, -3760px) rotate(-25deg);
				transform: scale(0.6) translate(1050px, -3760px) rotate(-25deg);
			}
			figure.active {
				z-index: 10;
					 -o-transform: rotate(0deg);
					 -webkit-transform: rotate(0deg);
					 -moz-transform:rotate(0deg);
					 position: fixed;
					 top: 10px;
					 left: 10px;
					 box-shadow: 0px 0px 50px black;
				}
			figure.active p { display: block; }
			
			figure:hover {
				 z-index: 11;
				 box-shadow: 0px 0px 20px black;
			}
			
			figure:hover:before {
				color: #fff;
				content: "کلیک کنید";
				font-family: Tahoma, Geneva, sans-serif;
				font-size: 1.8em;
				right:20px;
				top:10px;
				position: absolute;
			}
			
			figure.active:hover:before {
				content: "";
			}