.frame, .frame-tab {
    position: relative;
    border: 0 none;
    background: none;
    margin-bottom: 0;
}
#toptb .wp, #wp .ct2.wp {
    width: 1280px;
}

#wp #pt {
    width: 1280px;
    margin: 15px auto;
}

.temp {
    margin: 0;
}

.wp, #wp {
    width: 100%;
}
.video-box{
    transform: translateY(-146px);
}
.center{
    display: flex;
    justify-content: center;
    align-content: center;
}
.slide-text{
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    height: 85%;
    color: #fff;
    font-size: 4.5rem;
    font-style: normal;
    line-height: 4rem;
    letter-spacing: 1px;
    z-index: 9;
    transform: translateY(209px);
}
.mainText{
    font-size: 2.5rem;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    z-index: 9;
    margin-top: 20px;
}
.animatedText{
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    z-index: 9;
}
@-webkit-keyframes flipInXText {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInXText {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInXText {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInXText;
    animation-name: flipInXText;
}