body {
  font-family: 'Good Times Rg';
  font-size: 16px;
  overflow-x: hidden;
  color: #fff;
  background: -moz-linear-gradient(0% 28.23% 0deg, #190227 0%, #1e0231 2.99%, #2a0346 11.37%, #320455 20.71%, #37045d 31.71%, #380460 48.46%, #37045d 65.99%, #320454 77.78%, #290345 87.88%, #1e0230 96.98%, #190227 100%);
  background: -webkit-linear-gradient(0deg, #190227 0%, #1e0231 2.99%, #2a0346 11.37%, #320455 20.71%, #37045d 31.71%, #380460 48.46%, #37045d 65.99%, #320454 77.78%, #290345 87.88%, #1e0230 96.98%, #190227 100%);
  background: -webkit-gradient(linear, 0% 28.23%, 100% 28.23%, color-stop(0, #190227), color-stop(0.0299, #1e0231), color-stop(0.1137, #2a0346), color-stop(0.2071, #320455), color-stop(0.3171, #37045d), color-stop(0.4846, #380460), color-stop(0.6599, #37045d), color-stop(0.7778, #320454), color-stop(0.8788, #290345), color-stop(0.9698, #1e0230), color-stop(1, #190227));
  background: -o-linear-gradient(0deg, #190227 0%, #1e0231 2.99%, #2a0346 11.37%, #320455 20.71%, #37045d 31.71%, #380460 48.46%, #37045d 65.99%, #320454 77.78%, #290345 87.88%, #1e0230 96.98%, #190227 100%);
  background: -ms-linear-gradient(0deg, #190227 0%, #1e0231 2.99%, #2a0346 11.37%, #320455 20.71%, #37045d 31.71%, #380460 48.46%, #37045d 65.99%, #320454 77.78%, #290345 87.88%, #1e0230 96.98%, #190227 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#190227', endColorstr='#190227' ,GradientType=0)";
  background: linear-gradient(90deg, #190227 0%, #1e0231 2.99%, #2a0346 11.37%, #320455 20.71%, #37045d 31.71%, #380460 48.46%, #37045d 65.99%, #320454 77.78%, #290345 87.88%, #1e0230 96.98%, #190227 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#190227', endColorstr='#190227', GradientType=1);
}
img {
  max-width: 100%;
}
.img100 {
  width: 100%;
}
button:focus {
  outline: 0;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: none;
}
header {
  background-color: #e50695;
  position: relative;
  width: 100%;
  padding: 15px 0;
  z-index: 9999;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.5);
}
header .bghead {
  position: absolute;
  width: 100%;
  bottom: -10vh;
}
header .container-fluid {
  background-image: url(../assets/images/logohead.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  min-height: 12vh;
}
header .bthead {
  height: 40px;
  margin-right: 10px;
}
header .opmenu {
  /*
        position: absolute;
        z-index: 10;
        top: 50%;
        right: 3%;
        */
  transform: translateY(-50%);
  color: #FFF;
  font-size: 1.4rem;
}
header #menu {
  display: none;
  position: absolute;
  top: 90%;
  right: 2%;
  background-color: #61e1ff;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  z-index: 10;
  font-size: 1rem;
  font-family: 'Good Times Hv';
  font-weight: 900;
  padding: 10px 20px;
}
header #menu ul {
  list-style: none;
  padding: 0;
}
header #menu ul li {
  padding: 5px 0;
}
header #menu a {
  color: #e50695;
}
footer {
  background-color: #e50695;
  padding: 15px 0;
  text-align: center;
}
footer img {
  max-height: 10vh;
}
@keyframes bgopa {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(0.98);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes rota {
  0% {
    transform: rotate(0deg);
  }
  33% {
    transform: rotate(-5deg);
  }
  66% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes shake {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }
  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }
  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }
  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }
  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }
  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}
#m2 .m-logo {
  animation: bgopa 2s linear infinite;
}
#m2 .container {
  background-image: url('../assets/images/mbg1.png');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50% 0;
}
#m2 .btblue {
  display: block;
  font-family: 'Good Times Hv';
  background-image: url('../assets/images/btblue.png');
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  padding: 50px 0;
  color: #FFF;
  font-size: 18px;
}
#m2 .btblue img {
  width: 15%;
  margin-bottom: 15px;
  animation: rota 2s linear infinite;
}
#m2 .btblue:hover {
  background-image: url('../assets/images/btread.png');
  text-decoration: none;
}
#m3 h1 {
  font-family: 'Good Times Bk';
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.75);
  text-transform: uppercase;
}
#m4 h3 {
  margin-top: 20px;
  font-size: 18px;
}
#m4 h4 {
  font-family: 'Good Times Rg';
  font-weight: bold;
  font-size: 25px;
  margin-bottom: -40px;
}
#m4 .mxp {
  position: relative;
  display: inline-block;
}
#m4 .mxp .cardper {
  position: absolute;
  left: 11%;
  top: 50%;
  transform: translateY(-50%);
  width: 83%;
}
#m5 {
  color: #c8d400;
}
#m5 h4 {
  font-family: 'Good Times Rg';
  font-weight: 400;
  font-size: 35px;
}
#m5 h5 {
  font-family: 'Good Times Hv';
  font-weight: 900;
  font-size: 25px;
  font-size: 40px;
}
#m5 .rrss {
  display: inline-block;
  width: 60px;
  margin: 10px;
}
.bgxm2 {
  background-image: url('../assets/images/bgx2.png');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50% 18%;
  padding: 0 20px;
}
#j1 .container {
  background-image: url('../assets/images/bg-sub.png');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50% 0;
}
#j1 h1 {
  font-family: 'Good Times Rg';
  font-weight: bold;
  margin: 2rem 0;
}
#j1 h2 {
  font-size: 1.8rem;
  font-family: 'Good Times Bk';
  font-weight: 400;
}
#j1 .btjuego:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
  display: block;
}
.h100 {
  min-height: 100vh;
}
.bgvid {
  background-image: url('../assets/images/bg-vid.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 7% 5% 9% 8%;
}
h1.titgame {
  font-size: 2rem;
}
#j2 {
  background: -moz-linear-gradient(0% 50% 0deg, #382460 0%, #41256b 5.37%, #4e277a 16.18%, #562982 28.93%, #582985 48.36%, #562982 68.65%, #4e2779 82.29%, #41256a 93.94%, #38245f 100%);
  background: -webkit-linear-gradient(0deg, #382460 0%, #41256b 5.37%, #4e277a 16.18%, #562982 28.93%, #582985 48.36%, #562982 68.65%, #4e2779 82.29%, #41256a 93.94%, #38245f 100%);
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, #382460), color-stop(0.0537, #41256b), color-stop(0.1618, #4e277a), color-stop(0.2893, #562982), color-stop(0.4836, #582985), color-stop(0.6865, #562982), color-stop(0.8229, #4e2779), color-stop(0.9394, #41256a), color-stop(1, #38245f));
  background: -o-linear-gradient(0deg, #382460 0%, #41256b 5.37%, #4e277a 16.18%, #562982 28.93%, #582985 48.36%, #562982 68.65%, #4e2779 82.29%, #41256a 93.94%, #38245f 100%);
  background: -ms-linear-gradient(0deg, #382460 0%, #41256b 5.37%, #4e277a 16.18%, #562982 28.93%, #582985 48.36%, #562982 68.65%, #4e2779 82.29%, #41256a 93.94%, #38245f 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#382460', endColorstr='#38245F' ,GradientType=0)";
  background: linear-gradient(90deg, #382460 0%, #41256b 5.37%, #4e277a 16.18%, #562982 28.93%, #582985 48.36%, #562982 68.65%, #4e2779 82.29%, #41256a 93.94%, #38245f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#382460', endColorstr='#38245F', GradientType=1);
}
#j3 {
  background: -moz-linear-gradient(0% 50% 0deg, #3f1236 0%, #411339 0.9%, #501a4e 9.65%, #5b1f5d 19.38%, #612265 30.87%, #632368 48.36%, #612265 66.64%, #5b1f5c 78.92%, #501a4d 89.45%, #411238 98.93%, #3f1135 100%);
  background: -webkit-linear-gradient(0deg, #3f1236 0%, #411339 0.9%, #501a4e 9.65%, #5b1f5d 19.38%, #612265 30.87%, #632368 48.36%, #612265 66.64%, #5b1f5c 78.92%, #501a4d 89.45%, #411238 98.93%, #3f1135 100%);
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, #3f1236), color-stop(0.009, #411339), color-stop(0.0965, #501a4e), color-stop(0.1938, #5b1f5d), color-stop(0.3087, #612265), color-stop(0.4836, #632368), color-stop(0.6664, #612265), color-stop(0.7892, #5b1f5c), color-stop(0.8945, #501a4d), color-stop(0.9893, #411238), color-stop(1, #3f1135));
  background: -o-linear-gradient(0deg, #3f1236 0%, #411339 0.9%, #501a4e 9.65%, #5b1f5d 19.38%, #612265 30.87%, #632368 48.36%, #612265 66.64%, #5b1f5c 78.92%, #501a4d 89.45%, #411238 98.93%, #3f1135 100%);
  background: -ms-linear-gradient(0deg, #3f1236 0%, #411339 0.9%, #501a4e 9.65%, #5b1f5d 19.38%, #612265 30.87%, #632368 48.36%, #612265 66.64%, #5b1f5c 78.92%, #501a4d 89.45%, #411238 98.93%, #3f1135 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F1236', endColorstr='#3F1135' ,GradientType=0)";
  background: linear-gradient(90deg, #3f1236 0%, #411339 0.9%, #501a4e 9.65%, #5b1f5d 19.38%, #612265 30.87%, #632368 48.36%, #612265 66.64%, #5b1f5c 78.92%, #501a4d 89.45%, #411238 98.93%, #3f1135 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F1236', endColorstr='#3F1135', GradientType=1);
}
#j4 {
  background: -moz-linear-gradient(0% 50% 0deg, #10100b 0%, #16180f 7.8%, #1e2014 23.91%, #202315 48.46%, #1e2014 74.36%, #16170f 91.77%, #10100b 100%);
  background: -webkit-linear-gradient(0deg, #10100b 0%, #16180f 7.8%, #1e2014 23.91%, #202315 48.46%, #1e2014 74.36%, #16170f 91.77%, #10100b 100%);
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, #10100b), color-stop(0.078, #16180f), color-stop(0.2391, #1e2014), color-stop(0.4846, #202315), color-stop(0.7436, #1e2014), color-stop(0.9177, #16170f), color-stop(1, #10100b));
  background: -o-linear-gradient(0deg, #10100b 0%, #16180f 7.8%, #1e2014 23.91%, #202315 48.46%, #1e2014 74.36%, #16170f 91.77%, #10100b 100%);
  background: -ms-linear-gradient(0deg, #10100b 0%, #16180f 7.8%, #1e2014 23.91%, #202315 48.46%, #1e2014 74.36%, #16170f 91.77%, #10100b 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#10100B', endColorstr='#10100B' ,GradientType=0)";
  background: linear-gradient(90deg, #10100b 0%, #16180f 7.8%, #1e2014 23.91%, #202315 48.46%, #1e2014 74.36%, #16170f 91.77%, #10100b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#10100B', endColorstr='#10100B', GradientType=1);
}
#j5 {
  background: -moz-linear-gradient(0% 50% 0deg, #011318 0%, #01141a 1%, #011f29 12.94%, #012631 27%, #012834 48.46%, #012631 71.03%, #011f28 86.19%, #011419 99.16%, #011318 100%);
  background: -webkit-linear-gradient(0deg, #011318 0%, #01141a 1%, #011f29 12.94%, #012631 27%, #012834 48.46%, #012631 71.03%, #011f28 86.19%, #011419 99.16%, #011318 100%);
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, #011318), color-stop(0.01, #01141a), color-stop(0.1294, #011f29), color-stop(0.27, #012631), color-stop(0.4846, #012834), color-stop(0.7103, #012631), color-stop(0.8619, #011f28), color-stop(0.9916, #011419), color-stop(1, #011318));
  background: -o-linear-gradient(0deg, #011318 0%, #01141a 1%, #011f29 12.94%, #012631 27%, #012834 48.46%, #012631 71.03%, #011f28 86.19%, #011419 99.16%, #011318 100%);
  background: -ms-linear-gradient(0deg, #011318 0%, #01141a 1%, #011f29 12.94%, #012631 27%, #012834 48.46%, #012631 71.03%, #011f28 86.19%, #011419 99.16%, #011318 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#011318', endColorstr='#011318' ,GradientType=0)";
  background: linear-gradient(90deg, #011318 0%, #01141a 1%, #011f29 12.94%, #012631 27%, #012834 48.46%, #012631 71.03%, #011f28 86.19%, #011419 99.16%, #011318 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#011318', endColorstr='#011318', GradientType=1);
}
#c1 .container {
  background-image: url('../assets/images/mbg1.png');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50% 0;
}
#c1 h1 {
  font-family: 'Good Times Bk';
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.75);
  text-transform: uppercase;
  padding: 20px 0;
  font-size: 3rem;
}
#c1 .bgcls {
  padding: 0 60px 60px 60px;
  background-image: url('../assets/images/cla-3.png');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50% 100%;
}
#c2 .ytbt:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
  display: block;
}
@media (min-width: 769px) {
  #m4 .owl-nav {
    width: 100%;
    right: auto;
    margin: 0;
    height: 0;
    position: absolute;
    top: 45%;
    transform: translateY(-55%);
  }
  #m4 .owl-nav button {
    display: inline-block;
  }
  #m4 .owl-nav .owl-prev {
    float: left;
    margin-left: -8%;
  }
  #m4 .owl-nav .owl-next {
    float: right;
    margin-right: -8%;
  }
  #m4 .owl-stage-outer:before,
  #m4 .owl-stage-outer:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100px;
    top: 0;
    height: 100%;
    pointer-events: none;
    /*makes the linkes behind clickable.*/
  }
  #m4 .owl-stage-outer:before {
    left: 0;
    background: linear-gradient(to right, #2e0646, rgba(46, 6, 70, 0));
  }
  #m4 .owl-stage-outer:after {
    right: 0;
    background: linear-gradient(to left, #2e0646, rgba(46, 6, 70, 0));
  }
}
@media (max-width: 768px) {
  header {
    padding: 5px 0;
  }
  header .bthead {
    display: none;
  }
  header .bghead {
    position: absolute;
    width: 100%;
    bottom: -1vh;
  }
  header .container-fluid {
    min-height: 8vh;
  }
  #m2 .btblue {
    padding: 40px 0;
    font-size: 14px;
    background-size: 99%;
  }
  #m3 h1 {
    font-size: 2rem;
  }
  #m4 .owl-nav {
    width: 100%;
    right: auto;
    position: absolute;
  }
  #m4 .owl-nav button {
    display: inline-block;
    width: 20%;
  }
  #m4 .owl-nav .owl-prev {
    float: left;
  }
  #m4 .owl-nav .owl-next {
    float: right;
  }
  #m4 h4 {
    margin: 0;
    margin-bottom: 10px;
  }
  #m4 .mxp {
    width: 90vw;
  }
}
.pop {
  width: 100%;
  position: relative;
}
.pop .per {
  position: absolute;
  top: 15%;
  left: 5%;
  width: 74%;
}
.pop .text {
  font-family: 'Avenir';
  font-size: 1vw;
  color: #FFF;
  position: absolute;
  padding: 15px;
  top: 38%;
  right: 7.5%;
  width: 38.5%;
  height: 43%;
  overflow-x: hidden;
  display: flex;
}
.pop .text::-webkit-scrollbar {
  width: 12px;
}
.pop .text::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(194, 213, 0, 0.3);
  border-radius: 10px;
}
.pop .text::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(194, 213, 0, 0.8);
}
.pop .botones {
  position: absolute;
  bottom: 2vh;
  right: 0;
}
.pop .botones a {
  display: inline-block;
  width: 10vw;
}
.pop .botones a.bt2 {
  margin-left: -2vw;
}
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
#cboxOverlay {
  background: #000;
  opacity: 0;
}
#colorbox {
  outline: 0;
}
#cboxContent {
  margin-top: 20px;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxTitle {
  position: absolute;
  top: -20px;
  left: 0;
  color: #ccc;
}
#cboxCurrent {
  position: absolute;
  top: -20px;
  right: 0px;
  color: #ccc;
}
#cboxLoadingGraphic {
  background: url(images/loading.gif) no-repeat center center;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}
#cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff;
}
#cboxPrevious {
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -32px;
  background: url(images/controls.png) no-repeat top left;
  width: 28px;
  height: 65px;
  text-indent: -9999px;
}
#cboxPrevious:hover {
  background-position: bottom left;
}
#cboxNext {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -32px;
  background: url(images/controls.png) no-repeat top right;
  width: 28px;
  height: 65px;
  text-indent: -9999px;
}
#cboxNext:hover {
  background-position: bottom right;
}
#cboxClose {
  position: absolute;
  top: 7%;
  right: 6%;
  display: block;
  background-size: contain;
  width: 6%;
}
#cboxClose img {
  width: auto;
  position: relative;
  display: inline-block;
}
@media (max-width: 768px) {
  #cboxClose {
    top: 1.2%;
  }
  .pop .per {
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    width: 85%;
  }
  .pop .text {
    top: 70.5%;
    font-size: 1.2vh;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 18%;
    display: inline-block;
  }
  .pop .botones {
    bottom: -2vh;
    right: 0;
  }
  .pop .botones a {
    display: inline-block;
    width: 22vw;
  }
  .pop .botones a.bt2 {
    margin-left: -2vw;
  }
}