@font-face {
	font-family: 'Player';
	src: url('/_assets/player/mini/font/player.eot');
	src: local('☺'), url('/_assets/player/mini/font/player.woff') format('woff'), url('/_assets/player/mini/font/player.ttf') format('truetype'), url('/_assets/player/mini/font/player.svg') format('svg');
	font-weight: 200;
	font-style: normal;
}
@media screen and (min-width: 550px) /* Full  */ {
	#container{
		padding: 75px;
	}
	.GridBlock{
		width: 33%;
	}
	.atvImg {
		transform-style: preserve-3d;
		-webkit-tap-highlight-color: rgba(#000,0);
		position: relative;
		z-index: 15;
		display: inline-block;
	}
	.atvImg img {
		box-shadow: 0 2px 8px rgba(14,21,47,0.25);
	}
	
	.atvImg-container {
		position: relative;
		width: 100%;
		height: auto;
		transition: all 0.2s ease-out;
	}
	
	.atvImg-container.over .atvImg-shadow {
		box-shadow: 0 45px 100px rgba(14,21,47,0.4), 0 16px 40px rgba(14,21,47,0.4);
	}
	
	.atvImg-layers {
		position: relative;
		width: 100%;
		height: auto;
		transform-style: preserve-3d;
	}
	
	.atvImg-rendered-layer {
		width: auto;
		height: auto;
		background-repeat: no-repeat;
		background-position: center;
		background-color: transparent;
		background-size: cover;
		transition: all 0.1s ease-out;
		line-height: 0;
	}
	
	.atvImg-shadow {
		position: absolute;
		top: 5%; 
		left: 5%;
		width: 90%;
		height: 90%;
		transition: all 0.2s ease-out;
		box-shadow: 0 8px 30px rgba(14,21,47,0.6);
	}
	
	.atvImg-shine {
		position: absolute;
		top: 0; 
		left: 0; 
		right: 0; 
		bottom: 0;
		background: linear-gradient(135deg, rgba(255,255,255,.25) 0%,rgba(255,255,255,0) 60%);
	}
}
@media screen and (max-width: 970px) /* Mobile  */ {
	#container{
		padding: 15px;
		padding-top: 75px;
	}
	.GridBlock{
		width: 49%;
	}
}
@media screen and (max-width: 550px) /* Mobile  */ {
	#container{
		padding: 15px;
		padding-top: 75px;
	}
	.GridBlock{
		width: 100%;
	}
} 
html, body{
	height: auto;
}
#container{
	box-sizing: border-box;
	position: relative !important;
} 
#Grid{
	width: 100%;
	height: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
a{
	position: relative;
}
.GridBlock{
	padding: 1%;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}
.GridBlock:hover{
	z-index: 999;
}
.atvImg-rendered-image{
	width: 100%;
}
.GridBlockImg{
	width: 100%;
}
.TapGrid{
	animation: tap 0.5s forwards;
	-webkit-animation: tap 0.5s forwards;
}
@-webkit-keyframes tap{
	0%{
	    -webkit-filter: blur(0px);
	    -moz-filter: blur(0px);
	    filter: blur(0px);
		box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0);
	}
	100%{
	    -webkit-filter: blur(3px);
	    -moz-filter: blur(3px);
	    filter: blur(3px);
		box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.8);
	}
	
}
#player{
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 9120;
    overflow: hidden;
}
#closeButton{
    position: fixed;
	width: 41px;
	height: 50px;
    margin: 8px;
    opacity: 0.9;
    z-index: 9121;
    cursor: pointer;
    opacity: 0.5;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
}
#closeButton:after{
	font-family: 'player';
	font-size: 50px;
    font-weight: 300;
	content: '\e800'; 
	margin-top: -50px;
}
#closeButton:hover{
    opacity: 1;
    color: rgba(0, 191, 246, 0.8);
}
.tapCloseButton{
    opacity: 1;
    color: rgba(0, 191, 246, 0.8);
}
#video{
    width: 100%;
    height: 100%;
    z-index: 121;
}
.atvImg-layer:after{
	font-family: 'player';
	font-size: 50px;
    font-weight: 300;
	content: '\e801'; 
	position: absolute;
	left: 50%;
	margin-left: -20px;
	top: 30%;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
}
.atvImg-rendered-layer:after{
	font-family: 'player';
	font-size: 50px;
    font-weight: 300;
	content: '\e801'; 
	position: absolute;
	left: 50%;
	margin-left: -20px;
	top: 50%;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
}
#copyrights{
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	height: 30px;
	margin: 0;
	left: 0;
}