@charset "utf-8";
/* CSS Document */
body{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	color: #616c84;
	background: #ffffff;
	line-height: 1.7em;
	padding: 0;
	margin: 0;
	}

p{
	margin-top: 0;
	padding-top: 0;
	}

article{
	width: 1020px;
	height: 680px;
	background: #f2f2f2;
	margin: 40px auto 20px auto;
	position: relative;
	-webkit-transition: all 0.8s cubic-bezier(0.58, -0.55, 0.265, 1.45);
	-ms-transition: all 0.8s cubic-bezier(0.58, -0.55, 0.265, 1.45);
	-moz-transition: all 0.8s cubic-bezier(0.58, -0.55, 0.265, 1.45);
	transition: all 0.8s cubic-bezier(0.58, -0.55, 0.265, 1.45);
	}

.pieces{
	width: 340px;
	height: 340px;
	position: absolute;
	z-index: 100;
	-webkit-transition: all 0.6s cubic-bezier(0.58, -0.55, 0.265, 1.45);
	-ms-transition: all 0.6s cubic-bezier(0.58, -0.55, 0.265, 1.45);
	-moz-transition: all 0.6s cubic-bezier(0.58, -0.55, 0.265, 1.45);
	transition: all 0.6s cubic-bezier(0.58, -0.55, 0.265, 1.45);
	perspective: 1000;
	}

#piece-1{
	top: 0;
	left: 0;
	
	}

#piece-2{
	top: 0;
	left: 340px;
	
	}

#piece-3{
	top: 0;
	left: 680px;
	
	}

#piece-4{
	top: 340px;
	left: 0;
	
	}

#piece-5{
	top: 340px;
	left: 340px;
	
	}

#piece-6{
	top: 340px;
	left: 680px;
	
	}

p{
	margin: 20px auto;
	width: 1020px;
	text-align: center;
	}

.glow{
	z-index: 101;
    -webkit-box-shadow: 0px 0px 6px 0px #000000;
  	box-shadow: 0px 0px 6px 0px #000000;
  	transform: scale(1.1);
	}

@-webkit-keyframes animate-guage {
	0%   { transform: scale(1.04); }
	50%   { transform: scale(1.06); }
	100%  { transform: scale(1.04); }
	}

.glow-2{ -webkit-transform: rotateX(360deg); }

@-webkit-keyframes animate-guage-2 {
	0%   { transform: scale(1); }
	50%   { transform: scale(1.02); }
	100%  { transform: scale(1); }
	}