﻿/*Jackpot Right*/  
 @media (min-width: 500px) and (max-width: 801px){
    .masjuegos {
        height: 135px !important;           
    }
    .juego_n3 img, .juego_n2 img, .juego_n3 video {

        max-height: 135px !important; 
          
    }

    .juego_n3, .masjuegos, .juego_n2 {
        margin: 31px 6px 10px !important;     
    }

    .juego_n3:hover .juego_on, .juego_n2:hover .juego_on  {
        margin: -134px 0 0 0;
        height: 135px;
    }
    .juego_n1 img {
        max-height:500px;
    }

    .juego_n1 {
        height: 500px !important;
    }
    .juego_n1 .juego_on, .juego_n1:hover .juego_on {
        height: 500px;
        margin: -500px 0 0 0 !important;
    }
}

.juegoDos{
	margin:0 auto;
	width: fit-content;
	/*margin: 0 auto;*/
	width: 499px;
	height: 133px;
	color: red;
}
.JackpotImg {
    margin-right: -13px;
    margin-top: -160px;
    width: 90px;
    text-align: center;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -moz-animation-name: textJackpot;
    -o-animation-name: textJackpot;
    -webkit-animation-name: textJackpot;
    animation-name: textJackpot;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    height: 27px;
    float: right;
    -moz-border-radius: 33px 0px 0px 33px;
    -webkit-border-radius: 33px 0px 0px 33px;
    border-radius: 33px 0px 0px 33px;
    background: red;
    border: 1px solid white;
    padding-bottom: 3px;
    -moz-transform: scale(0.8) rotate(0deg);
    -ms-transform: scale(0.8) rotate(0deg);
    -o-transform: scale(0.8) rotate(0deg);
    -webkit-transform: scale(0.8) rotate(0deg);
    transform: scale(0.8) rotate(0deg);
}

.textBlanco {
	color: #fff;
	margin: 0 auto;
	text-align: center;
	font-weight: 700;
	font: italic bold 18px Georgia, Serif;
	text-shadow: 1px 1px 1px red, -1px -1px 1px red, -2px -3px 1px red, 1px 1px 1px yellow, -1px -1px 25px yellow, 1px 1px 9px yellow;

}

.textRojo {
	color: white;
	margin: 0 auto;
	text-align: center;
	font-weight: 700;
	font: italic bold 16px Georgia, Serif;
	/*text-shadow: 2px 2px 1px #ffffff, -2px -2px 1px #ffffff, 2px -2px 1px #ffffff, 2px -2px 1px #ffffff, 2px -2px 25px #ffffff, 2px -2px 9px #ffffff;*/
}


@-moz-keyframes textJackpot {
    0% {
        -moz-transform: scale(0.72) rotate(180deg);
        -ms-transform: scale(0.72) rotate(180deg);
        -o-transform: scale(0.72) rotate(180deg);
        -webkit-transform: scale(0.72) rotate(180deg);
        transform: scale(0.72) rotate(180deg);
        margin-right: -13px;
    }

    10% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-right: -1px;
    }

    20% {
        -moz-transform: scale(0.72);
        -ms-transform: scale(0.72);
        -o-transform: scale(0.72);
        -webkit-transform: scale(0.72);
        transform: scale(0.72);
        margin-right: -13px;
    }

    30% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-right: -1px;
    }

    40% {
        -moz-transform: scale(0.72);
        -ms-transform: scale(0.72);
        -o-transform: scale(0.72);
        -webkit-transform: scale(0.72);
        transform: scale(0.72);
        margin-right: -13px;
    }

    50% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-right: -1px;
    }

    60% {
        -moz-transform: scale(0.72) rotate(0deg);
        -ms-transform: scale(0.72) rotate(0deg);
        -o-transform: scale(0.72) rotate(0deg);
        -webkit-transform: scale(0.72) rotate(0deg);
        transform: scale(0.72) rotate(0deg);
        margin-right: -13px;
    }

    100% {
        -moz-transform: scale(0.72) rotate(0deg);
        -ms-transform: scale(0.72) rotate(0deg);
        -o-transform: scale(0.72) rotate(0deg);
        -webkit-transform: scale(0.72) rotate(0deg);
        transform: scale(0.72) rotate(0deg);
        margin-right: -13px;
    }
}

@-ms-keyframes textJackpot {
    0% {
        -moz-transform: scale(0.72) rotate(180deg);
        -ms-transform: scale(0.72) rotate(180deg);
        -o-transform: scale(0.72) rotate(180deg);
        -webkit-transform: scale(0.72) rotate(180deg);
        transform: scale(0.72) rotate(180deg);
        margin-right: -13px;
    }

    10% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-right: -1px;
    }

    20% {
        -moz-transform: scale(0.72);
        -ms-transform: scale(0.72);
        -o-transform: scale(0.72);
        -webkit-transform: scale(0.72);
        transform: scale(0.72);
        margin-right: -13px;
    }

    30% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-right: -1px;
    }

    40% {
        -moz-transform: scale(0.72);
        -ms-transform: scale(0.72);
        -o-transform: scale(0.72);
        -webkit-transform: scale(0.72);
        transform: scale(0.72);
        margin-right: -13px;
    }

    50% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-right: -1px;
    }

    60% {
        -moz-transform: scale(0.72) rotate(0deg);
        -ms-transform: scale(0.72) rotate(0deg);
        -o-transform: scale(0.72) rotate(0deg);
        -webkit-transform: scale(0.72) rotate(0deg);
        transform: scale(0.72) rotate(0deg);
        margin-right: -13px;
    }

    100% {
        -moz-transform: scale(0.72) rotate(0deg);
        -ms-transform: scale(0.72) rotate(0deg);
        -o-transform: scale(0.72) rotate(0deg);
        -webkit-transform: scale(0.72) rotate(0deg);
        transform: scale(0.72) rotate(0deg);
        margin-right: -13px;
    }
}

@-webkit-keyframes textJackpot {
    0% {
        -moz-transform: scale(0.72) rotate(180deg);
        -ms-transform: scale(0.72) rotate(180deg);
        -o-transform: scale(0.72) rotate(180deg);
        -webkit-transform: scale(0.72) rotate(180deg);
        transform: scale(0.72) rotate(180deg);
        margin-right: -13px;
    }

    10% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-right: -1px;
    }

    20% {
        transform: scale(0.72);
            margin-right: -13px;
    }

    30% {
        transform: scale(1);
            margin-right: -1px;
    }

    40% {
        -moz-transform: scale(0.72);
        -ms-transform: scale(0.72);
        -o-transform: scale(0.72);
        -webkit-transform: scale(0.72);
        transform: scale(0.72);
        margin-right: -13px;
    }

    50% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-right: -1px;
    }

    60% {
        -moz-transform: scale(0.72) rotate(0deg);
        -ms-transform: scale(0.72) rotate(0deg);
        -o-transform: scale(0.72) rotate(0deg);
        -webkit-transform: scale(0.72) rotate(0deg);
        transform: scale(0.72) rotate(0deg);
        margin-right: -13px;
    }

    100% {
        -moz-transform: scale(0.72) rotate(0deg);
        -ms-transform: scale(0.72) rotate(0deg);
        -o-transform: scale(0.72) rotate(0deg);
        -webkit-transform: scale(0.72) rotate(0deg);
        transform: scale(0.72) rotate(0deg);
        margin-right: -13px;
    }
}

@keyframes textJackpot {
    0% {
        -moz-transform: scale(0.72) rotate(180deg);
        -ms-transform: scale(0.72) rotate(180deg);
        -o-transform: scale(0.72) rotate(180deg);
        -webkit-transform: scale(0.72) rotate(180deg);
        transform: scale(0.72) rotate(180deg);
        margin-right: -13px;
    }

    10% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-right: -1px;
    }

    20% {
        -moz-transform: scale(0.72);
        -ms-transform: scale(0.72);
        -o-transform: scale(0.72);
        -webkit-transform: scale(0.72);
        transform: scale(0.72);
        margin-right: -13px;
    }

    30% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-right: -1px;
    }

    40% {
        -moz-transform: scale(0.72);
        -ms-transform: scale(0.72);
        -o-transform: scale(0.72);
        -webkit-transform: scale(0.72);
        transform: scale(0.72);
        margin-right: -13px;
    }

    50% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-right: -1px;
    }

    60% {
        -moz-transform: scale(0.72) rotate(0deg);
        -ms-transform: scale(0.72) rotate(0deg);
        -o-transform: scale(0.72) rotate(0deg);
        -webkit-transform: scale(0.72) rotate(0deg);
        transform: scale(0.72) rotate(0deg);
        margin-right: -13px;
    }

    100% {
        -moz-transform: scale(0.72) rotate(0deg);
        -ms-transform: scale(0.72) rotate(0deg);
        -o-transform: scale(0.72) rotate(0deg);
        -webkit-transform: scale(0.72) rotate(0deg);
        transform: scale(0.72) rotate(0deg);
        margin-right: -13px;
    }
}

@media (max-width: 400px) {
    .JackpotImg {
            margin-right: -11px;
            margin-top: -116px;      
    }

    .textBlanco {
        font: italic bold 16px Georgia, Serif;
    }
}

@media (min-width: 401px) and (max-width: 499px) {
        .JackpotImg {
                margin-top: -111px;      
        }
}
