/*----------------------Popup----------------------*/
.popup {
    z-index: 10;
    -webkit-transform: translate3d(0,0,0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: var(--transitionOut) 1s;
    -moz-transition: var(--transitionOut) 1s;
    -o-transition: var(--transitionOut) 1s;
    -ms-transition: var(--transitionOut) 1s;
    transition: var(--transitionOut) 1s;
    position: absolute;
}

    .popup:before {
        margin: 0 auto;
        -webkit-align-self: center;
        align-self: center;
        -ms-flex-item-align: center;
        display: block;
        content: '';
        width: 0;
        height: 0;
        position: relative;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #313131;
    }

/*----------------------End Popup----------------------*/