/*fade in*/
.fade-in {
    -webkit-animation: scale-in 0.5s ease-in 1;
    animation: scale-in 0.5s ease-in 1;
    animation-fill-mode: forwards;
    opacity: 0;
}

.fade-in-fast {
    -webkit-animation: scale-in 0.2s ease-in 1;
    animation: scale-in 0.2s ease-in 1;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes scale-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes scale-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


.slide-left-in {
    -webkit-animation: slide-left-in 0.3s ease-out 1;
    animation: slide-left-in 0.3s ease-out 1;
    animation-fill-mode: forwards;
    left:100%;
    opacity:0;
}

@keyframes slide-left-in {
    0% {
        opacity: 0;
        left:100%;
    }

    100% {
        opacity: 1;
        left:0;
    }
}

@-webkit-keyframes slide-left-in {
    0% {
        opacity: 0;
        left: 100%;
    }

    100% {
        opacity: 1;
        left: 0;
    }
}

.slide-right-in {
    -webkit-animation: slide-right-in 0.3s ease-out 1;
    animation: slide-right-in 0.3s ease-out 1;
    animation-fill-mode: forwards;
    left: -100%;
    opacity: 0;
}

@keyframes slide-right-in {
    0% {
        opacity: 0;
        left: -100%;
    }

    100% {
        opacity: 1;
        left: 0;
    }
}

@-webkit-keyframes slide-right-in {
    0% {
        opacity: 0;
        left: -100%;
    }

    100% {
        opacity: 1;
        left: 0;
    }
}


.slide-down {
    -webkit-animation: slide-down 0.3s ease-in 1;
    animation: slide-downn 0.3s ease-in 1;
    animation-fill-mode: forwards;
    top: -100%;
    opacity: 0;
}

@keyframes slide-down {
    0% {
        opacity: 0;
        top: -100%;
    }

    100% {
        opacity: 1;
        top: 0;
    }
}

@-webkit-keyframes slide-down {
    0% {
        opacity: 0;
        top: -100%;
    }

    100% {
        opacity: 1;
        top: 0;
    }
}

.pop{
    -webkit-animation: pop 0.2s ease-in 1;
    animation: pop 0.2s ease-in 1;
    animation-fill-mode: forwards;
    transform:scale(0);
    opacity: 0;
}

@keyframes pop {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes pop {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}


.exhibitor-item__tooltip-pop {
    -webkit-animation: exhibitor-item__tooltip-pop 0.275s ease-in 1;
    -moz-animation: exhibitor-item__tooltip-pop 0.275s ease-in 1;
    -o-animation: exhibitor-item__tooltip-pop 0.275s ease-in 1;
    animation: exhibitor-item__tooltip-pop 0.275s ease-in 1;
    -o-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -moz-transform: scale(0) translate(-100%, -100%);
    -ms-transform: scale(0) translate(-100%, -100%);
    -o-transform: scale(0) translate(-100%, -100%);
    -webkit-transform: scale(0) translate(-100%, -100%);
    transform: scale(0) translate(-100%, -100%);
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -moz-opacity: 0;
    opacity: 0;
}

@-moz-keyframes exhibitor-item__tooltip-pop {
    0% {
        -moz-opacity: 0;
        opacity: 0;
        -moz-transform: scale(0) translate(-100%, -100%);
        -ms-transform: scale(0) translate(-100%, -100%);
        -o-transform: scale(0) translate(-100%, -100%);
        -webkit-transform: scale(0) translate(-100%, -100%);
        transform: scale(0) translate(-100%, -100%);
    }

    100% {
        -moz-opacity: 1;
        opacity: 1;
        -moz-transform: scale(1) translate(-100%, -100%);
        -ms-transform: scale(1) translate(-100%, -100%);
        -o-transform: scale(1) translate(-100%, -100%);
        -webkit-transform: scale(1) translate(-100%, -100%);
        transform: scale(1) translate(-100%, -100%);
    }
}

@keyframes exhibitor-item__tooltip-pop {
    0% {
        -moz-opacity: 0;
        opacity: 0;
        -moz-transform: scale(0) translate(-100%, -100%);
        -ms-transform: scale(0) translate(-100%, -100%);
        -o-transform: scale(0) translate(-100%, -100%);
        -webkit-transform: scale(0) translate(-100%, -100%);
        transform: scale(0) translate(-100%, -100%);
    }

    100% {
        -moz-opacity: 1;
        opacity: 1;
        -moz-transform: scale(1) translate(-100%, -100%);
        -ms-transform: scale(1) translate(-100%, -100%);
        -o-transform: scale(1) translate(-100%, -100%);
        -webkit-transform: scale(1) translate(-100%, -100%);
        transform: scale(1) translate(-100%, -100%);
    }
}