@font-face {
    font-family: 'eurostile';
    src: url('https://www.mundovideo.com.co/assets/gifs2020/multipoker/fonts/EurostileRegular.eot');
    src: url('https://www.mundovideo.com.co/assets/gifs2020/multipoker/fonts/EurostileRegular.eot?#iefix') format('embedded-opentype'),
         url('https://www.mundovideo.com.co/assets/gifs2020/multipoker/fonts/EurostileRegular.woff2') format('woff2'),
         url('https://www.mundovideo.com.co/assets/gifs2020/multipoker/fonts/EurostileRegular.woff') format('woff'),
         url('https://www.mundovideo.com.co/assets/gifs2020/multipoker/fonts/EurostileRegular.ttf') format('truetype'),
         url('https://www.mundovideo.com.co/assets/gifs2020/multipoker/fonts/EurostileRegular.svg#EurostileRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{font-family: 'eurostile';background: #707070;}
a{color:#000000;}
a:hover{text-decoration: none;}
a:active{color:#000000;}
.texto-principal{text-align: left;}
.contenedor{
  width: 100%;
  display: block;
  top:0;
  position: absolute;
  cursor: pointer;
}
.back_main{
  z-index: -4;
  width: 100%;
	background: #707070;
  background: -moz-radial-gradient(center, ellipse cover,  #707070 0%, #000000 70%);
  background: -webkit-radial-gradient(center, ellipse cover,  #707070 0%,#000000 70%);
  background: radial-gradient(ellipse at center,  #707070 0%,#000000 70%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#000000',GradientType=1 );
  background-repeat: no-repeat;
  background-size: contain;
  top:0;position: absolute;
}
.first-back{	background: #131313;z-index: -3;width:100%; height: 100%;top:0;position: absolute;opacity: 1;}
.img-mpk1{background-image: url(../img/mpk.jpg); width: 322px; height: 750px; background-position: center top; background-size: contain; display: block; margin: auto;}
.mpk-static{z-index: -1;background-image: url(../img/mpk-static.png); width: 70%;background-position: right bottom; background-size: contain; display: block; background-repeat: no-repeat;top:0;right:5px;;position: absolute;}
.call_action{color:#000000; background-color:#ffd107;font-size:1rem; }
.mvcall_action{color:#000000; background-color:#ffffff;font-size:.8rem; }
.mpk-anim{z-index: -2;width:100%; height: 100%;top:0;position: absolute;/*clip-path: inset(0 0 0 0)*/;opacity: 1;
  animation: animationImg ease-out 5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationImg ease-out 5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
  -moz-animation: animationImg ease-out 5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationImg ease-out 5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationImg ease-out 5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationImg{  0% {    transform:  translate(0px,-110%)  ;  }  100% {    transform:  translate(0px,100%)  ;  }}
@-moz-keyframes animationImg{  0% {    -moz-transform:  translate(0px,-100%)  ;  }  100% {    -moz-transform:  translate(0px,100%)  ;  }}
@-webkit-keyframes animationImg {  0% {    -webkit-transform:  translate(0px,-110%)  ;  }  100% {    -webkit-transform:  translate(0px,100%)  ;  }}
@-o-keyframes animationImg {  0% {   -o-transform:  translate(0px,-100%)  ;  }  100% { -o-transform:  translate(0px,100%)  ;  }}
@-ms-keyframes animationImg {  0% {-ms-transform:  translate(0px,-100%)  ; }  100% {-ms-transform:  translate(0px,100%)  ;  }}

.fade-in-start{-webkit-animation:fade-in 2s ease-in-out both;animation:fade-in 2s ease-in-out both}
@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}

.fade-in{-webkit-animation:fade-in 1.2s ease-in-out 3s both;animation:fade-in 1.2s ease-in-out 3s both}
@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}

.fade-out{-webkit-animation:fade-out 1s ease-out 4.2s both;animation:fade-out 1s ease-out 4.2s both}
@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}

.slide-in-fwd-center{-webkit-animation:slide-in-fwd-center .4s cubic-bezier(.25,.46,.45,.94) 2s both;animation:slide-in-fwd-center .4s cubic-bezier(.25,.46,.45,.94) 2s both}
@-webkit-keyframes slide-in-fwd-center{0%{-webkit-transform:translateZ(-1400px);transform:translateZ(-1400px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes slide-in-fwd-center{0%{-webkit-transform:translateZ(-1400px);transform:translateZ(-1400px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}

.bounce-in-top{-webkit-animation:bounce-in-top 1.1s 3.5s both;animation:bounce-in-top 1.1s 3.5s both}
@-webkit-keyframes bounce-in-top{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(-65px);transform:translateY(-65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(-28px);transform:translateY(-28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes bounce-in-top{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(-65px);transform:translateY(-65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(-28px);transform:translateY(-28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}

.puff-in-center{-webkit-animation:puff-in-center .7s cubic-bezier(.47,0.000,.745,.715) 4.8s both;animation:puff-in-center .7s cubic-bezier(.47,0.000,.745,.715) 4.8s both}
@-webkit-keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(2px);filter:blur(2px);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(2px);filter:blur(2px);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}

.fade-in-bottom{-webkit-animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) 4s both;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) 4s both}
@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}

@media only screen and (min-width: 420px) {
  .texto-principal{text-align: center;}
}