html,
button,
input,
select,
textarea {
	color: #222;
}

body {
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 1em;
	line-height: 1.4;
	/*min-width: 980px; - tt */
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}
body.mobile{
	width:100%;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

img {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

#chrome-frame {
	position: absolute;
	z-index: 100;
	width: 100%;
	background: #191919;
	color: #fff;
	padding: 20px 0;
	text-align: center;
	border-bottom: 1px solid #000;
}

#chrome-frame a {
	color: #f9a11b;
	text-decoration: none;
}

#chrome-frame a:hover {
	text-decoration: underline;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.container {
	position: relative;
	/*width: 980px;*/
	margin: 0 auto;
	padding: 0;
}

.text-link {
	color: #fff;
	opacity: 0.3;
	filter: alpha(opacity=30);
	font-size: 0.9em;
	text-decoration: none;
	-o-transition:0.5s;
  -ms-transition:0.5s;
  -moz-transition:0.5s;
  -webkit-transition:0.5s;
  transition:0.5s;
}
.mobile .text-link{
	font-size: 0.3em;
}
.text-link:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.device .screen {
	position: absolute;
	width: 120px;
	background: url(http://cfm.yidio.com/app/img/activity-indicator-black.gif) center no-repeat #050505;
	z-index: 10;
}
.device .overlay img{
	width:90px;
}
.device .screen img{
	width:80px;
}


.feature .device .screen {
	background: none;
}

.device .next-hint {
	display: none;
	position: absolute;
	bottom: 0;
	height: 130px;
	z-index: 40;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
}

#intro .device .next-hint {
	width: 364px;
	right: 21px;
}

.feature .device .next-hint {
	width: 250px;
	right: 17px;
}

.lt-ie9 .device .next-hint {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}

.lt-ie10 .device .next-hint {
	filter: none;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

.device .next-hint img {
	display: block;
	position: absolute;
	top: 75px;
}

#intro .device .next-hint img {
	left: 142px;
}

.feature .device .next-hint img {
	left: 82px;
}

.device .timer {
	position: absolute;
	width: 246px;
	height: 3px;
	background: #fff;
	opacity: 0.3;
	filter: alpha(opacity=30);
	z-index: 30;
	bottom: 0;
	right: 17px;
}

#intro .device .timer {
	width: 364px;
	right: 21px;
}

.feature .device .timer {
	width: 246px;
	right: 17px;
}

#features .device .overlay {
	position: absolute;
	z-index: 50;
	cursor: pointer;
}

#top-nav {
	display: none;
	position: fixed;
	z-index: 60;
	width: 100%;
	height: 113px;
	background: rgba(13, 13, 13, 0.96);
	opacity: 0;
}

.lt-ie9 #top-nav {
	background: url(http://cfm.yidio.com/app/img/topnav-bg.png);
}

#top-nav .logo {
	width: 111px;
}

#top-nav .nav {
	float: left;
	margin-top: 22px;
	margin-left: 20px;
}

#top-nav ul {
	padding: 0;
	margin: 10px 0 0 12px;
	list-style-type: none;
}

#top-nav li {
	float: left;
	margin-right: 20px;
}

#top-nav .download {
	float: right;
	text-align: right;
	margin-top: 31px;
	margin-right: 20px;
}

#background {
	position: fixed;
	width: 100%;
	z-index: 20;
	background: #191919;
}

.overlay.radial {
	position: absolute;
	width: 980px;
	height: 618px;
	left: 0;
	top: 42px;
	z-index: 10;
	background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 579, color-stop(0%, rgba(25, 25, 25, 0.15)), color-stop(82%, #191919));
	background-image: -webkit-radial-gradient(center center, farthest-corner circle, rgba(25, 25, 25, 0.15) 0%, #191919 82%);
	background-image: -moz-radial-gradient(center center, farthest-corner circle, rgba(25, 25, 25, 0.15) 0%, #191919 82%);
	background-image: -ms-radial-gradient(center center, farthest-corner circle, rgba(25, 25, 25, 0.15) 0%, #191919 82%);
	background-image: -o-radial-gradient(center center, farthest-corner circle, rgba(25, 25, 25, 0.15) 0%, #191919 82%);
	background-image: radial-gradient(farthest-corner circle at center center, rgba(25, 25, 25, 0.15) 0%, #191919 82%);
}

.lt-ie10 .overlay.radial {
	background: url(http://cfm.yidio.com/app/img/gradient-mask.png) !important;
}

.overlay.linear {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 11;
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #010101), color-stop(100%, rgba(1, 1, 1, 0)));
	background-image: -webkit-linear-gradient(top, #010101 0%, rgba(1, 1, 1, 0) 100%);
	background-image: -moz-linear-gradient(top, #010101 0%, rgba(1, 1, 1, 0) 100%);
	background-image: -ms-linear-gradient(top, #010101 0%, rgba(1, 1, 1, 0) 100%);
	background-image: -o-linear-gradient(top, #010101 0%, rgba(1, 1, 1, 0) 100%);
	background-image: linear-gradient(to bottom, #010101 0%, rgba(1, 1, 1, 0) 100%);
}

.lt-ie10 .overlay.linear {
	filter: none;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSJyZ2IoMSwgMSwgMSkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9InJnYmEoMSwgMSwgMSwgMCkiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZzEpIiAvPjwvc3ZnPg==);
}

.mobile #background .container {
	overflow: hidden;
}

.posters {
	position: relative;
	width: 100%;
	top: -42px;
	left: 0px;
}

.posters .poster {
	display: block;
	opacity: 0;
	width:50px;
	height:70px;
	float: left;
	margin: 0 7px 7px 0;
}

#intro {
	position: relative;
	z-index: 30;
	min-height:200px;
}

#intro .content {
	float: left;
	width: 50%;
	padding: 19px 0 0 10px;
}

#intro .content .logo {
	display: block;
	margin-bottom:10%;
	opacity: 0;
}
#intro .content .logo img{
	width:40%;
}

#intro .tagline {
	font-weight: 200;
	color: #FFF;
	font-size: 1.1em;
	letter-spacing: -0.02em;
	line-height: 1.1em;
	margin-bottom: 50px;
	opacity: 0;
}

.mobile #intro .tagline {
	font-weight: 300;
	margin: 20px 0;
}

.lt-ie9 #intro .tagline {
	font-size: 3em;
}

#intro .sms {
	position: relative;
	opacity: 0;
	display:none;
}

#intro .sms span {
	display: block;
	color: #878787;
	color: rgba(255,255,255, 0.5);
	font-size: 1.1em;
	margin-bottom: 8px;
}

#intro .sms input {
	width: 328px;
	border: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 17px 69px 15px 17px;
	color: #CACACA;
	font-size: 2em;
	font-weight: 300;
	margin-bottom: 20px;
	height: 37px;
	display: block;
	background: url(http://cfm.yidio.com/app/img/activity-indicator-white.gif) no-repeat 360px center #FFF;
	background-size: 40px;
}

.lt-ie9 .sms input {
	background: #FFF !important;
}

#intro .sms .button {
	display: block;
	position: absolute;
	left: 353px;
	margin-top: -81px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 53px;
	height: 53px;
	border: 0;
	background: #f9a11b;
	background: -moz-linear-gradient(top,  #faab1e 0%, #f89818 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faab1e), color-stop(100%,#f89818));
	background: -webkit-linear-gradient(top,  #faab1e 0%,#f89818 100%);
	background: -o-linear-gradient(top,  #faab1e 0%,#f89818 100%);
	background: -ms-linear-gradient(top,  #faab1e 0%,#f89818 100%);
	background: linear-gradient(to bottom,  #faab1e 0%,#f89818 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faab1e', endColorstr='#f89818',GradientType=0 );
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.6), inset 0px -1px 1px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.6), inset 0px -1px 1px 0px rgba(0,0,0,0.15);
	box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.6), inset 0px -1px 1px 0px rgba(0,0,0,0.15);
	cursor: pointer;
}

#intro .sms .button img {
	margin: 14px;
}

#intro .content .badges {
	opacity: 0;
}

.badges.big {
	display: block;
	width: 430px;
	height: 88px;
}

.badges.big a {
	display: block;
	float: left;
	width: 195px;
	height: 67px;
	background: #171717;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: 2px solid #515151;
	border: 2px solid rgba(255,255,255, 0.25);
	-o-transition:0.5s;
  -ms-transition:0.5s;
  -moz-transition:0.5s;
  -webkit-transition:0.5s;
  transition:0.5s;
}

.badges.big a:hover {
	border: 2px solid rgba(255,255,255,0.7);
}

.badges.big a.ios {
	margin-right: 18px;
}

.badges.small a {
	display: block;
	float: left;
	width: 28%;
	height: auto;
	background: #171717;
	background: rgba(23,23,23, 0.6);
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	border: 2px solid #515151;
	border: 2px solid rgba(255,255,255, 0.10);
	-o-transition:0.5s;
  -ms-transition:0.5s;
  -moz-transition:0.5s;
  -webkit-transition:0.5s;
  transition:0.5s;
  margin-right: 5px;
	line-height: 0px;
}

.badges.small a:hover {
	background: #171717;
	border: 2px solid rgba(255,255,255,0.7);
}
.badges.small a img{
	width:100%;
}
.content .badges .windows {
	margin-right: 11px;
}

.badges .amazon {
	margin-right: 0 !important;
}

#intro .device {
	opacity: 0;
	position: relative;
	z-index: 50;
	width: 40%;
	float: right;
	margin: 19px 10px 0 0;
	bottom: -200px;
}

#intro .device .overlay {
	position: absolute;
	z-index: 50;
	cursor: pointer;
}

#intro .device .screen {
	left: 10px;
	top: 31px;
	width: 90%;
	/*height: 473px; - tt*/
	overflow: hidden;
}

#intro .device .screen img {
	display: none;
	position: absolute;
	width:100%;
}

#intro .device .overlay img{
	width:100%;
	
}


#tagline {
	position: relative;
	z-index: 20;
	background: #fffaef;
	margin: 0 auto;
	text-align: center;
}

#tagline h1 {
	color: #000;
	opacity: 0;
	font-size: 3.2em;
	letter-spacing: -0.05em;
	margin: 0;
	padding: 36px 0 6px 0;
}

#tagline h2 {
	color: #000;
	opacity: 0;
	font-size: 2.0em;
	font-weight: normal;
	line-height: 1.2em;
	letter-spacing: -0.05em;
	margin: 0;
	padding: 0 0 47px 0;
}

#trailer {
	position: relative;
	z-index: 40;
	background: #fff;
	padding: 55px 0;
}
.mobile #trailer{
	padding: 25px 0;
}

#trailer .container {
	opacity: 0;
	/*width: 940px;*/
	padding: 0 10px;
	text-align: center;
}

#trailer .cover {
	display: block;
	position: absolute;
	background: url(http://cfm.yidio.com/app/img/video.jpg);
	z-index: 10;
}

#trailer .cover .play {
	display: block;
	position: absolute;
	width: 178px;
	height: 178px;
	left: 381px;
	top: 175px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-o-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
	transition:0.5s;
}

#trailer .cover:hover .play {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.player iframe {
	position: absolute;
}

#features {
	margin-bottom: 296px;
}

#features .section {
	position: relative;
	z-index: 20;
	height: 517px;
	padding-top: 55px;
	border-top: 1px solid #e5e5e5;
}
.mobile #features .section{
	padding-top:25px;
	height: 160px;
}

#features h3 {
	font-size: 2.7em !important;
	color: #131313;
	font-weight: 400;
	letter-spacing: -0.03em;
	display: block;
	margin: 0;
	padding: 0;
}

.mobile #features h3 {
	font-size:1.0em !important;
}

#features p {
	font-size: 1.3em;
	color: #585858;
	display: block;
	margin: 10px 0 0 0;
	padding: 0;
}
.mobile #features p {
	font-size:.7em;
}

#features .device-right {
	background: #fff;
}

#features .device-left {
	background: #fffaef;
}

#features .device {
	position: relative;
	width: 90px;
	height: 160px;
	overflow: hidden;
	opacity: 0;
	top: 100px;
}

#features .device .screen {
	left: 18px;
	top: 73px;
}

.mobile #features .device .screen {
	left: 5px;
	top: 20px;
}

.phone-shadow {
	display: none;
	position: absolute;
	background: url(http://cfm.yidio.com/app/img/phone-shadow.png);
	width: 350px;
	height: 34px;
}

.device-left .phone-shadow {
	top: -55px;
	right: 36px;
}

.device-right .phone-shadow {
	top: -55px;
	left: 35px;
}




#footer .phone-shadow {
	top: 0px;
	right: 35px;
}

#features .content {
	position: relative;
	display: table;
	width: 50%;
	overflow: hidden;
	margin: 0 0 0 70px;
	padding: 0;
	opacity: 0;
}
.mobile #features .content{
	margin:0 0 0 20px;
	height: 160px;
}

#features .v-center {
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
}

#features .v-center-text {
	#position: relative;
	#top: -50%;
}

#features .device-left .device {
	float: left;
	margin-left: 20px;
}

#features .device-right .device {
	float: right;
	margin-right: 20px;
}

#features .device-left .content {
	float: left;
	left: -50px;
}

#features .device-right .content {
	float: left;
	right: -50px;
}

#footer {
	display: block;
	position: fixed;
	width: 100%;
	bottom: 0px;
	height: 297px;
	background: #010101;
	background: -moz-linear-gradient(top, #010101 0%, #191919 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#010101), color-stop(100%,#191919));
	background: -webkit-linear-gradient(top, #010101 0%,#191919 100%);
	background: -o-linear-gradient(top, #010101 0%,#191919 100%);
	background: -ms-linear-gradient(top, #010101 0%,#191919 100%);
	background: linear-gradient(to bottom, #010101 0%,#191919 100%);
}

.mobile #footer{
	height:150px;
}

#get-app {
	width: 100%;
	text-align: center;
	padding: 63px 0 20px 0;
	color: #ff9810;
	font-size: 2.2em;
	letter-spacing: -0.02em;
}

.mobile #get-app {
	font-size:1.2em;	
	padding-top:23px;
}

#footer .bar {
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 0;
	text-align: center;
	height: 42px;
}
.mobile #footer .bar{
	height:16px;
}
#copyright {
	margin: 13px 14px;
	float: left;
	font-size: 0.9em;
	color: #fff;
	opacity: 0.3;
	filter: alpha(opacity=30);
	cursor: default;
}
.mobile #copyright{
	font-size:0.3em;
	margin:5px 5px;
}
#browser-too {
	display: inline-block;
	margin-top: 13px;
	margin-left: 35px;
}
.mobile #browser-too{
	margin-top:5px;
	margin-left:10px;
	float:right;
}
#browser-too img {
	position: relative;
	margin-left: 8px;
	top: -1px;
}
.mobile #browser-too img {
	margin-left: 1px;
	width: 8px;
  height: 5px;
}

#footer .badges {
	margin: 0 auto;
}
.mobile #footer .badges.small a{
	width: 27%;
	margin-left:10px;
	
}
#footer .nav {
	float: right;
	margin: 10px 8px;
}

.mobile #footer .nav{
	display:none;
}

#footer .text-link {
	margin-right: 16px;
}

.mobile #footer .text-link {
	margin-right:8px;
}

#footer .ico-link {
	position: relative;
	margin-right: 10px;
	top: -1px;
	opacity: 0.3;
	filter: alpha(opacity=30);
	-o-transition:0.5s;
  -ms-transition:0.5s;
  -moz-transition:0.5s;
  -webkit-transition:0.5s;
  transition:0.5s;
}

#footer .ico-link:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

/* Smartphones (portrait and landscape) */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	#top-nav {
		background: rgba(13, 13, 13, 0.9);
	}
	
	#background {
		position: absolute;
	}
	
	#footer {
		position: relative;
		bottom: auto;
	}
	
	#trailer .cover {
		display: none;
	}
	
	#features {
		margin-bottom: 0;
	}
	
	#features .device {
		opacity: 1;
		top: 0;
	}
	
	#features .device-left .content {
		left: 0;
		opacity: 1;
	}
	
	#features .device-right .content {
		right: 0;
		opacity: 1;
	}
	
	#trailer .cover {
    width: 300px;
    height: 171px;
	}
	#player{
		width: 300px;
		height: 170px;
	}
}

@media only screen and (min-device-width : 340px){
	#features .content{
		width:60%;
	}
	.mobile #features p {
	  font-size: .8em;
  }
}

@media only screen and (min-device-width : 400px){
	#trailer .cover {
    width: 380px;
    height: 220px;
	}
	#player{
		width: 380px;
		height: 221px;
	}
}


/* iPads (portrait and landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 980px) {
	#top-nav {
		background: rgba(13, 13, 13, 0.9);
	}
	
	#background {
		position: absolute;
	}
	
	#intro {
		min-height:400px;
	}
	#intro .tagline{
		font-size:2.9em;
	}
	#footer {
		position: relative;
		bottom: auto;
	}
	
	.posters .poster {
    display: block;
    opacity: 0;
    width: 130px;
    height:195px;
    margin: 0 7px 2px 0;
	}
	
	#player {
    width: 720px;
    height: 410px;
	}
	
	#trailer .cover {
		display: none;
	}
	
	#features {
		margin-bottom: 0;
	}
	
	#features .device-left .device {
    float: left;
    margin-left: 70px;
	}
	#features .device-right .device {
    float: right;
    margin-right: 70px;
	}
	.mobile #features h3 {
    font-size: 2.0em !important;
	}
	.mobile #features p {
    font-size: 1.0em;
	}
	.mobile #features .section {
    padding-top: 25px;
    height: 350px;
	}
	#features .device {
		opacity: 1;
		top: 0;
		width:200px;
		height:350px;
	}
	.mobile #features .content {
    margin: 0 0 0 70px;
		width: 50%;
		height:350px;
	}
	
	#features .device-left .content {
		left: 0;
		opacity: 1;
	}
	
	#features .device-right .content {
		right: 0;
		opacity: 1;
	}
	
	.device .overlay img{
		width:200px;
		height: 384px;
	}
	.device .screen img{
		width:190px;
	}
	#footer .badges {
    margin: 0 auto;
    width: 417px;
	}
	.mobile #footer {
    height: 200px;
	}
	.mobile #footer .bar {
    height: 30px;
	}
	.mobile #copyright {
    font-size: 0.9em;
    margin: 5px 5px;
	}
	.mobile #get-app {
    font-size: 1.9em;
    padding-top: 23px;
	}
	.mobile .text-link {
    font-size: 0.9em;
	}
	.mobile #browser-too img {
    margin-left: 1px;
    width: 16px;
    height: 10px;
	}	
}

@media (min-width: 980px){
		
		
	/* Overall Styles */
	.container {
	   width: 980px;
	}
	.badges.small a {
		display: block;
		float: left;
		width: 127px;
		height: 46px;
		margin-right: 12px;
	}
	.badges.small a img{
		width:127;
		height:46;
	}
	
	/* Intro */ 
	.posters {
		width: 978px;
		top: -42px;
		left: 140px;
	}
	.posters .poster {
		width: 156px;
		height: 234px;
	}
	#intro .content .logo {
    margin-bottom: 50px;
	}
	#intro .content {
		width: 50%;
		padding: 40px 0 0 20px;
	}
	
	#intro .content .logo img{
		width: 173px;
    height: 61px;
	}
	#intro .tagline {
    font-size: 3.5em;
	}
	#intro {
		height: 618px;
	}
	#intro .device {
    opacity: 0;
    position: relative;
    z-index: 50;
    width: 406px;
    height: 574px;
    float: right;
    margin: 44px 17px 0 0;
    bottom: -200px;
	}
	#intro .device .screen {
    left: 27px;
    top: 101px;
    width: 352px;
    height: 473px;
    overflow: hidden;
	}
	
	
	#intro .sms{
		display:block;
	}
	
	.device .screen {
		width:250px;
		height:444px;
	}
	
	/* Trailer */
	#trailer .container{
		padding: 0 20px;
	}
	
	#trailer .cover {
		width: 940px;
    height: 528px;
    margin-left: 20px;
	}
	#player{
		width: 940px;
		height: 528px;
	}
	
	#intro .device .overlay {
    position: absolute;
    z-index: 50;
    cursor: pointer;
	}
	#intro .device .overlay img{
		width:406px;
		height:574px;
	}
	#intro .device .screen img{
		width:352px;
		height:473px;
	}
	#intro .device .screen {
    left: 27px;
    top: 101px;
    width: 100%;
    overflow: hidden;
	}
	
	/* Device code for other sections */
	.device .overlay img{
		width:285px;
		height:517px;
	}
	.device .screen img{
		width:250px;
		height:444px;
	}
	
	/* Features Section */
	#features .device {
    position: relative;
    width: 285px;
    height: 425px;
	}
	#features .content {
    width: 490px;
    height: 517px;
	}
	#features .device-left .device {
    margin-left: 66px;
	}
	#features .device-right .device {
    margin-right: 66px;
	}
	
	/* Footer */
	#footer .badges {
    margin: 0 auto;
    width: 417px;
    height: 50px;
}
	
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}