@font-face {
    font-family: 'eurostile';
    src: url('https://www.mundovideo.com.co/assets/gifs2020/fonts/EurostileRegular.eot');
    src: url('https://www.mundovideo.com.co/assets/gifs2020/fonts/EurostileRegular.eot?#iefix') format('embedded-opentype'),
         url('https://www.mundovideo.com.co/assets/gifs2020/fonts/EurostileRegular.woff2') format('woff2'),
         url('https://www.mundovideo.com.co/assets/gifs2020/fonts/EurostileRegular.woff') format('woff'),
         url('https://www.mundovideo.com.co/assets/gifs2020/fonts/EurostileRegular.ttf') format('truetype'),
         url('https://www.mundovideo.com.co/assets/gifs2020/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;}

.contenedor{
  width: 100%;
  display: block;
  top:0;
  position: absolute;
  cursor: pointer;
}
.texto-principal{text-align: right;}
.back_main{
  z-index: -4;
  width: 100%;
  background: #e7530e;
  background: -moz-linear-gradient(45deg,  #e7530e 0%, #fcbf2b 100%);
  background: -webkit-linear-gradient(45deg,  #e7530e 0%,#fcbf2b 100%);
  background: linear-gradient(45deg,  #e7530e 0%,#fcbf2b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7530e', endColorstr='#fcbf2b',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/multigame-static.png); width: 303px; height: 404px; background-position: center; background-size: contain;background-repeat:no-repeat; display: block;margin: auto;}
.mpk-static{z-index: -1;background-image: url(../img/multigame-static.png); width: 70%;background-position: left bottom; background-size: contain; display: block; background-repeat:no-repeat; top:0;left:0;;position: absolute;}
.call_action{color:#000000; background-color:#ffd107;font-size:0.8em; }
.mvcall_action{color:#000000; background-color:#ffffff;font-size:0.8em; }
.mpk-anim{z-index: -2;width:100%; height: 100%;top:0;position: absolute;opacity: 1;

}

@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 2.3s both;animation:fade-out 1s ease-out 2.3s 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.5s both;animation:puff-in-center .7s cubic-bezier(.47,0.000,.745,.715) 4.5s 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}}

.scale-in-center{-webkit-animation:scale-in-center .5s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-center .5s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}

.swing-in-top-fwd{-webkit-animation:swing-in-top-fwd .5s cubic-bezier(.175,.885,.32,1.275) both;animation:swing-in-top-fwd .5s cubic-bezier(.175,.885,.32,1.275) both}
@-webkit-keyframes swing-in-top-fwd{0%{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:top;transform-origin:top;opacity:1}}@keyframes swing-in-top-fwd{0%{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:top;transform-origin:top;opacity:1}}

.slide-in-elliptic-top-fwd{-webkit-animation:slide-in-elliptic-top-fwd 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-elliptic-top-fwd 1s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes slide-in-elliptic-top-fwd{0%{-webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);transform:translateY(-600px) rotateX(-30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;opacity:0}100%{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 1400px;transform-origin:50% 1400px;opacity:1}}@keyframes slide-in-elliptic-top-fwd{0%{-webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);transform:translateY(-600px) rotateX(-30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;opacity:0}100%{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 1400px;transform-origin:50% 1400px;opacity:1}}

@media only screen and (min-width: 420px) {
  .texto-principal{width:50%;}
}