@import url(https://fonts.googleapis.com/css?family=Kanit:600);
@import url('https://fonts.googleapis.com/css?family=Chakra+Petch:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Chakra+Petch');


body, html{
	height:100%;
	padding:0;
	margin:0;
}
body{
	/*border-top: 20px solid #92979a;*/
	/* background-color:#0e1820; */
}
a,a:hover{
	text-decoration: none !important;
}
.head{
	/* width: 80%; */
	/* padding: 0 20%; */
	/* margin: auto; */
	/* border-radius: 0 0 5px 5px; */
	overflow: hidden;
	/*border-bottom: 3px solid #afb9bd;*/
	padding-top: 64px;
	background: url(../imgs/head-bg.jpg) #0f2635;
	font-family: "Chakra Petch", sans-serif;
	/* -webkit-animation:head-start 1s 1 linear, energy-bg 10s infinite linear 1s; */
	/* animation:head-start 1s 1 linear, energy-bg 10s infinite linear 1s; */
	min-height: 300px;
	background-size: cover;
	border-top: 25px solid #22658f;
	/* border-bottom: 3px solid #3e9eb6; */
	/* border-image: url(../imgs/menu-bg.jpg); */
	background-position: center top;
}
.head:after{
	content:"";
	display: block;
	height: 100px;
	background: #fff;
	position: relative;
	border-top: 3px solid #137389;
	z-index: 10;
	top: 80px;
	transform: skewY(-1deg);
	transform-origin: 0%;
}
.works .head{ 
	min-height:75px;
}
.head.static{ 
	/*border-bottom: 3px solid #afb9bd;*/
	margin-top:50px;
	background:url(../imgs/energy-bg.jpg) #0e1820 repeat-x;
	font-family: 'Kanit', sans-serif;
	-webkit-animation:none;
	animation:none;
	min-height:210px;
}
.content img{
	max-width:100%;
}
.head .energy:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 300px;
	opacity: 0;
	background:url(../imgs/energy.png) transparent repeat-x;
	-webkit-animation: energy 8s infinite 4s;
	animation: energy 10s infinite 0s;
	animation-timing-function: linear;
	/* transform: skewY(4deg); */
}
.head .energy2:before{
	/* z-index: 20; */
	content: "";
	position: absolute;
	width: 100%;
	height: 300px;
	opacity:0;
	background:url(../imgs/energy.png) transparent repeat-x center;
	-webkit-animation: energy2 8s infinite linear 0s;
	animation: energy2 10s infinite linear 0s;
	/* transform: skewY(4deg); */
}
.head .container {
	padding: 6px 0 6px 0;
}
.works .head .container {
	padding:6px 0 5px 0
}
.menu{
    transform: rotate(-1deg);
    transform-origin: left;
    text-align: center;
    padding: 0px;
    padding-top: 30px;
    line-height: 28px;
    position: absolute;
    top: 0px;
    color: #285463;
    display: block;
    /* height: 50px; */
    background: url(../imgs/menu-bg.jpg);
    background-size: 100% 100%;
    z-index: 3;
    box-shadow: 0 3px 0px #0003;
}
footer a{
    color: #30b3d6;
    font-size: 15px;
    font-weight: 500;
    font-family: "Chakra Petch", sans-serif;
    text-decoration: none;
    transition: 0.2s all;
    position: relative;
}
.menu a{
    color: #64c9da;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300;
    /* font-family: "Niramit", sans-serif; */
    text-decoration: none;
    border-bottom: 2px solid rgb(22, 75, 107);
    padding: 10px 28px 6px;
    transition: 0.2s all;
    position: relative;
    /* display: inline-block; */
    z-index: 100;
}
.menu a:hover{
    color: #fff;
    text-decoration: none;
    border-bottom: 2px solid #c9fffa;
    padding-bottom: 6px;
    /* letter-spacing: 1px; */
}
.menu a.active{
    color: #5adef8 !important;
    text-decoration: none;
    border-bottom: 2px solid rgb(90, 222, 248);
    padding-bottom: 6px;
    text-shadow: 0px 0px 15px #01fff6aa;
}
.menu a:hover,  footer a:hover{
    color: #c9fffa;
    text-shadow: 0px 0px 15px #01fff6aa;
    text-decoration: none;
}


.content, .content-game{

/* background: #f9f9f9; */

/* margin-top: 45px; */
}
.works .content{
	background-image:none;	
	background-color:#d7dde0;	
}
.content-game object{
	max-width:100%;
}

.content-game .game {
    text-align: center;
    margin-top: 60px;
    position: relative;
    z-index: 300;
}
.game .info:before{
    /* content:""; */
    /* background: #f3f3f3; */
    display: block;
    position: absolute;
    left: -1px;
    top: 0px;
    width: 20px;
    height: 350px;
    transition: all 0.2s ease, background-position 0.2s ease;
    transform: skewX(2.8deg);
    transform-origin: bottom;
}
.content-game .info h2{
    text-align: center;
    margin-top: 60px;
}
.content-game .info{
    margin-bottom: 40px;
}
.content .container{
	/* padding:0; */
}
.banner{
    margin-top: 50px;
    background: #8f93b1;
    /* box-shadow: 0px 0px 50px -17px rgb(55, 137, 176); */
    /* padding: 7px; */
    border: 10px solid #f3f3f3;
    max-width: 302px;
    /* min-height: 90px; */
    z-index: 170;
}
.content-wrapper{
	background: #f3f3f3;
}
.content-wrapper:before{
	content: "";
	display: block;
	height: 100px;
	background: #f3f3f3;
	position: relative;
	z-index: 5;
	top: 0px;
	transform: skewY(-1deg);
	transform-origin: 0%;
	border-top: 5px solid #ededf1;
	/* position: absolute; */
}
.content .row.game{
	
margin: 0px 0px 90px;
	
/* background-color: #f3f3f3; */
	
/* box-shadow: 0px 20px 160px -70px rgba(66, 66, 66, 0.7), 0px 2px 7px 0px rgba(66, 66, 66, 0.12); */
	
border-radius: 4px;
	
/* overflow: hidden; */
	
border: solid 0px #209ecc10;
	
border-color: #2d83c826;
	
/* border-left: 10px solid #2d83c8; */
	
/* border-image: url(../imgs/border.jpg) 30 repeat; */
	
/* border-right: 10px solid #ffffff; */
	
margin-right: 0px;
	
/* border-style: dashed; */
	
/* left: 25px; */
}
.content .row.game.work{
    margin-top: 30px;
}
.content .row.game.work .row.game{
    margin: 100px 0px 160px;
}
.content .row.game.work h4{
    font-weight:bold;
	color:#000;
}
.content .row.game a{
	
	color:#000;
}
.content .row.game .info{
    padding: 40px 5% 30px;
    /* text-align: center; */
    height: 285px;
    position: relative;
    background: #f3f3f3;
    margin: 32px 0px 30px 0px;
    /* width: 50%; */
    border: 10px solid #e6e9ec;
    left: 20px;
    border-radius: 3px;
    box-shadow: 0 3px 30px #22405455;
    z-index: 2;
    top: 5px;
}

.title-head{
	position:relative;
	z-index:2;
	height: 100px;
	text-align: center;
}
.gear-container{
    display: inline;
    z-index: 1;
    position: absolute;
    transform: scale(0.7,0.8);
    margin-left: 0px;
    margin-top: -45px;

}
.head.static .gear-container {
    display: inline;
    z-index: 1;
    position: absolute;
    transform: scale(0.8,0.8);
    margin-left: -57px;
    margin-top: -73px;
}
.gear img{
	width:180px;
	height:180px;
}
.gear2 img, .gear3 img, .gear4 img{
	width:183px;
	height:183px;
}
.gear-sdw img{
	width:233px;
	height:233px;
}
.gear-brillo img{
	position: absolute;
    z-index: 5;
    top: -13px;
    left: -11px;
    width: 245px;
	height: 210px;
}
.gear2, .gear3, .gear4{
	top:-2px;
}
.gear img, .gear2 img, .gear3 img, .gear4 img, .gear-sdw img{
	-webkit-animation: gearprincipal-rotacion 1s infinite linear;
	animation: gearprincipal-rotacion 1s infinite linear;
}
.gear{
	position:absolute;
	z-index:3;
}
.gear2{
	position:absolute;
	z-index:2;
	left:-5px;
}
.gear3{
	position:absolute;
	z-index:2;
	left:-10px;
}
.gear4{
	position:absolute;
	z-index:2;
	left:-15px;
}
.gear-sdw{
	position:absolute;
	z-index:1;
	top:-20px;
	left:-55px;
}
.content .row {
	
position:relative;
	
transition: all 0.1s ease;
	
-webkit-transition: all 0.2s ease;
}
.content .row .game-img.zombie{
	background:url(../imgs/zombie-exploder.jpg) 50% 50% no-repeat #000;
	background-size: 100%;
	background-position-y: 60%;
	transition:all 0.5s ease;
	-webkit-transition:all 0.2s ease;
}
.content .row .game-img.ownage{
	background:url(../imgs/ownage-burst.jpg) 50% 50% no-repeat #000;
	background-size: 101%;
	transition:all 0.5s ease;
	background-position-y: 60%;
	-webkit-transition:all 0.2s ease;
}
.content .row .game-img.metele{
	background:url(../imgs/metele.jpg) 50% 50% no-repeat #000;
	background-size: 101%;
	background-position-y: 60%;
	transition:all 0.5s ease;
	-webkit-transition:all 0.2s ease;
}
.content .row .game-img{
	height: 350px;
	padding:0px;
	/* margin: 6px 0px; */
	/* z-index: 2; */
	border-radius: 4px;
	/* border: 10px solid #e6e9ec; */
	/* box-shadow: 3px 18px 20px -15px rgba(0,0,0,0.2); */
	/* transform: rotate(-1deg); */
}
.content .row .game-img:after{
	/* content:""; */
	/* background: #f3f3f3; */
	display:block;
	position:absolute;
	top: 0px;
	right: 0px;
	width: 20px;
	height: 100%;
	transform: skewX(3deg);
	transform-origin: top;
	/* border-left: 0px solid #fff; */
}
.content .row .game-img:after{
	/* content:""; */
	/* background: #f3f3f3; */
	/* transform-origin: bottom; */
	/* width: 30px; */
	/* height: 100%; */
	/* position: absolute; */
	/* top: 0; */
	/* right: 0; */
	/* transform: skewX(3deg); */
}

.content .row:hover .game-img{
	/* height:320px; */
	/* background-size: 105%; */
	/* box-shadow: 0 0 60px 10px rgba(255,255,255,0.3) inset; */
}

.content .play {
	/* opacity:0; */
	transition:all 0.2s;
	-webkit-transition:all 0.5s;
	width:100%;
	height:100%;
	background: rgba(255,255,255,0.1);
	/* background-blend-mode: soft-light; */
	position:relative;
	/* border-radius: 7px; */
	/* box-shadow: 30px 0px 30px #ffffff inset; */
}
.content .play h3{
	-webkit-animation:brillo 1s infinite linear;
	animation:brillo 1s infinite linear;
    border-radius: 100%;
    background: rgba(232, 239, 242, 0.9);
    display: inline-block;
    padding: 33px 0 0 0;
    left: 50%;
    line-height: 22px;
    margin-left: -55px;
    bottom: 80px;
    width: 110px;
    height: 110px;
    font-weight: bold;
    color: #000;
    text-align: center;
    position: absolute;
	-ms-transform: scale(2, 2); /* IE 9 */
    -webkit-transform: scale(2, 2); /* Safari */
    transform: scale(2, 2);
	transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
}
.content .row:hover .play {
	/* opacity:1; */
	transition:all 0.1s ease-out;
	-webkit-transition:all 0.1s ease-out;
	background: rgba(255,255,255,0);
}
.content .row:hover .play h3{
	-ms-transform: scale(1, 1); /* IE 9 */
    -webkit-transform: scale(1, 1); /* Safari */
    transform: scale(1, 1);
}
.content .row.game:hover {
	/* box-shadow: 0 0 0px 0px rgba(66, 183, 234, 1); */
	/* box-shadow: 0px 10px 80px -40px rgba(66, 66, 66, 0.7), 0px 2px 7px 0px rgba(66, 66, 66, 0.12); */
	/* background: #fff; */
	/* border-left-width: 20px; */
	/* border-right: 0px solid #ffffff; */
	margin-right: -10px;
	padding-left: 10px;
	border-left-color: #20c2cc;
}
.content .row.game:before {
	content:"";
	background:url(../imgs/border-bg.jpg) #162940;
	display: block;
	position: absolute;
	left: 0px;
	top: 14px;
	width: 48%;
	height: 130px;
	background-size: 100% 250%;
	background-position: 0px 100%;
	transform-origin: bottom;
	transition: all 0.2s ease, background-position 0.2s ease;
	box-shadow: 0 3px 30px #224054aa inset;
	transform: skewY(-1deg);
	/* border-right: 20px solid #f3f3f3; */
	z-index: 1;
	border-radius: 5px;
}
.content .row.game:hover:before {
	left: 0px;
	/* width: 50%; */
	background-position: 0px 0%;
}
.head h1{
	/* font-size: 1.8em; */
	/* line-height: 25px; */
	padding:0;
	margin:0;
	color:#ffffff;
	background-image: url(../imgs/logo.png);
	background-repeat: no-repeat;
	background-position: 50% 45%;
	background-size: 420px;
	display: block;
	height: 200px;
	color: transparent;
	width: 100%;
	top: -40px;
	position: relative;
}
.head h4{
	font-size: 13px;
    line-height: 1.4em;
	padding:0;
	margin:0;
	color:#acb8bd;
	font-family:"Arial", sans-serif;
}
.glyphicon.glyphicon-play{
	/* opacity: 0; */
	width: 10px;
	margin-right: 20px;
	height: 15px;
	line-height: 20px;
	overflow: hidden;
	margin-top: 10px;
	top: -5px;
	color: #2d83c8;
	text-indent: -12px;
	font-size: 64px;
	display: inline-block;
	width: 15px;
	transition: all 0.2s;
	transition-timing-function: ease-in-out;
	text-shadow: -3px 0px 0px rgba(255, 255, 255,0);
	box-shadow: 1px 3px 1px rgba(33, 102, 143,0.3);
	border-radius: 2px;
}
.logo-polefighter{

display: block;

height: 165px;

width: 280px;

background: url(../imgs/logo-polefighter.png);

z-index: 2;

background-repeat: no-repeat;

top: -30px;

left: 0;

position: relative;

margin: auto;

max-width: 100%;

background-size: contain;

margin-bottom: -14px;
}
.button-store{
	
display: block;
	
width: 216px;
	
margin: auto;
	
background-size: cover;
	
background-repeat: no-repeat;
	
height: 70px;
}
.button-AS{

background-image: url(../imgs/button-AS.png);
}
.button-GP{
	
background-image: url(../imgs/button-GP.png);
}
footer{
	padding:60px 0px;
	color: #e7faff;
	text-align:center;
	background: url(../imgs/menu-bg.jpg) #090b10;
	background-repeat: no-repeat;
	background-size: 100% 15px;
	
}
.work-link{
	position:relative;
}
.work-link:before {
    content: "";
	color:transparent;
	transition:all 0.5s ease;
    padding: 0px 0px;
    font-weight: bold;
    box-shadow: 0 0 10px #000;
    width: 0px;
    height: 0px;
    left: 50%;
    position: absolute;
    top: 50%;
    margin-left: 0px;
    border-radius: 100%;
    margin-top: 0px;
    background: rgba(0,0,0,0);
}
.work-link:hover:before {
    content: "VER";
    padding: 40px 0px;
    font-weight: bold;
    color: #fff;
    box-shadow: 0 0 10px #000;
    width: 100px;
    height: 100px;
    left: 50%;
    position: absolute;
    top: 50%;
    margin-left: -50px;
    border-radius: 100%;
    margin-top: -50px;
    display: inline-block;
    background: rgba(0,0,0,0.8);
}
.work-link:hover img{

}
.sectionDescription{

/* border: 2px solid #bad3d845; */

text-align: center;

/* border-radius: 8px; */

padding: 10px 30px 15px;

margin: auto;

margin-top: 15px;

max-width: 750px;

margin-bottom: 40px;
}
.sectionDescription h2 i{
	font-size:2em;
	display: block;
	color: #ffffff;
	margin: 0 0 13px;
	/* text-shadow: -5px -15px 94px #06e4dbcc, 5px 5px 24px #2b71ac28; */
	position: relative;
}
.sectionDescription h2 i.fa-certificate{
	font-size: 5em;
	display: block;
	position: relative;
	width: 100%;
	top: -26px;
	height: 0px;
	margin: 0 0 20px;
	color: #c8e3ea42;
	z-index: -1;
	text-shadow: none;
}
.sectionDescription h2{
	
color: #359ab3;
	
font-size: 27px;
	
font-weight: 100;
	
position: relative;
	
z-index: 1;
}
.info-more{
	
text-align: center;
	
padding: 0 15% 80px;
}
.game:hover .info .glyphicon.glyphicon-play{
	
font-size: 24px;
	
margin-right: 17px;
	
text-indent: 0px;
	
width: 25px;
	
height: 25px;
	
top: 2px;
	
color: #20c2cc;
	
margin-top: 0px;
	
box-shadow: 0px -1px 0px 0px rgba(255, 255, 255,0);
	
text-shadow: 1px 3px 1px rgba(33, 102, 143,0.3);
	
border-radius: 3px 100% 100% 3px;
}

figure.titleLlimoo {
    background-image: url(../imgs/title_llimoovshitler.png);
}
figure.titleZombie {
    background-image: url(../imgs/title_zombie.png);
}
figure.titleOwnage {
    background-image: url(../imgs/title_ownage.png);
}
figure.titleMetele {
    background-image: url(../imgs/title_metele.png);
}

figure.gameTitle {
    height: 160px;
    width: 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    position: absolute;
    display: block;
    left: 0px;
    margin-top: -32px;
    z-index: 1;
    /* background-color: #333; */
}
#flashcontent{
	position: relative;
	z-index: 10;
	margin-bottom: 60px;
	text-align: right;
	/* height: 400px; */
	transform-origin: top left;
	/* border: 6px solid #e6e9ec; */
	box-sizing: content-box;
	border-radius: 4px;
}
.promo{

/* height: 500px; */

padding: 70px 30px 22px;

width: 100%;

/* background-size: cover; */

background-repeat: no-repeat;

background-position: 78% 0%;

max-width: 1230px;

margin-bottom: 0px;
}
.promo.pole-fighter{
	
background-image: url(../imgs/promo-polefighter.jpg);
}
.promo-info{

background: #fff;

padding: 0px 40px 30px;

border-radius: 5px;

text-align: center;

height: 455px;
}
.game:hover .info h2{color: #128e98;/* text-shadow: -1px 1px 0px #20c2cc; */left: 30px;/* position: absolute; *//* display: inline-block; */}
.info h2{
	
transition: all 0.3s;
	
text-transform: uppercase;
	
text-shadow: -1px 2px 0px #728a9e7d;
	
margin-bottom: 25px;
	

}

.flashgamecont{
	
/* background: #f3f3f3; */
	
/* border: 10px solid #f3f3f3; */
	
border-radius: 3px;
	
margin: 0px 10%;
	
padding: 30px;
	
margin-bottom: 100px;
	
margin-top: 40px;
}
/* Chrome, Safari, Opera */
/*
@-webkit-keyframes gearprincipal-rotacion {
    0%   {-webkit-transform: rotate(0deg)}
    100% {-webkit-transform: rotate(45deg)}
}
@-webkit-keyframes energy-bg {
    0%   {background-position-x:0px; background-size: 900px 140px; background-position-y:15px;}
	40%  {background-position-x:-800px; background-size: 1250px 30px; background-position-y:65px;}
    100% {background-position-x:-900px; background-size: 900px 140px; background-position-y:15px;}
}
@-webkit-keyframes energy {
    0%   {background-position-x:0px; background-size: 900px 120px; background-position-y:20px;opacity:1;}
	40%  {background-position-x:-800px; background-size: 1250px 40px; background-position-y:60px;opacity:0;}
    100% {background-position-x:-900px; background-size: 900px 120px; background-position-y:20px;opacity:1;}
}
@-webkit-keyframes energy2 {
    0%   {background-position-x:-900px; background-size: 900px 40px; background-position-y:60px;opacity:0;}
	20%  {background-position-x:-800px; background-size: 900px 120px; background-position-y:20px;opacity:1;}
    50% {background-position-x:-600px; background-size: 900px 40px; background-position-y:60px;opacity:0;}
	70%  {background-position-x:-400px; background-size: 900px 120px; background-position-y:20px;opacity:1;}
    100% {background-position-x:0px; background-size: 900px 40px; background-position-y:60px;opacity:0;}
}*/

@-webkit-keyframes gearprincipal-rotacion {
    0%   {-webkit-transform: rotate(0deg)}
    100% {-webkit-transform: rotate(45deg)}
}
@-webkit-keyframes head-start { 
	0%   {background-position-x:-650px; background-size: 900px 5px; background-position-y:70px;}
	50% {background-position-x:-780px; background-size: 900px 30px; background-position-y:60px;}
    100% {background-position-x:-900px; background-size: 900px 120px; background-position-y:25px;}
}
@-webkit-keyframes energy-bg {
    0%   {background-position-x:0px; background-size: 900px 120px; background-position-y:25px;}
	40%  {background-position-x:-800px; background-size: 1250px 30px; background-position-y:65px;}
    100% {background-position-x:-900px; background-size: 900px 120px; background-position-y:25px;}
}
@-webkit-keyframes energy {
    0%   {background-position-x:-70px; background-size: 900px 40px; background-position-y:55px;opacity:0;}
	40%  {background-position-x:-450px; background-size: 1350px 120px; background-position-y:20px;opacity:1;}
    100% {background-position-x:-970px; background-size: 1900px 40px; background-position-y:55px;opacity:0;}
}
@-webkit-keyframes energy2 {
	0%   {background-position-x:-800px; background-size: 1450px 180px; background-position-y:0px;opacity:0;}
    50%  {background-position-x:-900px; background-size: 900px 40px; background-position-y:55px;opacity:1;}
    50.001%  {background-position-x:0px; background-size: 900px 40px; background-position-y:55px;opacity:1;}
	100%  {background-position-x:-600px; background-size: 1050px 330px; background-position-y:-70px;opacity:0;}
}
@-webkit-keyframes brillo {
	0%   {    box-shadow: 0 0 10px 4px rgba(66, 183, 234, 1);}
    50%  {    box-shadow: 0 0 40px 0px rgba(66, 183, 234, 1);}
	100%  {   box-shadow: 0 0 10px 4px rgba(66, 183, 234, 1);}
}
/* Standard syntax */
@keyframes gearprincipal-rotacion {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(45deg);}
}
@keyframes head-start { 
	0%   {background-position-x:-650px; background-size: 900px 5px; background-position-y:70px;}
	50% {background-position-x:-780px; background-size: 900px 30px; background-position-y:60px;}
    100% {background-position-x:-900px; background-size: 900px 120px; background-position-y:25px;}
}
@keyframes energy-bg {
    0%   {background-position-x:0px; background-size: 900px 120px; background-position-y:25px;}
	40%  {background-position-x:-800px; background-size: 1250px 30px; background-position-y:65px;}
    100% {background-position-x:-900px; background-size: 900px 120px; background-position-y:25px;}
}
@keyframes energy {
	0% {background-position-x:-970px; background-size: 1900px 80px; background-position-y:28px;opacity:0.8;animation-timing-function:ease}
    30%   {background-position-x:-70px; background-size: 900px 80px; background-position-y:28px;opacity:0.5;animation-timing-function:cubic-bezier(0.35, 0.07, 0.51, 0.24)}
	60%  {background-position-x:-500px; background-size: 1350px 200px; background-position-y:-20px;opacity:0.8;animation-timing-function:cubic-bezier(0.7, 0.69, 0.16, 1)}
	90%  {opacity:0.8;animation-timing-function:ease-in-out}
	100% {background-position-x:-970px; background-size: 1900px 80px; background-position-y:28px;opacity:0.8;animation-timing-function:ease}
    
    
}
@keyframes energy2 {
	0%   {background-position-x:-400px; background-size: 1950px 30px; background-position-y:35px;opacity:0;animation-timing-function:cubic-bezier(0.37, 0.64, 0.51, 0.24)}
	10%   {background-position-x:-300px; background-size: 1450px 200px; background-position-y:-20px;opacity:0.4;animation-timing-function:cubic-bezier(0.37, 0.64, 0.51, 0.24)}
   	70%  {background-position-x:-900px; background-size: 900px 90px; background-position-y:26px;opacity:1;animation-timing-function:cubic-bezier(0.7, 0.69, 0.16, 1)}
    70.001%  {background-position-x:0px; background-size: 900px 90px; background-position-y:26px;opacity:1;animation-timing-function:cubic-bezier(0.7, 0.69, 0.91, 0.91)}
	100%  {background-position-x:-700px; background-size: 1050px 400px; background-position-y:-90px;opacity:0;animation-timing-function:ease-in}
}
@keyframes brillo {
	0%   {    box-shadow: 0 0 10px 4px rgba(66, 183, 234, 1);}
    50%  {    box-shadow: 0 0 40px 0px rgba(66, 183, 234, 1);}
	100%  {   box-shadow: 0 0 10px 4px rgba(66, 183, 234, 1);}
}
@media screen and (min-width: 1050px) {
	#flashcontent {
    
transform: scale(1.5);
    
margin-bottom: 210px;
    
width: 640px;
 }
}

@media screen and (max-width: 760px) {
	.container.promo {
		
padding-top: 340px;
    background-size: 190%;
	}
#flashcontent {
    
transform: scale(0.8);
    
margin-bottom:-60px;
}
.flashgame{
	display:none;
	width: 0;
	max-width: 0;
}
.menu a {
   padding: 10px 17px 6px;
}
	.content .row.game .info{
	
width: 90%;
	
margin: 40px 0px 0px 5%;
	
left: 0px;
	
padding: 30px 10%;
	
z-index: 1;
	
border-bottom: none;
	
box-shadow: none;
	
border-radius: 3px 3px 0 0;
	
border-color: #f3f3f3;
	
height: 260px;
	}
  .content .row.game {
    border-radius: 0px 0px 0px 0px;
    border-width: 0px 0px 0px 30px;
    /* border-color: #eaf1f3; */
    /* border-style: dashed; */
    background: #f3f3f3;
    left: 0;
    margin: 0px 0px 90px 0px;
    padding: 0;
    border: 0px;
    left: 0px;
  }
  .content .row.game:hover {
    border-width: 0px 0px 0px 0px;
    /* border-color: #128e9826; */
    left: 0px;
    margin-right: 0px;
    padding: 0px;
  }
  .content .row .game-img:before {
    /* transform: skewX(-6.5deg); */
    /* transform-origin: top; */
    /* width: 40px; */
    /* background: #fff; */
  }
  .content .row .game-img {
   border-radius:0px;
   width: 90%;
   left: 5%;
   border: 10px solid #f3f3f3;
   border-top: none;
   box-shadow: 0 3px 30px 0px #22405435;
  }
  .menu {
    background-size: 140% 100%;
    background-position:50% 50%;
  }
  .content .row.game:before {

top: -20px;

left: 1%;

width: 98%;

height: 410px;

z-index: 0;

}
	.content .row.game:hover:before {

top: -20px;

left: 1%;

width: 98%;

}
}