body,
.main {
    background-color: #141d29;
}

.section {
	position: relative;
	overflow: hidden;
	height: 100vh;
	background-color: #141d29;
}

.section-inner {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background-color: #0f1723;
}

.video-wrap {
	width: 100%;
	height: 100%;
}

.video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image {
	position: relative;
	width: 100%;
	height: 100%;
}

.image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .01;
    transform: scale(1.1);
    transition: transform 4s cubic-bezier(.23,1,.32,1) 0s,opacity 4s 0s;
}

.section.active .image img {
	opacity: 1;
    transform: scale(1);
    transition: transform 4s cubic-bezier(.23,1,.32,1) .3s,opacity 4s .3s;
}

.fp-tableCell {
	overflow: hidden;
	transform: scaleX(0.87) scaleY(0.8) translateX(-2vw);
	transition: 1s cubic-bezier(.435,.01,.135,1) 0s;
}

.section.active .fp-tableCell {
	transform: scaleX(1) scaleY(1) translateX(0);
	transition: 1s cubic-bezier(.435,.01,.135,1) 0.5s;
}

.section-inner {
	transform: scaleX(1.149425) scaleY(1.25) translateX(1.7vw);
	transition: 1s cubic-bezier(.435,.01,.135,1) 0s;
}

.section.active .section-inner {
	transform: scaleX(1) scaleY(1) translateX(0);
	transition: 1s cubic-bezier(.435,.01,.135,1) 0.5s;
}

.row {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: stretch;
}

.col {
	flex-shrink: 0;
}

.col-text {
	width: 75%;
	flex-grow: 1;
	background-color: #fff;
}

.col-image {
	width: 25%;
	overflow: hidden;
	background-color: #141d29;
}

.col-image img {
	width: 100%;
	height: 100%;
	opacity: .01;
    transform: scale(1.1);
    transition: transform 4s cubic-bezier(.23,1,.32,1) 0s,opacity 4s 0s;
}

.section.active .col-image img {
	opacity: 1;
    transform: scale(1);
    transition: transform 4s cubic-bezier(.23,1,.32,1) .3s,opacity 4s .3s;
}

.section .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-60%, -50%);
    opacity: 0.1;
    transition: transform 4s cubic-bezier(.23,1,.32,1) 0s,opacity 4s 0s;
}

.section.active .logo {
	opacity: 1;
	transform: translate(-50%, -50%);
	transition: transform 4s cubic-bezier(.23,1,.32,1) .3s,opacity 4s .3s;
}