.home-screens {
	position: relative;
	border-bottom: 1px solid #ddd;
}

@media (min-width: 992px) {
	.home-screens {
		height: 540px;
	}
}

@media (min-width: 992px) {
	.home-screens .graphic {
		height: 100%;
		width: 444px;
		position: absolute;
		top: 0;
		right: 0;
		
		background-repeat: no-repeat;
		background-position: right center;
		
		
		-o-transition: .5s;
		-ms-transition: .5s;
		-moz-transition: .5s;
		-webkit-transition: .5s;
		transition: .5s;
	}
}

.home-screens .pics .graphic:nth-child(2) {
	display: none;
	transition: background 1.5s linear;
}

.home-screens .pics .graphic:nth-child(3) {
	display: none;
	transition: background 1.5s linear;
}

.home-screens .content {
	text-align: center;
}

@media (min-width: 992px) {
	.home-screens .content {
		position: absolute;
		top: 0;
		left: 0;
		width: 70%;
	}
}

.home-screens .t1 {
	margin-top: 60px;
	font-size: 1.8em;
	font-weight: bold;
	color: #f05a28;
}

.home-screens .t2 {
	margin-top: 20px;
	font-size: 1.2em;
	color: #000;
}

.home-screens .game-box {
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	margin: 0 auto;
}

@media (min-width: 992px) {
	.home-screens .game-box {
		width: 500px;
		height: 250px;
	}
}

@media (max-width: 991px) {
	.home-screens .game-box {
		width: 90%;
		height: 250px;
		background-size: 100% auto;
	}
}

.home-screens .game-box .play {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.home-screens .more {
	margin-bottom: 60px;
}

.home-screens .more a {
	display: inline-block;
	margin: 0 15px;
	padding: 5px 15px;
	border-radius: 4px;
	font-size: 1.5em;
}

.home-screens .more a.product-page {
	border: 1px solid #ddd;
	color: #f05a28;
}

.home-screens .more a.order-now {
	border: 1px solid #ddd;
	background: #f05a28;
	color: #fff;
}

@media (max-width: 991px) {
	.home-screens .more a.order-now {
		margin-top: 20px;
	}
}

/**/

.lcd {
	position: relative;
	background-color: #f1f1f1;
	margin: 0 -15px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.lcd:before {
	padding-bottom: 100%;
	display: block;
	content: '';
}

[dir="rtl"] .lcd-1 {
	background-image: url(images/he/pic-1.jpg);
}
[dir="rtl"] .lcd-2 {
	background-image: url(images/he/pic-2.jpg);
}
[dir="rtl"] .lcd-3 {
	background-image: url(images/he/pic-3.jpg);
}
[dir="rtl"] .lcd-4 {
	background-image: url(images/he/pic-4.jpg);
}

[dir="ltr"] .lcd-1 {
	background-image: url(images/en/pic-1.jpg);
}
[dir="ltr"] .lcd-2 {
	background-image: url(images/en/pic-2.jpg);
}
[dir="ltr"] .lcd-3 {
	background-image: url(images/en/pic-3.jpg);
}
[dir="ltr"] .lcd-4 {
	background-image: url(images/en/pic-4.jpg);
}

.lcd > div {
	position: absolute;
	bottom: 0;
	width: 100%;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	
	padding: 15px;
	padding-top: 30px;
	color: #fff;
	font-size: 1.2em;
}

.about {
	padding: 50px;
}

@media (max-width: 991px) {
	.about {
		padding: 30px;
	}
}

/**/

.video-background {
	background: #000;
	top: 0; right: 0; bottom: 0; left: 0;
	overflow: hidden;
	position: relative;
}

.video-background:before {
	content: '';
	display: block;
	padding-bottom: 56.25%;
}

.video-foreground,
.video-background iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*pointer-events: none;*/
}
#vidtop-content {
	top: 0;
	color: #fff;
}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}