body {
    /*background-color: #e5e5f7;*/
    /*opacity: 0.8;*/
    /*background-image:  linear-gradient(135deg, #444cf7 25%, transparent 25%), linear-gradient(225deg, #444cf7 25%, transparent 25%), linear-gradient(45deg, #444cf7 25%, transparent 25%), linear-gradient(315deg, #444cf7 25%, #e5e5f7 25%);*/
    /*background-position:  10px 0, 10px 0, 0 0, 0 0;*/
    /*background-size: 10px 10px;*/
    /*background-repeat: repeat;*/
}


.has-tooltip:hover .tooltip {
    display: block;
}

.has-tooltip:hover img {
    /*border: 4px solid chartreuse;*/
    /*box-shadow: 5px 1px rgba(136, 136, 136, 2);*/
    transform: scale(1.1);
    transition: all 0.3s;
}


.has-tooltip img {
    /*width: 70px;*/
    /*height: 70px;*/
    /*background-color: black;*/
}

.bg-welcome-image {
    background-image: url('../img/bg-welcome.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.vimeo-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}
.vimeo-wrapper iframe {
    width: 100vw;
    height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    /*min-height: 100vh;*/
    min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    /*top: 50%;*/
    left: 50%;
    transform: translate(-50%, -50%);
}



.bg-login-image {
     background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0.5)), url('../img/bg-login-img.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.bg-soporte {
    background-image: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url('../img/bg-soporte.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom;
}

#Welcome-video {
    width: 26%;
    top: 25%;
}

#lobby-video {
    width: 18%;
    --tw-translate-y: -26%;
    --tw-translate-x: -12%;
}

#welcome-img {
    width: 16%;
    height: 13% ;
    --tw-translate-y: 15%;
    --tw-translate-x: 148%;
}

#welcome-img {
    --tw-rotate: 1deg;
}

#welcome-img img {
    height: 100%;
}

/*#img-hall-a {*/
/*    width: 16.2%;*/
/*    --tw-translate-x: -30%;*/
/*    --tw-translate-y: -244%;*/
/*}*/

/*#img-hall-b {*/
/*    width: 16.2%;*/
/*    --tw-translate-x: 102%;*/
/*    --tw-translate-y: -244%;*/
/*}*/

/*#left-screen {*/
/*    width: 9%;*/
/*    --tw-translate-x: -80%;*/
/*    --tw-translate-y: 79%;*/
/*}*/

/*#left-screen img {*/
/*    transform: rotate(-12deg);*/
/*}*/

/*#right-screen {*/
/*    width: 9%;*/
/*    --tw-translate-x: 30%;*/
/*    --tw-translate-y: 83%;*/
/*}*/

/*#right-screen img {*/
/*    transform: rotate(12deg);*/
/*}*/

#button-soporte {
    width: 10%;
    height: 10%;
    --tw-translate-x: -290%;
    --tw-translate-y: 170%;
}

#button-soporte a {
    display: block;
    height: 100%;
}

#button-soporte a:hover .breathing-button {
    background: #44ad2d;
}

#button-agenda {
    width: 10%;
    height: 10%;
    --tw-translate-x: -216%;
    --tw-translate-y: 50%;
}

#button-agenda button {
    display: block;
    height: 100%;
}

#button-agenda button:hover .breathing-button {
    background: #44ad2d;
}

#button-evento {
    width: 15%;
    height: 16%;
    --tw-translate-x: -15%;
    --tw-translate-y: 90%;
}

#button-evento a {
    display: block;
    height: 100%;
}

#button-evento a:hover .breathing-button {
    background: #44ad2d;
}

#button-onDemand {
    width: 10%;
    height: 10%;
    --tw-translate-x: 175%;
    --tw-translate-y: 50%;
}

#button-onDemand a {
    display: block;
    height: 100%;
}

#button-onDemand a:hover .breathing-button {
    background: #44ad2d;
}

#button-stands {
    width: 10%;
    height: 10%;
    --tw-translate-x: 246%;
    --tw-translate-y: 172%;
}

#button-stands a {
    display: block;
    height: 100%;
}
#button-stands a:hover .breathing-button {
    background: #44ad2d;
}

/*Logos welcome view*/


/*Left Logos*/
#gloadso-logo {
    width: 7%;
    --tw-translate-x: -255%;
    --tw-translate-y: 280%;
}

#gloadso-logo img {
    transform: rotate(-3deg);
}

#ey-logo {
    width: 5%;
    --tw-translate-x: -340%;
    --tw-translate-y: 240%;
}

#ey-logo img {
    transform: rotate(-5deg);
}

#aldebaran-logo {
    width: 4%;
    --tw-translate-x: -688%;
    --tw-translate-y: 680%;
}

#aldebaran-logo img {
    transform: rotate(-5deg);
}

#ab-logo {
    width: 4%;
    --tw-translate-x: -690%;
    --tw-translate-y: 320%;
}

#ab-logo img {
    transform: rotate(-5deg);
}

#imai-logo {
    width: 2.5%;
    --tw-translate-x: -805%;
    --tw-translate-y: 120%;
}

#imai-logo img {
    transform: rotate(-2deg);
}

#idc-logo {
    width: 3.5%;
    --tw-translate-x: -592%;
    --tw-translate-y: 470%;
}

#idc-logo img {
    transform: rotate(-2deg);
}




/* Right Logos */
#gp-mexico-fundacion-logo {
    width: 6%;
    --tw-translate-x: 414%;
    --tw-translate-y: 400%;
}

#gp-mexico-fundacion-logo img {
    transform: rotate(5deg);
}

#gp-mexico-logo {
    width: 6%;
    --tw-translate-x: 415%;
    --tw-translate-y: 910%;
}

#gp-mexico-logo img {
    transform: rotate(6deg);
}

#lasalle-logo {
    width: 4%;
    --tw-translate-x: 419%;
    --tw-translate-y: 360%;
}

#lasalle-logo img {
    transform: rotate(4deg);
}

#imc-logo {
    width: 3.5%;
    --tw-translate-x: 480%;
    --tw-translate-y: 580%;
}

#imc-logo img {
    transform: rotate(6deg);
}

#travel-logo {
    width: 3%;
    --tw-translate-x: 370%;
    --tw-translate-y: 420%;
}

#travel-logo img {
    transform: rotate(2deg);
}

#elegance-logo {
    width: 3%;
    --tw-translate-x: 370%;
    --tw-translate-y: 440%;
}

#elegance-logo img {
    transform: rotate(2deg);
}




/*Logos lobby*/
/*#gp-mexico-logo-lobby {*/
/*    width: 15%;*/
/*    --tw-translate-x: 48%;*/
/*    --tw-translate-y: -119%;*/
/*}*/

/*#gp-mexico-logo-lobby img{*/
/*    transform: rotate(7deg);*/
/*}*/


/*#imc-logo-lobby {*/
/*    width: 11%;*/
/*    --tw-translate-x: 81%;*/
/*    --tw-translate-y: -278%;*/
/*}*/

/*#imc-logo-lobby img{*/
/*    transform: rotate(7deg);*/
/*}*/

/*#idc-logo-lobby {*/
/*    width: 6.5%;*/
/*    --tw-translate-x: 175%;*/
/*    --tw-translate-y: -69%;*/
/*}*/

/*#elegance-logo-lobby {*/
/*    width: 6.2%;*/
/*    --tw-translate-x: 265%;*/
/*    --tw-translate-y: -101%;*/
/*}*/

/*#travel-logo-lobby {*/
/*    width: 10.6%;*/
/*    --tw-translate-x: 141%;*/
/*    --tw-translate-y: -317%;*/
/*}*/

/*#travel-logo-lobby img{*/
/*    transform: rotate(-10deg);*/
/*}*/

/*#imai-logo-lobby {*/
/*    width: 7%;*/
/*    --tw-translate-x: 183%;*/
/*    --tw-translate-y: -69%;*/
/*}*/

/*#imai-logo-lobby img {*/
/*    transform: skew(-12deg, -2deg) rotate(-10deg);*/
/*}*/


/*#lobby-right-screen {*/
/*    width: 30%;*/
/*    --tw-translate-x: 70%;*/
/*    --tw-translate-y: 16%;*/
/*}*/
/*#lobby-right-screen img{*/
/*    transform: rotate(0deg);*/
/*}*/


/*#lobby-left-screen {*/
/*    width: 30%;*/
/*    --tw-translate-x: -40%;*/
/*    --tw-translate-y: 17%;*/
/*}*/
/*#lobby-left-screen img{*/
/*    transform: rotate(0deg);*/
/*}*/

#stand-elegance {
    width: 7%;
    --tw-translate-x: -37%;
    --tw-translate-y: 216%;
}

#stand-elegance a {
    padding-bottom: 52%;
    /*transform: rotate(12deg);*/
}

#stand-imai {
    width: 6%;
    --tw-translate-x: 151%;
    --tw-translate-y: 252%;
}

#stand-imai a {
    padding-bottom: 57%;
    /*transform: rotate(12deg);*/
}

#stand-idc {
    width: 6%;
    --tw-translate-x: 142%;
    --tw-translate-y: 257%;
}

#stand-idc a {
    padding-bottom: 55%;
    /*transform: rotate(12deg);*/
}

#stand-salle {
    width: 7%;
    --tw-translate-x: -50%;
    --tw-translate-y: -8%;
}

#stand-salle a {
    padding-bottom: 50%;
    /*transform: rotate(12deg);*/
}

#stand-travel {
    width: 7%;
    --tw-translate-x: 17%;
    --tw-translate-y: 228%;
}

#stand-travel a {
    padding-bottom: 50%;
    /*transform: rotate(12deg);*/
}

#stand-global {
    width: 7%;
    --tw-translate-x: -126%;
    --tw-translate-y: -38%;
}

#stand-global a {
    padding-bottom: 50%;
    /*transform: rotate(12deg);*/
}

#stand-audit {
    width: 10%;
    --tw-translate-x: 39%;
    --tw-translate-y: -36%;
}

#stand-audit a {
    padding-bottom: 48%;
    /*transform: rotate(-12deg);*/
}

#stand-gloadso {
    width: 11%;
    --tw-translate-x: 29%;
    --tw-translate-y: -47%;
}

#stand-gloadso a {
    padding-bottom: 44%;
    /*transform: rotate(-12deg);*/
}

#stand-ey {
    width: 10%;
    --tw-translate-x: 112%;
    --tw-translate-y: -78%;
}

#stand-ey a {
    padding-bottom: 44%;
    /*transform: rotate(-12deg);*/
}

#stand-gpm {
    width: 11%;
    --tw-translate-x: -22%;
    --tw-translate-y: -55%;
}

#stand-gpm a {
    padding-bottom: 44%;
    /*transform: rotate(-12deg);*/
}

#stand-imcp {
    width: 8%;
    --tw-translate-x: 130%;
    --tw-translate-y: 52%;
}

#stand-imcp a {
    padding-bottom: 44%;
    /*transform: rotate(-12deg);*/
}

.bg-ondemand {
    background-image: url('../img/bg-ondemand.jpg');
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


/*Breathing effect dots ...*/

.breathing-button {
    /*padding: 12px;*/
    /*margin: 50px auto;*/
    /*border: 1px solid #3cc8b4;*/
    -webkit-animation: breathing 3s ease-out infinite normal;
    animation: breathing 3s linear infinite;
    /*font-family:'Lantinghei SC';*/
    /*font-size: 16px;*/
    /*background: #3cc8b4;*/
    /*color: #fff;*/
    -webkit-font-smoothing: antialiased;
    /*border-radius: 2px;*/
    /*text-align: center;*/
    background-color: #06B6D4;
    border: 2px solid transparent;
    z-index: 1 !important;
    transition: all;
}

@media screen and (max-width: 700px){

    .breathing-button {
        width: 13px;
        height: 13px;
    }
}

@keyframes breathing {
    0% {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
    }

    25% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        border: 3px solid white;
    }

    60% {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
    }

    100% {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
    }
}


/*Hot-spots stand*/

.bg-stand-general {
    /*background-image: url('../img/bg-stand.jpg');*/
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}



.url-web {
    width: 42%;
    height: 10%;
    top: 18%;
    right: 0%;

}

.video-stand {
    width: 37%;
    height: 32%;
    top: 28.5%;
    right: 14%;
}

.form-stand {
    width: 28%;
    height: 20%;
    top: 72%;
    right: 15%;
}


.pdf-stand {
    width: 19%;
    height: 43%;
    top: 44%;
    left: 12%;
}

/*------------------------------------------------*\
  Slack
\*------------------------------------------------*/
@-webkit-keyframes slack {
    from {
        transform: translate(-50%, -50%) scale(1);
    }
    to {
        transform: translate(-50%, -50%) scale(1.5);
    }
}
@keyframes slack {
    from {
        transform: translate(-50%, -50%) scale(1);
    }
    to {
        transform: translate(-50%, -50%) scale(1.5);
    }
}
.slack {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #06B6D4;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 50%;
    /*right: 0;*/
    transform: translate(-50%, -50%);
}
.slack:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    content: "";
    display: block;
    border: 4px solid #fff;
    box-shadow: inset 0 0 4px 2px rgba(0, 0, 0, 0.2), 0 0 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-animation: slack 400ms linear infinite;
    animation: slack 400ms linear infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}