@font-face {
    font-family: 'dinregular';
    src: url('http://multipokerseries.com/fonts/din-regular/din-regular-webfont.eot');
    src: url('http://multipokerseries.com/fonts/din-regular/din-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://multipokerseries.com/fonts/din-regular/din-regular-webfont.woff2') format('woff2'),
         url('http://multipokerseries.com/fonts/din-regular/din-regular-webfont.woff') format('woff'),
         url('http://multipokerseries.com/fonts/din-regular/din-regular-webfont.ttf') format('truetype'),
         url('http://multipokerseries.com/fonts/din-regular/din-regular-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'dinbold';
    src: url('http://multipokerseries.com/fonts/din-bold/din_bold-webfont.eot');
    src: url('http://multipokerseries.com/fonts/din-bold/din_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://multipokerseries.com/fonts/din-bold/din_bold-webfont.woff2') format('woff2'),
         url('http://multipokerseries.com/fonts/din-bold/din_bold-webfont.woff') format('woff'),
         url('http://multipokerseries.com/fonts/din-bold/din_bold-webfont.ttf') format('truetype'),
         url('http://multipokerseries.com/fonts/din-bold/din_bold-webfont.svg#dinbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

/*@font-face {
    font-family: 'prototype';
    src: url('../fonts/Prototype.eot');
    src: url('../fonts/Prototype.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Prototype.woff2') format('woff2'),
         url('../fonts/Prototype.woff') format('woff'),
         url('../fonts/Prototype.ttf') format('truetype'),
         url('../fonts/Prototype.svg#prototype') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

body{
	color:#000;
	font-family: 'dinbold';
	background:rgb(43,43,43);
	overflow:hidden;
	/*background-color:rgb(43,43,43);
	background-image:url(../img/pattern.jpg);
	background-repeat:repeat;*/
	margin:0;
}

#mobileBack{
    width: 100%;
    height: 300px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.container_video{
	width:100%;
	height:100%;
	margin:0;
	background-color:rgb(43,43,43);
	background-image:url(../img/pattern.jpg);
	background-repeat:repeat;
	position:absolute;
	display:block;
	z-index:9999;
}

.container_video video {
	display:block;
	top: 0;
	bottom: 0;
  /* Make video to at least 100% wide and tall */
	min-width: 100%;
	min-height: 100%;
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
	width: 100%;
	height: auto;

  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
	overflow: hidden;
  z-index:99;
}

.rotate-hor-center {
	-webkit-animation: rotate-hor-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	animation: rotate-hor-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
  -webkit-animation: pulsate-bck 0.5s ease-in-out 0.8s infinite both;
  animation: pulsate-bck 0.5s ease-in-out 0.8s infinite both;
  /*-webkit-animation: flicker-1 2s infinite both;
	animation: flicker-1 2s infinite both;*/
}

@-webkit-keyframes rotate-hor-center {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(-360deg);
            transform: rotateX(-360deg);
  }
}
@keyframes rotate-hor-center {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(-360deg);
            transform: rotateX(-360deg);
  }
}

@-webkit-keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1.07);
            transform: scale(1.07);
            border-color: #ffc;
            box-shadow: 0 2px 30px rgba(255,235,124,0.7);
  }
  50% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
            border-color: #fcd500;
            box-shadow: 0 0px 0px rgba(255,225,255,0);
  }
  100% {
    -webkit-transform: scale(1.07);
            transform: scale(1.07);
            border-color: #ffc;
            box-shadow: 0 2px 30px rgba(255,235,124,0.7);
  }
}
@keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1.07);
            transform: scale(1.07);
            border-color: #ffc;
            box-shadow: 0 2px 30px rgba(255,235,124,0.7);
  }
  50% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
            border-color: #fcd500;
            box-shadow: 0 0px 0px rgba(255,225,255,0);
  }
  100% {
    -webkit-transform: scale(1.07);
            transform: scale(1.07);
            border-color: #ffc;
            box-shadow: 0 2px 30px rgba(255,235,124,0.7);
  }
}

/**
 * ----------------------------------------
 * animation flicker-1
 * ----------------------------------------
 */
@-webkit-keyframes flicker-1 {
  0%,
  100% {
    opacity: 1;
  }
  41.99% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  43.01% {
    opacity: 1;
  }
  47.99% {
    opacity: 1;
  }
  48% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  49.01% {
    opacity: 1;
  }
}
@keyframes flicker-1 {
  0%,
  100% {
    opacity: 1;
  }
  41.99% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  43.01% {
    opacity: 1;
  }
  47.99% {
    opacity: 1;
  }
  48% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  49.01% {
    opacity: 1;
  }
}


#mobileBack {
	display:block;
	top: 0;
	bottom: 0;
  /* Make video to at least 100% wide and tall */
	min-width: 100%;
	min-height: 100%;
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
	width: 100%;
	height: auto;

  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
	overflow: hidden;
}

.message_celbtn {
background: -webkit-repeating-linear-gradient(top,#ffffff,#ffe479, #ed8b00, #faba3e,#ffffff,#ffe479, #ed8b00, #faba3e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
/*color:#ffe347;
text-shadow: 1px 1px 1px #fd9501,
        1px 2px 1px #da5c00,
        1px 3px 1px #b43b00,
        1px 4px 1px #912200,
        1px 5px 1px #701d14,
    1px 12px 6px rgba(0,0,0,0.4),
    1px 16px 10px rgba(0,0,0,0.2),
    1px 20px 35px rgba(0,0,0,0.2),
    1px 24px 60px rgba(0,0,0,0.4);*/
/*-webkit-text-stroke-width: 0.5px;
-webkit-text-stroke-color: #000000;*/
text-shadow: 1px 3px 6px rgba(0, 3px, 0, 0.4),
1px 6px 6px rgba(0,0,0,0.4),
1px 10px 10px rgba(0,0,0,0.2),
1px 16px 35px rgba(0,0,0,0.2),
1px 22px 60px rgba(0,0,0,0.4);
-webkit-animation: tracking-in-expand 0.7s both;
	        animation: tracking-in-expand 0.7s both;
}

@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

.message-container{padding: 1em; border:1px #ffc solid; background: rgba(0,0,0,0.5);width: 80%;margin: 1em auto;
  text-transform: uppercase;
  /* antialiasing */
  outline: 1px solid transparent;
  -webkit-backface-visibility: hidden;
  translateZ(0);
  will-change: transform;
  -webkit-perspective: 1000;
}
/*animation message*/
.messagediv{
  color:#ffc;
  -webkit-animation: bounce-top 0.9s both;
  	        animation: bounce-top 0.9s both;
}

@-webkit-keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}
@keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}

/*End animation message*/
.tjp1 {
	/*width:984px;
    height:133px;*/
    max-width: 984px;
	background-image:url(../img/JP1-bar.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
    /*border-top: 7px solid #ffecb2;
    border-bottom:7px solid #c3872c;
    background-image:
        linear-gradient(#ffecb2, #c3872c),
        linear-gradient(#ffecb2, #c3872c)
    ;
    background-size:7px 100%;
    background-position:0 0, 100% 0;
    background-repeat:no-repeat;*/
}
.tjp2 {
	/*width:912px;
    height:122px;*/
    max-width: 912px;;
	background-image:url(../img/JP2-bar.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	/*width:93%;
    border-top: 7px solid #cecece;
    border-bottom:7px solid #8a8a8a;
    background-image:
        linear-gradient(#cecece, #8a8a8a),
        linear-gradient(#cecece, #8a8a8a)
    ;
    background-size:7px 100%;
    background-position:0 0, 100% 0;
    background-repeat:no-repeat;
	background-color:rgba(0,0,0,0.5);*/
}
.tjp3 {
	/*width:802px;
    height:122px;*/
    max-width: 802px;
	background-image:url(../img/JP3-bar.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	/*width:83%;
    border-top: 7px solid #f0ca98;
    border-bottom:7px solid #5b2c0c;
    background-image:
        linear-gradient(#f0ca98, #5b2c0c),
        linear-gradient(#f0ca98, #5b2c0c)
    ;
    background-size:7px 100%;
    background-position:0 0, 100% 0;
    background-repeat:no-repeat;
	background-color:rgba(0,0,0,0.5);*/
}
.tjp4 {
	/*width:742px;
    height:122px;*/
    max-width: 742px;
	background-image:url(../img/JP4-bar.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	/*width:73%;
    border-top: 7px solid #f4d0a1;
    border-bottom:7px solid #5f2801;
    background-image:
        linear-gradient(#f4d0a1, #5f2801),
        linear-gradient(#f4d0a1, #5f2801)
    ;
    background-size:7px 100%;
    background-position:0 0, 100% 0;
    background-repeat:no-repeat;
	background-color:rgba(0,0,0,0.5);*/
}

.odometer,.pesos1,.pesos2,.pesos3,.pesos4 {
  font-size: 4em;
}
.odometer1, .odometer2,.odometer3,.odometer4{
	float:left;
}
.odometer1, .pesos1{color:#fff;}
.odometer2, .pesos2{color:#ffefbb;}
.odometer3, .pesos3{color:#fde056;}
.odometer4, .pesos4{color:#f9cf00;}

/*confetti animation*/
#confetti{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index:999;
}

h1{text-align:center;}
.sign{
	font-size:4em;
	padding:0 0.4em 0 0;
	text-transform:uppercase;
	font-family: 'dinregular';
}
.pesos1, .pesos2,.pesos3,.pesos4{
	padding:0;
	text-transform:uppercase;
	margin-left:1em;
	margin-right:0.3em;
}
.space{
	clear:both;
	float:none;
	position:relative;
	display:block;
	min-height:1em;
}

.container{
	position:absolute;
	display:block;
	width:100%;
    z-index: 999;
    padding: 10px 0;
    font-size: 1em;
    /*line-height: 1.4em;*/
	display: block;
	/*margin:auto;*/
}

.texto{
	clear:both;
	text-align:center;
	bottom:5px;
	width:100%;
	font-family: 'dinregular';
	color:#FFC;
	margin:auto;
}
.megajackpot-logo{
    display: block;
    width: 35%;
    height: auto;
}
table{border-spacing: 0px;}
#real{text-align:center; }
.num-container{padding: .7em 10px;}
@media only screen and (max-width: 600px) {
    .odometer,.pesos1,.pesos2,.pesos3,.pesos4 {
        font-size: 1em;
    }
    .num-container{padding: .3em 10px;}
    .megajackpot-logo{
        /*display: none;*/
        width: 28%;
    }
}
@media only screen and (min-width: 600px) {
    .odometer,.pesos1,.pesos2,.pesos3,.pesos4 {
        font-size: 2.7em;
    }
    .megajackpot-logo{
        /*display: none;*/
        width: 28%;
    }

}