/* type */

@font-face {
	font-family: 'SegoeLight';
	src: url('fonts/SegoeWP-Semilight.eot');
	src: local('☺'), url('fonts/SegoeWP-Semilight.woff') format('woff'), url('fonts/SegoeWP-Semilight.ttf') format('truetype'), url('fonts/SegoeWP-Semilight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* global */

a { color: #fff; text-decoration: none; }
a:hover { color: #ccc; border-bottom: 1px dashed #fff; }

html, body { 
	background: #000; 
	color: #f5f5f5; 
	font-family: SegoeLight, 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* layout */

.group:after {
  content: "";
  display: table;
  clear: both;
}

/* =========================================
	header
   =========================================
*/

.welcome-header {
	position: relative;
	min-width: 1100px;
	background: url(../img/header-bg.jpg) no-repeat 50% 0%;
	background-size: 100% auto;
	height: 480px;
}

.content {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}

.welcome-header .shadow { 
	position: absolute; left: 0; bottom: 0; z-index: 200; 
	width: 100%; height: 30px; overflow: hidden;
}

.welcome-header .trueShadow { 
	position: absolute; bottom: 0;
    box-shadow: inset 0 0 26px rgba(0, 0, 0, 1.0);
    height: 800px; width: 100%; 
}

.iphone {
	background: url(../img/iphone.png) no-repeat;
	position: relative;
	height: 640px;
	width: 320px;
	top: -70px;
	left: 120px;
	z-index: 1100;

	-webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; opacity: 0;
}

.iphone.go {
	-webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; opacity: 1;
}

.click {
	cursor: hand; cursor: pointer;

	position: absolute;
	left: 23px;
	top: 75px;
	z-index: 10;
	-webkit-transition: all 0.4s cubic-bezier(0.25,0.1,0.25,1.0);
	-moz-transition: all 0.4s cubic-bezier(0.25,0.1,0.25,1.0);
	-ms-transition: all 0.4s cubic-bezier(0.25,0.1,0.25,1.0);

	-webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; opacity: 1;
}

.click:hover + .video {
	-webkit-opacity: 0.8; -moz-opacity: 0.8; -ms-opacity: 0.8; opacity: 0.8;
}

.click.hide {
	-webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; opacity: 0;
}

.video {
	position: absolute;
	overflow: visible;
}

.video-position {
	left: 26px;
	top: 93px;
}

#demovid {
	width: 250px;
	height: 442px;
	overflow: visible;
}

.title-image {
	position: absolute;
	left: 480px;
	top: 20px;
}


/*.title-image:hover {
	cursor: hand; cursor: pointer;
	-webkit-opacity: 0.8; -moz-opacity: 0.8; -ms-opacity: 0.8; opacity: 0.8;
}*/

.blurb {
	position: absolute;
	left: 480px;
	top: 220px;
	width: 480px;
}

.blurb p {
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 20px;
}

.app-store:hover {
	border: none;
	color: #fff;
}

.app-store {
	position: absolute;
	top: 330px;
	left: 480px;
}

.app-store, .app-store img { 
	margin: 0; border: none; padding: 0;
	height: 103px;
}

.app-store {
	border-radius: 11px; 
	box-shadow: 1px 2px 34px -4px rgba(0,0,0,0.6);

	-webkit-transition: all 0.4s cubic-bezier(0.25,0.1,0.25,1.0);
	-moz-transition: all 0.4s cubic-bezier(0.25,0.1,0.25,1.0);
	-ms-transition: all 0.4s cubic-bezier(0.25,0.1,0.25,1.0);
	-webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; opacity: 0;
}

.app-store.go {
	-webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; opacity: 1;	
}

.download {
	border-radius: 11px; 
	box-shadow: 1px 2px 34px -4px rgba(0,0,0,0.6);
	height: 103px;
}

.app-store:hover, .download:hover {
	-webkit-transition: all 0.1s cubic-bezier(0.25,0.1,0.25,1.0);
	-moz-transition: all 0.1s cubic-bezier(0.25,0.1,0.25,1.0);
	-ms-transition: all 0.1s cubic-bezier(0.25,0.1,0.25,1.0);
	box-shadow: 1px 2px 34px -4px #fff;
}

/* =========================================
	content
   =========================================
*/

.welcome-content {
	width: 1100px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.feature { 
	position: relative; 
	padding-top: 40px;
	padding-bottom: 60px; 
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top,  #111111 0%, #000000 65%, #212121 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(65%,#000000), color-stop(100%,#212121)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #111111 0%,#000000 65%,#212121 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #111111 0%,#000000 65%,#212121 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #111111 0%,#000000 65%,#212121 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #111111 0%,#000000 65%,#212121 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#212121',GradientType=0 ); /* IE6-9 */
}

.feature .text {
	float: left;
	width: 480px;
	text-align: center;
	margin-top: 160px;
	margin-left: 40px;
}

.feature .screens {
	float: right;
	width: 480px;
	height: 540px;
	margin-right: 40px;
}

.feature.alt .text { float: right; margin-left: 0; margin-right: 40px; }
.feature.alt .screens { float: left; margin-left: 40px; margin-right: 0;}

.feature h2 {
	font-size: 3.0em;
	margin-bottom: 20px;
}

.feature p {
	font-size: 1.6em;
	line-height: 1.2em;
}

/* fix issues in safari */
.feature .screens img { z-index: 1000; }

.screens img { 
	-webkit-transition: all 0.8s cubic-bezier(0.25,0.1,0.25,1.0);
	-moz-transition: all 0.8s cubic-bezier(0.25,0.1,0.25,1.0);
	-ms-transition: all 0.8s cubic-bezier(0.25,0.1,0.25,1.0); 
}

.feature.visual {
	padding-top: 60px;
}
.feature.visual .text {
	margin-top: 120px;
}

/* general rules for screen caps */
.screens img { 
	position: absolute; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; opacity: 0; 
	-webkit-transform: translate3d(800px,0,400px);
	-moz-transform: translate3d(800px,0,400px);
	-ms-transform: translate3d(800px,0,400px);
}
.alt .screens img { 
	-webkit-transform: translate3d(-800px,0,400px);
	-moz-transform: translate3d(-800px,0,400px);
	-ms-transform: translate3d(-800px,0,400px);
}
.screens img.go { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; opacity: 1; }

.visual .screens { position: relative; }

.visual .screens .one { left: 0; }
.visual .screens .one.go {
	-webkit-transform: translate3d(-80px,0,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,55deg); 
	-moz-transform: translate3d(-80px,0,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,55deg); 
	-ms-transform: translate3d(-80px,0,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,55deg); 
}

.visual .screens .two { left: 80px; }
.visual .screens .two.go {
	-webkit-transform: translate3d(0px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,50deg);
	-moz-transform: translate3d(0px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,50deg);
	-ms-transform: translate3d(0px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,50deg);
}

.visual .screens .three { left: 160px; }
.visual .screens .three.go {
	-webkit-transform: translate3d(80px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,45deg); 
	-moz-transform: translate3d(80px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,45deg); 
	-ms-transform: translate3d(80px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,45deg); 
}

.shortcut .screens { position: relative; }
.shortcut .screens .one { left: 0; }
.shortcut .screens .one.go {
	-webkit-transform: translate3d(-80px,0,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,55deg); 
	-moz-transform: translate3d(-80px,0,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,55deg); 
	-ms-transform: translate3d(-80px,0,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,55deg);
}
.shortcut .screens .two { left: 80px; }
.shortcut .screens .two.go {
	-webkit-transform: translate3d(0px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,50deg);
	-moz-transform: translate3d(0px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,50deg);
	-ms-transform: translate3d(0px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,50deg);
}
.shortcut .screens .three { left: 160px; }
.shortcut .screens .three.go {
	-webkit-transform: translate3d(80px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,45deg); 
	-moz-transform: translate3d(80px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,45deg); 
	-ms-transform: translate3d(80px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,45deg); 
}

.learn .screens { position: relative; }
.learn .screens .one { left: 0; }
.learn .screens .one.go {
	-webkit-transform: translate3d(-80px,0,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,55deg); 
	-moz-transform: translate3d(-80px,0,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,55deg); 
	-ms-transform: translate3d(-80px,0,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,55deg);
}
.learn .screens .two { left: 80px; }
.learn .screens .two.go {
	-webkit-transform: translate3d(0px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,50deg);
	-moz-transform: translate3d(0px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,50deg);
	-ms-transform: translate3d(0px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,50deg);
}
.learn .screens .three { left: 160px; }
.learn .screens .three.go {
	-webkit-transform: translate3d(80px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,45deg); 
	-moz-transform: translate3d(80px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,45deg); 
	-ms-transform: translate3d(80px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,45deg); 
}

.feature.center .text { float: none; margin: 0; text-align: center; width: 100%; }

.rotation { overflow:hidden; margin-bottom: 0px; }
.rotation .screens { position:relative; float: none; width: 100%; height: 300px; margin: 0;}
.rotation .screens img { position: absolute; left: 200px; bottom: -90px; 
	-webkit-transition: all 0.8s cubic-bezier(0.25,0.1,0.25,1.0);
	-moz-transition: all 0.8s cubic-bezier(0.25,0.1,0.25,1.0);
	-ms-transition: all 0.8s cubic-bezier(0.25,0.1,0.25,1.0); 
	-webkit-transform: translate3d(0px,800px,0) rotate3d(0,0,1,-90deg);
	-moz-transform: translate3d(0px,800px,0) rotate3d(0,0,1,-90deg);
	-ms-transform: translate3d(0px,800px,0) rotate3d(0,0,1,-90deg);
}
.rotation .screens img.go { 
	-webkit-transform: translate3d(0px,0px,0) rotate3d(0,0,1,0deg);
	-moz-transform: translate3d(0px,0px,0) rotate3d(0,0,1,0deg);
	-ms-transform: translate3d(0px,0px,0) rotate3d(0,0,1,0deg);
}

.rotation .shadow { width: 100%; height: 340px;
	position: absolute; left: 0; bottom: 0;	z-index: 4000;
	box-shadow: inset 0 0 22px rgba(0, 0, 0, 1.0); 
}

.feature.rotation {
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top,  #111111 0%, #000000 65%, #1c1c1c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(65%,#000000), color-stop(100%,#1c1c1c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #111111 0%,#000000 65%,#1c1c1c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #111111 0%,#000000 65%,#1c1c1c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #111111 0%,#000000 65%,#1c1c1c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #111111 0%,#000000 65%,#1c1c1c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-9 */
}

.feature.action { height: 340px; 
	background: #161616; /* Old browsers */
	background: -moz-linear-gradient(top,  #161616 0%, #000000 34%, #000000 59%, #212121 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#212121), color-stop(34%,#000000), color-stop(59%,#000000), color-stop(100%,#212121)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #161616 0%,#000000 34%,#000000 59%,#212121 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #161616 0%,#000000 34%,#000000 59%,#212121 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #161616 0%,#000000 34%,#000000 59%,#212121 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #161616 0%,#000000 34%,#000000 59%,#212121 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161616', endColorstr='#212121',GradientType=0 ); /* IE6-9 */
}
.feature.action img { position: absolute; left: 120px; }
.feature.action .text { float: none; width: 340px; margin-left: 580px; margin-top: 40px; }
.action .text h2 { text-align: left; margin-bottom: 60px; }
.download {
	display: inline-block;
	margin-left: 580px;
}
a.download:hover { border: none; }

.feature.action .download img { position: static; }

.icon-download { position: absolute; left: 120px; height: 380px; width: 380px; }
.icon-download:hover { border-bottom: none; }
.feature.action .icon-download img { left: 0; }


/* =========================================
	footer
   =========================================
*/

.welcome-footer {
	width: 1100px;
	margin: 20px auto;
	height: 40px;
}

.welcome-footer a {
	display: inline-block;
	float: right;
	font-size: 1.2em;
	line-height: 2.0em;
	margin-left: 60px;
}

.welcome-footer a:hover {
	border: none;
	color: #ccc;
}

.welcome-footer .links { margin-right: 40px; }

/* animations */

@charset "UTF-8";
/*
Animate.css - http://daneden.me/animate
Licensed under the ☺ license (http://licence.visualidiot.com/)

Copyright (c) 2012 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
	}
	
	80% {
		-webkit-transform: translateX(-10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(30px);
	}
	
	80% {
		-moz-transform: translateX(-10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateX(30px);
	}
	
	80% {
		-o-transform: translateX(-10px);
	}
	
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(30px);
	}
	
	80% {
		transform: translateX(-10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media only screen and (max-device-width : 420px) {
	.welcome-header { height: 740px; }
	.welcome-header .blurb { left: 420px; width: 600px; }
	.welcome-header .blurb p { font-size: 2.6em; line-height: 1.4em; }
	.welcome-header .title-image { left: 420px; }
	.iphone { left: 70px; top: 40px; }
	.click { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; opacity: 0; }
	.app-store { left: 420px; top: 540px; width: 400px; height: auto; }
	.app-store img { width: 400px; height: auto; }
	.welcome-content { overflow: hidden; }
	.screens img { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; opacity: 1; }
	.feature h2 { font-size: 4.0em; margin-bottom: 20px; }
	.feature p { font-size: 2.6em; line-height: 1.4em; }
	.welcome-footer .links a { font-size: 3.0em; line-height: 2.2em; }
	.welcome-footer .links { margin-right: 40px; padding-bottom: 40px; }
	.feature.visual .text { margin-top: 20px; }
	.feature .text { margin-top: 20px; }

	.icon-download { left: 0; }
	.feature.action { height: 500px; }
	.feature.action img { position: absolute; left: 0; top: 0; width: 500px; height:auto; }
	.feature.action .text { margin-left: 500px; width: 500px; }
	.action .text h2 { margin-bottom: 40px; }
	.download { margin-left: 500px; height: 148px; }
	.visual .screens .one {
		-webkit-transform: translate3d(-80px,0,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,55deg); 
		-moz-transform: translate3d(-80px,0,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,55deg); 
		-ms-transform: translate3d(-80px,0,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,55deg); 
	}
	.visual .screens .two {
		-webkit-transform: translate3d(0px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,50deg);
		-moz-transform: translate3d(0px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,50deg);
		-ms-transform: translate3d(0px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,50deg);
	}
	.visual .screens .three {
		-webkit-transform: translate3d(80px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,45deg); 
		-moz-transform: translate3d(80px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,45deg); 
		-ms-transform: translate3d(80px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,45deg); 
	}

	.shortcut .screens .one {
		-webkit-transform: translate3d(-80px,0,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,55deg); 
		-moz-transform: translate3d(-80px,0,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,55deg); 
		-ms-transform: translate3d(-80px,0,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,55deg);
	}
	.shortcut .screens .two {
		-webkit-transform: translate3d(0px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,50deg);
		-moz-transform: translate3d(0px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,50deg);
		-ms-transform: translate3d(0px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,50deg);
	}
	.shortcut .screens .three {
		-webkit-transform: translate3d(80px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,45deg); 
		-moz-transform: translate3d(80px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,45deg); 
		-ms-transform: translate3d(80px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,45deg); 
	}

	.learn .screens .one {
		-webkit-transform: translate3d(-80px,0,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,55deg); 
		-moz-transform: translate3d(-80px,0,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,55deg); 
		-ms-transform: translate3d(-80px,0,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,55deg);
	}
	.learn .screens .two {
		-webkit-transform: translate3d(0px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,50deg);
		-moz-transform: translate3d(0px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,50deg);
		-ms-transform: translate3d(0px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,50deg);
	}
	.learn .screens .three {
		-webkit-transform: translate3d(80px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,45deg); 
		-moz-transform: translate3d(80px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,45deg); 
		-ms-transform: translate3d(80px,0px,400px) scale3d(0.9, 0.9, 1.0) perspective(1000px) rotate3d(0,1,0,45deg); 
	}

	.rotation .screens img { 
		-webkit-transform: translate3d(0px,0px,0) rotate3d(0,0,1,0deg);
		-moz-transform: translate3d(0px,0px,0) rotate3d(0,0,1,0deg);
		-ms-transform: translate3d(0px,0px,0) rotate3d(0,0,1,0deg);
	}
}


/* ========================================== */
/* ! Provide higher res assets for retina devices   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

}