@font-face {
  font-family: CardenioModernBold;
  src: url(fonts/CardenioModern-Bold.ttf) format("truetype");
}
body {
    margin: 0px;
    font-family: CardenioModernBold;
}

button:focus, input:focus, div:focus { outline: none; }

.site-giro {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100vw;
    z-index: 999;
    display: none;
}

.section-view {
    position: relative;
    top: 0vw;
    height: 100vh;
    overflow: hidden;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top center;
    display: none;
}

.section-view-over {
    position: absolute;
    top: 2.6vw;
    width: 89vw;
    height: 39.9vw;
    border-radius: 1.5vw;
    left: 5.5vw;
    background-color: #fff;
    z-index: 1;
    opacity: 0;
    display: none;
}

.preloader {
    position: relative;
    top: 0vw;
    height: 100vh;
    overflow: hidden;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(../images/preloader/bg.png);
}
.preloader-logo {
    position: absolute;
    top: 8vw;
    left: 50%;
    width: 30.4204vw;
    margin-left: -15.2102vw;
}
.loader-bg {
    position: absolute;
    top: 28.6vw;
    left: 50%;
    width: 28.404vw;
    margin-left: -14.202vw;
}
.loader-progress {
    background-color: #ffe600;
    position: absolute;
    top: 29vw;
    width: 3vw;
    height: 2.7vw;
    left: 50%;
    margin-left: -13.7vw;
    border-radius: 1.4vw;
}

.splash-destello {
    position: absolute;
    top: 2vw;
    width: 54.286vw;
    left: 50%;
    margin-left: -27.143vw;
}
.splash-confeti {
    position: absolute;
    top: 2vw;
    width: 69.034vw;
    left: 50%;
    margin-left: -34.517vw;
}
.splash-logo {
    position: absolute;
    top: 4vw;
    width: 27.101vw;
    left: 50%;
    margin-left: -13.5505vw;
}
.splash-per-1 {
    position: absolute;
    top: 23.5vw;
    width: 22.101vw;
    left: 9vw;
}
.splash-per-2 {
    position: absolute;
    top: 19vw;
    width: 21.513vw;
    right: 9vw;
}
.splash-play {
    position: absolute;
    top: 33.6vw;
    left: 50%;
    width: 8.3195vw;
    margin-left: -3vw;
    cursor: pointer;
}
.splash-help {
    position: absolute;
    top: 2vw;
    right: 10.6vw;
    width: 4.328vw;
    cursor: pointer;
}

.album-view {
    background-image: url(../images/bg.png);
}
.album-2-view {
    background-image: url(../images/bg.png);
}
.album-3-view {
    background-image: url(../images/bg.png);
}
.album-bg-view {
    background-image: url(../images/bg.png);
}
.splash-view {
    background-image: url(../images/splash/bg.png);
}
.avatar-view {
    background-image: url(../images/bg.png);
}
.team-view {
    background-image: url(../images/bg.png);
}
.games-view {
    background-image: url(../images/bg.png);
}
.logo {
    position: absolute;
    top: 1vw;
    left: 2vw;
    width: 11.303vw;
    z-index: 8;
    display: none;
    cursor: pointer;
}
.menu-btn {
    position: absolute;
    top: 1vw;
    right: 2vw;
    width: 4.202vw;
    cursor: pointer;
    z-index: 8;
    display: none;
}
.menu-sticker-btn {
    position: absolute;
    top: 0.5vw;
    left: 16vw;
    width: 14.958vw;
    cursor: pointer;
    z-index: 8;
    display: none;
}
.menu-team-btn {
    position: absolute;
    top: 1.3vw;
    right: 31.8vw;
    width: 15.3362vw;
    cursor: pointer;
    z-index: 8;
    display: none;
}
.menu-games-btn {
    position: absolute;
    top: 1.3vw;
    left: 33vw;
    width: 15.5463vw;
    cursor: pointer;
    z-index: 8;
    display: none;
}
.menu-user {
    position: absolute;
    top: 1vw;
    z-index: 8;
    right: 12vw;
    width: 17.6471vw;
    display: none;
    cursor: pointer;
}

.menu-help-btn {
    position: absolute;
    top: 1vw;
    z-index: 8;
    right: 7vw;
    width: 4.328vw;
    display: none;
    cursor: pointer;
}
.menu-user-bg {
    position: absolute;
    top: 0vw;
    left: 0vw;
    width: 17.6471vw;
}
.menu-user-img {
    position: absolute;
    top: 0vw;
    width: 6.5vw;
    right: 0vw;
}
.menu-user-name {
    position: absolute;
    top: 2.5vw;
    left: 0.5vw;
    font-size: 2.3vw;
    font-family: 'CardenioModernBold';
    color: #43384b;
    width: 11vw;
    text-align: center;
}
.menu {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: #000000b3;
    display: none;
}
.menu-bg {
    position: absolute;
    top: 5vw;
    left: 50%;
    width: 57.6051vw;
    margin-left: -28.80255vw;
}
.menu-close {
    position: absolute;
    top: 4vw;
    right: 20.3vw;
    width: 4.202vw;
    cursor: pointer;
}
.menu-items {
    position: absolute;
    top: 8vw;
    width: 57vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    left: 50%;
    margin-left: -27.5vw;
}
.menu-items div {
    width: 21vw;
}
.menu-items img {
    cursor: pointer;
}
.menu-1 img {
    width: 17.6051vw;
}
.menu-2 img {
    width: 20.3782vw;
}
.menu-3 img {
    width: 20.3362vw;
}
.menu-4 {
    margin-top: 1vw;
}
.menu-4 img {
    width: 20.7564vw;
}
.menu-5 img {
    width: 18.0253vw;
}
.menu-6 {
    display: flex;
    justify-content: space-evenly;
}
.menu-mute {
    width: 5.2105vw;
    height: min-intrinsic;
}
.menu-sound {
    width: 5.2105vw;
    height: min-intrinsic;
}

.album-anim-bg {
    width: 100%;
    position: absolute;
    z-index: 1;
}
.album-bg {
    position: absolute;
    z-index: 0;
    top: 2.6vw;
    width: 89.37vw;
    left: 50%;
    margin-left: -44.683vw;
    display: none;
}
.album-left {
    position: absolute;
    top: 20vw;
    left: 3vw;
    width: 3.404vw;
    cursor: pointer;
    z-index: 1;
    display: none;
}
.album-right {
    position: absolute;
    top: 20vw;
    right: 3vw;
    width: 3.404vw;
    cursor: pointer;
    z-index: 1;
    display: none;
}
.stickers-left {
    position: absolute;
    width: 40vw;
    height: 32.5vw;
    top: 10vw;
    left: 50%;
    margin-left: -42.5vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.sticker-item {
    position: relative;
}
.sticker-item-anim {
    position: absolute;
    top: -30%;
    left: -30%;
    z-index: 9;
    width: 19.6474vw;
    opacity: 0.75;
}
.sticker-img {
    width: 12.143vw;
}
.sticker-num {
    position: absolute;
    top: 12vw;
    right: -0.4vw;
}
.sticker-num span {
    color: #fff;
    font-family: 'CardenioModernBold';
    font-size: 2vw;
    position: absolute;
    line-height: 3.5vw;
    width: 100%;
    text-align: center;
}
.stickers-right {
    position: absolute;
    width: 12vw;
    height: 32.5vw;
    top: 10vw;
    left: 50%;
    margin-left: 0vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.sticker-multi {
    position: absolute;
    width: 26vw;
    height: 32.5vw;
    top: 10vw;
    left: 50%;
    margin-left: 13vw;
}
.sticker-multi2 {
    position: absolute;
    width: 26vw;
    height: 32.5vw;
    top: 10vw;
    left: 50%;
    margin-left: -42vw;
    display: none;
}
.sticker-multi3 {
    position: absolute;
    width: 26vw;
    height: 32.5vw;
    top: 10vw;
    left: 50%;
    margin-left: -42vw;
}
.stickers-left-2 {
    position: absolute;
    width: 12vw;
    height: 32.5vw;
    top: 10vw;
    left: 50%;
    margin-left: -15.4vw;
    display: none;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.stickers-right-2 {
    position: absolute;
    width: 40vw;
    height: 32.5vw;
    top: 10vw;
    left: 50%;
    margin-left: 2.3vw;
    display: none;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.sticker-multi-content {
    position: absolute;
    top: 0.6vw;
    left: 0.3vw;
    width: 25vw;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.sticker-multi-content img {
    width: 12.45vw;
    height: min-intrinsic;
    visibility: hidden;
}
.sticker-multi-img {
    width: 25.6305vw;
}
.sticker-multi .sticker-num, .sticker-multi2 .sticker-num, .sticker-multi3 .sticker-num {
    top: 28.5vw;
    right: 0vw;
}
.sticker-multi-btn {
    position: absolute;
    top: 25.7vw;
    left: 50%;
    margin-left: -5.7vw;
    cursor: pointer;
}
.sticker-multi-btn img {
    width: 11vw;
}
.sticker-multi-btn span {
    color: #2c4e54;
    font-family: 'CardenioModernBold';
    font-size: 1.1vw;
    position: absolute;
    line-height: 2vw;
    width: 2vw;
    text-align: center;
    top: 2.6vw;
    left: 9vw;
    display: none;
}
.sticker-num-bg {
    width: 3.572vw;
}
.avatar-bg {
    position: absolute;
    z-index: 0;
    top: 2.6vw;
    width: 89.496vw;
    left: 50%;
    margin-left: -44.748vw;
}
.avatar-img {
    position: absolute;
    top: 8vw;
    left: 50%;
    margin-left: -31vw;
    width: 18.0673vw;
}
.avatar-name-bg {
    position: absolute;
    top: 0vw;
    left: 0vw;
    width: 15.7143vw;
}
.avatar-name {
    position: absolute;
    top: 0.8vw;
    left: 0vw;
    margin-left: 0vw;
    font-size: 2.5vw;
    line-height: 2.9vw;
    font-family: 'CardenioModernBold';
    color: #43384b;
    width: 15vw;
    text-align: center;
}
.anim-stars {
    position: absolute;
    z-index: 1;
    width: 13.2353vw;
    top: -2vw;
    left: 1vw;
    display: none;
}
.team-anim-stars {
    position: absolute;
    z-index: 1;
    width: 13.2353vw;
    top: -1.5vw;
    left: -1.6vw;
    display: none;
}
.avatar-name-content {
    position: absolute;
    top: 27vw;
    left: 50%;
    margin-left: -30vw;
    width: 17vw;
}
.avatar-name-edit-btn {
    position: absolute;
    cursor: pointer;
    width: 2.437vw;
    top: 0vw;
    right: 0vw;
}
#avatar_name {
    position: absolute;
    font-size: 2vw;
    font-family: 'CardenioModernBold';
    color: #43384b;
    width: 13.5vw;
    top: 1vw;
    left: 0.5vw;
    text-align: center;
    display: none;
}
.avatar-save-btn {
    position: absolute;
    width: 9.034vw;
    top: 32vw;
    left: 50%;
    margin-left: -27vw;
    cursor: pointer;
}
.avatar-elige {
    position: absolute;
    width: 20.4205vw;
    top: 37vw;
    left: 50%;
    margin-left: -32vw;
}
.avatar-options {
    position: absolute;
    width: 38vw;
    display: flex;
    flex-wrap: wrap;
    top: 12.5vw;
    left: 50%;
    margin-left: 2.2vw;
    justify-content: flex-start;
}
.avatar-thumb {
    position: relative;
    cursor: pointer;
    margin-left: 1.2vw;
}
.avatar-num {
    position: absolute;
    top: 7.6vw;
    left: 8vw;
    width: 3.656vw;
    display: none;
}
.avatar-num span {
    position: absolute;
    top: 0vw;
    font-size: 1.8vw;
    font-family: 'CardenioModernBold';
    color: #fff;
    left: 0vw;
    width: 3.6vw;
    line-height: 3.6vw;
    text-align: center;
}
.avatar-pages {
    position: absolute;
    top: 37vw;
    left: 50%;
    margin-left: 16vw;
}
.avatar-pages-bg {
    width: 9.118vw;
}
.avatar-pages-left {
    position: absolute;
    left: 1.5vw;
    top: 0.65vw;
    width: 1.933vw;
    cursor: pointer;
}
.avatar-pages-right {
    position: absolute;
    left: 5.5vw;
    top: 0.65vw;
    width: 1.933vw;
    cursor: pointer;
}
.avatar-left {
    position: absolute;
    top: 20vw;
    left: 3vw;
    width: 3.404vw;
    cursor: pointer;
}
.avatar-right {
    position: absolute;
    top: 20vw;
    right: 3vw;
    width: 3.404vw;
    cursor: pointer;
}
.avatar-thumb .img {
    width: 11.051vw;
}
.avatar-num img {
    width: 3.656vw;
}

.popup-fin {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: #000000b3;
    display: none;
}
.popup-fin-bg {
    position: absolute;
    top: 2vw;
    left: 50%;
    width: 70.0842vw;
    margin-left: -35.0421vw;
}
.popup-fin-close {
    position: absolute;
    top: 3vw;
    left: 50%;
    margin-left: 24vw;
    width: 5.209vw;
    z-index: 1;
    cursor: pointer;
}
.popup-fin-download {
    position: absolute;
    top: 38vw;
    left: 50%;
    margin-left: -5vw;
    width: 10.5883vw;
    z-index: 1;
    cursor: pointer;
}
.popup-fin-replay {
    position: absolute;
    top: 34vw;
    left: 50%;
    margin-left: 19vw;
    width: 5.209vw;
    z-index: 1;
    cursor: pointer;
}

.popup-package {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: #000000b3;
    display: none;
}
.popup-package-bg {
    position: absolute;
    top: 2vw;
    left: 50%;
    width: 29.496vw;
    margin-left: -14.748vw;
}
.popup-package-play {
    position: absolute;
    top: 38.2vw;
    width: 6.471vw;
    left: 50%;
    margin-left: -3.2355vw;
    cursor: pointer;
    z-index: 100;
}
.popup-package-item {
    position: absolute;
    top: 13.5vw;
    left: 50%;
    width: 18.95vw;
    margin-left: -9.475vw;
    cursor: pointer;
}
.popup-package-itemopen {
    position: absolute;
    top: 3.3vw;
    left: 50%;
    margin-left: -18.5vw;
    width: 43.0253vw;
    display: none;
    z-index: 1;
}
.popup-package-itemopenst {
    position: absolute;
    top: 3.3vw;
    left: 50%;
    margin-left: -18.5vw;
    width: 43.0253vw;
    display: none;
    z-index: 1;
}
.popup-package-items {
    position: absolute;
    top: 12vw;
    left: 50%;
    width: 30vw;
    margin-left: -15.5vw;
    z-index: 0;
}
.popup-package-items img {
    position: absolute;
    width: 7vw;
    top: 12vw;
    left: 12vw;
}

.gamehelp-popup {
    position: absolute;
    top: 0;
    bottom: -8vw;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: #000000e6;
    display: none;
}
.gamehelp-bg {
    position: absolute;
    top: 2vw;
    left: 50%;
    width: 55.94vw;
    margin-left: -27.97vw;
}
.gamehelp-popup-close {
    position: absolute;
    left: 50%;
    top: 3.5vw;
    margin-left: 23vw;
    width: 5.209vw;
    z-index: 1;
    cursor: pointer;
}
.help-content {
    position: absolute;
    width: 41.261vw;
    height: 30.6vw;
    overflow: hidden;
    top: 8vw;
    left: 50%;
    margin-left: -20.7vw;
}
.help-items {
    display: flex;
}

.help-item img {
    width: 41.261vw;
}
.helpbullets {
    position: absolute;
    width: 30vw;
    left: 50%;
    margin-left: -15vw;
    top: 40vw;
    display: flex;
    justify-content: center;
}
.helpbullets .bullet {
    background-color: #3a2e43;
    width: 1.2vw;
    height: 1.2vw;
    margin: 0 0.3vw;
    border-radius: 50%;
}
.helpbullets .bullet-selected {
    background-color: #f2db09;
}

.help-popup {
    position: absolute;
    top: 0;
    bottom: -8vw;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: #000000e6;
    display: none;
}
.help-popup video {
    position: absolute;
    top: 2.5vw;
    width: 90vw;
    height: 40.5vw;
    left: 50%;
    margin-left: -45vw;
}
.help-popup-close {
    position: absolute;
    top: 0.5vw;
    right: 0.5vw;
    width: 5.209vw;
    z-index: 1;
    cursor: pointer;
}

.popup-package-list {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: #000000b3;
    display: none;
}
.popup-package-list-bg {
    position: absolute;
    top: 2vw;
    left: 50%;
    width: 29.244vw;
    margin-left: -14.1vw;
}
.popup-package-list-close {
    position: absolute;
    top: 10.5vw;
    left: 50%;
    margin-left: 11.5vw;
    width: 5.209vw;
}
.popup-package-list-viewer {
    position: absolute;
    top: 15vw;
    left: 50%;
    margin-left: -9.8vw;
    overflow: hidden;
    width: 20vw;
    height: 25vw;
}
.popup-package-list-items {
    display: flex;
    justify-content: flex-start;
}
.popup-package-list-item {
    width: 20vw;
    height: 20vw;
    margin: 0 2vw;
    position: relative;
}
.popup-package-list-item img {
    width: max-content;
    max-width: 16vw;
    height: 20vw;
    max-height: 20vw;
    margin: 0 auto;
    display: block;
    object-fit: contain;
}
.itemnum {
    color: #fff;
    font-family: 'CardenioModernBold';
    font-size: 2vw;
    position: absolute;
    line-height: 3.5vw;
    width: 100%;
    text-align: center;
    background-color: #d22355;
    border-radius: 50%;
    width: 3.572vw;
    height: 3.572vw;
    top: 16.5vw;
    position: absolute;
    left: 13vw;
}
.popup-left {
    position: absolute;
    left: 50%;
    top: 22vw;
    margin-left: -13vw;
    width: 3.2774vw;
    cursor: pointer;
}
.popup-right {
    position: absolute;
    left: 50%;
    top: 22vw;
    margin-left: 10.2vw;
    width: 3.2774vw;
    cursor: pointer;
}
.bullets {
    position: absolute;
    width: 30vw;
    left: 50%;
    margin-left: -15vw;
    top: 36vw;
    display: flex;
    justify-content: center;
}
.bullets .bullet {
    background-color: #d22355;
    width: 1.2vw;
    height: 1.2vw;
    margin: 0 0.3vw;
    border-radius: 50%;
}
.bullets .bullet-selected {
    background-color: #3a2e43;
}

.popup-packageopen {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: #000000b3;
    display: none;
}
.popup-packageopen-bg {
    position: absolute;
    top: 12vw;
    left: 50%;
    width: 29.496vw;
    margin-left: -14.748vw;
}
.popup-packageopen-close {
    position: absolute;
    top: 21.2vw;
    width: 4.202vw;
    left: 50%;
    margin-left: 11.7vw;
    cursor: pointer;
}

.popup-hidden {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background-color: #000000b3;
    display: none;
    overflow: hidden;
}

.popup-hidden-bg {
    position: absolute;
    top: 2vw;
    left: 50%;
    width: 29.412vw;
    margin-left: -14.706vw;
}
.popup-hidden-play {
    position: absolute;
    top: 38.2vw;
    width: 6.471vw;
    left: 50%;
    margin-left: -3.2355vw;
    cursor: pointer;
}
.popup-hidden-item {
    position: absolute;
    top: 16vw;
    left: 50%;
    width: 17.311vw;
    margin-left: -8.6555vw;
}
.popup-hidden-cover {
    position: absolute;
    /* top: 16vw;
    left: 50%; */
    width: 17%;
    height: 45%;
    top: 2.2vw;
    /* margin-left: -8.6555vw; */
    background-color: transparent;
    border-radius: 1vw;
    z-index: 1;
    display: none;

    transform: translate(244%,70%);

    overflow: hidden;
}
.popup-hidden-cover img {
    width: 100%;
}

/* .popup-hidden-cover span
{
    position: absolute;

    width: 50px;
    height: 50px;
    border-radius: 50%;

    background-size: 18.311vw 22.3vw;
    background-position: 30.1% 41.5%;
    background-attachment: fixed;
    pointer-events: none;

    top:-50%;
    left: -50%;
    transform: translate(-50%,-50%);
} */

.popup-verde {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background-color: #000000b3;
    display: none;
}
.popup-verde-bg {
    position: absolute;
    top: 1vw;
    left: 50%;
    width: 45.5042vw;
    margin-left: -22.7521vw;
}
.popup-verde-play {
    position: absolute;
    top: 37.8vw;
    width: 6.471vw;
    left: 50%;
    margin-left: -3.2355vw;
    cursor: pointer;
}
.popup-verde-item {
    position: absolute;
    top: 14.1vw;
    left: 50%;
    width: 16vw;
    margin-left: -8vw;
}
.popup-verde-text {
    position: absolute;
    top: 33.2vw;
    left: 50%;
    width: 17.8152vw;
    margin-left: -8.9076vw;
}

.popup-roja {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background-color: #000000b3;
    display: none;
}
.popup-roja-bg {
    position: absolute;
    top: 1vw;
    left: 50%;
    width: 45.5042vw;
    margin-left: -22.7521vw;
}
.popup-roja-play {
    position: absolute;
    top: 37.8vw;
    width: 6.471vw;
    left: 50%;
    margin-left: -3.2355vw;
    cursor: pointer;
}
.popup-roja-item {
    position: absolute;
    top: 14.1vw;
    left: 50%;
    width: 16vw;
    margin-left: -8vw;
}
.popup-roja-text {
    position: absolute;
    top: 33.2vw;
    left: 50%;
    width: 17.8152vw;
    margin-left: -8.9076vw;
}
.popup-game {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background-color: #000000b3;
    display: none;
}
.popup-game-bg {
    position: absolute;
    top: 4vw;
    left: 50%;
    width: 79.244vw;
    margin-left: -39.622vw;
}
.popup-game-close {
    position: absolute;
    top: 2.8vw;
    width: 5vw;
    left: 50%;
    margin-left: 36vw;
    cursor: pointer;
}
.popup-game-vs {
    position: absolute;
    top: 38vw;
    left: 50%;
    width: 7.185vw;
    margin-left: -3.5925vw;
    display: none;
}
.popup-game-iframe {
    position: relative;
    top: 7.9vw;
    left: 50%;
    width: 71vw;
    height: 32vw;
    margin-left: -35.8vw;
    overflow: hidden;
    border-radius: 1.3vw;
}
.popup-game-iframe iframe{
    width: 100%;
    border: none;
    height: 100vh;
}
.team-bg {
    position: absolute;
    z-index: 0;
    top: 2.6vw;
    width: 89.37vw;
    left: 50%;
    margin-left: -44.683vw;
}
.team-name {
    position: absolute;
    top: 10.2vw;
    left: 50%;
    margin-left: -15vw;
    z-index: 1000;
}
.team_name-bg {
    width: 10.0421vw;
}
.team-name-edit-btn {
    position: absolute;
    cursor: pointer;
    width: 2.437vw;
    top: -0.6vw;
    right: -1vw;
    z-index: 1000;
}
.team-name-txt {
    position: absolute;
    top: 2.7vw;
    left: 0.2vw;
    font-size: 1.6vw;
    font-family: 'CardenioModernBold';
    color: #43384b;
    width: 9.6vw;
    text-align: center;
}
#team_name {
    position: absolute;
    font-size: 1.4vw;
    font-family: 'CardenioModernBold';
    color: #43384b;
    width: 9vw;
    top: 2.6vw;
    left: 0.3vw;
    text-align: center;
    display: none;
}
.team-save-btn {
    position: absolute;
    width: 9.034vw;
    top: 15.3vw;
    left: 50%;
    margin-left: -14.8vw;
    cursor: pointer;
    z-index: 1000;
}
.team-drop-area-hover {
    border: dotted 0.2vw #fff !important;
}
.team-drop-area-1 {
    left: 48%;
    top: 8vw;
}
.team-drop-area-2 {
    left: 40%;
    top: 19.5vw;
}
.team-drop-area-3 {
    left: 48%;
    top: 19.5vw;
}
.team-drop-area-4 {
    left: 56%;
    top: 19.5vw;
}
.team-drop-area-5 {
    left: 48%;
    top: 31vw;
}

.team-drop
{
    position: absolute;
    border: dotted 0.2vw #32b761;
    border-radius: 0.5vw;
    width: 6.5vw;
    height: 11vw;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999 !important;
}

.ui-draggable {
    z-index: 99;
}
.team-player {
    display: none;
    width: 6.471vw;
}
/* .team-player-1 {
    position: absolute;
    top: 0vw;
    left: 0vw;
    width: 6.471vw;
}
.team-player-2 {
    position: absolute;
    top: 0vw;
    left: 0vw;
    width: 6.471vw;
}
.team-player-3 {
    position: absolute;
    top: 0vw;
    left: 0vw;
}
.team-player-4 {
    position: absolute;
    top: 0vw;
    left: 0vw;
    width: 6.471vw;
}
.team-player-5 {
    position: absolute;
    top: 0vw;
    left: 0vw;
    width: 6.471vw;
} */
.jugadores {
    position: absolute;
    top: 14vw;
    left: 50%;
    margin-left: 16vw;
}
.jugadores-pages {
    position: absolute;
    top: 36vw;
    left: 50%;
    margin-left: 23.6vw;
}
.jugadores-pages-bg {
    width: 9.118vw;
}
.jugadores-pages-left {
    position: absolute;
    left: 1.5vw;
    top: 0.65vw;
    width: 1.933vw;
    cursor: pointer;
}
.jugadores-pages-right {
    position: absolute;
    left: 5.5vw;
    top: 0.65vw;
    width: 1.933vw;
    cursor: pointer;
}
.jugadores-bg {
    width: 23.95vw;
}
.jugador-thumb {
    margin-right: 1vw;
    cursor: pointer;
}
.jugador-thumb img {
    width: 8.5vw;
}

.jugador-thumb-2 {
    /* margin-right: 1vw; */
    cursor: pointer;
}

.jugadores-options {
    position: absolute;
    top: 6vw;
    left: 2vw;
    width: 20vw;
    overflow: hidden;
}
.jugadores-options-items {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.games-back {
    position: absolute;
    top: 1vw;
    left: 2vw;
    width: 4.916vw;
    cursor: pointer;
}
.games-title {
    position: absolute;
    top: 3vw;
    left: 50%;
    width: 32.227vw;
    margin-left: -16.1135vw;
}
.games-1 {
    position: absolute;
    top: 13vw;
    left: 50%;
    width: 22.185vw;
    margin-left: -38vw;
}
.games-2 {
    position: absolute;
    top: 13vw;
    left: 50%;
    width: 22.185vw;
    margin-left: -11vw;
}
.games-3 {
    position: absolute;
    top: 13vw;
    left: 50%;
    width: 22.185vw;
    margin-left: 16vw;
}
.games-play-1 {
    position: absolute;
    top: 35.5vw;
    left: 50%;
    width: 7.227vw;
    margin-left: -30.4vw;
}
.games-play-2 {
    position: absolute;
    top: 35.5vw;
    left: 50%;
    width: 7.227vw;
    margin-left: -3.7vw;
}
.games-play-3 {
    position: absolute;
    top: 35.5vw;
    left: 50%;
    width: 7.227vw;
    margin-left: 23.6vw;
    cursor: pointer;
}

@media only screen 
   and (orientation: landscape) {
    .section-view {
        background-size: cover;
        background-position: center center;
    }
    .splash-play {
        top: 70vh;
    }
}

@media only screen 
   and (orientation: portrait) {
    .site-giro {
        display: block;
    }
}