/* *\ * $animate-custom.css *\* */.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}@-webkit-keyframes fadeIn {	0% {opacity: 0;}	100% {opacity: 1;}}@-moz-keyframes fadeIn {	0% {opacity: 0;}	100% {opacity: 1;}}@-o-keyframes fadeIn {	0% {opacity: 0;}	100% {opacity: 1;}}@keyframes fadeIn {	0% {opacity: 0;}	100% {opacity: 1;}}.fadeIn {	-webkit-animation-name: fadeIn;	-moz-animation-name: fadeIn;	-o-animation-name: fadeIn;	animation-name: fadeIn;}@-webkit-keyframes fadeInUp {	0% {		opacity: 0;		-webkit-transform: translateY(20px);	}	100% {		opacity: 1;		-webkit-transform: translateY(0);	}}@-moz-keyframes fadeInUp {	0% {		opacity: 0;		-moz-transform: translateY(20px);	}	100% {		opacity: 1;		-moz-transform: translateY(0);	}}@-o-keyframes fadeInUp {	0% {		opacity: 0;		-o-transform: translateY(20px);	}	100% {		opacity: 1;		-o-transform: translateY(0);	}}@keyframes fadeInUp {	0% {		opacity: 0;		transform: translateY(20px);	}	100% {		opacity: 1;		transform: translateY(0);	}}.fadeInUp {	-webkit-animation-name: fadeInUp;	-moz-animation-name: fadeInUp;	-o-animation-name: fadeInUp;	animation-name: fadeInUp;}@-webkit-keyframes fadeInDown {	0% {		opacity: 0;		-webkit-transform: translateY(-20px);	}	100% {		opacity: 1;		-webkit-transform: translateY(0);	}}@-moz-keyframes fadeInDown {	0% {		opacity: 0;		-moz-transform: translateY(-20px);	}	100% {		opacity: 1;		-moz-transform: translateY(0);	}}@-o-keyframes fadeInDown {	0% {		opacity: 0;		-o-transform: translateY(-20px);	}	100% {		opacity: 1;		-o-transform: translateY(0);	}}@keyframes fadeInDown {	0% {		opacity: 0;		transform: translateY(-20px);	}	100% {		opacity: 1;		transform: translateY(0);	}}.fadeInDown {	-webkit-animation-name: fadeInDown;	-moz-animation-name: fadeInDown;	-o-animation-name: fadeInDown;	animation-name: fadeInDown;}@-webkit-keyframes fadeInLeft {	0% {		opacity: 0;		-webkit-transform: translateX(-20px);	}	100% {		opacity: 1;		-webkit-transform: translateX(0);	}}@-moz-keyframes fadeInLeft {	0% {		opacity: 0;		-moz-transform: translateX(-20px);	}	100% {		opacity: 1;		-moz-transform: translateX(0);	}}@-o-keyframes fadeInLeft {	0% {		opacity: 0;		-o-transform: translateX(-20px);	}	100% {		opacity: 1;		-o-transform: translateX(0);	}}@keyframes fadeInLeft {	0% {		opacity: 0;		transform: translateX(-20px);	}	100% {		opacity: 1;		transform: translateX(0);	}}.fadeInLeft {	-webkit-animation-name: fadeInLeft;	-moz-animation-name: fadeInLeft;	-o-animation-name: fadeInLeft;	animation-name: fadeInLeft;}/**\ * $iphone.css*\**/::-webkit-input-placeholder {color: #cccccc;font-size: 13px;text-align: center;}:-moz-placeholder { /* Firefox 18- */color: #cccccc;font-size: 13px;text-align: center;}::-moz-placeholder {/* Firefox 19+ */color: #cccccc;font-size: 13px;text-align: center;}:-ms-input-placeholder {color: #cccccc;font-size: 13px;text-align: center;}/* TEXT */.description {width: 25%;}/* IMAGES */#iphone {position: absolute;top: 50%;left: 50%;margin-top: -350px; /* Half the height */margin-left: -266px; /* Half the width */z-index: -100;}#app_background {position: absolute;top: 50%;left: 50%;margin-top: -223px; /* Half the height */margin-left: -177px; /* Half the width */z-index: 100;}#automated_message {position: absolute;top: 50%;left: 50%;margin-top: 145px; /* Half the height */margin-left: -169px; /* Half the width */z-index: 105;opacity: 0;}/* Video */.video-center {margin: 0 auto;width: 450px;}