/*----------------------- contact section -----------------------*/
.container_social {
    transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
}
.content_social {
    height:400px;
    position: absolute;
    top:0;bottom:0;right:0;left:0;
    margin:auto;
}
.container_mail {
    position:relative;
	margin:0 2%;
	display: inline-block;
	vertical-align: middle;
    transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
    -webkit-animation: swaying-field 4s ease infinite;
	-moz-animation: swaying-field 4s ease infinite;
	-ms-animation: swaying-field 4s ease infinite;
	-o-animation: swaying-field 4s ease infinite;
	animation: swaying-field 4s ease infinite;
}
#social {
    position:relative;
    width:320px;
	margin:0 2%;
	display: inline-block;
	vertical-align: middle;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-webkit-animation: swaying-social 4s ease infinite;
	-moz-animation: swaying-social 4s ease infinite;
	-ms-animation: swaying-social 4s ease infinite;
	-o-animation: swaying-social 4s ease infinite;
	animation: swaying-social 4s ease infinite;
}
 @-webkit-keyframes swaying-social {
 0%, 100% {
-webkit-transform: rotateX(5deg) rotateY(-5deg);
}
 25% {
-webkit-transform:  rotateX(-5deg) rotateY(-5deg);
}
 50% {
-webkit-transform:  rotateX(-5deg) rotateY(5deg);
}
 75% {
-webkit-transform:  rotateX(5deg) rotateY(5deg);
}
}
@-moz-keyframes swaying-social {
 0%, 100% {
-moz-transform: rotateX(5deg) rotateY(-5deg);
}
 25% {
-moz-transform:  rotateX(-5deg) rotateY(-5deg);
}
 50% {
-moz-transform:  rotateX(-5deg) rotateY(5deg);
}
 75% {
-moz-transform:  rotateX(5deg) rotateY(5deg);
}
}
@-ms-keyframes swaying-social {
 0%, 100% {
-ms-transform: rotateX(5deg) rotateY(-5deg);
}
 25% {
-ms-transform:  rotateX(-5deg) rotateY(-5deg);
}
 50% {
-ms-transform:  rotateX(-5deg) rotateY(5deg);
}
 75% {
-ms-transform:  rotateX(5deg) rotateY(5deg);
}
}
@-o-keyframes swaying-social {
 0%, 100% {
-o-transform: rotateX(5deg) rotateY(-5deg);
}
 25% {
-o-transform:  rotateX(-5deg) rotateY(-5deg);
}
 50% {
-o-transform:  rotateX(-5deg) rotateY(5deg);
}
 75% {
-o-transform:  rotateX(5deg) rotateY(5deg);
}
}
@keyframes swaying-social {
 0%, 100% {
transform: rotateX(5deg) rotateY(-5deg);
}
 25% {
transform:  rotateX(-5deg) rotateY(-5deg);
}
 50% {
transform:  rotateX(-5deg) rotateY(5deg);
}
 75% {
transform:  rotateX(5deg) rotateY(5deg);
}
}
#contact .container_cube {
	width: 80px;
	height: 80px;
	position: relative;
	display: inline-block;
	margin: 10px;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
}
/*   cube   */
#contact .cube {
	width: 100%;
	height: 100%;
	position: absolute;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
}
#contact .cube .face {
	width: 80px;
	height: 80px;
	display: block;
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	line-height: 80px;
	text-align: center;
	border: 1px solid #FFFFFF;
	background: #000000;
}
.icon svg {
	width: 100%;
	height: 100%;
}
/*   hover mask   */
#contact .upper {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: #000000;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.upper svg path {
	fill: #FFFFFF;
}
#contact .lower {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: #FFFFFF;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.lower svg path {
	fill: #000000;
}
#contact .front:hover .upper {
	opacity: 0;
	-webkit-transform: scale(4);
	-moz-transform: scale(4);
	-o-transform: scale(4);
	-ms-transform: scale(4);
	transform: scale(4);
}
#contact .front:hover .lower {
	opacity: 1;
	border-radius: 0%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
/*   faces positions   */

#contact .cube .front {
	transform: rotateY(0deg) translateZ(40px);
	-webkit-transform: rotateY(0deg) translateZ(40px);
	-moz-transform: rotateY(0deg) translateZ(40px);
	-ms-transform: rotateY(0deg) translateZ(40px);
	-o-transform: rotateY(0deg) translateZ(40px);
}
#contact .cube .back {
	transform: rotateX(180deg) translateZ(40px);
	-webkit-transform: rotateX(180deg) translateZ(40px);
	-moz-transform: rotateX(180deg) translateZ(40px);
	-ms-transform: rotateX(180deg) translateZ(40px);
	-o-transform: rotateX(180deg) translateZ(40px);
}
#contact .cube .right {
	transform: rotateY(90deg) translateZ(40px);
	-webkit-transform: rotateY(90deg) translateZ(40px);
	-moz-transform: rotateY(90deg) translateZ(40px);
	-ms-transform: rotateY(90deg) translateZ(40px);
	-o-transform: rotateY(90deg) translateZ(40px);
}
#contact .cube .left {
	transform: rotateY(-90deg) translateZ(40px);
	-webkit-transform: rotateY(-90deg) translateZ(40px);
	-moz-transform: rotateY(-90deg) translateZ(40px);
	-ms-transform: rotateY(-90deg) translateZ(40px);
	-o-transform: rotateY(-90deg) translateZ(40px);
}
#contact .cube .top {
	transform: rotateX(90deg) translateZ(40px);
	-webkit-transform: rotateX(90deg) translateZ(40px);
	-moz-transform: rotateX(90deg) translateZ(40px);
	-ms-transform: rotateX(90deg) translateZ(40px);
	-o-transform: rotateX(90deg) translateZ(40px);
}
#contact .cube .bottom {
	transform: rotateX(-90deg) translateZ(40px);
	-webkit-transform: rotateX(-90deg) translateZ(40px);
	-moz-transform: rotateX(-90deg) translateZ(40px);
	-ms-transform: rotateX(-90deg) translateZ(40px);
	-o-transform: rotateX(-90deg) translateZ(40px);
}
/*----------------------- info -----------------------*/
.container_info {
	margin: 10px 0 10px 0;
	width: 450px;
	height: 50px;
	display: block;
}
.info {
	width: 450px;
	height: 50px;
	position: absolute;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transition: all 2s ease-in-out;
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
}
.container_info input {
	width: 420px;
	height: 50px;
	border: none;
	background: none;
	color: #FFFFFF;
	font-size: 13px;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
 .info input::-webkit-input-placeholder {
 color: #FFFFFF;
 transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
}
.info input:-moz-placeholder {
 color: #FFFFFF;
 transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
}
.info:hover input {
	color: #000000;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.info:hover input::-webkit-input-placeholder {
 color: #000000;
 transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
}
.info:hover input:-moz-placeholder {
 color: #000000;
 transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
}
#field textarea {
	margin: 10px;
	width: 420px;
	height: 75%;
	border: none;
	background: none;
	font-size: 13px;
	color: #FFFFFF;
    resize:none;
}
 #field textarea::-webkit-input-placeholder {
 color: #FFFFFF;
 transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
}
#field textarea:-moz-placeholder {
 color: #FFFFFF;
 transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
}
#field:hover textarea {
	color: #000000;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
#field:hover textarea::-webkit-input-placeholder {
 color: #000000;
 transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
}
#field:hover textarea:-moz-placeholder {
 color: #000000;
 transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
}
#field input {
	background: none;
	color: #FFFFFF;
	border: solid 1px #FFFFFF;
	font-size: 13px;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
#field:hover input {
	color: #000000;
	border: solid 1px #000000;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
#field:hover input::-webkit-input-placeholder {
 color: #000000;
 transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
}
#field:hover input:-moz-placeholder {
 color: #000000;
 transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
}
.container_mail input:focus, 
.container_mail textarea:focus {
	background: none;
	outline-style: none;
}

/*   keyframes swaying-field   */

@-webkit-keyframes swaying-field {
 0%, 100% {
-webkit-transform: rotateX(5deg) rotateY(-5deg);
}
 25% {
-webkit-transform:  rotateX(-5deg) rotateY(-5deg);
}
 50% {
-webkit-transform:  rotateX(-5deg) rotateY(5deg);
}
 75% {
-webkit-transform:  rotateX(5deg) rotateY(5deg);
}
}
@-moz-keyframes swaying-field {
 0%, 100% {
-moz-transform: rotateX(5deg) rotateY(-5deg);
}
 25% {
-moz-transform:  rotateX(-5deg) rotateY(-5deg);
}
 50% {
-moz-transform:  rotateX(-5deg) rotateY(5deg);
}
 75% {
-moz-transform:  rotateX(5deg) rotateY(5deg);
}
}
@-ms-keyframes swaying-field {
 0%, 100% {
-ms-transform: rotateX(5deg) rotateY(-5deg);
}
 25% {
-ms-transform:  rotateX(-5deg) rotateY(-5deg);
}
 50% {
-ms-transform:  rotateX(-5deg) rotateY(5deg);
}
 75% {
-ms-transform:  rotateX(5deg) rotateY(5deg);
}
}
@-o-keyframes swaying-field {
 0%, 100% {
-o-transform: rotateX(5deg) rotateY(-5deg);
}
 25% {
-o-transform:  rotateX(-5deg) rotateY(-5deg);
}
 50% {
-o-transform:  rotateX(-5deg) rotateY(5deg);
}
 75% {
-o-transform:  rotateX(5deg) rotateY(5deg);
}
}
@keyframes swaying-field {
 0%, 100% {
transform: rotateX(5deg) rotateY(-5deg);
}
 25% {
transform:  rotateX(-5deg) rotateY(-5deg);
}
 50% {
transform:  rotateX(-5deg) rotateY(5deg);
}
 75% {
transform:  rotateX(5deg) rotateY(5deg);
}
}
.info .face {
	display: block;
	position: absolute;
	border: 1px solid #FFFFFF;
	background: #000000;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
.info:hover .face {
	background: #FFFFFF;
	border: 1px solid #000000;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
/*   faces size   */

.info .front, .info .back {
	width: 450px;
	height: 50px;
}
.info .right, .info .left {
	width: 150px;
	height: 50px;
}
.info .top, .info .bottom {
	width: 450px;
	height: 150px;
}
/*   faces positions   */

.info .front {
	transform: rotateY(0deg) translateZ(75px);
	-webkit-transform: rotateY(0deg) translateZ(75px);
	-moz-transform: rotateY(0deg) translateZ(75px);
	-ms-transform: rotateY(0deg) translateZ(75px);
	-o-transform: rotateY(0deg) translateZ(75px);
}
.info .back {
	transform: rotateX(180deg) translateZ(75px);
	-webkit-transform: rotateX(180deg) translateZ(75px);
	-moz-transform: rotateX(180deg) translateZ(75px);
	-ms-transform: rotateX(180deg) translateZ(75px);
	-o-transform: rotateX(180deg) translateZ(75px);
}
.info .right {
	transform: rotateY(90deg) translateZ(375px);
	-webkit-transform: rotateY(90deg) translateZ(375px);
	-moz-transform: rotateY(90deg) translateZ(375px);
	-ms-transform: rotateY(90deg) translateZ(375px);
	-o-transform: rotateY(90deg) translateZ(375px);
}
.info .left {
	transform: rotateY(-90deg) translateZ(75px);
	-webkit-transform: rotateY(-90deg) translateZ(75px);
	-moz-transform: rotateY(-90deg) translateZ(75px);
	-ms-transform: rotateY(-90deg) translateZ(75px);
	-o-transform: rotateY(-90deg) translateZ(75px);
}
.info .top {
	transform: rotateX(90deg) translateZ(75px);
	-webkit-transform: rotateX(90deg) translateZ(75px);
	-moz-transform: rotateX(90deg) translateZ(75px);
	-ms-transform: rotateX(90deg) translateZ(75px);
	-o-transform: rotateX(90deg) translateZ(75px);
}
.info .bottom {
	transform: rotateX(-90deg) translateZ(-25px);
	-webkit-transform: rotateX(-90deg) translateZ(-25px);
	-moz-transform: rotateX(-90deg) translateZ(-25px);
	-ms-transform: rotateX(-90deg) translateZ(-25px);
	-o-transform: rotateX(-90deg) translateZ(-25px);
}
/*----------------------- mail field -----------------------*/

.container_field {
	width: 450px;
	height: 250px;
	display: inline-block;
}
#field {
	width: 450px;
	height: 250px;
	position: absolute;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transition: all 2s ease-in-out;
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
}

/*   keyframes swaying-field   */

@-webkit-keyframes swaying-field {
 0%, 100% {
-webkit-transform: rotateX(5deg) rotateY(-5deg);
}
 25% {
-webkit-transform:  rotateX(-5deg) rotateY(-5deg);
}
 50% {
-webkit-transform:  rotateX(-5deg) rotateY(5deg);
}
 75% {
-webkit-transform:  rotateX(5deg) rotateY(5deg);
}
}
@-moz-keyframes swaying-field {
 0%, 100% {
-moz-transform: rotateX(5deg) rotateY(-5deg);
}
 25% {
-moz-transform:  rotateX(-5deg) rotateY(-5deg);
}
 50% {
-moz-transform:  rotateX(-5deg) rotateY(5deg);
}
 75% {
-moz-transform:  rotateX(5deg) rotateY(5deg);
}
}
@-ms-keyframes swaying-field {
 0%, 100% {
-ms-transform: rotateX(5deg) rotateY(-5deg);
}
 25% {
-ms-transform:  rotateX(-5deg) rotateY(-5deg);
}
 50% {
-ms-transform:  rotateX(-5deg) rotateY(5deg);
}
 75% {
-ms-transform:  rotateX(5deg) rotateY(5deg);
}
}
@-o-keyframes swaying-field {
 0%, 100% {
-o-transform: rotateX(5deg) rotateY(-5deg);
}
 25% {
-o-transform:  rotateX(-5deg) rotateY(-5deg);
}
 50% {
-o-transform:  rotateX(-5deg) rotateY(5deg);
}
 75% {
-o-transform:  rotateX(5deg) rotateY(5deg);
}
}
@keyframes swaying-field {
 0%, 100% {
transform: rotateX(5deg) rotateY(-5deg);
}
 25% {
transform:  rotateX(-5deg) rotateY(-5deg);
}
 50% {
transform:  rotateX(-5deg) rotateY(5deg);
}
 75% {
transform:  rotateX(5deg) rotateY(5deg);
}
}
#field .face {
	display: block;
	position: absolute;
	border: 1px solid #FFFFFF;
	background: #000000;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
#field:hover .face {
	background: #FFFFFF;
	border: 1px solid #000000;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
/*   faces size   */

#field .front, #field .back {
	width: 450px;
	height: 250px;
}
#field .right, #field .left {
	width: 150px;
	height: 250px;
}
#field .top, #field .bottom {
	width: 450px;
	height: 150px;
}
/*   faces positions   */

#field .front {
	transform: rotateY(0deg) translateZ(75px);
	-webkit-transform: rotateY(0deg) translateZ(75px);
	-moz-transform: rotateY(0deg) translateZ(75px);
	-ms-transform: rotateY(0deg) translateZ(75px);
	-o-transform: rotateY(0deg) translateZ(75px);
}
#field .back {
	transform: rotateX(180deg) translateZ(75px);
	-webkit-transform: rotateX(180deg) translateZ(75px);
	-moz-transform: rotateX(180deg) translateZ(75px);
	-ms-transform: rotateX(180deg) translateZ(75px);
	-o-transform: rotateX(180deg) translateZ(75px);
}
#field .right {
	transform: rotateY(90deg) translateZ(375px);
	-webkit-transform: rotateY(90deg) translateZ(375px);
	-moz-transform: rotateY(90deg) translateZ(375px);
	-ms-transform: rotateY(90deg) translateZ(375px);
	-o-transform: rotateY(90deg) translateZ(375px);
}
#field .left {
	transform: rotateY(-90deg) translateZ(75px);
	-webkit-transform: rotateY(-90deg) translateZ(75px);
	-moz-transform: rotateY(-90deg) translateZ(75px);
	-ms-transform: rotateY(-90deg) translateZ(75px);
	-o-transform: rotateY(-90deg) translateZ(75px);
}
#field .top {
	transform: rotateX(90deg) translateZ(75px);
	-webkit-transform: rotateX(90deg) translateZ(75px);
	-moz-transform: rotateX(90deg) translateZ(75px);
	-ms-transform: rotateX(90deg) translateZ(75px);
	-o-transform: rotateX(90deg) translateZ(75px);
}
#field .bottom {
	transform: rotateX(-90deg) translateZ(175px);
	-webkit-transform: rotateX(-90deg) translateZ(175px);
	-moz-transform: rotateX(-90deg) translateZ(175px);
	-ms-transform: rotateX(-90deg) translateZ(175px);
	-o-transform: rotateX(-90deg) translateZ(175px);
}